:root{color-scheme:dark;--bg:#070912;--panel:#0e111b;--line:rgba(164,178,211,.13);--line-strong:rgba(164,178,211,.22);--text:#f4f7ff;--muted:#78839a;--soft:#aab3c6;--cyan:#53f3cf;--blue:#5da7ff;--violet:#a77bff;--pink:#ff5f8f;--gold:#ffd166;--danger:#ff647c}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 50% -20%,#15203d 0,transparent 40%),linear-gradient(180deg,#080b14,#05070d);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;user-select:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.ambient{width:42vw;height:42vw;position:fixed;z-index:0;filter:blur(100px);opacity:.1;pointer-events:none}.ambient-a{top:-20vw;left:-10vw;border-radius:50%;background:var(--cyan)}.ambient-b{right:-18vw;bottom:-22vw;border-radius:50%;background:var(--violet)}
.game-shell{width:min(1240px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:24px 0 18px;position:relative;z-index:1}.game-header{min-height:68px;padding:0 3px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;position:relative;display:block;overflow:hidden;border:1px solid rgba(83,243,207,.35);border-radius:13px;background:linear-gradient(145deg,rgba(83,243,207,.17),rgba(93,167,255,.04));box-shadow:inset 0 0 20px rgba(83,243,207,.06),0 0 26px rgba(83,243,207,.05)}.brand-mark i,.brand-mark b,.brand-mark em{width:8px;height:8px;position:absolute;display:block;border-radius:3px;background:var(--cyan);box-shadow:9px 0 0 var(--cyan),18px 0 0 var(--cyan)}.brand-mark i{top:9px;left:7px}.brand-mark b{top:18px;left:25px;transform:rotate(90deg)}.brand-mark em{top:27px;left:7px}.brand small,.brand strong{display:block}.brand small{color:var(--cyan);font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.brand strong{margin-top:5px;font-size:17px;letter-spacing:-.035em}.stats{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr))}.stat{min-width:78px;padding:2px 18px;border-left:1px solid var(--line)}.stat small,.stat strong{display:block;text-align:right}.stat small{color:var(--muted);font:650 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.stat strong{margin-top:5px;color:var(--soft);font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.stat:first-child strong{color:var(--text)}.stat:nth-child(2) strong{color:var(--gold)}.stat:nth-child(4) strong{color:var(--cyan)}
.game-layout{padding:18px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.play-zone{min-width:0}.play-meta{height:31px;padding:0 3px;display:flex;align-items:start;justify-content:space-between;color:var(--muted);font:650 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.play-meta span{display:flex;align-items:center;gap:7px}.play-meta i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.board-wrap{width:min(100%,660px);margin:0 auto;padding:5px;position:relative;overflow:hidden;border:1px solid rgba(109,231,211,.28);border-radius:22px;background:linear-gradient(145deg,rgba(83,243,207,.42),rgba(93,167,255,.11) 40%,rgba(167,123,255,.3));box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 80px rgba(83,243,207,.06)}canvas{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:17px;background:#070b14;outline:none;touch-action:none}.board-scan{position:absolute;z-index:2;inset:5px;overflow:hidden;border-radius:17px;pointer-events:none}.board-scan::after{height:80px;position:absolute;inset:-100px 0 auto;content:"";background:linear-gradient(180deg,transparent,rgba(83,243,207,.025),transparent);animation:scan 8s linear infinite}@keyframes scan{to{transform:translateY(780px)}}
.overlay{position:absolute;z-index:5;inset:5px;padding:clamp(20px,5vw,54px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:17px;background:radial-gradient(circle at 50% 28%,rgba(20,50,57,.68),transparent 38%),rgba(5,8,15,.9);backdrop-filter:blur(9px);text-align:center;transition:opacity .25s ease,transform .25s ease}.overlay.hidden{opacity:0;transform:scale(1.015);pointer-events:none}.overlay-mark{width:58px;height:45px;margin-bottom:15px;position:relative}.overlay-mark span{width:14px;height:14px;position:absolute;top:0;left:0;border-radius:5px;background:var(--cyan);box-shadow:16px 0 0 var(--cyan),32px 0 0 var(--cyan),32px 16px 0 var(--cyan),16px 16px 0 var(--cyan),0 16px 0 var(--cyan),0 32px 0 var(--cyan),16px 32px 0 var(--cyan);filter:drop-shadow(0 0 9px rgba(83,243,207,.4))}.eyebrow{margin:0 0 10px;color:var(--cyan);font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em}.overlay h1,.overlay h2{margin:0;color:var(--text);font-size:clamp(34px,6vw,57px);line-height:.98;letter-spacing:-.065em}.overlay h1 em{color:var(--cyan);font-style:normal}.overlay-copy{max-width:450px;margin:14px 0 19px;color:#8d98ad;font-size:11px;line-height:1.62}.mode-picker{width:min(520px,100%);margin-bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mode-card{min-height:69px;padding:10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.mode-card:hover,.mode-card.active{color:var(--text);border-color:rgba(83,243,207,.42);background:rgba(83,243,207,.08);box-shadow:inset 0 0 22px rgba(83,243,207,.03)}.mode-card>span{grid-row:1/3;color:#5b667c;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace}.mode-card strong{align-self:end;font-size:10px}.mode-card small{align-self:start;margin-top:3px;color:#677287;font-size:7px}.btn{min-width:200px;min-height:48px;padding:0 8px 0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;color:#04110f;border:0;border-radius:12px;background:linear-gradient(135deg,#71f3d6,#41d8bd);box-shadow:0 12px 30px rgba(83,243,207,.2);font-size:11px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(3,16,13,.12);font-size:17px}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(83,243,207,.32)}.control-hint{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:4px;color:#697388;font-size:8px}kbd{min-width:24px;min-height:22px;padding:4px 6px;display:inline-grid;place-items:center;color:#9da8ba;border:1px solid rgba(167,179,202,.19);border-bottom-color:rgba(167,179,202,.32);border-radius:6px;background:rgba(255,255,255,.035);box-shadow:0 2px 0 rgba(255,255,255,.035);font:650 7px ui-monospace,SFMono-Regular,Consolas,monospace}.control-hint span{margin-left:5px}.overlay .big-score{display:block;margin:9px 0 2px;color:var(--cyan);font-size:54px;font-weight:800;letter-spacing:-.07em}.overlay .new-best{color:var(--gold);font-weight:750}.overlay .result-meta{margin-top:8px;display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:9px}.overlay .result-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025)}.announcer{width:1px;height:1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);white-space:nowrap}.level-track{width:min(100%,660px);height:25px;margin:9px auto 0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0c0f18}.level-track i{width:0;position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(83,243,207,.32),rgba(93,167,255,.25));transition:width .25s ease}.level-track span{position:relative;z-index:1;display:block;color:#7a8599;font:650 7px/23px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;letter-spacing:.06em}.mobile-controls{display:none}
.control-rail{padding-top:31px;display:flex;flex-direction:column;gap:10px}.rail-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent),rgba(14,17,27,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.rail-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rail-card>header small{color:#707b90;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.rail-card>header span{padding:4px 6px;color:#8290a7;border:1px solid var(--line);border-radius:99px;font:650 6px ui-monospace,SFMono-Regular,Consolas,monospace}.mission-card h2{margin:16px 0 0;font-size:20px;letter-spacing:-.04em}.mission-card>p{min-height:45px;margin:7px 0 0;color:#778298;font-size:9px;line-height:1.55}.mission-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.mission-grid>div{padding:12px 7px 0;border-left:1px solid var(--line)}.mission-grid>div:first-child{padding-left:0;border-left:0}.mission-grid small,.mission-grid strong{display:block}.mission-grid small{color:#667187;font-size:7px}.mission-grid strong{margin-top:5px;color:#ccd4e3;font-size:13px}.effect-list{min-height:55px;margin-top:12px;display:grid;gap:6px}.effect-list>p{margin:auto 0;color:#5d687d;font-size:8px;text-align:center}.effect-chip{height:28px;padding:0 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025)}.effect-chip i{width:6px;height:6px;border-radius:50%;background:rgb(var(--effect-color));box-shadow:0 0 9px rgba(var(--effect-color),.7)}.effect-chip span{color:#a9b2c3;font-size:7px}.effect-chip b{color:#778298;font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.keys-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.keys-grid>span{padding:8px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02)}.keys-grid kbd{min-width:50px}.keys-grid small{color:#68748a;font-size:7px}.dock{margin-top:12px}.game-footer{min-height:32px;padding:10px 3px 0;display:flex;justify-content:space-between;gap:20px;color:#59657a;border-top:1px solid var(--line);font-size:7px}.game-footer span{display:flex;align-items:center;gap:7px}.game-footer i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
@media(max-width:980px){.game-shell{width:min(760px,calc(100% - 24px))}.game-layout{grid-template-columns:1fr}.control-rail{padding-top:0;display:grid;grid-template-columns:1fr 1fr}.dock-card{grid-column:1/-1}}
@media(max-width:680px){body{background:#070912}.game-shell{width:100%;padding:10px 10px 16px}.game-header{align-items:start}.brand-mark{width:36px;height:36px;transform:scale(.84);transform-origin:left top}.brand strong{font-size:14px}.brand small{font-size:7px}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-width:54px;padding:1px 9px}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--line)}.stat strong{margin-top:3px;font-size:14px}.stat small{font-size:6px}.game-layout{padding-top:12px;gap:12px}.play-meta{height:26px}.board-wrap{padding:3px;border-radius:17px}canvas,.overlay,.board-scan{border-radius:13px}.overlay,.board-scan{inset:3px}.overlay{padding:15px}.overlay-mark{display:none}.overlay h1,.overlay h2{font-size:clamp(28px,10vw,42px)}.overlay-copy{margin:9px 0 12px;font-size:8px}.mode-picker{margin-bottom:10px;gap:5px}.mode-card{min-height:58px;padding:7px}.mode-card>span{display:none}.mode-card strong{font-size:8px}.mode-card small{font-size:6px}.btn{min-height:43px}.control-hint{display:none}.mobile-controls{margin:10px auto 0;display:grid;place-items:center}.control-rail{grid-template-columns:1fr}.controls-card{display:none}.dock-card{grid-column:auto}.game-footer{align-items:center;flex-direction:column;text-align:center}}
@media(max-height:780px) and (min-width:981px){.game-shell{width:min(1160px,calc(100% - 28px));padding-top:12px}.game-header{min-height:56px;padding-bottom:10px}.game-layout{padding-top:10px}.board-wrap{width:min(100%,580px)}.control-rail{padding-top:25px}.rail-card{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.board-scan{display:none}}
.overlay .result-label{display:block;margin-bottom:6px;color:#8d98ad;font-size:10px}.overlay .result-reason{display:block;margin:0 auto 9px;color:#b7c0d1;font-size:9px}.overlay-link{margin-top:12px;padding:7px 10px;color:#8390a6;border:0;background:transparent;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.overlay-link:hover{color:var(--cyan)}.dock{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dock-button{min-height:36px;padding:6px 8px;display:flex;align-items:center;gap:8px;color:#78849a;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);font:650 7px inherit;text-align:left;cursor:pointer}.dock-button i{width:19px;height:19px;display:grid;place-items:center;color:#69758b;border-radius:6px;background:rgba(255,255,255,.035);font-style:normal}.dock-button:hover{color:#c7d0df;border-color:rgba(83,243,207,.3)}.dock-button[aria-pressed=true]{color:#d6fff6;border-color:rgba(83,243,207,.28);background:rgba(83,243,207,.07)}.dock-button[aria-pressed=true] i{color:var(--cyan);background:rgba(83,243,207,.12)}.touch-pad{width:198px;height:198px;display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,62px);gap:6px}.touch-pad button{min-width:0;color:#b9c5d8;border:1px solid rgba(112,128,153,.3);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 6px 14px rgba(0,0,0,.2);font-size:20px;touch-action:manipulation}.touch-pad button:active{color:#07100f;background:var(--cyan);transform:scale(.94)}.touch-pad [data-dir=up]{grid-column:2}.touch-pad [data-dir=left]{grid-row:2;grid-column:1}.touch-pad [data-dir=pause]{grid-row:2;grid-column:2;color:var(--cyan)}.touch-pad [data-dir=right]{grid-row:2;grid-column:3}.touch-pad [data-dir=down]{grid-row:3;grid-column:2}.mission-card [data-level=intense]{color:#ff9a76;border-color:rgba(255,121,93,.25);background:rgba(255,121,93,.06)}.mission-card [data-level=relaxed]{color:#84afff;border-color:rgba(93,167,255,.25);background:rgba(93,167,255,.06)}
.dock-button{font:inherit;font-size:7px;font-weight:650}

.level-preview{width:min(500px,100%);margin:-2px 0 15px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;color:#566176}.level-preview>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.level-preview b{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:#718097;background:rgba(255,255,255,.025);font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace}.level-preview em{color:#778298;font-size:7px;font-style:normal;font-weight:650}.level-preview>span.active b{color:#04110f;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px rgba(83,243,207,.22)}.level-preview>span.active em{color:#b8fff0}.level-preview>i{height:1px;min-width:8px;background:linear-gradient(90deg,rgba(83,243,207,.34),var(--line))}
@media(max-width:680px){.level-preview{margin-bottom:10px;gap:5px}.level-preview em{display:none}.level-preview>span{gap:0}.level-preview b{width:19px;height:19px}.overlay .eyebrow{margin-bottom:7px}.overlay h1{font-size:clamp(25px,8.5vw,38px)}}
@media(max-height:700px) and (min-width:981px){.game-shell{padding-top:10px}.game-header{min-height:52px;padding-bottom:8px}.game-layout{padding-top:8px}.play-meta{height:24px}.board-wrap{width:min(100%,calc(100vh - 145px),540px)}.overlay{padding:16px}.overlay-mark{display:none}.overlay h1{font-size:34px}.overlay-copy{margin:9px 0 11px;font-size:9px}.mode-picker{margin-bottom:9px}.mode-card{min-height:54px;padding:7px}.level-preview{margin-bottom:9px}.btn{min-height:42px}.control-hint{display:none}.level-track{margin-top:6px}.control-rail{padding-top:24px;gap:7px}.rail-card{padding:10px}.mission-card h2{margin-top:10px;font-size:17px}.mission-card>p{min-height:34px}.mission-grid{margin-top:8px}.effect-list{min-height:38px;margin-top:8px}.controls-card .keys-grid{margin-top:8px}.dock{margin-top:8px}.game-footer{display:none}}