:root{--fg: #111;--bg: #f0f0f0;--accent: #444;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font);color:var(--fg);-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .3s ease}.top-bar{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#888;mix-blend-mode:difference}.status{text-align:right}.controls-overlay{pointer-events:auto;align-self:flex-start;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1.5rem;border:1px solid #ccc;display:flex;flex-direction:column;gap:1.5rem;border-radius:2px;box-shadow:0 10px 30px #0000001a;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.controls-overlay.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.panel-group label{display:block;font-size:.6rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;color:#666}.btn-row{display:flex;gap:5px;flex-wrap:wrap}button,.btn-link{background:transparent;border:1px solid #ccc;color:#333;padding:6px 12px;font-size:.7rem;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;text-decoration:none;display:inline-block}button:hover,.btn-link:hover{border-color:#000;background:#f9f9f9}button.active{background:#000;color:#fff;border-color:#000}.interaction-hint{align-self:flex-end;text-align:right;font-size:.7rem;color:#888;mix-blend-mode:difference;display:flex;flex-direction:column;gap:5px}.hint-row{opacity:.7}.key{font-weight:700;border:1px solid #888;padding:1px 4px;border-radius:2px;margin-right:5px;font-size:.6rem}@media (max-width: 600px){#hud{padding:1rem}.controls-overlay{width:100%;padding:1rem;position:absolute;bottom:0;left:0;border:none;border-top:1px solid #ccc}.interaction-hint{display:none}}