html,body,#root{color:#e8fff5;background:#06100e;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}*{box-sizing:border-box}button{font:inherit}.game-shell{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 30%,#4dffb024,#0000 32%),linear-gradient(#071411 0%,#10241d 48%,#06100e 100%);width:100vw;height:100vh;position:relative}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;inset:18px 18px auto}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040e0cb8;border:1px solid #9bffd438;border-radius:16px;box-shadow:0 12px 40px #00000059,inset 0 0 28px #5affb70a}.status-panel{min-width:280px;padding:14px 16px}.title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.game-title{letter-spacing:.08em;text-transform:uppercase;color:#cffff0;margin:0;font-size:18px}.live-badge{color:#ff9a9a;letter-spacing:.12em;background:#ff545426;border:1px solid #ff767680;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{background:#ffffff0e;border:1px solid #ffffff14;border-radius:12px;padding:10px}.stat-label{color:#e8fff5ad;margin-bottom:4px;font-size:11px;display:block}.stat-value{color:#fff;font-size:20px;font-weight:800;display:block}.controls-panel{width:min(420px,100vw - 36px);padding:14px 16px}.controls-panel h2{color:#d9fff0;margin:0 0 8px;font-size:15px}.controls-panel p{color:#e8fff5c7;margin:6px 0;font-size:13px;line-height:1.35}.key-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.key{color:#dffff3;background:#b0ffdb1a;border:1px solid #b0ffdb3d;border-radius:8px;justify-content:center;align-items:center;min-width:30px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.bottom-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.objective-panel{max-width:560px;padding:14px 16px}.objective-panel h2{margin:0 0 8px;font-size:15px}.objective-panel ul{color:#e8fff5d1;margin:0;padding-left:18px;font-size:13px;line-height:1.45}.action-panel{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.primary-button{pointer-events:auto;cursor:pointer;color:#03130e;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#8dffcb,#32d9ff);border:0;border-radius:14px;padding:12px 18px;font-weight:900;box-shadow:0 12px 26px #3ae5ff38}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:translateY(1px)}.toast{pointer-events:none;color:#ffeaa0;text-align:right;background:#030c0ac7;border:1px solid #ffe27e5c;border-radius:12px;min-width:240px;padding:11px 13px;font-size:13px}.start-overlay,.end-overlay{background:radial-gradient(circle,#06161233,#0000009e);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{text-align:center;width:min(620px,94vw);padding:28px}.modal h1{color:#fff;letter-spacing:.04em;margin:0 0 10px;font-size:clamp(28px,5vw,48px)}.modal p{color:#e8fff5d1;max-width:520px;margin:8px auto;line-height:1.5}.modal .primary-button{margin-top:18px}.score-line{color:#8dffcb;margin-top:14px;font-size:20px;font-weight:900}.mobile-stick{pointer-events:none;background:#ffffff0b;border:1px solid #e8fff52e;border-radius:50%;place-items:center;width:112px;height:112px;display:none;position:absolute;bottom:108px;left:22px}.mobile-stick:after{content:"";background:#8dffcb61;border-radius:50%;width:44px;height:44px;box-shadow:0 0 20px #8dffcb47}@media (width<=820px){.hud{flex-direction:column;align-items:stretch}.status-panel,.controls-panel{width:auto;min-width:0}.controls-panel{display:none}.bottom-bar{flex-direction:column;align-items:stretch}.objective-panel{display:none}.action-panel{align-items:stretch}.toast{text-align:left}.mobile-stick{display:grid}}