@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/oswald-700-latin.woff2)format("woff2")}:root{color-scheme:light;--closure-paper:#fffdfa;--closure-blue:#0b4f6c;--closure-blue-dark:#06384d;--closure-cyan:#01baef;--closure-yellow:#f4d35e;--closure-ink-soft:#dcebf1;--closure-font-display:"Oswald", "Arial Narrow", "Roboto Condensed", sans-serif;--closure-font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--closure-blue);-webkit-text-size-adjust:100%;min-width:20rem;font-size:100%}body{min-width:20rem;min-height:100svh;color:var(--closure-paper);background:linear-gradient(118deg, transparent 0 72%, #01baef1a 72% 100%), var(--closure-blue);font-family:var(--closure-font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}::selection{color:var(--closure-blue-dark);background:var(--closure-yellow)}:focus-visible{outline:3px solid var(--closure-yellow);outline-offset:4px}.closure-skip-link{z-index:10;color:var(--closure-blue-dark);background:var(--closure-yellow);padding:.75rem 1rem;font-weight:700;text-decoration:none;position:fixed;top:1rem;left:1rem;transform:translateY(calc(-100% - 2rem))}.closure-skip-link:focus{transform:translateY(0)}.closure-shell{align-items:center;max-width:96rem;min-height:100svh;margin-inline:auto;padding:clamp(1.25rem,4vw,4.5rem);display:grid}.closure-intro{grid-template-columns:minmax(15rem,.72fr) minmax(28rem,1.4fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);display:grid}.closure-copy{z-index:1;max-width:29rem;position:relative}.closure-copy h1{color:var(--closure-paper);font-family:var(--closure-font-display);letter-spacing:-.025em;text-wrap:balance;text-transform:uppercase;margin:0;font-size:clamp(4rem,7.2vw,6rem);font-weight:700;line-height:.88}.closure-copy h1 span{color:var(--closure-yellow)}.closure-lead{color:var(--closure-paper);font-family:var(--closure-font-display);letter-spacing:-.015em;text-transform:uppercase;margin:clamp(2.25rem,4vw,3.5rem) 0 0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;line-height:1.05}.closure-note{max-width:31ch;color:var(--closure-ink-soft);margin:1.5rem 0 0;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.55}.closure-entry{margin-top:1.5rem}.closure-entry .closure-note{margin-top:0}.closure-cta{border:2px solid var(--closure-yellow);min-height:44px;color:var(--closure-blue-dark);background:var(--closure-yellow);font:700 .8125rem/1.2 var(--closure-font-body);letter-spacing:.055em;text-transform:uppercase;border-radius:2px;justify-content:space-between;align-items:center;gap:.85rem;margin-top:1.25rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.closure-cta:hover{border-color:var(--closure-paper);color:var(--closure-blue-dark);background:var(--closure-paper)}.closure-cta:active{transform:translateY(1px)}.closure-cta-arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:1.25rem;height:1.25rem;transition:transform .18s ease-out}.closure-cta:hover .closure-cta-arrow,.closure-cta:focus-visible .closure-cta-arrow{transform:translate(.3rem)}.closure-support{max-width:31ch;color:var(--closure-ink-soft);margin:1rem 0 0;font-size:1rem;line-height:1.45}.closure-date{border-top:2px solid var(--closure-cyan);color:var(--closure-paper);font-family:var(--closure-font-display);letter-spacing:.08em;text-transform:uppercase;margin:2rem 0 0;padding-top:.65rem;font-size:1rem;font-weight:700;display:inline-block}.postcard-workbench{min-width:0}.postcard{width:100%;color:var(--closure-paper);margin:0;transform:rotate(1.2deg)}.postcard-art{background:var(--closure-paper);width:100%;height:auto;display:block;box-shadow:1rem 1.5rem 3.5rem #031f2c59}.postcard figcaption{color:var(--closure-ink-soft);font-family:var(--closure-font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:1.1rem;font-size:.75rem;font-weight:700;line-height:1.3;display:flex}.postcard-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.postcard-action{border:2px solid var(--closure-yellow);min-height:44px;color:var(--closure-yellow);font:700 .8125rem/1.2 var(--closure-font-body);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:.65rem;margin:0;padding:.7rem 1rem;display:inline-flex}.postcard-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;width:1.25rem;height:1.25rem}.postcard-action--download{color:var(--closure-blue-dark);background:var(--closure-yellow)}.postcard-action:hover{color:var(--closure-blue-dark);background:var(--closure-paper);border-color:var(--closure-paper)}.postcard-action:active{transform:translateY(1px)}.postcard-action:disabled{color:var(--closure-blue-dark);background:var(--closure-ink-soft);border-color:var(--closure-ink-soft);cursor:wait}.closure-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crossing-game{border-top:2px solid var(--closure-cyan);grid-template-columns:minmax(13rem,.72fr) minmax(17rem,1.28fr);gap:1.25rem 1.75rem;margin-top:3rem;padding-top:2rem;display:grid}.crossing-copy h2{max-width:13ch;color:var(--closure-yellow);font-family:var(--closure-font-display);letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:1.75rem;line-height:1.05}.crossing-copy p{max-width:29ch;min-height:3.1em;color:var(--closure-ink-soft);margin:1rem 0 0;line-height:1.5}.crossing-stats{color:var(--closure-cyan);font:700 .75rem/1.4 var(--closure-font-body);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:.35rem 1.25rem;margin:.85rem 0 0;display:flex}.crossing-stats strong{color:var(--closure-yellow)}.crossing-stage{background:var(--closure-blue-dark);min-height:11rem;position:relative;overflow:hidden}.crossing-stage:before{background:var(--closure-cyan);content:"";height:4.25rem;position:absolute;inset:0 0 auto}.crossing-signal{z-index:2;background:var(--closure-blue-dark);grid-template-columns:1fr;justify-items:center;gap:.25rem;width:2.75rem;padding:.35rem;display:grid;position:absolute;top:.8rem;left:1rem}.crossing-light{border:2px solid var(--closure-paper);background:#274c5c;border-radius:50%;width:1.35rem;height:1.35rem;display:block}.crossing-signal-post{background:var(--closure-paper);width:.35rem;height:6.6rem;position:absolute;top:100%}.crossing-stage[data-state=waiting] .crossing-light--red,.crossing-stage[data-state=failed-early] .crossing-light--red,.crossing-stage[data-state=failed-late] .crossing-light--red{background:#e95b4d}.crossing-stage[data-state=green] .crossing-light--green,.crossing-stage[data-state=success] .crossing-light--green{background:#4bd083}.crossing-road{background:#17213c;height:6.7rem;position:absolute;inset:auto 0 0}.crossing-stripe{background:var(--closure-paper);width:13%;height:2.6rem;position:absolute;top:1.75rem;transform:skew(-18deg)}.crossing-stripe:first-child{left:26%}.crossing-stripe:nth-child(2){left:44%}.crossing-stripe:nth-child(3){left:62%}.crossing-stripe:nth-child(4){left:80%}.crossing-person{z-index:2;background-image:url(/images/ampelmann.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:4.75rem;height:5.1rem;transition:left .85s cubic-bezier(.22,1,.36,1);position:absolute;bottom:1.25rem;left:12%}.crossing-stage[data-state=success] .crossing-person{left:calc(100% - 6rem)}.crossing-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.crossing-button{border:2px solid var(--closure-yellow);min-width:9rem;min-height:44px;color:var(--closure-blue-dark);background:var(--closure-yellow);font:700 .8125rem/1.2 var(--closure-font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.7rem 1.25rem}.crossing-button:hover{border-color:var(--closure-paper);background:var(--closure-paper)}.crossing-button:active{transform:translateY(1px)}.crossing-button--cross{color:var(--closure-yellow);background:0 0}@media (width<=58rem){body{background:var(--closure-blue)}.closure-shell{align-items:start;padding-block:clamp(2.5rem,8vw,5rem)}.closure-intro{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,8vw,4.5rem)}.closure-copy{max-width:38rem}.closure-copy h1{font-size:clamp(4rem,15vw,6rem)}.postcard-workbench{width:min(100%,52rem)}.postcard{transform:none}.crossing-game{grid-template-columns:minmax(0,1fr)}.crossing-copy h2,.crossing-copy p{max-width:34rem}.crossing-actions{grid-column:auto}}@media (width<=30rem){.closure-shell{padding:2rem 1rem 2.5rem}.closure-copy h1{font-size:clamp(3.55rem,18vw,5rem)}.closure-lead{margin-top:2rem}.postcard figcaption{align-items:flex-start}.postcard figcaption span:last-child{text-align:right}.postcard-actions{grid-template-columns:minmax(0,1fr);display:grid}.postcard-action{width:100%}.crossing-game{margin-top:2.5rem;padding-top:1.5rem}.crossing-stage{min-height:10rem}.crossing-actions,.crossing-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.crossing-person,.closure-cta-arrow{transition:none}.closure-cta:hover .closure-cta-arrow,.closure-cta:focus-visible .closure-cta-arrow{transform:none}}@media print{body{color:#14181b;background:#fff}.closure-shell{min-height:auto;padding:0;display:block}.closure-intro{display:block}.closure-copy,.postcard figcaption,.crossing-game,.closure-skip-link{display:none}.postcard{transform:none}.postcard-art{box-shadow:none}}
