:root{--bg1: #f4fbff;--bg2: #eefff5;--ink: #0f1f30;--muted: #56738e;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .95);--line: rgba(125, 167, 205, .35);--brand: #2281f7;--ok: #15b969;--warn: #ffb720;--bad: #ef5262;--shadow: 0 22px 48px rgba(36, 98, 184, .14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Manrope,PingFang SC,Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 10%,#cfe9ff 0,transparent 30%),radial-gradient(circle at 90% 86%,#cdf6db 0,transparent 30%),linear-gradient(145deg,var(--bg1),var(--bg2));padding:14px}.app-shell{max-width:620px;margin:0 auto}.screen{display:grid;gap:12px}.hidden{display:none!important}.hero-card,.panel,.hud,.arena,.game-actions,.modal-card{background:var(--surface);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px}.hero-card{padding:18px}.eyebrow{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#4f77a0}.hero-card h1{margin:8px 0 6px;font-family:"Baloo 2",Manrope,sans-serif;font-size:clamp(42px,11vw,58px);line-height:.95}.hero-sub{margin:0;color:var(--muted)}.panel{padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h2{margin:0;font-size:17px}.soft-btn{border:0;border-radius:12px;background:#e7f2ff;color:#2d567f;font-weight:800;padding:8px 12px}.difficulty-list{display:grid;gap:8px}.difficulty{border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--surface-strong);text-align:left;display:grid;gap:2px}.difficulty strong{font-size:15px}.difficulty small{color:var(--muted)}.difficulty.active{border-color:#8fc3ff;background:linear-gradient(160deg,#f8fcff,#eff8ff)}.difficulty.disabled{opacity:.55}.launch-btn,.primary-btn,.stop-btn{border:0;border-radius:16px;font-family:inherit;font-weight:800;cursor:pointer}.launch-btn{padding:18px;font-size:24px;background:linear-gradient(120deg,#1f7ef7,#1db8ff);color:#fff}.hud{padding:10px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.chip{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;gap:4px}.chip span{font-size:11px;color:var(--muted)}.chip strong{font-size:16px}.arena{padding:12px;display:grid;gap:10px}.cue-text{margin:0;font-family:"Baloo 2",sans-serif;color:#2f6ea3;font-size:20px;text-align:center}.target-ring{background:linear-gradient(155deg,#fff,#eef8ff);border:2px solid #cfe4ff;border-radius:24px;padding:14px;text-align:center}.target-ring p{margin:0;color:#5a7b98;font-size:12px}.target-ring h2{margin:8px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(46px,12vw,64px);line-height:1}.streak-dots{display:flex;justify-content:center;gap:8px}.streak-dots span{width:14px;height:14px;border-radius:999px;border:2px solid #98bde3;background:#f0f7ff;transition:.15s ease}.streak-dots span.on{background:linear-gradient(130deg,#1f7bf7,#3dc1ff);border-color:#2a8bff;transform:scale(1.08)}.target-ring small{display:block;margin-top:6px;color:#4d6e8c;font-weight:800}.live-panel{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.live-panel>div{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;gap:4px}.live-panel label{font-size:11px;color:var(--muted)}.live-panel strong{font-family:Space Grotesk,sans-serif;font-size:21px}.status-line{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center}.status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.status.neutral{background:#e8f1ff;color:#2f5678}.status.ok{background:#d8f8e8;color:#0f7c48}.status.warn{background:#fff2d7;color:#9c6600}.status.bad{background:#fee4e9;color:#ad2c3b}#statusText{margin:0;color:#47627c;font-size:12px}canvas{width:100%;border-radius:14px;border:1px solid #d3e5f8;background:linear-gradient(180deg,#fdfeff,#edf6ff)}.game-actions{padding:10px}.stop-btn{width:100%;padding:12px;font-size:15px;background:#e8eef6;color:#2f4d69}.modal{position:fixed;inset:0;background:#08121e5c;display:grid;place-items:center;padding:14px;z-index:20}.modal-card{width:min(100%,460px);padding:16px}.modal-card h3{margin:0 0 10px;font-family:"Baloo 2",sans-serif;font-size:30px;line-height:1}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:12px;color:#4e6e8b;font-weight:700}select,input[type=range]{width:100%}select{border:1px solid #d4e2f2;border-radius:12px;padding:10px;background:#fff}input[type=range]{accent-color:var(--brand)}.primary-btn{width:100%;padding:12px;font-size:15px;color:#fff;background:linear-gradient(120deg,#1f7ef7,#1db7ff)}.tiny{margin:0 0 10px;color:#53718c;font-size:13px}.voice-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.voice-btn{border:1px solid #cfe1f4;border-radius:14px;background:#fff;padding:14px;font-size:20px;font-family:"Baloo 2",sans-serif}.rule-list{margin:0 0 12px;padding-left:18px;color:#3c5873;display:grid;gap:5px}.result-text{margin:0 0 12px;color:#405f7d}.ring-ok{animation:pulseOk .28s ease}.ring-clear{animation:pulseClear .52s ease}@keyframes pulseOk{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes pulseClear{0%{transform:scale(1)}45%{transform:scale(1.03)}to{transform:scale(1)}}@media(max-width:540px){.hud{grid-template-columns:1fr}.live-panel{grid-template-columns:1fr 1fr}.status-line{display:grid}}