:root{--asphalt:#15110e;--asphalt-2:#1d1814;--chalk:#f4ecdc;--dust:#b8a68a;--rust:#e2561d;--hazard:#ffc21a;--good:#7bc950;--line:#f4ecdc1f;--glass:#241d179e;--display:"Big Shoulders Stencil Display", Impact, "Arial Narrow", sans-serif;--text:"Big Shoulders Text", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--radius:22px;--pad:clamp(18px, 4vw, 48px);--max:1240px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{background:var(--asphalt);color:var(--chalk);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(17px,1.2vw,19px);line-height:1.45;overflow-x:clip}body:before{content:"";z-index:100;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:.005em;text-wrap:balance;margin:0;font-weight:900;line-height:.88}h3{font-size:clamp(26px,2.4vw,34px);font-weight:800}p{text-wrap:pretty;margin:0}.hot{color:var(--hazard)}:focus-visible{outline:3px solid var(--hazard);outline-offset:3px;border-radius:6px}.skip{z-index:200;background:var(--hazard);color:var(--asphalt);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--hazard);font-size:13px;font-weight:800}.btn{--bg:var(--chalk);--fg:var(--asphalt);background:var(--bg);color:var(--fg);font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:22px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.98)}.btn-hazard{--bg:repeating-linear-gradient(-45deg, #ffc21a 0 18px, #f2b10c 18px 36px);box-shadow:0 0 0 1px #ffc21a80,0 12px 40px -8px #ffc21a8c}.btn-hazard:hover{box-shadow:0 0 0 1px #ffc21ab3,0 18px 50px -6px #ffc21ab3}.btn-ghost{--bg:transparent;--fg:var(--chalk);box-shadow:inset 0 0 0 1.5px #f4ecdc59}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--chalk)}.btn-sm{padding:10px 18px;font-size:17px}.btn-lg{padding:22px 44px;font-size:clamp(24px,2.4vw,32px)}.nav{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:50;width:min(calc(100% - 24px), var(--max));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#15110e8c;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 18px;display:flex;position:fixed;left:50%;translate:-50%}.nav nav{gap:4px;display:flex}.nav nav a{color:var(--dust);border-radius:999px;padding:8px 14px;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s,background .2s}.nav nav a:hover{color:var(--chalk);background:#f4ecdc12}.nav-end{align-items:center;gap:8px;display:flex}.lang-btn{min-width:44px;height:44px;color:var(--chalk);font-family:var(--text);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:15px;font-weight:800;transition:box-shadow .2s;box-shadow:inset 0 0 0 1.5px #f4ecdc59}.lang-btn:hover{box-shadow:inset 0 0 0 1.5px var(--chalk)}.logo{font-family:var(--display);letter-spacing:.01em;align-items:center;gap:10px;font-size:26px;font-weight:900;text-decoration:none;display:inline-flex}.logo-mark{background:radial-gradient(circle at 80% 58%, var(--rust) 0 18%, transparent 19%), conic-gradient(from 200deg at 50% 100%, transparent 0 25%, var(--asphalt) 25% 32%, transparent 32%), var(--hazard);border-radius:8px;width:26px;height:26px}@media (max-width:820px){.nav nav{display:none}}@media (max-width:420px){.logo-word{display:none}}.hero{min-height:100svh;max-width:var(--max);padding:calc(120px + env(safe-area-inset-top,0px)) var(--pad) 60px;overflow-clip-margin:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px);margin:0 auto;display:grid;position:relative;overflow-x:clip}.glow{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.glow-a{background:radial-gradient(circle,#e2561d6b,#0000 70%);width:620px;height:620px;animation:14s ease-in-out infinite alternate drift;top:40px;right:-120px}.glow-b{background:radial-gradient(circle,#ffc21a38,#0000 70%);width:460px;height:460px;animation:18s ease-in-out infinite alternate-reverse drift;bottom:-40px;left:-160px}@keyframes drift{to{transform:translate(-60px,40px)scale(1.15)}}.kicker{border:1px solid var(--line);color:var(--dust);background:#f4ecdc0a;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:15px;font-weight:700;display:inline-flex}.dot{background:var(--good);border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 #7bc95099}@keyframes ping{70%{box-shadow:0 0 0 10px #7bc95000}to{box-shadow:0 0 #7bc95000}}.hero h1{text-transform:uppercase;margin:26px 0 24px;font-size:clamp(60px,7.6vw,124px);line-height:.84}.hero h1 span{animation:.8s cubic-bezier(.2,.9,.2,1) both slam;display:block}.hero h1 span:nth-child(2){animation-delay:.12s}.hero h1 span:nth-child(3){text-shadow:0 0 60px #ffc21a59;animation-delay:.24s}@keyframes slam{0%{opacity:0;filter:blur(8px);transform:translateY(40%)skewY(6deg)}}.lead{max-width:34ch;color:var(--dust);font-size:clamp(19px,1.5vw,22px)}.cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.facts{color:var(--dust);flex-wrap:wrap;gap:8px 22px;margin:28px 0 0;padding:0;font-size:15px;font-weight:700;list-style:none;display:flex}.facts li:before{content:"✓";color:var(--good);margin-right:8px}.hero-visual{aspect-ratio:16/11;perspective:1400px;position:relative}.shot{border-radius:var(--radius);transform-origin:30%;border:1px solid #f4ecdc29;margin:0;animation:1.1s cubic-bezier(.2,.9,.2,1) .2s both tilt-in;position:absolute;inset:8% 0 4% 4%;overflow:hidden;transform:rotateY(-14deg)rotateX(5deg)rotate(1deg);box-shadow:0 50px 100px -30px #000c,0 0 0 8px #f4ecdc08}.shot img{object-fit:cover;width:100%;height:100%}.shot:after{content:"";background:linear-gradient(120deg,#ffffff1f,#0000 30% 70%,#00000059);position:absolute;inset:0}@keyframes tilt-in{0%{opacity:0;transform:rotateY(-30deg)rotateX(10deg)translate(60px)}}.arc{pointer-events:none;width:108%;height:94%;position:absolute;inset:-8% -4% 14%;overflow:visible}.arc>path{fill:none;stroke:var(--hazard);stroke-width:2.5px;stroke-dasharray:2 12;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 6px #ffc21acc)}.flyer{fill:var(--chalk);stroke:var(--chalk);stroke-width:3.4px;stroke-linecap:round;filter:drop-shadow(0 4px 6px #0009)}.chip{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid #f4ecdc24;border-radius:18px;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 24px 50px -20px #000c}@keyframes float{50%{translate:0 -10px}}.chip-record{border-top:3px solid var(--hazard);padding:12px 20px 14px;top:2%;right:-2%}.chip-record small{letter-spacing:.24em;text-transform:uppercase;color:var(--hazard);font-size:12px;font-weight:800;display:block}.chip-record b{font-family:var(--display);font-size:clamp(44px,5vw,68px);line-height:.9}.chip-record i{color:var(--dust);margin-left:4px;font-size:.45em;font-style:normal}.chip-board{border-top:3px solid var(--rust);width:min(270px,52%);padding:12px 16px;animation-delay:-3s;bottom:-2%;left:-4%}.board-head{font-family:var(--display);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:20px;font-weight:800;display:flex}.board-head small{font-family:var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--dust);font-size:11px}.chip-board ol{counter-reset:r;margin:0;padding:0;list-style:none}.chip-board li{counter-increment:r;border-top:1px solid var(--line);align-items:center;gap:8px;padding:5px 0;font-size:15px;font-weight:700;display:flex}.chip-board li:before{content:counter(r);font-family:var(--display);color:var(--hazard);width:12px}.chip-board .c{background:var(--c);border-radius:50%;width:9px;height:9px}.chip-board li:first-child,.ghosts span:first-child{--c:var(--hazard);--d:0s}.chip-board li:nth-child(2),.ghosts span:nth-child(2){--c:var(--rust);--d:-1.2s}.chip-board li:nth-child(3),.ghosts span:nth-child(3){--c:var(--good);--d:-2.4s}.chip-board li b{font-family:var(--display);margin-left:auto;font-size:19px}@media (max-width:960px){.hero{padding-top:calc(100px + env(safe-area-inset-top,0px));grid-template-columns:1fr;min-height:auto}.hero-visual{margin:10px 4% 20px}}.ticker{border-block:1px solid var(--line);background:var(--hazard);color:var(--asphalt);margin:30px -20px 0;padding:14px 0;overflow:hidden;rotate:-1.5deg}.ticker-track{width:max-content;animation:32s linear infinite marquee;display:flex}.ticker span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;padding:0 22px;font-size:clamp(24px,3vw,38px);font-weight:900}.ticker span:after{content:"✦";color:var(--rust);margin-left:44px}@keyframes marquee{to{transform:translate(-50%)}}.section{max-width:var(--max);padding:clamp(80px, 11vw, 150px) var(--pad) 0;margin:0 auto}.section-head{margin-bottom:clamp(32px,4vw,56px)}.section-head h2{text-transform:uppercase;margin-top:14px;font-size:clamp(48px,7vw,104px)}.card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#f4ecdc0f,#f4ecdc04);padding:clamp(22px,2.4vw,32px);position:relative;overflow:hidden}.card p{color:var(--dust)}.card h3+p{margin-top:10px}.howto{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;display:grid}.steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps .card{grid-template-columns:auto 1fr;align-items:center;column-gap:24px;display:grid}.steps .card p{grid-column:2}.num{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px var(--hazard);grid-row:span 2;font-size:clamp(56px,6vw,84px);font-weight:900;line-height:1}.trainer{text-align:center;background:radial-gradient(120% 80% at 50% 0,#ffc21a1a,#0000 60%),linear-gradient(160deg,#f4ecdc12,#f4ecdc05);flex-direction:column;align-items:center;gap:8px;transition:border-color .3s,box-shadow .3s;display:flex}.trainer.hit{border-color:#7bc950b3;box-shadow:0 0 60px -10px #7bc95073}.trainer.miss{border-color:#e2561db3}.trainer-head{text-align:left;width:100%}.trainer-head h3{margin-top:8px}.gauge{width:min(100%,300px);margin-top:14px;overflow:visible}.gauge-track,.gauge-sweet{fill:none;stroke-width:16px;stroke-linecap:butt}.gauge-track{stroke:#f4ecdc1f}.gauge-sweet{stroke:var(--good);filter:drop-shadow(0 0 8px #7bc95099)}.gauge-needle{stroke:var(--hazard);stroke-width:5px;stroke-linecap:round}.gauge-hub{fill:var(--chalk)}.deg{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:64px;font-weight:900;line-height:.9}.deg i{color:var(--dust);vertical-align:top;font-size:.5em;font-style:normal}.hit .deg{color:var(--good)}.miss .deg{color:var(--rust)}.hold{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:16px;width:100%;margin-top:8px;padding-block:22px}.holding .hold{filter:brightness(1.1);transform:scale(.97)}.verdict{max-width:34ch;min-height:3em}.streak{letter-spacing:.2em;text-transform:uppercase;color:var(--good);font-size:13px;font-weight:800}@media (max-width:900px){.howto{grid-template-columns:1fr}}.modes{grid-template-columns:1fr 1fr .55fr;gap:18px;display:grid}.mode{flex-direction:column;padding:0;display:flex}.mode img{aspect-ratio:16/10;object-fit:cover;transition:transform .8s cubic-bezier(.2,.9,.2,1)}.mode:hover img{transform:scale(1.04)}.mode-body{background:var(--asphalt-2);padding:24px clamp(22px,2.4vw,32px) 30px;position:relative}.mode-body h3{text-transform:uppercase;margin-top:12px;font-size:clamp(40px,4vw,58px)}.tag{border:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;color:var(--hazard);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.mode-soon{background:repeating-linear-gradient(-45deg,#f4ecdc06 0 14px,#0000 14px 28px);border-style:dashed;flex-direction:column;justify-content:space-between;display:flex}.mode-soon ul{margin:20px 0 0;padding:0;list-style:none}.mode-soon li{font-family:var(--display);text-transform:uppercase;color:#f4ecdc66;font-size:clamp(28px,2.6vw,38px);font-weight:800;line-height:1.2}@media (max-width:1000px){.modes{grid-template-columns:1fr 1fr}.mode-soon{grid-column:1/-1}.mode-soon ul{flex-wrap:wrap;gap:0 24px;display:flex}}@media (max-width:680px){.modes{grid-template-columns:1fr}}.bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:18px;display:grid}.b-code{background:radial-gradient(90% 120% at 100% 0,#e2561d38,#0000 60%),linear-gradient(160deg,#f4ecdc0f,#f4ecdc04);flex-direction:column;grid-column:span 2;justify-content:space-between;gap:20px;display:flex}.code{gap:clamp(8px,1.2vw,14px);display:flex}.code span{aspect-ratio:4/5;background:var(--asphalt);max-width:120px;font-family:var(--display);color:var(--hazard);border:1px solid #ffc21a66;border-radius:16px;flex:1;place-items:center;font-size:clamp(44px,6vw,84px);font-weight:900;display:grid;box-shadow:inset 0 -6px #ffc21a1f,0 10px 30px -12px #000c}.b-phone{grid-area:span 2/span 2;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:end;gap:24px;padding-bottom:0;display:grid}.b-phone img{border:6px solid #2a231d;border-bottom:0;border-radius:28px 28px 0 0;align-self:end;transition:transform .6s cubic-bezier(.2,.9,.2,1);transform:translateY(14%);box-shadow:0 -20px 60px -20px #ffc21a4d}.b-phone:hover img{transform:translateY(6%)}.b-phone>div{align-self:center;padding-bottom:28px}.b-ghost,.b-fair,.b-steer{flex-direction:column;justify-content:flex-end;display:flex}.b-fair{background:radial-gradient(80% 120% at 0 100%,#7bc95029,#0000 60%),linear-gradient(160deg,#f4ecdc0f,#f4ecdc04);grid-column:1/-1;min-height:0}.b-fair h3:before{content:"";background:var(--good) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315110e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 26px no-repeat;border-radius:12px;width:44px;height:44px;margin-bottom:18px;display:block}.b-fair{grid-template-columns:1fr 1fr;align-items:end;gap:24px;display:grid}.b-fair h3+p{margin:0}@media (max-width:680px){.b-fair{grid-template-columns:1fr;gap:0}.b-fair h3+p{margin-top:10px}}.ghosts{flex:1;min-height:90px;margin-bottom:14px;position:relative}.ghosts span{color:var(--asphalt);background:var(--c);opacity:.85;box-shadow:0 0 24px -2px var(--c);animation:ghost 3.6s cubic-bezier(.4, 0, .6, 1) var(--d) infinite;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;position:absolute;top:50%;left:0}@keyframes ghost{0%{opacity:0;transform:translateY(30px)}15%{opacity:.85}50%{transform:translate(calc(var(--w,120px) * .5), -34px)}85%{opacity:.85}to{transform:translate(var(--w,120px), 30px);opacity:0}}.b-ghost .ghosts{--w:150px}.keys{gap:8px;margin-bottom:auto;padding-bottom:20px;display:flex}kbd{background:var(--asphalt);min-width:44px;height:44px;font-family:var(--display);border:1px solid #f4ecdc40;border-radius:10px;place-items:center;padding:0 10px;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 -4px #f4ecdc1f}@media (max-width:520px){.chip-board{display:none}.chip-record{top:0;right:0}}@media (max-width:1000px){.bento{grid-template-columns:1fr 1fr}.b-phone{grid-row:span 1}}@media (max-width:680px){.bento{grid-template-columns:1fr}.bento>*{grid-column:auto}.b-phone{grid-template-columns:.8fr 1fr}}.worlds{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--hazard) transparent;grid-auto-columns:minmax(300px,44%);grid-auto-flow:column;gap:18px;padding-bottom:18px;display:grid;overflow-x:auto}.world{border-radius:var(--radius);scroll-snap-align:start;border:1px solid var(--line);margin:0;position:relative;overflow:hidden}.world img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .8s cubic-bezier(.2,.9,.2,1)}.world:hover img{transform:scale(1.05)}.world figcaption{color:var(--dust);background:linear-gradient(#0000,#15110eeb);padding:60px 24px 22px;font-weight:700;position:absolute;inset:auto 0 0}.world figcaption b{font-family:var(--display);text-transform:uppercase;color:var(--chalk);font-size:clamp(38px,4vw,56px);font-weight:900;line-height:1;display:block}@media (max-width:680px){.worlds{grid-auto-columns:84%}}.final{max-width:var(--max);padding:clamp(60px, 9vw, 120px) var(--pad);text-align:center;flex-direction:column;align-items:center;gap:40px;margin:clamp(80px,11vw,150px) auto 0;display:flex;position:relative}.final:before{content:"";inset:0 var(--pad);z-index:-1;background:radial-gradient(60% 90% at 50% 120%, #ffc21a47, transparent 70%), radial-gradient(50% 70% at 10% 0%, #e2561d40, transparent 70%), var(--asphalt-2);border:1px solid var(--line);border-radius:36px;position:absolute}.final h2{text-transform:uppercase;font-size:clamp(42px,8vw,120px)}.foot{max-width:var(--max);padding:48px var(--pad) calc(48px + env(safe-area-inset-bottom,0px));color:var(--dust);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;font-size:15px;display:flex}.foot .logo{color:var(--chalk);font-size:22px}@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 70%}@keyframes reveal{0%{opacity:0;transform:translateY(48px)scale(.98)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.flyer{display:none}}