.get-app-pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;border:0;border-radius:999px;background:var(--gold);color:#2b1a00;font:inherit;font-weight:800;font-size:0.92rem;white-space:nowrap;cursor:pointer;transition:background 0.15s}.get-app-pill:hover{background:#ffcb52}.get-app-pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.get-app-ico{display:inline-grid;place-items:center;flex:none;font-size:1.15rem}@media (min-width: 769px){.hud-dock #install-app-btn{display:none}}@media (max-width: 768px){.get-app-pill{display:none}}@media (min-width: 769px) and (max-width: 1100px){.get-app-pill{width:46px;padding:0;justify-content:center}.get-app-label{display:none}}.player-pill{display:inline-flex;align-items:center;gap:9px;min-width:0;padding:3px 16px 3px 3px;border-radius:999px;border:1px solid rgba(253,187,45,0.6);background:linear-gradient(180deg,#2a1030,#150818);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 2px 10px rgba(0,0,0,0.35);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform 0.15s,box-shadow 0.2s,border-color 0.2s}.player-pill:hover{transform:translateY(-1px);border-color:#ffd766;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 0 14px rgba(253,187,45,0.35),0 4px 12px rgba(0,0,0,0.4)}.player-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.player-pill .user-avatar{flex:none;width:38px;height:38px;border:none;box-shadow:0 0 0 2px var(--gold),0 0 10px rgba(253,187,45,0.4)}.player-pill #username-display{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:0.98rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.coins-pill{display:inline-flex;align-items:center;gap:8px;padding:3px 16px 3px 3px;border-radius:999px;background:linear-gradient(180deg,#2e1d06,#170d02);border:1px solid rgba(253,187,45,0.6);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 2px 10px rgba(0,0,0,0.35)}.coins-face{width:38px;height:38px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 6px rgba(253,187,45,0.55))}.coins-pill .coins-display{padding:0;background:none;box-shadow:none;color:#ffd766;font-weight:900;letter-spacing:0.2px;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.hud-dock{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));border:1px solid rgba(253,187,45,0.4);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 2px 10px rgba(0,0,0,0.3)}.hud-dock .notif-bell{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:transparent;font-size:1.15rem;transition:transform 0.15s,background 0.2s,box-shadow 0.2s,opacity 0.2s}.hud-dock .notif-bell:hover{background:linear-gradient(180deg,rgba(253,187,45,0.3),rgba(253,187,45,0.1));box-shadow:inset 0 0 0 1px rgba(253,187,45,0.65),0 0 12px rgba(253,187,45,0.35);transform:translateY(-1px)}.hud-dock .notif-bell:active{transform:translateY(0) scale(0.94)}.hud-dock .notif-bell:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.hud-dock #music-toggle.is-silent{opacity:0.55}.hud-dock #music-toggle[aria-expanded=true]{background:linear-gradient(180deg,rgba(253,187,45,0.3),rgba(253,187,45,0.1));box-shadow:inset 0 0 0 1px rgba(253,187,45,0.65)}.hud-dock .notif-bell,.hud-ico{filter:drop-shadow(0 1px 1px rgba(0,0,0,0.45))}.hud-ico{display:inline-grid;place-items:center;line-height:1}.hud-ico.has-img img{width:24px;height:24px;object-fit:contain}.hud-sep{width:1px;height:22px;margin:0 3px;background:linear-gradient(180deg,transparent,rgba(253,187,45,0.5),transparent)}.hud-dock .notif-badge{box-shadow:0 0 0 2px #1a0b10}.sound-panel{position:fixed;z-index:1200;width:280px;max-width:calc(100vw - 16px);padding:10px 12px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid rgba(253,187,45,0.55);box-shadow:0 10px 30px rgba(0,0,0,0.35);display:grid;gap:6px}.sound-panel.hidden{display:none}.sp-row{display:grid;grid-template-columns:34px 1fr 42px;grid-template-areas:"mute label val" "mute range range";align-items:center;column-gap:8px;padding:4px 0}.sp-row+.sp-row{border-top:1px solid var(--border-soft);padding-top:8px}.sp-mute{grid-area:mute;display:inline-grid;place-items:center;width:34px;height:34px;border:none;border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:1.05rem;transition:background 0.2s}.sp-mute:hover{background:var(--surface-3)}.sp-mute:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.sp-row.is-off .sp-mute{color:var(--text-soft)}.sp-label{grid-area:label;font-weight:700;font-size:0.9rem}.sp-val{grid-area:val;text-align:right;font-size:0.82rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.sp-row.is-off .sp-val{color:var(--text-soft)}.sp-range{grid-area:range;width:100%;height:6px;margin:6px 0 2px;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,var(--gold) var(--fill, 100%),var(--surface-3) var(--fill, 100%));cursor:pointer}.sp-range:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sp-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--gold);box-shadow:0 1px 3px rgba(0,0,0,0.35)}.sp-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--gold);box-shadow:0 1px 3px rgba(0,0,0,0.35)}@media (max-width: 768px){.player-pill{max-width:60vw}}@media (max-width: 480px){.player-pill{padding:2px 12px 2px 2px;gap:7px}.player-pill .user-avatar{width:30px;height:30px}.player-pill #username-display{font-size:0.9rem}.coins-pill{padding:2px 11px 2px 2px;gap:6px}.coins-face{width:30px;height:30px}.coins-pill .coins-display{font-size:0.85rem}.hud-dock{padding:2px}.hud-dock .notif-bell{width:30px;height:30px;font-size:1rem}}@media (prefers-reduced-motion: reduce){.coins-face{animation:none}.hud-dock .notif-bell,.player-pill{transition:none}}