@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@600;700;800&display=swap";:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#3ce7ff;--blue:#436dff;--pink:#ff3e82;--panel:#080c1cc2;--border:#6ec2ff33;background:#050711;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#050711;width:100%;height:100%;margin:0;overflow:hidden}button,kbd{font:inherit}button{color:inherit}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:linear-gradient(#0507113d,#0000 35%,#0507117a),radial-gradient(circle,#0000 42%,#01020a9e 100%);position:fixed;inset:0}#damage-flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#0000 15%,#ff1941b8 100%);position:fixed;inset:0}.hidden{display:none!important}.hud{z-index:10;padding:max(18px, env(safe-area-inset-top)) 24px 0;pointer-events:none;grid-template-columns:1fr minmax(160px,240px) 1fr;align-items:start;gap:18px;display:grid;position:fixed;top:0;left:0;right:0}.hud-group{gap:10px;display:flex}.hud-group-right{justify-content:flex-end}.hud-card,.hud-timer-wrap,.icon-button{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d142cdb,#070a1ab8);box-shadow:inset 0 0 28px #3a8dff0f}.hud-card{border-radius:10px;min-width:104px;padding:11px 14px}.hud-label{color:#dae7ff9e;letter-spacing:.17em;font-size:10px;font-weight:700;display:block}.hud-card strong,.hud-timer-wrap strong{letter-spacing:.05em;margin-top:3px;font-family:Orbitron,monospace;font-size:20px;display:block}.hud-timer-wrap{text-align:center;border-radius:10px;padding:10px 18px 12px}.hud-timer-wrap strong{font-size:26px}.hud-timer-wrap strong.danger{color:#ff5076;animation:.7s infinite alternate timer-pulse}.timer-track{background:#ffffff1a;border-radius:999px;height:3px;margin-top:7px;overflow:hidden}.timer-track span{transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--cyan));width:100%;height:100%;box-shadow:0 0 12px var(--cyan);display:block}.energy-card{min-width:118px}.energy-pips{gap:6px;margin-top:8px;display:flex}.energy-pips span{background:var(--cyan);border-radius:2px;width:24px;height:7px;transition:opacity .18s,transform .18s;box-shadow:0 0 10px #3ce7ffd1}.energy-pips span.empty{opacity:.15;box-shadow:none;transform:scaleX(.7)}.icon-button{cursor:pointer;pointer-events:auto;border-radius:10px;width:45px;height:45px}.screen-panel{z-index:20;background:linear-gradient(90deg,#03050fe6,#03050f7a 48%,#03050f33);place-items:center;padding:28px;display:grid;position:fixed;inset:0}#start-screen{justify-items:start}.screen-content{width:min(100%,560px)}.hero-content{margin-left:clamp(0px,6vw,92px)}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-shadow:0 0 18px #3ce7ffb3;margin-bottom:14px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;display:inline-block}h1,h2{text-transform:uppercase;margin:0;font-family:Orbitron,monospace;line-height:.92}h1{letter-spacing:-.075em;text-shadow:0 12px 60px #124cff52;font-size:clamp(58px,9vw,108px)}h1 span{color:#0000;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 28px #3ce7ff57}h2{letter-spacing:-.045em;font-size:clamp(30px,4vw,50px)}.lead{color:#e2ebffc7;max-width:540px;margin:24px 0 25px;font-size:16px;line-height:1.65}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:490px;margin-bottom:24px;display:grid}.control-grid>div{color:#dee9ffb8;background:#0a0e1f7a;border:1px solid #7eb6ff24;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:12px;display:flex}kbd,.touch-control>span:first-child{color:#eafbff;text-align:center;background:#316bb42b;border:1px solid #84d2ff59;border-radius:5px;min-width:30px;padding:5px 7px;font-family:Orbitron,monospace;font-size:10px}.primary-button,.secondary-button{letter-spacing:.1em;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:min(100%,310px);min-height:56px;padding:0 20px;font-family:Orbitron,monospace;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.primary-button{background:linear-gradient(90deg,#1970e7d9,#14d3ead1);border:1px solid #6bf4ffbf;box-shadow:0 12px 34px #1773ff40,inset 0 0 24px #ffffff14}.secondary-button{background:#10172fb3;border:1px solid #87b8ff33;justify-content:center;margin-top:10px}.primary-button:hover,.secondary-button:hover,.icon-button:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 16px 38px #1773ff52}.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.mobile-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.microcopy{color:#cbd9f373;margin-top:12px;font-size:11px}.compact-content,.result-content{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:16px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 90px #00000061,inset 0 0 40px #3672ff0d}.compact-content p{color:#e4ebffb8;margin:18px 0 24px}.compact-content .primary-button,.compact-content .secondary-button,.result-content .primary-button{margin-left:auto;margin-right:auto}.countdown{z-index:30;pointer-events:none;color:#fff;text-shadow:0 0 25px var(--cyan), 0 0 80px var(--blue);place-items:center;font-family:Orbitron,monospace;font-size:clamp(96px,20vw,220px);font-weight:800;display:grid;position:fixed;inset:0}.rank-badge{border:2px solid var(--cyan);color:#fff;background:radial-gradient(circle,#30c5ff3d,#14214873);border-radius:50%;place-items:center;width:102px;height:102px;margin:2px auto 18px;font-family:Orbitron,monospace;font-size:52px;font-weight:800;display:grid;box-shadow:0 0 35px #3ce7ff57,inset 0 0 22px #3ce7ff2e}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0 17px;display:grid}.result-grid div{background:#090e208c;border:1px solid #74baff21;border-radius:9px;padding:13px}.result-grid span,.result-grid strong{display:block}.result-grid span{color:#d5e1fa8c;margin-bottom:5px;font-size:11px}.result-grid strong{font-family:Orbitron,monospace;font-size:19px}.result-message{color:#e4edffb3;min-height:40px;margin:0 0 22px;font-size:13px;line-height:1.55}.mobile-actions{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:15;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.mobile-actions button{color:#ebfbff;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);touch-action:manipulation;background:#070c1ea8;border:1px solid #75d7ff52;border-radius:11px;width:58px;height:52px;font-family:Orbitron,monospace;font-size:22px}.orientation-hint{z-index:45;color:#e7f2ffdb;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c1ce0;border:1px solid #56ccff3d;border-radius:10px;width:min(100% - 28px,360px);padding:12px 16px;font-size:12px;line-height:1.45;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.loading-screen{z-index:100;color:#dae8ffa8;letter-spacing:.16em;background:#050711;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-family:Orbitron,monospace;font-size:11px;display:flex;position:fixed;inset:0}.loader-ring{border:2px solid #4ca5ff26;border-top-color:var(--cyan);border-radius:50%;width:52px;height:52px;animation:.8s linear infinite rotate;box-shadow:0 0 18px #3ce7ff38}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes timer-pulse{to{opacity:.55;transform:scale(1.08)}}@media (width<=820px){.hud{padding:max(10px, env(safe-area-inset-top)) 10px 0;grid-template-columns:1fr auto 1fr;gap:8px}.hud-card{min-width:auto;padding:8px 10px}.hud-card strong,.hud-timer-wrap strong{font-size:16px}.hud-timer-wrap{min-width:112px;padding:8px 10px 9px}.hud-timer-wrap strong{font-size:19px}.hud-group{gap:5px}.hud-group .hud-card:nth-child(2){display:none}.energy-card{min-width:98px}.energy-pips span{width:18px}.icon-button{width:40px;height:40px}.screen-panel{background:#03050fa3;padding:18px}#start-screen{justify-items:center}.hero-content{text-align:center;margin-left:0}.lead{margin-left:auto;margin-right:auto;font-size:14px}.control-grid,.primary-button{margin-left:auto;margin-right:auto}h1{font-size:clamp(48px,14vw,74px)}}@media (width<=560px){.control-grid{grid-template-columns:1fr}.control-grid>div:nth-child(3),.control-grid>div:nth-child(4),.microcopy{display:none}.result-grid{grid-template-columns:1fr 1fr}.screen-content{max-height:92vh;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}