.game-screen{position:relative;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas canvas{display:block;width:100%;height:100%}.game-screen__hint{position:absolute;left:16px;bottom:14px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--color-text-dim);background:#0a0c11b3;border:1px solid rgba(54,198,255,.18);padding:.45rem .7rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimap{position:absolute;right:16px;bottom:14px;padding:8px;background:#0a0c11c7;border:1px solid rgba(54,198,255,.25);box-shadow:0 12px 36px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimap:before{content:"";position:absolute;top:-2px;left:-2px;width:14px;height:14px;border:2px solid var(--color-primary);border-right:0;border-bottom:0}.minimap canvas{display:block}.minimap__header{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.25em;color:var(--color-text-dim);margin-bottom:6px}.minimap__dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 8px var(--color-success);animation:minimap-blink 1.6s ease-in-out infinite}@keyframes minimap-blink{0%,to{opacity:1}50%{opacity:.35}}.minimap__legend{display:flex;gap:10px;margin-top:6px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;color:var(--color-text-dim)}.minimap__legend span{display:flex;align-items:center;gap:4px}.minimap__legend .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.minimap__legend .dot--low{background:var(--color-warning)}.minimap__legend .dot--medium{background:#ff7a3c}.minimap__legend .dot--high{background:var(--color-danger)}@media(max-width:900px){.minimap{transform:scale(.82);transform-origin:bottom right}.game-screen__hint{display:none}}.game-screen--touch .minimap{bottom:calc(118px + env(safe-area-inset-bottom));transform:scale(.72);transform-origin:bottom right}@media(max-width:480px){.game-screen--touch .minimap{transform:scale(.6)}}.hud{position:absolute;top:12px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:5}.hud__panel{background:#0a0c11c7;border:1px solid rgba(54,198,255,.25);padding:.6rem .9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 30px #0006}.hud__panel label{display:block;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-dim)}.hud__panel strong{font-family:var(--font-mono);font-weight:700;color:var(--color-text)}.hud__panel--left{display:flex;align-items:center;gap:1rem}.hud__brand{font-weight:700;font-size:.86rem;letter-spacing:.1em;line-height:1.1}.hud__brand span{color:var(--color-primary)}.hud__score strong{font-size:1.5rem;color:var(--color-primary)}.hud__panel--timer{text-align:center;min-width:130px}.hud__panel--timer strong{font-size:1.7rem;letter-spacing:.06em}.hud__panel--timer.is-critical strong{color:var(--color-danger);animation:hud-blink .6s steps(2) infinite}@keyframes hud-blink{50%{opacity:.45}}.hud__timebar{margin-top:4px;height:3px;background:#36c6ff26;overflow:hidden}.hud__timebar span{display:block;height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));transition:width .2s linear}.hud__panel--right{display:flex;align-items:center;gap:1.1rem}.hud__stat{text-align:right}.hud__stat strong{font-size:1.15rem}.hud__aiscan{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;padding:.45rem .7rem;border:1px solid rgba(143,162,181,.3);color:var(--color-text-dim);white-space:nowrap}.hud__aiscan--ready{color:#06120d;background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 0 18px #7df9c673;animation:aiscan-pulse 1s ease-in-out infinite}.hud__aiscan--active{color:var(--color-secondary);border-color:var(--color-secondary);background:#7df9c614}@keyframes aiscan-pulse{0%,to{box-shadow:0 0 12px #7df9c659}50%{box-shadow:0 0 26px #7df9c6b3}}.touch-controls{position:absolute;inset:auto 0 0 0;pointer-events:none;z-index:6}.touch-joystick{position:absolute;left:22px;bottom:calc(22px + env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;border:1.5px solid rgba(54,198,255,.4);background:radial-gradient(circle,#0a0c118c,#0a0c11cc);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;touch-action:none}.touch-joystick__rose{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:linear-gradient(0deg,transparent calc(50% - .5px),rgba(54,198,255,.2) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(54,198,255,.2) 50%,transparent calc(50% + .5px));pointer-events:none}.touch-joystick__thumb{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4fd1ff,#1b6fae 70%);border:1.5px solid rgba(223,243,255,.5);box-shadow:0 0 18px #36c6ff73;pointer-events:none}.touch-scan{position:absolute;right:22px;bottom:calc(26px + env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.08em;line-height:1.05;color:var(--color-text-dim);background:radial-gradient(circle,#0a0c1199,#0a0c11d9);border:1.5px solid rgba(143,162,181,.35);pointer-events:auto;touch-action:none;cursor:pointer}.touch-scan span{display:block;font-size:.62rem;letter-spacing:.22em}.touch-scan:active{transform:scale(.95)}.touch-scan--ready{color:#06120d;background:radial-gradient(circle at 35% 30%,#a8ffdd,var(--color-secondary) 70%);border-color:var(--color-secondary);animation:aiscan-pulse 1s ease-in-out infinite}.touch-scan--active{color:var(--color-secondary);border-color:var(--color-secondary);background:#7df9c61f;box-shadow:0 0 22px #7df9c666}@media(max-width:900px){.hud{flex-wrap:wrap}.hud__panel--timer{order:-1;width:100%}.hud__panel--left,.hud__panel--right{flex:1}.hud__panel--right{justify-content:flex-end;gap:.8rem}.hud__score strong{font-size:1.2rem}}@media(max-width:600px){.hud{top:8px;left:8px;right:8px;gap:6px}.hud__panel{padding:.4rem .6rem}.hud__panel--timer strong{font-size:1.25rem}.hud__brand{display:none}.hud__stat strong{font-size:.95rem}.hud__stat label,.hud__score label{font-size:.5rem;letter-spacing:.16em}.hud__aiscan{font-size:.56rem;padding:.35rem .5rem}.hud__panel--right{flex-wrap:wrap;justify-content:flex-end;gap:.4rem .6rem}}:root{--color-primary: #36c6ff;--color-secondary: #7df9c6;--color-danger: #ff4d5e;--color-warning: #ffb020;--color-success: #3ddc97;--color-background: #101218;--color-surface: #161a22;--color-text: #e8f1f8;--color-text-dim: #8fa2b5;--font-display: Chakra Petch, Segoe UI, sans-serif;--font-mono: IBM Plex Mono, SFMono-Regular, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}@supports (height: 100dvh){body,#root{height:100dvh}}body{font-family:var(--font-display);color:var(--color-text);background:radial-gradient(1200px 700px at 50% -10%,rgba(54,198,255,.08),transparent 60%),radial-gradient(900px 600px at 85% 110%,rgba(125,249,198,.05),transparent 55%),var(--color-background);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}kbd{font-family:var(--font-mono);font-size:.78em;padding:.15em .5em;border:1px solid rgba(54,198,255,.35);border-bottom-width:2px;border-radius:4px;background:#36c6ff14;color:var(--color-primary);white-space:nowrap}.app{height:100%;position:relative}.btn{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 2.2rem;cursor:pointer;border:1px solid transparent;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{color:#051018;background:linear-gradient(135deg,var(--color-primary),#1f8fd0);box-shadow:0 0 24px #36c6ff59}.btn--primary:hover{box-shadow:0 0 38px #36c6ff8c}.btn--ghost{color:var(--color-primary);background:#36c6ff0f;border-color:#36c6ff66}.btn--ghost:hover{background:#36c6ff24}.screen{height:100%;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(120,160,200,.05) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,rgba(120,160,200,.05) 0 1px,transparent 1px 80px);-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,black,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,black,transparent);pointer-events:none}.screen:after{content:"";position:absolute;left:0;right:0;height:120px;background:linear-gradient(180deg,transparent,rgba(54,198,255,.05),transparent);animation:screen-scan 7s linear infinite;pointer-events:none}@keyframes screen-scan{0%{top:-130px}to{top:100%}}.screen__frame{position:relative;width:min(620px,100%);padding:2.6rem 2.8rem;background:linear-gradient(180deg,#161a22eb,#101218f5);border:1px solid rgba(54,198,255,.22);box-shadow:0 30px 80px #0000008c;text-align:center}.screen__frame:before,.screen__frame:after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--color-primary)}.screen__frame:before{top:-2px;left:-2px;border-right:0;border-bottom:0}.screen__frame:after{bottom:-2px;right:-2px;border-left:0;border-top:0}.screen__tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;color:var(--color-secondary);margin-bottom:1.2rem;animation:fade-up .5s ease both}.screen__footnote{margin-top:1.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.start-screen__title{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;letter-spacing:.06em;line-height:1.05;animation:fade-up .5s .08s ease both}.start-screen__title span{color:var(--color-primary);text-shadow:0 0 28px rgba(54,198,255,.5)}.start-screen__subtitle{margin-top:.8rem;color:var(--color-text-dim);font-size:1.02rem;animation:fade-up .5s .16s ease both}.start-screen__brief{margin:1.6rem 0;text-align:left;font-size:.92rem;line-height:1.55;color:var(--color-text);border-left:2px solid rgba(54,198,255,.4);padding-left:1rem;animation:fade-up .5s .24s ease both}.start-screen__brief p+p{margin-top:.6rem}.start-screen__brief strong{color:var(--color-primary)}.start-screen__controls{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.2rem;margin-bottom:1.8rem;text-align:left;animation:fade-up .5s .32s ease both}.start-screen__controls li{display:flex;align-items:center;gap:.6rem;font-size:.84rem;color:var(--color-text-dim)}.start-screen__controls li kbd{min-width:78px;text-align:center}.start-screen .btn--primary{animation:fade-up .5s .4s ease both}.end-screen__title{font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:.05em;animation:fade-up .5s .08s ease both}.end-screen__score{margin:1.4rem 0 1.6rem;animation:fade-up .5s .16s ease both}.end-screen__score label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-dim)}.end-screen__score strong{font-family:var(--font-mono);font-size:3.2rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 32px rgba(54,198,255,.45)}.end-screen__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-bottom:1.5rem;animation:fade-up .5s .24s ease both}.end-screen__stat{padding:.7rem .4rem;background:#36c6ff0d;border:1px solid rgba(54,198,255,.16)}.end-screen__stat strong{display:block;font-family:var(--font-mono);font-size:1.25rem;color:var(--color-text)}.end-screen__stat label{display:block;margin-top:.2rem;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.end-screen__stat small{display:block;margin-top:.2rem;font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-dim)}.end-screen__message{font-size:1rem;line-height:1.5;color:var(--color-secondary);border:1px dashed rgba(125,249,198,.35);padding:.9rem 1.1rem;margin-bottom:1.6rem;animation:fade-up .5s .32s ease both}.end-screen__actions{display:flex;justify-content:center;gap:.9rem;animation:fade-up .5s .4s ease both}@media(max-width:720px){.screen__frame{padding:1.8rem 1.4rem}.end-screen__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.start-screen__controls{grid-template-columns:1fr}}