@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#050b18;--panel:#0a1528;--panel2:#10213a;--line:#ffffff17;--text:#f7fbff;--muted:#8191aa;--blue:#258cff;--cyan:#2fd6ff;--green:#39dd8a;--red:#ff4e72;--yellow:#ffc94c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#184a80 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.45 Manrope,system-ui,sans-serif}button{font:inherit}.app{width:min(1180px,100%);margin:auto;padding:0 18px 44px}.header{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;letter-spacing:-.04em;font-size:19px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#28c7ff,#2473ff);font-size:21px;box-shadow:0 8px 30px #248eff44}.brand i{color:#35bfff;font-style:normal}.header-actions{display:flex;align-items:center;gap:12px}.record{text-align:right}.record span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.record b{font-size:16px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#0c192d;color:#fff;cursor:pointer}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#081325;box-shadow:0 35px 100px #0009}.hud{min-height:58px;padding:8px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid var(--line)}.hud>div{padding:5px 13px;border-left:1px solid var(--line)}.hud>div:first-child{border-left:0}.hud span{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em}.hud b{font-size:18px}.hud .speed b{color:var(--cyan)}.game-stage{position:relative;overflow:hidden;min-height:560px;background:linear-gradient(#071b38,#0d3e6c 68%,#153a5c)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.overlay,.pause-label{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:linear-gradient(90deg,#06101ee8,#071426b5);backdrop-filter:blur(3px)}.overlay[hidden],.pause-label[hidden]{display:none}.hero-badge{padding:7px 11px;border:1px solid #2dcfff4d;border-radius:20px;background:#1d9ee71f;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.15em}.overlay h1{margin:16px 0 13px;font-size:clamp(45px,7vw,78px);line-height:.95;letter-spacing:-.065em}.overlay h1 i{color:var(--cyan);font-style:normal}.overlay p{max-width:530px;margin:0 0 25px;color:#9cadc3}.start-button{min-width:260px;min-height:58px;padding:0 22px;border:0;border-radius:13px;background:linear-gradient(135deg,#1ebdff,#2764f3);box-shadow:0 15px 38px #168aff52,inset 0 1px #ffffff55;color:#fff;font-weight:800;cursor:pointer}.start-button span{margin-left:30px}.controls-hint{display:flex;gap:25px;margin-top:19px;color:#899ab2;font-size:11px}.controls-hint kbd{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#0d1a2d;color:#fff}.pause-label b{font-size:65px}.pause-label span{color:var(--muted)}.mission-bar{min-height:70px;padding:11px 16px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:17px}.mission-bar>div:first-child{display:flex;align-items:center;gap:11px}.mission-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffc94c20;color:var(--yellow);font-size:20px}.mission-bar p{margin:0}.mission-bar small{display:block;color:var(--muted);font-size:8px;letter-spacing:.11em}.mission-bar b{font-size:12px}.progress{height:7px;overflow:hidden;border-radius:10px;background:#12223a}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 15px #2fd6ff}.mission-bar button{padding:10px 17px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:#a8b6ca;cursor:pointer}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.info article{display:flex;gap:15px;padding:19px;border:1px solid var(--line);border-radius:16px;background:#091324}.info article>span{color:#3bbcff;font-size:12px;font-weight:800}.info h2{margin:0 0 5px;font-size:15px}.info p{margin:0;color:var(--muted);font-size:12px}.disclaimer{text-align:center;color:#63728b;font-size:10px;margin-top:25px}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(max-width:720px){.app{padding-inline:8px}.header{height:62px;padding-inline:5px}.game-stage{min-height:440px}.hud{grid-template-columns:repeat(3,1fr)}.hud .speed{display:none}.hud b{font-size:15px}.mission-bar{grid-template-columns:1fr auto}.mission-bar .progress{grid-column:1/-1;grid-row:2}.info{grid-template-columns:1fr}.overlay h1{font-size:48px}.controls-hint{gap:12px}}@media(max-width:420px){.game-stage{min-height:385px}.overlay p{font-size:12px}.start-button{min-width:230px}.brand{font-size:16px}.record b{font-size:13px}.mission-bar{padding:9px}.mission-bar button{padding:9px}}