@font-face{font-family:"Jersey 10";src:url(/fonts/jersey-10-latin-400-normal.woff2)format("woff2");font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#0c0a17;--paper:#f5f3ed;--muted:#a7a3b8;--yellow:#f0cf54;--coral:#ef4b3f;--mint:#aedbc9;--lavender:#b9c5ee;--blue:#3355d1;--crt:#07060f;--font-display:"Jersey 10", Impact, sans-serif;--font-mono:"Space Mono", ui-monospace, Menlo, monospace;--ease:cubic-bezier(.22, .8, .3, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--paper);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit}a{color:inherit}#webgl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.is-hovering #webgl{cursor:pointer}.loader{z-index:50;background:radial-gradient(60% 50% at 50% 45%, #3f63ff2e, transparent 70%), var(--bg);transition:opacity .5s var(--ease), visibility .5s;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden}.loader__inner{text-align:center;width:min(420px,100%)}.loader__eyebrow{letter-spacing:.3em;color:var(--muted);margin:0 0 4px;font-size:12px}.loader__title{font:400 clamp(64px, 16vw, 112px)/.85 var(--font-display);letter-spacing:.02em;color:var(--paper);text-shadow:0 0 24px #ef4b3f8c;margin:0 0 28px}.loader__title span{color:var(--coral);font-size:.45em;display:block}.loader__bar{border:2px solid var(--paper);height:10px;padding:2px}.loader__fill{background:var(--yellow);width:0;height:100%;transition:width .3s}.loader__status{letter-spacing:.2em;margin:12px 0 0;font-size:12px}.loader__start{background:var(--coral);color:#fff;font:400 30px/1 var(--font-display);letter-spacing:.06em;cursor:pointer;border:0;margin-top:22px;padding:12px 26px;animation:1.2s steps(2,jump-none) infinite pulse;box-shadow:0 6px #9e2a22,0 0 30px #ef4b3f80}.loader__start:hover,.loader__start:focus-visible{background:#ff6457;outline:none}.loader__start:active{transform:translateY(4px);box-shadow:0 2px #9e2a22}.loader__hint{color:var(--muted);margin:18px 0 0;font-size:11px}@keyframes pulse{50%{opacity:.6}}.hud{z-index:10;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-start;gap:16px;transition:opacity .8s .6s;display:flex;position:fixed;top:0;left:0;right:0}body.is-started .hud{opacity:1}body.in-screen .hud__name,body.in-screen .credits{opacity:0;transition:opacity .3s}.hud__name strong{font:400 26px/1 var(--font-display);letter-spacing:.04em;display:block}.hud__name span{color:var(--muted);font-size:11px}.hud__actions{flex-shrink:0;gap:8px;display:flex}.hud__name{min-width:0}.hud__btn{white-space:nowrap}.hud__btn,.exit-btn{pointer-events:auto;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a1799;border:2px solid #f5f3edbf;padding:7px 12px;font-size:11px;font-weight:700}.hud__btn:hover,.exit-btn:hover,.hud__btn:focus-visible,.exit-btn:focus-visible{background:var(--paper);color:var(--bg);outline:none}.hint{left:50%;bottom:max(48px, calc(env(safe-area-inset-bottom) + 40px));z-index:10;letter-spacing:.14em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s, transform .5s var(--ease);background:#0c0a17a6;border:1px solid #f5f3ed33;margin:0;padding:8px 14px;font-size:12px;position:fixed;transform:translate(-50%,10px)}.hint b{color:var(--yellow);font-weight:700;animation:1s steps(2,jump-none) infinite pulse}.hint.is-visible{opacity:1;transform:translate(-50%)}.exit-btn{z-index:20;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));position:fixed}.credits{right:max(16px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:5;color:#f5f3ed73;text-align:right;margin:0;font-size:10px;position:fixed}.credits a{color:#f5f3edb3}.screen{z-index:15;transform-origin:0 0;background:var(--crt);opacity:0;visibility:hidden;will-change:transform;border-radius:14px;width:600px;height:780px;transition:opacity .35s,visibility .35s;position:fixed;top:0;left:0;overflow:hidden}.screen.is-on{opacity:1;visibility:visible;animation:crt-on .45s var(--ease)}@keyframes crt-on{0%{filter:brightness(4)saturate(0);clip-path:inset(49.5% 0)}50%{filter:brightness(2);clip-path:inset(0)}to{filter:none}}.screen__fx{pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px),radial-gradient(120% 90%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.screen__fx:after{content:"";mix-blend-mode:normal;background:radial-gradient(120% 90%,#0000 60%,#0009 100%);position:absolute;inset:0}.screen__content{overscroll-behavior:contain;text-shadow:0 0 6px #b9c5ee59;scrollbar-width:thin;scrollbar-color:var(--coral) transparent;padding:26px 30px 22px;font-size:14px;line-height:1.55;position:absolute;inset:0;overflow-y:auto}.screen__content.is-entering{animation:.28s steps(4,end) page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}body.no-webgl .screen{border-radius:0;margin:auto;inset:0;width:min(640px,100vw)!important;height:100dvh!important;transform:none!important}.topbar{letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.topbar b{color:var(--coral);font-weight:700}.topbar--back{z-index:2;background:linear-gradient(var(--crt) 75%, transparent);margin:-26px -30px 18px;padding:18px 30px 12px;position:sticky;top:-26px}.topbar--back span{color:var(--yellow);font:400 24px/1 var(--font-display);letter-spacing:.06em}.back{letter-spacing:.12em;cursor:pointer;background:0 0;border:2px solid #0000;padding:4px 8px;font-size:12px;font-weight:700}[data-nav]:focus{outline:none}[data-nav]:focus-visible,.back:focus{border-color:var(--yellow);color:var(--yellow)}.eyebrow{letter-spacing:.3em;color:var(--coral);margin:0 0 4px;font-size:12px}.title{font:400 64px/.9 var(--font-display);letter-spacing:.02em;color:var(--paper);text-shadow:0 0 18px #ef4b3f8c;margin:0}.title--sm{font-size:46px}.role{color:var(--lavender);margin:6px 0 0}.text{color:#dcd8e8}.h3{font:400 26px/1 var(--font-display);letter-spacing:.06em;color:var(--yellow);align-items:baseline;gap:10px;margin:26px 0 10px;display:flex}.h3 span{font:400 11px/1 var(--font-mono);letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.more{text-align:center;letter-spacing:.2em;color:var(--muted);margin:28px 0 0;font-size:12px}.keys{text-align:center;letter-spacing:.18em;color:#a7a3b8b3;margin:30px 0 0;font-size:10px}body.is-touch .keys{display:none}.screen.is-compact .screen__content{padding:26px 20px 22px}.screen.is-compact .topbar--back{margin:-26px -20px 18px;padding:18px 20px 12px}.screen.is-compact .title{font-size:50px}.screen.is-compact .title--sm{font-size:40px}.screen.is-compact .menu__item{font-size:28px}.screen.is-compact .timeline li{grid-template-columns:80px 1fr}.screen.is-compact .gallery{gap:6px}.blink{animation:.9s steps(2,jump-none) infinite pulse}.boot{text-align:center;place-content:center;height:100%;display:grid}.boot p{margin:0}.boot .blink{font:400 58px/1 var(--font-display);color:var(--yellow);letter-spacing:.06em}.boot__credit{letter-spacing:.3em;color:var(--muted);font-size:13px;margin-top:10px!important}.home{text-align:center}.home__photo{object-fit:cover;border:3px solid var(--paper);image-rendering:auto;width:120px;height:120px;box-shadow:0 0 0 4px var(--coral), 0 0 28px #ef4b3f80;border-radius:50%;margin:0 auto 14px;display:block}.menu{gap:6px;max-width:360px;margin:26px auto 0;display:grid}.menu__item{font:400 30px/1 var(--font-display);letter-spacing:.08em;cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;gap:12px;padding:7px 14px;text-decoration:none;display:flex;position:relative}.menu__item:before{content:"▶";color:var(--coral);opacity:0;font-size:18px;position:absolute;left:8px}.menu__item:focus,.menu__item:hover{color:var(--yellow);border-color:#f0cf5480}.menu__item:focus:before,.menu__item:hover:before{opacity:1;animation:.6s steps(2,jump-none) infinite pulse}.menu__item--link{flex-direction:column;gap:4px;padding:10px 14px}.menu__item--link span{font:700 11px/1 var(--font-mono);letter-spacing:.2em;color:var(--muted)}.menu__item--link{container-type:inline-size}.menu__item--link b{font-weight:400;font-size:min(26px, calc(92cqi / (var(--chars,10) * .62)));white-space:nowrap}.about__head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.about__head img{object-fit:cover;border:3px solid var(--coral);border-radius:50%;width:84px;height:84px}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:14px 0 0;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.facts--row{border-block:1px dashed #f5f3ed33;padding:12px 0}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:2px solid var(--lavender);color:var(--lavender);padding:4px 10px;font-size:12px}.chips--alt li{border-color:var(--mint);color:var(--mint)}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:96px 1fr;gap:12px;font-size:13px;display:grid}.timeline span{color:var(--coral);font-weight:700}.timeline small{color:var(--muted);display:block}.stages{gap:12px;margin-top:16px;display:grid}.stage{text-align:left;cursor:pointer;background:#ffffff08;border:2px solid #f5f3ed2e;grid-template-columns:1fr auto;grid-template-areas:"logo logo""num go""title go";gap:2px 12px;padding:14px;transition:border-color .15s,background .15s;display:grid}.stage:focus,.stage:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.stage__num{letter-spacing:.25em;color:var(--accent);grid-area:num;font-size:11px}.stage__title{font:400 34px/1 var(--font-display);letter-spacing:.04em;grid-area:title}.stage__go{letter-spacing:.15em;color:var(--accent);grid-area:go;align-self:center;font-size:12px;font-weight:700}.stage__logo{background:var(--paper);background-image:radial-gradient(color-mix(in srgb, var(--accent) 22%, transparent) 1px, transparent 1.5px);height:150px;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);background-size:10px 10px;grid-area:logo;place-items:center;margin-bottom:12px;padding:24px;display:grid}.stage__logo img{object-fit:contain;max-width:70%;max-height:100%;transition:transform .3s var(--ease)}.stage:focus .stage__logo img,.stage:hover .stage__logo img{transform:scale(1.06)}.stage__wordmark{font:400 52px/.9 var(--font-display);letter-spacing:.04em;text-align:center;color:var(--bg);text-shadow:3px 3px 0 var(--accent)}.project__head{align-items:center;gap:14px;display:flex}.project__logo{background:var(--paper);width:64px;height:64px;box-shadow:0 0 0 3px var(--accent);border-radius:12px;flex:none;place-items:center;padding:8px;display:grid}.project__logo img{max-width:100%;max-height:100%}.project .title{text-shadow:0 0 18px color-mix(in srgb, var(--accent) 70%, transparent)}.project .h3{color:var(--accent)}.gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gallery--wide{grid-template-columns:1fr}.tile{aspect-ratio:var(--ratio);cursor:zoom-in;background:#15121f;border:2px solid #0000;padding:0;display:block;position:relative;overflow:hidden}a.tile{cursor:pointer}.tile img,.tile video{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease);display:block}.tile:focus,.tile:hover{border-color:var(--accent)}.tile:focus img,.tile:hover img,.tile:focus video,.tile:hover video{transform:scale(1.04)}.tile__badge{background:var(--coral);color:#fff;letter-spacing:.12em;text-shadow:none;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:6px}.tile__cap{text-align:left;background:linear-gradient(#08061000,#080610eb);flex-direction:column;gap:2px;padding:28px 12px 10px;display:flex;position:absolute;inset:auto 0 0}.tile__cap b{font:400 22px/1 var(--font-display);color:var(--paper);letter-spacing:.04em}.tile__cap small{color:var(--accent);letter-spacing:.06em;font-size:11px}.tile--cap .tile__badge{bottom:10px;left:auto;right:8px}.screen.is-compact .tile__cap b{font-size:18px}.scores{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}.scores th{text-align:left;letter-spacing:.2em;color:var(--coral);padding:0 6px 8px;font-size:11px;font-weight:700}.scores td{vertical-align:top;border-top:1px dashed #f5f3ed26;padding:9px 6px}.scores td b{color:var(--yellow)}.scores small{color:var(--muted);display:block}.scores__rank{font:400 22px/1 var(--font-display);color:var(--lavender)}.scores tbody tr:first-child .scores__rank{color:var(--yellow)}.contact{text-align:center}.contact .menu{max-width:460px}.contact__continue{font:400 64px/1 var(--font-display);color:var(--yellow);letter-spacing:.04em;margin:6px 0 4px}.lightbox{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07060feb;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:56px 12px 24px;display:grid;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox__figure{grid-template-rows:1fr auto;place-items:center;gap:10px;min-width:0;height:100%;margin:0;display:grid}.lightbox__figure video{background:#000;max-width:100%;max-height:calc(100dvh - 120px);box-shadow:0 20px 60px #0009}.lightbox.is-single .lightbox__nav{visibility:hidden}.lightbox__figure img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 120px);box-shadow:0 20px 60px #0009}.lightbox__figure figcaption{letter-spacing:.14em;color:var(--muted);font-size:12px}.lightbox__close,.lightbox__nav{cursor:pointer;background:#0c0a1799;border:2px solid #f5f3ed99}.lightbox__close{width:40px;height:40px;font-size:18px;position:absolute;top:12px;right:12px}.lightbox__nav{width:44px;height:64px;font-size:32px;line-height:1}.lightbox__close:hover,.lightbox__nav:hover,.lightbox__close:focus-visible,.lightbox__nav:focus-visible{background:var(--paper);color:var(--bg);outline:none}@media (width<=640px){.hud__name strong{font-size:20px}.hud__actions{gap:6px}.hud__btn{letter-spacing:.08em;padding:6px 8px;font-size:10px}.credits{text-align:left;left:16px}body.in-screen .credits{display:none}.lightbox{grid-template-columns:1fr;padding:56px 8px 80px}.lightbox__nav{position:absolute;bottom:16px}.lightbox__nav--prev{left:calc(50% - 56px)}.lightbox__nav--next{right:calc(50% - 56px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}