:root{--bg: #0d1b2a;--panel: #1b2a3a;--ink: #e8f1f8;--accent: #7fd17f;--gold: #ffd24a;--danger: #ff5d5d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:12px;gap:10px}.title{font-size:22px;font-weight:700;letter-spacing:.5px}.title small{color:#8fa6b8;font-weight:400;font-size:13px}.hud{display:flex;gap:16px;align-items:center;background:var(--panel);border-radius:10px;padding:8px 16px;font-size:15px}.hud .stars{color:var(--gold)}.hud .status.won{color:var(--accent);font-weight:700}.hud .status.lost{color:var(--danger);font-weight:700}canvas{background:linear-gradient(#16263a,#0d1b2a);border-radius:14px;box-shadow:0 8px 30px #0006;touch-action:none;max-width:100%;height:auto;cursor:crosshair}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}button{background:var(--accent);color:#06240c;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button.ghost{background:var(--panel);color:var(--ink)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.hint{color:#8fa6b8;font-size:13px;max-width:640px;text-align:center;line-height:1.4}