:root{--bg:#091923;--panel:#0e2933;--line:#315364;--cyan:#54e6df;--lime:#b8ed62;--gold:#ffd56e;--ink:#e9fbf9;--muted:#91afb7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#1b5960 0,transparent 37%),radial-gradient(circle at 15% 80%,#263658 0,transparent 35%),var(--bg);color:var(--ink);font-family:Consolas,"Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:36px 36px}main{position:relative;width:min(1160px,94vw);margin:auto;padding:26px 0 20px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.topbar p{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.18em}.topbar h1{margin:6px 0 0;font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:.12em;text-shadow:0 0 22px #54e6df66}.ghost,.mode,.mobile-controls button{border:1px solid var(--line);background:#0c2631;color:var(--ink);font:700 12px inherit;cursor:pointer;transition:.2s}.ghost{padding:11px 14px}.ghost span{margin-left:16px;color:var(--cyan)}button:hover{border-color:var(--cyan);box-shadow:0 0 15px #54e6df33}.modebar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0 16px}.mode{min-height:58px;padding:9px 14px;text-align:left}.mode b,.mode small{display:block}.mode b{font-size:14px}.mode small{margin-top:5px;color:var(--muted);font-size:10px}.mode.active{border-color:var(--lime);background:linear-gradient(100deg,#25463e,#11303a);box-shadow:inset 3px 0 var(--lime)}.game-layout{display:grid;grid-template-columns:205px minmax(360px,720px) 205px;gap:24px;align-items:center;justify-content:center}.panel{display:grid;gap:14px}.level-card,.tips,.metric,.legend{padding:16px;border:1px solid var(--line);background:#0c2430d9;box-shadow:inset 3px 0 var(--cyan)}.level-card span,.tips>span,.metric span,.legend>span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em}.level-card strong{display:block;margin:9px 0 7px;color:var(--lime);font-size:16px}.level-card p,.tips p{margin:0;color:#b9d0d1;font-size:11px;line-height:1.7}.progress-track{height:6px;margin:17px 0 7px;background:#06151d}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--lime),var(--cyan));box-shadow:0 0 10px var(--lime);transition:.25s}.level-card small{color:var(--gold);font-size:10px}.tips{box-shadow:inset 3px 0 var(--gold)}.stage{position:relative;border:2px solid #457386;background:#06151d;box-shadow:0 0 38px #1ca5b155,inset 0 0 38px #000}.stage:before{content:"";position:absolute;inset:-7px;border:1px solid #1e485b;pointer-events:none}canvas{display:block;width:100%;height:auto}.metric strong{display:block;margin-top:7px;color:var(--cyan);font-size:30px;text-shadow:0 0 10px #54e6df66}.metric.split{display:flex;justify-content:space-between;box-shadow:inset 3px 0 var(--gold)}.metric.split strong{color:var(--gold)}.legend{box-shadow:inset 3px 0 var(--lime)}.legend p{display:flex;align-items:center;justify-content:space-between;margin:11px 0 0;color:#c7dbda;font-size:11px}.legend b{color:var(--gold);font-weight:700}.dot{display:inline-block;width:11px;height:11px;margin-right:7px;border-radius:50%;vertical-align:-1px}.berry{background:#f36a86}.gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.spark{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:#061821e8;transition:.22s}.overlay:not(.show){visibility:hidden;opacity:0}.overlay-mark{display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--lime);border-radius:50%;color:var(--lime);font-size:37px;font-weight:900;box-shadow:0 0 28px #b8ed6244}.overlay h2{margin:17px 0 6px;font-size:25px}.overlay p{max-width:320px;margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.overlay button{border:0;background:linear-gradient(100deg,#c8f661,#36c9c7);padding:13px 28px;color:#06212a;font:bold 13px inherit;cursor:pointer}.toast{position:absolute;left:50%;top:44%;z-index:3;pointer-events:none;color:white;font-size:23px;font-weight:900;letter-spacing:.08em;text-align:center;opacity:0;transform:translate(-50%,12px)}.toast.show{animation:toast .95s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px) scale(.8)}20%,65%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-28px) scale(1.04)}}.mobile-controls{display:none;margin:18px auto 0;text-align:center}.mobile-controls button{min-width:54px;min-height:45px;margin:3px;font-size:16px;touch-action:manipulation}.mobile-controls div{display:flex;justify-content:center}.mobile-controls>button:first-child{display:block;margin:auto}footer{margin-top:18px;color:#718e98;text-align:center;font-size:10px;letter-spacing:.08em}@media(max-width:940px){.game-layout{grid-template-columns:155px minmax(360px,620px) 155px;gap:12px}.level-card,.tips,.metric,.legend{padding:11px}.metric strong{font-size:24px}}@media(max-width:700px){main{width:min(100%,520px);padding-top:16px}.topbar{padding:0 14px;align-items:center}.topbar p{font-size:8px}.topbar h1{font-size:34px}.ghost{padding:9px}.ghost span{display:none}.modebar{margin:16px 12px 12px}.mode{padding:8px;min-height:54px}.mode b{font-size:11px}.mode small{font-size:8px}.game-layout{display:block}.panel{display:none}.stage{border-left:0;border-right:0}.mobile-controls{display:block}footer{display:none}}