:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f8fb;font-synthesis:none;--cyan:#6ee9f5;--cyan-bright:#b2faff;--muted:#71848c;--panel:#070d14d1;--line:#82dce829;--yellow:#ffd35a;--pink:#ff438f;background:#04060a;font-family:Inter,Helvetica Neue,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 52% 5%,#17536338,#0000 37%),#04060a;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0000 45%,#00000085 100%);position:fixed;inset:0}.ambient{filter:blur(110px);opacity:.1;pointer-events:none;z-index:-1;border-radius:999px;position:fixed}.ambient-one{background:#14b7d0;width:420px;height:420px;top:25%;left:-210px}.ambient-two{opacity:.055;background:#f52e7e;width:360px;height:360px;top:50%;right:-180px}button,input{font:inherit}button{color:inherit}.shell{width:min(1260px,100%);margin:0 auto;padding:34px 34px 22px}.home-screen,.level-catalog,.leaderboard-screen{min-height:calc(100vh - 100px);display:none}body[data-mode=home] .home-screen{display:block}body:not([data-mode=home]) .home-screen{display:none}body[data-mode=catalog] .level-catalog,body[data-mode=leaderboard] .leaderboard-screen{display:block}body[data-mode=home] .masthead,body[data-mode=home] .workspace,body[data-mode=catalog] .masthead,body[data-mode=catalog] .workspace,body[data-mode=leaderboard] .masthead,body[data-mode=leaderboard] .workspace{display:none}.home-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;padding-bottom:21px;display:flex}.home-nav .brand-line{margin:0}.home-nav .quiet-button{padding:9px 12px}.home-nav-actions{align-items:center;gap:8px;display:flex}.home-nav .catalog-link{color:#b6f9ff;border-color:#6ee9f561}.home-nav .leaderboard-link{color:#ffe18a;border-color:#ffd35a4d}.home-hero{grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);align-items:center;gap:clamp(42px,8vw,102px);min-height:min(630px,100vh - 210px);padding:56px 0 50px;display:grid}.home-copy{min-width:0;position:relative}.home-copy:before{content:"";z-index:-1;border:1px solid #6ce9f50f;border-radius:50%;width:min(570px,80vw);height:min(570px,80vw);position:absolute;top:48%;left:35%;transform:translate(-50%,-50%);box-shadow:0 0 120px #179caf12,inset 0 0 100px #0c5c6c0d}.home-kicker{color:var(--cyan);letter-spacing:.15em;align-items:center;gap:14px;font:500 9px DM Mono,monospace;display:flex}.home-kicker:before{content:"";border-top:1px solid var(--cyan);width:28px;box-shadow:0 0 8px var(--cyan)}.home-kicker b{color:#38555c;font-weight:500}.home-copy h1{letter-spacing:-.09em;margin:38px 0 30px;font-size:clamp(76px,12.6vw,166px);line-height:.68}.home-dek{color:#83969c;max-width:670px;margin:0;font-size:clamp(13px,1.35vw,17px);line-height:1.65}.home-signal{color:#40565c;letter-spacing:.12em;align-items:end;gap:5px;height:31px;margin-top:33px;font:500 8px DM Mono,monospace;display:flex}.home-signal i{background:#274b53;width:3px;height:7px;animation:1.8s ease-in-out infinite alternate signal}.home-signal i:nth-child(2){height:14px;animation-delay:-.6s}.home-signal i:nth-child(3){background:#4fb7c4;height:23px;animation-delay:-1.1s}.home-signal i:nth-child(4){height:12px;animation-delay:-.3s}.home-signal i:nth-child(5){background:var(--cyan);height:27px;animation-delay:-1.5s;box-shadow:0 0 8px #6ee9f573}.home-signal i:nth-child(6){height:17px;animation-delay:-.8s}.home-signal i:nth-child(7){height:9px;animation-delay:-1.3s}.home-signal i:nth-child(8){height:19px;animation-delay:-.15s}.home-signal span{align-self:center;margin-left:8px}@keyframes signal{to{opacity:.45;transform:scaleY(.42)}}.field-launcher{background:linear-gradient(145deg,#0a161ef0,#04090feb);border:1px solid #6ee9f533;padding:clamp(24px,3vw,34px);position:relative;box-shadow:0 34px 90px #00000070,inset 0 1px #ffffff06}.field-launcher:before,.field-launcher:after{content:"";pointer-events:none;width:19px;height:19px;position:absolute}.field-launcher:before{border-left:2px solid var(--cyan);border-top:2px solid var(--cyan);top:-1px;left:-1px}.field-launcher:after{border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);bottom:-1px;right:-1px}.launcher-heading{color:#61787f;letter-spacing:.13em;justify-content:space-between;font:500 8px DM Mono,monospace;display:flex}.launcher-heading b{color:var(--yellow);font-weight:500}.field-launcher h2{color:#e9fbfd;letter-spacing:-.045em;margin:20px 0 7px;font:750 clamp(28px,3vw,40px)/1 Inter,sans-serif}.field-launcher>p{color:#71878d}#home-level-tagline{min-height:36px;margin:0 0 22px;font-size:11px;line-height:1.55}.field-launcher label{color:#536a71;letter-spacing:.1em;gap:7px;margin-top:12px;font:500 8px DM Mono,monospace;display:grid}.run-manifest{letter-spacing:.1em;background:#060d14;border:1px solid #6ee9f526;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:13px 12px;font:500 8px DM Mono,monospace;display:flex}.run-manifest span{color:var(--cyan)}.run-manifest b{color:#849aa0;font-weight:500}.field-launcher select{color:#cfecef;cursor:pointer;background:#060d14;border:1px solid #6ee9f526;border-radius:0;outline:none;width:100%;height:43px;padding:0 34px 0 12px;font:500 10px DM Mono,monospace}.field-launcher select:focus{border-color:#6ee9f58c;box-shadow:0 0 0 2px #6ee9f512}.launcher-challenge{min-height:41px;margin:18px 0 0;font:400 10px/1.55 DM Mono,monospace}.launcher-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;padding:14px 0;display:grid}.launcher-stats span{gap:5px;display:grid}.launcher-stats small{color:#40565d;letter-spacing:.09em;font:500 7px DM Mono,monospace}.launcher-stats b{color:#d8f3f6;font:500 14px DM Mono,monospace}.difficulty-summary{min-height:28px;margin:0 0 17px;font:400 9px/1.5 DM Mono,monospace}.launch-button{border:1px solid var(--cyan);background:var(--cyan);color:#031014;letter-spacing:.11em;cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:0 17px;font:700 10px DM Mono,monospace;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.launch-button b{font-size:18px;font-weight:400}.launch-button:hover{background:#b6fbff;transform:translateY(-1px);box-shadow:0 0 32px #6ee9f52e}.home-lanes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.home-lanes article{min-height:126px;padding:24px 28px 22px 0}.home-lanes article+article{border-left:1px solid var(--line);padding-left:28px}.home-lanes span{color:#496168;letter-spacing:.12em;font:500 8px DM Mono,monospace}.home-lanes h3{color:#cbe5e8;margin:12px 0 8px;font-size:13px}.home-lanes p{color:#5f7379;max-width:300px;margin:0;font:400 9px/1.6 DM Mono,monospace}.catalog-nav{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding-bottom:21px;display:grid}.catalog-nav .brand-line{margin:0}.catalog-nav>:first-child{justify-self:start}.catalog-nav>:last-child{justify-self:end}.catalog-nav .text-button{align-items:center;gap:9px;padding:0;display:flex}.catalog-nav-actions{gap:7px;display:flex}.catalog-hero{grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);align-items:end;gap:clamp(50px,10vw,130px);padding:70px 0 58px;display:grid}.catalog-hero>*{min-width:0}.catalog-hero h1{margin:30px 0 0;font-size:clamp(72px,10vw,132px);line-height:.73}.catalog-intro{padding-bottom:4px}.catalog-intro>p{color:#82969c;max-width:520px;margin:0 0 28px;font-size:14px;line-height:1.7}.hazard-legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.hazard-legend>span{grid-template-columns:28px 1fr;align-items:center;gap:4px 10px;padding:17px 12px 17px 0;display:grid;position:relative}.hazard-legend>span+span{border-left:1px solid var(--line);padding-left:20px}.hazard-legend i{grid-row:1/span 2;width:22px;height:22px;display:block;position:relative}.hazard-legend b{color:#d8f3f6;letter-spacing:.09em;font:600 9px DM Mono,monospace}.hazard-legend small{color:#536a70;font:400 8px DM Mono,monospace}.drifter-swatch{border:1px solid var(--pink);border-radius:50%;box-shadow:0 0 13px #ff438fa6}.drifter-swatch:before,.drifter-swatch:after{content:"";border:1px solid #ff8cba;position:absolute;inset:4px;transform:rotate(45deg)}.drifter-swatch:after{background:#fff0f7;border:0;inset:8px}.filament-swatch:before,.filament-swatch:after{content:"";border-top:2px solid #ff5ab3;width:24px;position:absolute;top:10px;left:0;transform:rotate(-12deg);box-shadow:0 0 10px #ff5ab3}.filament-swatch:after{border-color:#ffbd68;transform:rotate(14deg)}.catalog-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:28px;display:flex}.catalog-filters{min-width:0;display:flex}.catalog-filters button{border:0;border-right:1px solid var(--line);color:#5a7278;letter-spacing:.09em;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:16px 15px;font:500 8px DM Mono,monospace;display:flex}.catalog-filters button b{color:#385056;font-weight:500}.catalog-filters button:hover{color:#b7dfe3}.catalog-filters button[aria-pressed=true]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:#6ee9f512}.catalog-filters button[aria-pressed=true] b{color:#8bcbd2}.catalog-difficulty{color:#536970;letter-spacing:.1em;align-items:center;gap:14px;padding-left:18px;font:500 8px DM Mono,monospace;display:flex}.catalog-difficulty select{border:0;border-left:1px solid var(--line);color:#cfecef;cursor:pointer;background:#060d14;border-radius:0;outline:0;min-width:175px;height:100%;padding:0 32px 0 13px;font:500 9px DM Mono,monospace}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:70px;display:grid}.catalog-card{--tier-color:var(--cyan);background:linear-gradient(155deg,#081119f5,#04090ff5);border:1px solid #6ee9f524;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 18px 46px #0000003d}.catalog-card.tier-medium{--tier-color:#f1cf68}.catalog-card.tier-hard{--tier-color:#ff9368}.catalog-card.tier-impossible{--tier-color:#ff5b9e}.catalog-card:hover{border-color:color-mix(in srgb, var(--tier-color) 54%, transparent);transform:translateY(-3px);box-shadow:0 24px 60px #00000061}.catalog-preview{background:#04080d;border-bottom:1px solid #6ee9f521;position:relative;overflow:hidden}.catalog-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#03070c6b);position:absolute;inset:0}.catalog-preview canvas{opacity:.88;width:100%;height:auto;display:block}.catalog-preview>span,.catalog-preview>b{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.11em;background:#03080dc7;padding:6px 7px;font:500 7px DM Mono,monospace;position:absolute;top:12px}.catalog-preview>span{color:var(--tier-color);left:12px}.catalog-preview>b{color:#70868c;font-weight:500;right:12px}.catalog-preview>b.has-filament{color:#ff8ec5;border:1px solid #ff5ab361;box-shadow:0 0 18px #ff3c9d1a}.catalog-card-heading{padding:22px 22px 0}.catalog-card-heading small{color:var(--tier-color);letter-spacing:.15em;text-transform:uppercase;font:600 7px DM Mono,monospace}.catalog-card-heading h2{color:#e9fbfd;letter-spacing:-.04em;margin:8px 0 0;font:750 25px/1 Inter,sans-serif}.catalog-tagline{color:#779097;min-height:38px;margin:9px 22px 0;font:400 9px/1.55 DM Mono,monospace}.catalog-challenge{color:#52686e;min-height:57px;margin:10px 22px 0;font-size:10px;line-height:1.55}.catalog-features{flex-wrap:wrap;align-content:start;gap:5px;min-height:43px;margin:14px 22px 0;display:flex}.catalog-features span{color:#5d767c;letter-spacing:.07em;text-transform:uppercase;border:1px solid #6ee9f51c;padding:5px 6px;font:500 6px DM Mono,monospace}.catalog-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:16px 22px 0;padding:14px 0;display:grid}.catalog-stats span{gap:5px;min-width:0;display:grid}.catalog-stats small{color:#3e555b;letter-spacing:.07em;font:500 6px DM Mono,monospace}.catalog-stats b{color:#cce7ea;font:500 11px DM Mono,monospace}.catalog-card-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6px;margin:0 22px 22px;display:grid}.catalog-play{border:1px solid color-mix(in srgb, var(--tier-color) 55%, transparent);background:color-mix(in srgb, var(--tier-color) 7%, transparent);min-height:48px;color:var(--tier-color);letter-spacing:.11em;cursor:pointer;justify-content:space-between;align-items:center;margin:0;padding:0 13px;font:600 8px DM Mono,monospace;transition:background .15s,color .15s;display:flex}.catalog-play b{font-size:17px;font-weight:400}.catalog-play:hover{background:var(--tier-color);color:#031014}.catalog-leaders{color:#627a80;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #6ee9f51f;min-width:0;padding:0 9px;font:600 7px/1.4 DM Mono,monospace}.catalog-leaders:hover{color:#bdeef2;border-color:#6ee9f561}.leaderboard-nav{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding-bottom:21px;display:grid}.leaderboard-nav .brand-line{margin:0}.leaderboard-nav>:first-child{justify-self:start}.leaderboard-nav>:last-child{justify-self:end}.leaderboard-nav .text-button{align-items:center;gap:9px;padding:0;display:flex}.leaderboard-hero{grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr);align-items:end;gap:clamp(50px,9vw,120px);padding:70px 0 56px;display:grid}.leaderboard-hero h1{margin:30px 0 0;font-size:clamp(72px,10vw,132px);line-height:.73}.leaderboard-intro{padding-bottom:3px}.leaderboard-hero>*,.leaderboard-intro,.leaderboard-toolbar>*,.leaderboard-tabs,.leaderboard-filters{min-width:0}.leaderboard-intro>p{color:#82969c;max-width:540px;margin:0 0 28px;font-size:14px;line-height:1.7}.leaderboard-legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.leaderboard-legend span{color:#5d737a;letter-spacing:.08em;gap:7px;padding:15px 10px;font:500 7px/1.35 DM Mono,monospace;display:grid}.leaderboard-legend span+span{border-left:1px solid var(--line)}.leaderboard-legend b{color:var(--yellow);font-weight:500}.leaderboard-console{background:linear-gradient(155deg,#070f16f7,#03080df5);border:1px solid #6ee9f52b;max-width:100%;margin-bottom:70px;overflow:hidden;box-shadow:0 28px 80px #00000054}.leaderboard-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;min-height:58px;display:flex}.leaderboard-tabs{display:flex}.leaderboard-tabs button{border:0;border-right:1px solid var(--line);color:#577078;letter-spacing:.1em;cursor:pointer;background:0 0;min-width:145px;padding:0 20px;font:600 8px DM Mono,monospace}.leaderboard-tabs button[aria-selected=true]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);background:#6ee9f512}.leaderboard-filters{display:flex}.leaderboard-filters label{border-left:1px solid var(--line);color:#536970;letter-spacing:.09em;align-items:center;gap:11px;padding-left:16px;font:500 7px DM Mono,monospace;display:flex}.leaderboard-filters select{border:0;border-left:1px solid var(--line);color:#cfecef;cursor:pointer;background:#060d14;border-radius:0;outline:0;align-self:stretch;min-width:135px;padding:0 34px 0 12px;font:500 9px DM Mono,monospace}#leaderboard-level-filter select{min-width:210px}.leaderboard-status-line{border-bottom:1px solid var(--line);color:#8aa3a9;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:18px;min-height:49px;padding:0 20px;font:500 8px DM Mono,monospace;display:flex}.leaderboard-status-line b{color:#627a80;font-weight:500}.leaderboard-status-line b[data-mode=public]{color:#7eeacb}.leaderboard-row{align-items:center;min-height:58px;padding:0 20px;display:grid}.leaderboard-console[data-scope=arcade] .leaderboard-row{grid-template-columns:66px minmax(150px,1fr) 130px 110px 110px}.leaderboard-console[data-scope=level] .leaderboard-row{grid-template-columns:66px minmax(150px,1fr) 105px 110px 110px 105px}.leaderboard-head{color:#3e555c;letter-spacing:.11em;border-bottom:1px solid #6ee9f51a;min-height:38px;font:500 7px DM Mono,monospace}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list .leaderboard-row{color:#a8c1c6;letter-spacing:.04em;border-bottom:1px solid #6ee9f513;font:500 10px DM Mono,monospace;position:relative}.leaderboard-list .leaderboard-row:last-child{border-bottom:0}.leaderboard-list .leaderboard-row:before{content:"";background:0 0;width:2px;position:absolute;top:12px;bottom:12px;left:0}.leaderboard-list .leaderboard-row.top-1{background:linear-gradient(90deg,#ffd35a13,#0000 45%);min-height:68px}.leaderboard-list .leaderboard-row.top-1:before{background:var(--yellow);box-shadow:0 0 12px #ffd35ab3}.leaderboard-list .leaderboard-row.top-2:before,.leaderboard-list .leaderboard-row.top-3:before{background:#6ee9f58c}.leaderboard-rank{color:#60777d}.top-1 .leaderboard-rank{color:var(--yellow);font-size:13px}.leaderboard-name{color:#e5f7f9;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font:650 13px Inter,sans-serif;overflow:hidden}.top-1 .leaderboard-name{font-size:15px}.leaderboard-clear{color:#80efd0}.leaderboard-empty{text-align:center;place-items:center;min-height:190px;padding:42px 20px;display:grid}.leaderboard-empty span{color:#6f8990;letter-spacing:.14em;font:600 9px DM Mono,monospace}.leaderboard-empty p{color:#41575e;margin:10px 0 0;font:400 9px DM Mono,monospace}.leaderboard-screen [hidden]{display:none!important}.masthead{justify-content:space-between;align-items:flex-end;gap:40px;max-height:320px;margin-bottom:25px;transition:opacity .42s,transform .42s,max-height .42s,margin .42s;display:flex}.brand-line{color:var(--cyan);letter-spacing:.15em;align-items:center;gap:8px;margin-bottom:14px;font:600 10px/1 DM Mono,ui-monospace,monospace;display:flex}.brand-line i{color:#3c565f;font-style:normal}.brand-mark{border:1px solid var(--cyan);width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 10px #6ee9f5b3}h1{letter-spacing:-.078em;color:#f4fcfd;text-shadow:0 0 45px #80e9f314;margin:0;font:900 clamp(54px,7.2vw,91px)/.75 Inter,sans-serif}.dek{color:#71838a;letter-spacing:.025em;margin:19px 0 0 3px;font-size:12px}.header-right{justify-items:end;gap:24px;display:grid}.mode-switch{border:1px solid var(--line);background:#04090ebf;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-switch button{color:#5d737b;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;min-width:112px;padding:9px 13px;font:600 10px DM Mono,monospace}.mode-switch button[aria-selected=true]{color:#dffcff;background:#44c8d81c;box-shadow:inset 0 0 0 1px #6ee9f529}.stats{align-items:flex-end;gap:clamp(18px,3vw,34px);display:flex}.stats span{gap:6px;min-width:52px;display:grid}.stats .capture-stat{min-width:92px}.stats small{color:#53686f;letter-spacing:.12em;font:500 9px DM Mono,monospace}.stats b{color:#e9f9fb;letter-spacing:-.06em;text-transform:uppercase;font:500 19px/1 DM Mono,monospace}.stats b[data-status=running]{color:var(--cyan);letter-spacing:.03em;font-size:12px}.stats b[data-status=won]{color:var(--yellow);letter-spacing:.03em;font-size:12px}.stats b[data-status=lost]{color:var(--pink);letter-spacing:.03em;font-size:12px}.workspace{display:block}body[data-mode=replay] .workspace{grid-template-columns:minmax(0,1fr) 292px;align-items:stretch;gap:18px;display:grid}.stage{background:#050910;border:1px solid #70d5e338;position:relative;overflow:hidden;box-shadow:0 26px 80px #0000007a,0 0 70px #25daef0e,inset 0 0 80px #000000bf}.stage:before{content:"";pointer-events:none;z-index:3;border:1px solid #a3f0f814;position:absolute;inset:0}.stage.damage-hit{animation:.42s cubic-bezier(.36,.07,.19,.97) damage-shake}.stage.damage-hit:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle,#0000 20%,#ff23743d);animation:.5s ease-out both damage-flash;position:absolute;inset:0}@keyframes damage-shake{15%,45%{transform:translate(-4px)}30%,60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}canvas{touch-action:none;width:100%;height:auto;display:block}.stage-label{z-index:4;color:#75939a;letter-spacing:.11em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080d9e;align-items:center;gap:8px;padding:6px 8px;font:500 8px DM Mono,monospace;display:flex;position:absolute;top:14px;left:148px}.stage-home{z-index:8;color:#78969c;letter-spacing:.09em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080dad;border:1px solid #6ee9f538;align-items:center;gap:8px;min-height:28px;padding:6px 9px;font:500 8px DM Mono,monospace;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:14px;left:17px}.stage-home i{color:var(--cyan);font-style:normal}.stage-home:hover{color:#e1fcff;background:#113038c7;border-color:#6ee9f580}.stage-label b{color:#a5bec3;font-weight:500}.stage-label em{font-style:normal}.live-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.stage-stats{display:none}.fit-screen{z-index:7;color:#78969c;letter-spacing:.09em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080dad;border:1px solid #6ee9f538;align-items:center;gap:8px;min-height:28px;padding:6px 9px;font:500 8px DM Mono,monospace;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:13px;right:17px}.fit-screen:hover{color:#e1fcff;background:#113038c7;border-color:#6ee9f580}.fit-screen i{background:linear-gradient(var(--cyan), var(--cyan)) left top / 4px 1px no-repeat, linear-gradient(var(--cyan), var(--cyan)) left top / 1px 4px no-repeat, linear-gradient(var(--cyan), var(--cyan)) right bottom / 4px 1px no-repeat, linear-gradient(var(--cyan), var(--cyan)) right bottom / 1px 4px no-repeat;width:10px;height:10px}body[data-mode=live][data-immersive=true]{overflow:hidden}body[data-mode=live][data-immersive=true] .shell{width:100vw;height:100dvh;padding:10px;position:fixed;inset:0}body[data-mode=live][data-immersive=true] .masthead{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden;transform:translateY(-18px)}body[data-mode=live][data-immersive=true] .workspace,body[data-mode=live][data-immersive=true] .field-column{width:100%;height:100%;min-height:0}body[data-mode=live][data-immersive=true] .field-column{grid-template-rows:minmax(0,1fr) auto;align-items:center;display:grid}body[data-mode=live][data-immersive=true] .stage{width:min(100%,150dvh - 138px);max-height:100%;aspect-ratio:var(--board-aspect,3 / 2);justify-self:center}body[data-mode=live][data-immersive=true] .stage canvas{width:100%;height:100%}body[data-mode=live][data-immersive=true] .live-controls{width:min(100%,150dvh - 138px);min-height:60px;margin:0 auto}body[data-mode=live][data-immersive=true] .site-footer{display:none}body[data-mode=live][data-immersive=true] .stage-stats{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080dad;gap:24px;padding:7px 11px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}body[data-mode=live][data-immersive=true] .stage-stats span{gap:3px;display:grid}body[data-mode=live][data-immersive=true] .stage-stats small{color:#4f686e;letter-spacing:.08em;font:500 7px DM Mono,monospace}body[data-mode=live][data-immersive=true] .stage-stats b{color:#dffaff;font:500 11px DM Mono,monospace}body[data-mode=live][data-immersive=true] .fit-screen{top:14px;right:16px}body[data-mode=live][data-immersive=true] .corner{margin:8px}.time-pressure-hud{--pressure-color:var(--yellow);z-index:7;border:1px solid color-mix(in srgb, var(--pressure-color) 45%, transparent);width:min(225px,32%);box-shadow:0 12px 35px #0000005c, 0 0 24px color-mix(in srgb, var(--pressure-color) 10%, transparent);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#120f07e6,#05080ce0);padding:11px 12px 10px;transition:opacity .22s,transform .22s;position:absolute;top:54px;right:17px;transform:translateY(-7px)scale(.97)}.time-pressure-hud[aria-hidden=false]{opacity:1;transform:translateY(0)scale(1)}.time-pressure-hud>div:first-child{justify-content:space-between;align-items:end;gap:12px;display:flex}.time-pressure-hud small{color:color-mix(in srgb, var(--pressure-color) 78%, #fff);letter-spacing:.12em;font:600 7px DM Mono,monospace}.time-pressure-hud strong{color:#fff7db;letter-spacing:-.09em;text-shadow:0 0 13px color-mix(in srgb, var(--pressure-color) 42%, transparent);font:700 28px/.85 DM Mono,monospace}.time-pressure-hud>span{color:#857b5b;letter-spacing:.13em;text-align:right;margin-top:7px;font:500 6px DM Mono,monospace;display:block}.time-pressure-meter{background:color-mix(in srgb, var(--pressure-color) 10%, transparent);height:3px;margin-top:8px}.time-pressure-meter i{background:var(--pressure-color);width:100%;height:100%;box-shadow:0 0 9px color-mix(in srgb, var(--pressure-color) 65%, transparent);transition:width 1s linear;display:block}.time-pressure-hud.clock-tick strong{animation:.24s ease-out pressure-number-tick}@keyframes pressure-number-tick{0%{opacity:.55;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.time-pressure-wash{z-index:3;opacity:0;pointer-events:none;position:absolute;inset:0}.stage[data-time-pressure=pulse] .time-pressure-hud{--pressure-color:var(--cyan);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding-right:2px;animation:4s cubic-bezier(.2,.75,.2,1) both periodic-time-pulse}.stage[data-time-pressure=pulse] .time-pressure-hud small{font-size:8px}.stage[data-time-pressure=pulse] .time-pressure-hud strong{font-size:34px}.stage[data-time-pressure=pulse] .time-pressure-hud>span{color:#75a4ab;font-size:7px}.stage[data-time-pressure=pulse] .time-pressure-meter{background:#6ee9f514;margin-left:34%}.stage[data-time-pressure=pulse] .time-pressure-wash{background:radial-gradient(circle at 84% 12%,#6ee9f51a,#0000 26%);animation:4s ease-in-out both periodic-time-wash}.stage[data-time-pressure=pulse] .time-pressure-hud.action-nearby{opacity:0}.stage[data-time-pressure=warning] .time-pressure-hud.action-nearby,.stage[data-time-pressure=critical] .time-pressure-hud.action-nearby{opacity:.2}.stage[data-time-pressure=pulse] .stage-stats span:nth-child(3) small,.stage[data-time-pressure=pulse] .stage-stats span:nth-child(3) b{color:var(--cyan)}@keyframes periodic-time-pulse{0%{filter:opacity(0);transform:translateY(-12px)scale(.94)}15%,72%{filter:opacity(.94);transform:translateY(0)scale(1)}to{filter:opacity(0);transform:translateY(-3px)scale(.985)}}@keyframes periodic-time-wash{0%,to{opacity:0}20%,66%{opacity:.5}}.stage[data-time-pressure=warning]:before{border-color:#ffd35a47}.stage[data-time-pressure=warning] .time-pressure-wash{background:radial-gradient(#0000 63%,#ffb73621 100%);animation:1.8s ease-in-out infinite warning-wash}.stage[data-time-pressure=warning] .stage-stats span:nth-child(3) small,.stage[data-time-pressure=warning] .stage-stats span:nth-child(3) b{color:var(--yellow)}@keyframes warning-wash{0%,to{opacity:.2}50%{opacity:.72}}.stage[data-time-pressure=critical] .time-pressure-hud{--pressure-color:var(--pink);background:linear-gradient(145deg,#1b0610f0,#07070ceb);animation:.72s ease-in-out infinite critical-hud}.stage[data-time-pressure=critical] .time-pressure-hud>span{color:#ae6582}.stage[data-time-pressure=critical]:before{animation:.72s ease-in-out infinite critical-frame}.stage[data-time-pressure=critical] .time-pressure-wash{background:linear-gradient(#ff227029,#0000 10% 90%,#ff22702e),radial-gradient(#0000 54%,#ff1e6942 100%);animation:.72s ease-in-out infinite critical-wash}.stage[data-time-pressure=critical] .stage-stats span:nth-child(3) small,.stage[data-time-pressure=critical] .stage-stats span:nth-child(3) b{color:#ff74ab;text-shadow:0 0 10px #ff307fbf}.stage[data-time-pressure=critical] .live-dot{background:var(--pink);box-shadow:0 0 9px var(--pink);animation-duration:.52s}@keyframes critical-hud{0%,to{border-color:#ff438f70;box-shadow:0 12px 35px #0006,0 0 18px #ff2d7e1f}50%{border-color:#ff75aaeb;box-shadow:0 12px 35px #0006,0 0 38px #ff2d7e4d}}@keyframes critical-frame{0%,to{border-color:#ff498f33}50%{border-color:#ff5899b8}}@keyframes critical-wash{0%,to{opacity:.28}50%{opacity:.86}}.stability-hud{z-index:4;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;background:#03090ec7;border:1px solid #6ee9f53d;width:min(310px,38%);padding:12px 13px 13px;transition:opacity .16s,background .16s,border-color .16s,box-shadow .16s,-webkit-backdrop-filter .16s,backdrop-filter .16s;position:absolute;bottom:18px;left:18px;box-shadow:0 12px 35px #00000052}.stability-hud.action-nearby{box-shadow:none;opacity:.2;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#03090e0a;border-color:#0000}.stability-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.stability-heading span{text-align:left;gap:4px;display:grid}.stability-heading small{color:#6b858c;letter-spacing:.13em;font:500 7px DM Mono,monospace}.stability-heading strong{color:#effeff;letter-spacing:-.08em;font:700 clamp(22px,3vw,34px)/.9 DM Mono,monospace}.stability-heading em{color:#698188;letter-spacing:.1em;white-space:nowrap;font:500 8px DM Mono,monospace}.stability-heading em b{color:var(--yellow);font-weight:600}.stability-meter{background:#6ee9f517;height:5px;margin-top:11px;position:relative;overflow:visible}.stability-meter i{background:linear-gradient(90deg, #24aebd, var(--cyan-bright));width:0;height:100%;transition:width .48s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 13px #6ee9f58c}.stability-meter b{background:var(--yellow);width:2px;position:absolute;top:-3px;bottom:-3px;left:75%;transform:translate(-1px);box-shadow:0 0 8px #ffd35acc}.stage.capture-pulse .stability-hud{animation:.78s ease-out stability-pulse}.stage.capture-pulse .stability-hud.action-nearby{animation:none}@keyframes stability-pulse{0%{border-color:#6ee9f53d}28%{border-color:#ffd35af2;box-shadow:0 0 45px #ffd35a3d}to{border-color:#6ee9f53d}}.capture-feedback{z-index:7;opacity:0;filter:drop-shadow(0 0 16px #ffd35a6b);pointer-events:none;justify-items:center;display:grid;position:absolute;top:28%;left:50%;transform:translate(-50%,10px)scale(.9)}.capture-feedback small{color:#ffe07edb;letter-spacing:.16em;text-shadow:0 1px 5px #020508;font:500 8px DM Mono,monospace}.capture-feedback strong{color:#f5fefff0;letter-spacing:-.06em;text-shadow:0 2px 9px #020508,0 0 20px #6ee9f559;margin-top:3px;font:800 clamp(35px,5vw,58px)/1 Inter,sans-serif}.capture-feedback em{color:#bee2e7c7;letter-spacing:.1em;text-shadow:0 1px 5px #020508;margin-top:5px;font:500 8px DM Mono,monospace}.capture-feedback.visible{animation:1.45s cubic-bezier(.2,.75,.2,1) both capture-feedback}@keyframes capture-feedback{0%{opacity:0;transform:translate(-50%,15px)scale(.84)}16%{opacity:.94;transform:translate(-50%)scale(1.03)}28%,68%{opacity:.82;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-13px)scale(1.025)}}.scanlines{z-index:2;pointer-events:none;opacity:.15;background:repeating-linear-gradient(#0000 0 3px,#0003 4px);position:absolute;inset:0}.corner{z-index:4;pointer-events:none;width:16px;height:16px;position:absolute}.corner-nw{border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);top:8px;left:8px}.corner-ne{border-right:1px solid var(--cyan);border-top:1px solid var(--cyan);top:8px;right:8px}.corner-sw{border-left:1px solid var(--cyan);border-bottom:1px solid var(--cyan);bottom:8px;left:8px}.corner-se{border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);bottom:8px;right:8px}.message{z-index:5;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 45%,#1247502e,#0000 38%),#020509bd;place-content:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.message-card{justify-items:center;width:min(680px,92vw);display:grid}.message-kicker{color:var(--yellow);letter-spacing:.16em;margin-bottom:17px;font:500 9px DM Mono,monospace}#message-title{color:#f0feff;letter-spacing:-.055em;font:900 clamp(30px,6vw,68px)/1 Inter,sans-serif}#message-detail{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-top:13px;font:500 10px/1.6 DM Mono,monospace}.message-next{justify-items:center;gap:11px;min-height:67px;margin-top:26px;display:grid}.message-next em{color:#90a8ae;letter-spacing:.13em;min-height:13px;font:500 9px DM Mono,monospace}.message-next .primary-button{min-width:180px}.message-next .primary-button b{margin-left:16px;font-size:14px;font-weight:400}.score-entry{text-align:left;border-top:1px solid #6ee9f529;width:min(540px,88vw);margin-top:22px;padding-top:18px;display:grid}.score-entry[hidden]{display:none}.score-entry-stats{grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid}.score-entry-stats span{border-left:1px solid #6ee9f51c;gap:5px;padding:0 13px;display:grid}.score-entry-stats span:first-child{border-left:0;padding-left:0}.score-entry-stats small{color:#4e676e;letter-spacing:.1em;font:500 6px DM Mono,monospace}.score-entry-stats b{color:#dff8fa;font:500 13px DM Mono,monospace}.score-entry>label{color:var(--yellow);letter-spacing:.13em;margin-bottom:7px;font:600 7px DM Mono,monospace}.score-entry-control{grid-template-columns:minmax(0,1fr) auto;display:grid}.score-entry-control input{color:#ecfdff;letter-spacing:.08em;text-transform:uppercase;background:#03090ee0;border:1px solid #6ee9f552;border-right:0;border-radius:0;outline:0;min-width:0;height:42px;padding:0 13px;font:600 12px DM Mono,monospace}.score-entry-control input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #6ee9f514}.score-entry-control input::placeholder{color:#344b52}.score-entry-control .primary-button{min-width:145px}.score-entry>p{color:#4b656c;letter-spacing:.08em;min-height:13px;margin:8px 0 0;font:500 6px DM Mono,monospace}.score-entry>p[data-tone=error]{color:#ff83b4}.score-entry>p[data-tone=success]{color:#77e9c8}.score-entry>.text-button{color:var(--cyan);justify-self:end;margin-top:6px;font-size:7px}.message.has-score-entry .message-kicker{margin-bottom:11px}.message.has-score-entry .message-next{min-height:0;margin-top:14px}.hidden{display:none}.play-intro{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#02070bf5 0%,#03090ee0 48%,#03080d5c 100%),radial-gradient(circle at 72% 48%,#ff36891a,#0000 22%);place-content:center;justify-items:start;padding:clamp(28px,6vw,76px);transition:opacity .42s,transform .42s;display:grid;position:absolute;inset:0}body[data-mode=replay] .play-intro,.play-intro.hidden{display:none}.play-intro.leaving{opacity:0;pointer-events:none;transform:scale(1.015)}.intro-kicker{color:var(--cyan);letter-spacing:.13em;align-items:center;gap:8px;font:500 9px DM Mono,monospace;display:flex}.intro-kicker span{border-top:1px solid var(--cyan);width:18px;box-shadow:0 0 6px var(--cyan)}.play-intro h2{color:#f0fcfd;letter-spacing:-.055em;margin:17px 0 13px;font:800 clamp(30px,5vw,60px)/.96 Inter,sans-serif}.play-intro p{color:#869ba1;max-width:510px;margin:0;font-size:clamp(11px,1.4vw,14px);line-height:1.65}.play-intro p kbd{color:#e9fcfe}.intro-rules{color:#6e858b;letter-spacing:.07em;flex-wrap:wrap;gap:17px;margin:22px 0;font:500 8px DM Mono,monospace;display:flex}.intro-rules span{align-items:center;gap:6px;display:flex}.intro-rules b{color:var(--yellow);font-weight:500}.play-intro .primary-button{min-width:150px}.touch-controls{display:none}.live-controls,.replay-controls{border:1px solid var(--line);background:#050a10c2;border-top:0;justify-content:space-between;align-items:center;gap:22px;min-height:68px;padding:13px 15px 13px 19px;display:flex}.live-controls p{color:#5d7178;letter-spacing:.08em;margin:0;font:500 9px DM Mono,monospace}.live-controls p span{color:#30434a;margin:0 5px}.live-controls p b{color:#799097;font-weight:500}kbd{color:#a9c5ca;font:inherit}.actions{gap:8px;display:flex}.primary-button,.quiet-button,.text-button,.icon-button,.play-button,.speed-controls button{color:#8ca7ad;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #6ee9f533;font:600 9px DM Mono,monospace;transition:border-color .15s,background .15s,color .15s,transform .15s}.primary-button{color:#041014;background:var(--cyan);border-color:var(--cyan);padding:11px 14px}.primary-button:hover{background:var(--cyan-bright);transform:translateY(-1px)}.quiet-button{padding:10px 13px}.quiet-button:hover,.icon-button:hover,.speed-controls button:hover{color:#e7fbfd;background:#4bd1e014;border-color:#6ee9f57a}.quiet-button:disabled{color:#34494f;cursor:not-allowed;border-color:#6ee9f514}.text-button{color:#60757b;border:0;padding:8px 0}.text-button:hover{color:var(--cyan)}.replay-controls{padding:11px 13px;display:none}body[data-mode=replay] .replay-controls{display:flex}body[data-mode=replay] .live-controls{display:none}.transport{flex:none;align-items:center;gap:5px;display:flex}.icon-button{width:35px;height:35px;padding:0}.play-button{color:#e8fbfd;border-color:#6ee9f566;justify-content:center;align-items:center;gap:8px;min-width:78px;height:35px;display:flex}.play-button i{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid var(--cyan);width:0;height:0}.play-button[data-playing=true] i{border:0;border-left:2px solid var(--cyan);border-right:2px solid var(--cyan);width:7px;height:8px}.timeline-wrap{flex:1;min-width:120px}.timeline-slider{position:relative}#timeline{z-index:2;width:100%;height:16px;accent-color:var(--cyan);cursor:ew-resize;margin:0;display:block;position:relative}.event-track{z-index:3;pointer-events:none;height:8px;position:absolute;inset:4px 8px auto}.event-track button{background:var(--yellow);pointer-events:auto;cursor:pointer;border:0;border-radius:50%;width:5px;height:5px;padding:0;position:absolute;top:1px;transform:translate(-50%);box-shadow:0 0 5px #ffd35abf}.timeline-labels{color:#52666c;letter-spacing:.09em;justify-content:space-between;font:500 8px DM Mono,monospace;display:flex}.timeline-labels b{color:#c3ebef;font-weight:500}.speed-controls{flex:none;gap:2px;display:flex}.speed-controls button{border-color:#0000;min-width:32px;height:28px;padding:0 6px}.speed-controls button[aria-pressed=true]{color:#dffcff;background:#44c8d81a;border-color:#6ee9f545}.speed-controls .loop-button{border-left-color:#6ee9f51f;min-width:43px;margin-left:3px}.event-jump{color:#658087}.inspector{border:1px solid var(--line);background:var(--panel);min-width:0;display:none;box-shadow:0 26px 70px #0000004d}body[data-mode=replay] .inspector{flex-direction:column;display:flex}.inspector-heading{align-items:flex-start;gap:13px;padding:18px 17px 8px;display:flex}.section-number{width:25px;height:25px;color:var(--cyan);border:1px solid #6ee9f542;place-items:center;font:500 8px DM Mono,monospace;display:grid}.inspector-heading small{color:#536b72;letter-spacing:.1em;margin:2px 0 5px;font:500 8px DM Mono,monospace;display:block}.inspector h2{color:#dff5f7;letter-spacing:-.02em;margin:0;font:700 15px/1.2 Inter,sans-serif}.replay-detail{color:#576d73;margin:0 17px 18px 55px;font:400 9px/1.5 DM Mono,monospace}.signal-panel,.event-panel{border-top:1px solid var(--line);padding:16px 17px}.inspector h3{color:#789198;letter-spacing:.13em;margin:0;font:500 8px DM Mono,monospace}.signal-panel dl{grid-template-columns:repeat(3,1fr);margin:14px 0 0;display:grid}.signal-panel dl div{gap:5px;min-width:0;display:grid}.signal-panel dt{color:#40565c;letter-spacing:.07em;font:500 7px DM Mono,monospace}.signal-panel dd{color:#e2f7f9;text-overflow:ellipsis;text-transform:uppercase;margin:0;font:500 11px DM Mono,monospace;overflow:hidden}.event-panel{flex:1;min-height:235px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title span{color:#334a50;letter-spacing:.08em;font:500 7px DM Mono,monospace}#event-list{gap:14px;margin:17px 0 0 2px;padding:0;list-style:none;display:grid;position:relative}#event-list:before{content:"";border-left:1px solid #1c343a;position:absolute;top:5px;bottom:5px;left:3px}#event-list li{z-index:1;color:#647b81;grid-template-columns:8px 1fr;align-items:start;gap:10px;font:400 8px/1.4 DM Mono,monospace;display:grid;position:relative}#event-list li b{color:#40575d;margin-bottom:3px;font-weight:500;display:block}#event-list li.current{color:#c9ecef}#event-list li.current b{color:var(--cyan)}#event-list li.upcoming{opacity:.42}.event-marker{background:#071017;border:1px solid #42636a;border-radius:50%;width:7px;height:7px;margin-top:2px}li.current .event-marker{border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 8px var(--yellow)}#event-list .empty-event{color:#40545a;display:block}.replay-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:6px;padding:13px 17px 16px;display:grid}.replay-actions button{width:100%}.replay-actions .text-button{grid-column:1/-1}.site-footer{color:#31464c;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;font:500 8px DM Mono,monospace;display:flex}.math-vs-vibes-badge{opacity:.72;border-radius:7px;line-height:0;transition:opacity .16s,transform .16s;display:block}.math-vs-vibes-badge:hover{opacity:1;transform:translateY(-1px)}.math-vs-vibes-badge:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.math-vs-vibes-badge img{width:172px;height:auto;display:block}.notice{z-index:20;color:#c9f8fc;letter-spacing:.06em;opacity:0;pointer-events:none;background:#040c11f0;border:1px solid #6ee9f54d;padding:11px 16px;font:500 9px DM Mono,monospace;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.notice.visible{opacity:1;transform:translate(-50%)}.notice[data-tone=error]{color:#ff9fc5;border-color:#ff438f73}@media (width<=980px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-hero{grid-template-columns:1fr 1fr;gap:50px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:0}.catalog-difficulty{border-top:1px solid var(--line);justify-content:flex-end;min-height:48px}.catalog-difficulty select{align-self:stretch}.leaderboard-hero{grid-template-columns:1fr 1fr;gap:50px}.leaderboard-toolbar{flex-direction:column;align-items:stretch}.leaderboard-tabs button{min-height:50px}.leaderboard-filters{border-top:1px solid var(--line);min-height:50px}.leaderboard-filters label:first-child{margin-left:auto}body[data-mode=replay] .workspace{grid-template-columns:1fr}body[data-mode=replay] .inspector{grid-template-columns:1fr 1fr;display:grid}.inspector-heading,.replay-detail,.signal-panel{grid-column:1}.event-panel{border-top:0;border-left:1px solid var(--line);grid-area:1/2/span 3}.replay-actions{grid-column:1/-1}}@media (width<=760px){.shell{padding:24px 15px 18px}.masthead{flex-direction:column;align-items:flex-start;gap:22px}.header-right{justify-items:stretch;width:100%}.mode-switch{width:100%}.stats{justify-content:space-between;gap:10px;width:100%}.stats span{min-width:0}h1{font-size:clamp(48px,17vw,78px)}.home-hero{grid-template-columns:1fr;gap:42px;min-height:0;padding:45px 0}.home-copy h1{margin:34px 0 25px;font-size:clamp(68px,22vw,116px)}.home-lanes{grid-template-columns:1fr}.home-lanes article{min-height:0;padding:22px 0}.home-lanes article+article{border-top:1px solid var(--line);border-left:0;padding-left:0}.catalog-nav{grid-template-columns:1fr auto;gap:20px}.catalog-nav .brand-line{display:none}.catalog-hero{grid-template-columns:1fr;gap:38px;padding:48px 0 42px}.catalog-hero h1{font-size:clamp(64px,20vw,104px)}.leaderboard-nav{grid-template-columns:1fr auto;gap:20px}.leaderboard-nav .brand-line{display:none}.leaderboard-hero{grid-template-columns:1fr;gap:38px;padding:48px 0 42px}.leaderboard-hero h1{font-size:clamp(64px,20vw,104px)}.leaderboard-console[data-scope=arcade] .leaderboard-row{grid-template-columns:52px minmax(120px,1fr) 100px 85px 88px}.leaderboard-console[data-scope=level] .leaderboard-row{grid-template-columns:52px minmax(120px,1fr) 85px 82px 88px 82px}.leaderboard-row{padding:0 13px}.catalog-filters{overflow-x:auto}.catalog-filters button{flex:none;padding:15px 12px}.touch-controls{z-index:6;pointer-events:none;grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px) 1fr 66px;gap:5px;display:grid;position:absolute;inset:auto 12px 12px}.stability-hud{width:min(240px,58%);bottom:108px}.time-pressure-hud{width:min(205px,55%);top:50px;right:12px}.time-pressure-hud strong{font-size:24px}.capture-feedback{top:19%}body[data-mode=replay] .touch-controls{display:none}.touch-controls button{color:#aef9ff;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;background:#051219d1;border:1px solid #5de0f06b;padding:0;font-size:17px}.touch-controls .up{grid-area:1/2}.touch-controls .left{grid-area:2/1}.touch-controls .down{grid-area:2/2}.touch-controls .right{grid-area:2/3}.touch-controls .trace-control{color:#ffe694;border-color:#ffd35a99;grid-area:1/5/span 2;font:600 9px DM Mono,monospace}.live-controls{align-items:flex-start}.live-controls p{line-height:1.7}.replay-controls{flex-wrap:wrap}.timeline-wrap{flex-basis:100%;order:3}.site-footer{align-items:center}.math-vs-vibes-badge img{width:150px}}@media (width<=620px){.site-footer{flex-wrap:wrap;justify-content:center}.site-footer>span{display:none}.home-copy h1{font-size:19.5vw}.home-nav{align-items:flex-start;gap:18px}.home-nav-actions{flex-direction:column;align-items:stretch}.home-nav .quiet-button{max-width:150px}.catalog-nav{grid-template-columns:minmax(0,1fr) auto;gap:8px}.catalog-nav .text-button,.catalog-nav .quiet-button{padding:7px 6px;font-size:6.5px}.catalog-nav-actions{gap:3px}.catalog-nav-actions .quiet-button:first-child{display:none}.catalog-hero h1{font-size:16.5vw}.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-card{width:100%}.catalog-card-actions{grid-template-columns:1fr}.catalog-leaders{min-height:38px}.catalog-difficulty{justify-content:space-between;padding-left:12px}.catalog-difficulty select{flex:0 190px;min-width:0}.hazard-legend{grid-template-columns:1fr}.hazard-legend>span+span{border-top:1px solid var(--line);border-left:0;padding-left:0}.leaderboard-nav{grid-template-columns:minmax(0,1fr) auto;gap:8px}.leaderboard-nav .text-button,.leaderboard-nav .quiet-button{padding:7px 6px;font-size:6.5px}.leaderboard-nav .quiet-button{display:none}.leaderboard-hero h1{font-size:16.5vw}.leaderboard-legend{grid-template-columns:1fr}.leaderboard-legend span{grid-template-columns:24px 1fr}.leaderboard-legend span+span{border-top:1px solid var(--line);border-left:0}.leaderboard-tabs{grid-template-columns:1fr 1fr;display:grid}.leaderboard-tabs button{white-space:normal;min-width:0;padding:0 7px;font-size:6.5px}.leaderboard-filters{flex-direction:column}.leaderboard-filters label,.leaderboard-filters label:first-child{border-top:1px solid var(--line);justify-content:space-between;min-height:48px;margin-left:0}.leaderboard-filters select,#leaderboard-level-filter select{align-self:stretch;width:min(64vw,230px);min-width:0}.leaderboard-status-line{flex-direction:column;align-items:flex-start;padding:13px}.leaderboard-head{display:none}.leaderboard-console[data-scope] .leaderboard-list .leaderboard-row{grid-template-columns:42px 1fr 1fr;gap:12px 9px;min-height:0;padding:14px 13px}.leaderboard-list .leaderboard-name{grid-column:2/-1}.leaderboard-list .leaderboard-row>span:not(.leaderboard-rank):not(.leaderboard-name):before{content:attr(data-label);color:#3f565c;letter-spacing:.08em;margin-bottom:5px;font-size:6px;display:block}.score-entry{width:min(94vw,540px)}.score-entry-control{grid-template-columns:1fr}.score-entry-control input{border-right:1px solid #6ee9f552}.score-entry-control .primary-button{min-height:40px}.stage-label em{display:none}.stage-home{left:12px}.stage-home span{display:none}.stage-label{left:54px}.live-controls{flex-direction:column}.actions{width:100%}.actions button{flex:1}body[data-mode=replay] .inspector{display:flex}.event-panel{border-left:0;border-top:1px solid var(--line)}.speed-controls button{min-width:27px}}@media (width<=420px){.home-nav{flex-direction:column}.home-nav-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.home-nav .quiet-button{width:100%;max-width:none}.home-nav .quiet-button:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}