:root{--sky: #1f1150;--sky-mid: #3a2178;--dusk: #5a2f94;--amber: #ffb347;--sun: #ffd36a;--red: #ff3b45;--red-deep: #c4161f;--red-btn: #cf1d29;--mint: #6ee0c8;--cream: #f3ecdf;--lav: #c9c0ec;--ink: #0b0720;--panel: #1a1146;--rule: #4a3b8a;--disp: "Big Shoulders Display", "Impact", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--ease: cubic-bezier(.2, .8, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink)}body{background:var(--ink);color:var(--cream);font-family:var(--mono);font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased}img{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.scanlines{position:fixed;inset:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(rgba(0,0,0,.2) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}#boot{position:fixed;inset:0;z-index:100;background:var(--ink);display:grid;justify-items:center;align-content:center;gap:24px;transition:opacity .6s}#boot.gone{opacity:0;pointer-events:none}#boot .bmark:before{content:attr(data-word);font-family:var(--disp);font-weight:900;font-size:clamp(56px,11vw,132px);line-height:.86;letter-spacing:.02em;color:var(--cream);text-shadow:4px 0 0 var(--red),-4px 0 0 var(--mint)}#boot .bbar{width:min(360px,64vw);height:12px;border:2px solid var(--cream);padding:2px}#boot .bbar i{display:block;height:100%;width:0%;background:var(--red);transition:width .2s}#boot .bnum{font-size:12px;letter-spacing:.22em;color:var(--lav)}.hero{position:relative;height:320vh;background:var(--sky)}.hero__sticky{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;background:var(--sky)}.hero__canvas,.hero__still{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.hero__still{object-fit:cover;z-index:0}.hero__canvas{z-index:1;opacity:0;transition:opacity .5s}.hero.live .hero__canvas{opacity:1}.hero__roll{position:absolute;left:0;right:0;height:32%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);animation:roll 6s linear infinite}@keyframes roll{0%{top:-40%}to{top:110%}}.hero__grade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0b07208c,#0b072000 22% 50%,#0b0720db)}.hero__ui{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,3.2vw,40px);pointer-events:none}.hero__ui a,.hero__ui button{pointer-events:auto}.topbar{display:flex;align-items:center;gap:12px}.topbar img{width:34px;height:34px;border:2px solid var(--cream);image-rendering:pixelated}.topbar span{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:.06em}.topbar em{margin-left:auto;font-style:normal;font-size:11px;letter-spacing:.22em;color:var(--cream);text-shadow:0 1px 4px rgba(0,0,0,.8)}.topbar em b{font-weight:500;color:var(--sun)}.block{max-width:min(720px,88vw)}.eyebrow b{display:inline-block;font-family:var(--disp);font-weight:900;font-size:30px;letter-spacing:.04em;color:var(--cream);background:var(--red-btn);padding:2px 10px 0;margin-right:12px;vertical-align:middle;text-shadow:none}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.32em;color:var(--sun);margin-bottom:.6em;text-shadow:0 2px 6px rgba(0,0,0,.9)}h1.mark{line-height:0}h1.mark:before{content:attr(data-word);display:block;font-family:var(--disp);font-weight:900;font-size:clamp(96px,19vw,270px);line-height:.8;letter-spacing:.01em;color:var(--cream);text-shadow:.06em 0 0 rgba(255,59,69,.95),-.035em 0 0 rgba(110,224,200,.8),0 .045em 0 var(--ink),0 .09em .1em rgba(0,0,0,.55)}.confess{margin-top:1em;font-size:16px;line-height:1.5;max-width:36ch;color:var(--cream);text-shadow:0 2px 8px rgba(0,0,0,.9)}.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.scrollcue{position:absolute;z-index:5;left:50%;bottom:clamp(14px,2.2vw,26px);translate:-50% 0;font-size:10px;letter-spacing:.4em;color:var(--cream);text-shadow:0 1px 4px #000;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:500;font-size:14px;letter-spacing:.06em;padding:11px 16px;min-height:44px;background:#e9e3f7;color:var(--ink);border:2px solid #000;box-shadow:inset 2px 2px #fff,inset -2px -2px #8b84ad,4px 4px #00000073;transition:transform .12s var(--ease)}.btn:active{transform:translate(2px,2px);box-shadow:inset -2px -2px #fff,inset 2px 2px #8b84ad,2px 2px #00000073}.btn--buy{background:var(--red-btn);color:#fff;box-shadow:inset 2px 2px #ff8a90,inset -2px -2px #8d0d14,4px 4px #00000073}.btn svg{width:14px;height:14px;fill:currentColor}.exe{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(14px,3vw,48px);background:radial-gradient(120% 80% at 50% -10%,#7a4bb8 0%,#3a2178 42%,#160d3d 78%,var(--ink) 100%)}.exe:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 42% at 50% 6%,#ffb3474d,#ffb34700 70%)}.win{position:relative;width:min(1180px,100%);background:var(--panel);border:2px solid #000;box-shadow:inset 2px 2px #6a5cb0,inset -2px -2px #05031a,10px 10px #00000080}.winbar{display:flex;align-items:center;gap:10px;padding:8px;background:linear-gradient(90deg,var(--red-deep),var(--red) 40%,var(--amber));color:#fff}.winbar img{width:18px;height:18px}.winbar span{font-family:var(--disp);font-weight:900;font-size:16px;letter-spacing:.08em;flex:1;text-shadow:1px 1px 0 #5a0710}.winbar i{width:20px;height:20px;display:grid;place-items:center;background:#e9e3f7;color:var(--ink);font-style:normal;font-size:14px;line-height:1;border:1px solid #000}.winbody{padding:clamp(14px,2vw,24px);background:linear-gradient(180deg,#24175e,#1a1146 60%,#160e3d)}.winbody h2{font-family:var(--disp);font-weight:900;font-size:clamp(32px,4.4vw,56px);line-height:.95;letter-spacing:.03em;color:var(--sun);margin-bottom:.3em}.lead{font-size:16px;line-height:1.55;color:var(--lav);max-width:60ch;margin-bottom:20px}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(14px,2vw,28px);align-items:start}.screen{position:relative;aspect-ratio:1;background:#05031a;border:3px solid #000;box-shadow:inset 0 0 0 3px #6a5cb0;overflow:hidden;user-select:none;-webkit-user-select:none}.screen canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none;cursor:pointer}.screen .crt{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(rgba(0,0,0,.24) 0 1px,transparent 1px 3px)}.screen .roll{position:absolute;left:0;right:0;height:30%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent);animation:roll 5.4s linear infinite}.screen .tag{position:absolute;left:10px;top:10px;font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--sun);text-shadow:1px 1px 0 #000;display:flex;align-items:center;gap:6px;pointer-events:none}.screen .tag s{width:8px;height:8px;background:var(--red);border-radius:50%;animation:blink 1.1s steps(1,end) infinite}@keyframes blink{50%{opacity:.15}}.meter{position:absolute;left:10px;top:32px;font-size:12px;letter-spacing:.12em;color:var(--cream);text-shadow:1px 1px 0 #000;pointer-events:none}.meter b{font-family:var(--disp);font-weight:900;font-size:44px;line-height:1;letter-spacing:.02em;color:var(--cream);margin-right:2px}.chbtn{position:absolute;right:10px;top:10px;z-index:3;font-size:12px;font-weight:500;letter-spacing:.06em;padding:7px 11px;background:var(--amber);color:#2a1300;border:2px solid #000}.screen .foot{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:#0b0720d1;font-size:12px;letter-spacing:.06em;color:var(--cream);pointer-events:none}.hint{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(86%,380px);display:grid;justify-items:center;gap:12px;text-align:center;pointer-events:none}.hint .walk{pointer-events:auto;font-family:var(--disp);font-weight:900;font-size:40px;letter-spacing:.06em;line-height:1;padding:14px 26px 12px;background:var(--red-btn);color:#fff;border:3px solid #000;box-shadow:inset 3px 3px #ff8a90,inset -3px -3px #8d0d14,6px 6px #00000080;animation:nudge 2.4s var(--ease) infinite}@keyframes nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-5px)}90%{transform:translateY(0)}}.hint p{font-size:13px;line-height:1.5;color:var(--cream);background:#0b0720cc;padding:8px 10px;border:1px solid var(--rule)}.screen.playing .hint{display:none}.result{position:absolute;inset:0;z-index:4;display:grid;align-content:center;justify-items:center;gap:6px;text-align:center;padding:18px;background:#0b0720d6}.result .r-k{font-size:12px;font-weight:500;letter-spacing:.26em;color:var(--sun)}.result .r-m{font-size:14px;letter-spacing:.1em}.result .r-m b{font-family:var(--disp);font-weight:900;font-size:clamp(64px,12vw,104px);line-height:.9;color:var(--cream);text-shadow:4px 0 0 var(--red),-3px 0 0 var(--mint)}.result .r-line{font-size:14px;line-height:1.45;max-width:34ch;color:var(--cream)}.result .r-best{font-size:12px;letter-spacing:.08em;color:var(--lav)}.r-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.side{display:grid;gap:12px;align-content:start}.readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#000;border:2px solid #000}.readout>div,.readout .ca{background:#120b34;padding:12px;min-width:0}.readout i{display:block;font-style:normal;font-size:10px;letter-spacing:.26em;color:#b3a9de;margin-bottom:6px}.readout b{font-weight:500;font-size:16px;color:var(--sun);word-break:break-word}.readout .ca{grid-column:1 / -1;text-align:left;cursor:pointer}.readout .ca b{color:var(--mint);font-size:16px}.readout .ca em{display:block;font-style:normal;font-size:10px;letter-spacing:.2em;color:#b3a9de;margin-top:6px}.note{font-size:13px;line-height:1.5;color:var(--lav)}.mute{justify-self:start;font-size:12px;font-weight:500;letter-spacing:.14em;padding:8px 12px;border:2px solid var(--rule);color:var(--lav)}.mute[aria-pressed=true]{color:var(--sun);border-color:var(--sun)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:36px;perspective:1200px;perspective-origin:50% 40%}.grid figure{display:grid;gap:10px}.grid button{position:relative;padding:0;line-height:0;transition:transform .35s var(--ease),filter .35s;filter:drop-shadow(8px 10px 12px rgba(2,1,14,.6))}.grid img{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid #000}.grid button:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(rgba(0,0,0,.06) 0 1px,transparent 1px 3px)}.grid figure:nth-child(3n+1) button{transform:rotateY(20deg) rotateX(-5deg) translateZ(-22px)}.grid figure:nth-child(3n+2) button{transform:rotateY(-4deg) rotateX(7deg) translateZ(10px)}.grid figure:nth-child(3n+3) button{transform:rotateY(-21deg) rotateX(-3deg) translateZ(-14px)}.grid button:hover,.grid button:focus-visible{transform:rotateY(0) rotateX(0) translateZ(50px);filter:drop-shadow(0 18px 20px rgba(2,1,14,.75))}.grid figcaption{font-size:13px;line-height:1.45;color:var(--lav)}.lb{position:fixed;inset:0;z-index:95;background:#070418f2}.lb .frame{position:absolute;inset:clamp(56px,8vh,78px) clamp(58px,7vw,94px) clamp(64px,11vh,92px);display:flex;align-items:center;justify-content:center}.lb .frame img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,0,0,.75))}.lb .cap{position:absolute;left:16px;right:16px;bottom:22px;text-align:center;font-size:14px;letter-spacing:.04em;color:var(--cream)}.lb button{position:absolute;font-family:var(--mono);font-weight:500;font-size:14px;letter-spacing:.06em;padding:11px 15px;background:#e9e3f7;color:var(--ink);border:2px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #8b84ad}.lb .x{top:16px;right:18px}.lb .p{left:16px;top:50%;translate:0 -50%}.lb .n{right:16px;top:50%;translate:0 -50%}nav.links{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}nav.links a{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;letter-spacing:.06em;padding:12px 18px;background:#e9e3f7;color:var(--ink);border:2px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #8b84ad}nav.links a:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #8b84ad}nav.links a svg{width:16px;height:16px;fill:currentColor}nav.links a.buy{background:var(--red-btn);color:#fff}.tail{margin-top:20px;padding-top:12px;border-top:1px solid var(--rule);font-size:11px;letter-spacing:.2em;color:#a79dd6;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#canary{color:#a79dd6}@media(max-width:820px){.hero{height:260vh}.split{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.grid figure:nth-child(odd) button{transform:rotateY(14deg) rotateX(-4deg) translateZ(-10px)}.grid figure:nth-child(2n) button{transform:rotateY(-14deg) rotateX(3deg) translateZ(-10px)}.lb .frame{inset:52px 10px 96px}.lb .p{left:18%;top:auto;bottom:14px;translate:0 0}.lb .n{right:18%;top:auto;bottom:14px;translate:0 0}.lb .cap{bottom:70px}.hint .walk{font-size:34px}.hint p{font-size:12px}}@media(max-width:520px){.scrollcue{display:none}.eyebrow span{display:block;margin-top:8px}.confess{font-size:14px;max-width:30ch}.topbar em{font-size:10px;letter-spacing:.14em}.btn{padding:10px 12px;font-size:13px}.meter b{font-size:36px}}@media(prefers-reduced-motion:reduce){.hero__roll,.screen .roll,.hint .walk,.screen .tag s{animation:none}.grid button{transition:none}}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-vietnamese-900-normal-B_uE6zXf.woff2) format("woff2"),url(/assets/big-shoulders-display-vietnamese-900-normal-BKSkdzuv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-latin-ext-900-normal-HMld4L9H.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-ext-900-normal-DkuviPcI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/big-shoulders-display-latin-900-normal-CW8trzgu.woff2) format("woff2"),url(/assets/big-shoulders-display-latin-900-normal-DMT-1gsg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
