html,body,#root{color:#eef6ff;background:#0b1118;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% 45%,#263447 0%,#101720 52%,#070b10 100%);width:100vw;height:100vh;position:relative}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;inset:18px 18px auto}.hud-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a10a8;border:1px solid #9acdff38;border-radius:16px;min-width:230px;padding:14px 16px;box-shadow:0 12px 38px #00000052,inset 0 1px #ffffff0f}.hud-title{letter-spacing:.02em;margin:0 0 8px;font-size:18px;font-weight:800}.hud-row{color:#c8d9ed;justify-content:space-between;gap:14px;margin:5px 0;font-size:13px;display:flex}.hud-value{color:#fff;font-weight:700}.status-good{color:#8ff5b1}.status-warn{color:#ffd36b}.status-danger{color:#ff8585}.control-card{color:#d9e8f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a108f;border:1px solid #9acdff2e;border-radius:16px;max-width:360px;padding:14px 16px;font-size:13px;line-height:1.5;box-shadow:0 12px 38px #0000003d}.control-card strong{color:#fff}.bottom-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a10a3;border:1px solid #9acdff33;border-radius:999px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000057}.action-button{pointer-events:auto;color:#06101a;cursor:pointer;background:linear-gradient(135deg,#56d8ff,#8f7cff);border:0;border-radius:999px;padding:10px 16px;font-weight:800;transition:transform .14s,filter .14s;box-shadow:0 8px 22px #56d8ff3d}.action-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.action-button:active{transform:translateY(1px)}.action-button.secondary{color:#eef6ff;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff24}.meter{background:#ffffff1f;border-radius:999px;width:190px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#7cf0a4,#56d8ff);height:100%;transition:width .16s}.toast{color:#f3f8ff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b121cc7;border:1px solid #ffffff29;border-radius:14px;max-width:520px;padding:12px 16px;animation:.22s ease-out toast-in;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000047}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.legend{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.legend-item{color:#c8d9ed;align-items:center;gap:6px;font-size:12px;display:inline-flex}.dot{border-radius:999px;width:10px;height:10px;display:inline-block}@media (width<=760px){.hud{flex-direction:column;inset:10px 10px auto}.hud-panel,.control-card{width:min(100%,360px);min-width:0}.bottom-bar{border-radius:18px;flex-wrap:wrap;justify-content:center;width:calc(100% - 20px)}.meter{width:140px}}