:root{--bg: #05070d;--panel: rgba(10, 16, 28, .88);--panel-border: rgba(80, 160, 255, .18);--text: #cfe4ff;--text-dim: #6f87a8;--green: #57f287;--red: #ff5566;--accent: #4db8ff;--font: "SF Mono", "Cascadia Code", "JetBrains Mono", ui-monospace, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font)}#root{position:fixed;inset:0;display:flex;flex-direction:column}canvas.game{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 10px) calc(env(safe-area-inset-left) + 12px)}.hud>*{pointer-events:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:7px 12px;font-size:12px;letter-spacing:.08em;backdrop-filter:blur(8px)}.badge b{color:var(--accent)}.badge.green b{color:var(--green)}.badge.red b{color:var(--red)}.bottombar{display:flex;flex-direction:column;gap:8px;align-items:center}.palette{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:720px}button.tool{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:9px 12px;font-family:var(--font);font-size:12px;letter-spacing:.06em;cursor:pointer;min-height:40px;backdrop-filter:blur(8px);transition:border-color .12s,background .12s,transform 60ms}button.tool:hover{border-color:var(--accent)}button.tool:active{transform:scale(.96)}button.tool.armed{border-color:var(--accent);background:#4db8ff29;color:#fff}button.tool.prime{background:linear-gradient(160deg,#57f28738,#57f28714);border-color:#57f28780;color:var(--green);font-weight:700;padding:9px 22px}button.tool.danger{color:var(--red)}button.tool:disabled{opacity:.35;cursor:default}.timebar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 14px;width:min(680px,92vw);backdrop-filter:blur(8px)}.timebar input[type=range]{flex:1;accent-color:var(--accent);height:26px}.timebar .t{font-size:11px;color:var(--text-dim);min-width:44px;text-align:right}.menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(1200px 700px at 70% 20%,rgba(23,60,120,.35),transparent),radial-gradient(900px 600px at 20% 85%,rgba(10,80,90,.25),transparent),var(--bg)}.menu h1{font-size:clamp(34px,7vw,64px);letter-spacing:.28em;font-weight:300;color:#eaf4ff;text-shadow:0 0 24px rgba(77,184,255,.55),0 0 90px rgba(77,184,255,.25)}.menu h1 b{color:var(--accent);font-weight:600}.menu .sub{color:var(--text-dim);letter-spacing:.2em;font-size:12px;margin-top:-18px}.menu .options{display:flex;flex-direction:column;gap:12px;width:min(340px,86vw)}.menu button.big{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);font-size:15px;letter-spacing:.14em;border-radius:10px;padding:16px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.menu button.big:hover{border-color:var(--accent);box-shadow:0 0 24px #4db8ff40}.menu .row{display:flex;gap:10px;justify-content:center;align-items:center;color:var(--text-dim);font-size:12px;letter-spacing:.1em}.menu .row label{display:flex;gap:6px;align-items:center;cursor:pointer}.banner{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:26px 40px;text-align:center;letter-spacing:.12em;box-shadow:0 0 60px #0009;backdrop-filter:blur(10px)}.banner .title{font-size:18px;margin-bottom:8px}.banner .hint{font-size:12px;color:var(--text-dim);margin-bottom:16px}#radial-menu{position:fixed;left:0;top:0;z-index:30;pointer-events:none;will-change:transform}.radial-item{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-width:58px;min-height:44px;padding:6px 10px;border-radius:22px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);font-size:11px;letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 2px 14px #00000080;transition:border-color .12s,transform 80ms;animation:radial-pop .14s ease-out}.radial-item:hover{border-color:var(--accent)}.radial-item:active{transform:translate(-50%,-50%) scale(.92)}.radial-item.accent{border-color:#ffd1668c;color:#ffd166}.radial-item:disabled{opacity:.35;cursor:default}@keyframes radial-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hint-inline{color:var(--accent)}.toast{position:absolute;top:calc(env(safe-area-inset-top) + 56px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);padding:8px 16px;border-radius:8px;font-size:12px;letter-spacing:.08em;color:var(--accent);pointer-events:none;animation:fadeout 2.6s forwards}@keyframes fadeout{0%{opacity:1}75%{opacity:1}to{opacity:0}}