.arena .headphone-button{border:1px solid #e7d39655;border-radius:18px;background:#21334bd9;color:#ffe5a2;font-size:10px;padding:8px 11px;min-height:36px;white-space:nowrap}.headphone-button[data-audio-mode=headphones]{background:#42524e;color:#e3ffb2}.arena .tools{display:flex;align-items:center;gap:6px}
#headphoneDialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #67819666;border-radius:22px;background:#17273c;color:#f4e7c6;overflow:auto;box-shadow:0 24px 80px #0008;font-size:13px}#headphoneDialog::backdrop{background:#061020ba;backdrop-filter:blur(5px)}#headphoneDialog h2{font-size:21px;margin:5px 0 16px;letter-spacing:0}#headphoneDialog small{color:#a8bacb;font-size:10px;line-height:1.6}.hp-head{display:flex;justify-content:space-between;gap:12px}.hp-head>button{height:36px;width:36px;background:#ffffff0d;border:0;border-radius:12px;color:#e6ecf1;font-size:24px}.hp-head small{letter-spacing:1px}.hp-modes{display:flex;gap:6px;padding:4px;background:#0c1b2d;border-radius:13px}.hp-modes button{flex:1;border:0;border-radius:9px;padding:11px 5px;background:none;color:#acbacb;font-size:12px}.hp-modes button[aria-pressed=true]{background:#e3ecc0;color:#26312e;font-weight:700}#hpModeHint{font-size:11px;color:#b6c6d4;line-height:1.6;margin:12px 0}.hp-instructions{font-size:12px;line-height:1.7;color:#d5deea}.hp-main,.hp-secondary{width:100%;padding:12px;border-radius:12px;font-size:13px;font-weight:700;border:1px solid #ffe3a04d}.hp-main{background:#f3d27b;color:#302818}.hp-secondary{background:#263b52;color:#ffe7a7}.hp-main:disabled,.hp-secondary:disabled{opacity:.4}#hpApply{margin-top:14px}.hp-foot{display:block;text-align:center;margin-top:10px}#hpTap{width:100%;height:86px;border:1px solid #8ea5b455;border-radius:15px;color:#f9e5b2;background:#263b50;margin-top:12px;touch-action:manipulation}#hpTap strong,#hpTap span{display:block}#hpTap strong{font-size:16px}#hpTap span{font-size:10px;margin-top:8px;color:#aabcce}#hpTap:disabled{opacity:.42}.hp-pressed{animation:hp-tap .16s ease-out}@keyframes hp-tap{from{background:#786946;box-shadow:0 0 18px #ffda6477}to{background:#263b50}}#hpStatus{min-height:34px;line-height:1.6;color:#f4d994;font-size:11px}.hp-adjust{margin:14px 0}.hp-adjust label{display:flex;justify-content:space-between;font-size:12px}.hp-adjust output{font-variant-numeric:tabular-nums;color:#f6d57d}.hp-adjust input{display:block;width:100%;margin:7px 0;accent-color:#f3d27b;height:26px}.hp-adjust small{display:block}.hp-note{font-size:10px;line-height:1.6;color:#9eafc0;margin:12px 0 0}.hp-rail{height:38px;background:#0c1b2d;border-radius:10px;position:relative;margin:14px 0 5px;overflow:hidden}.hp-rail i{position:absolute;height:100%;left:50%;width:2px;background:#ffe4a5}.hp-rail b{position:absolute;top:11px;width:16px;height:16px;border-radius:50%;background:#d9f296;transform:translateX(-50%);box-shadow:0 0 12px #d9f29688}
@media(max-width:440px){.arena .headphone-button{font-size:9px;padding:6px 8px;min-height:32px}.arena .mode-label{font-size:8px;letter-spacing:.5px}.arena .mode-label>span{display:none}#headphoneDialog{padding:17px}#headphoneDialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hp-pressed{animation:none}}
/* Catline: one compact output selector, outside the playing field. */
.output-settings{padding:12px 20px;background:#14121d;border-bottom:1px solid #302b40;color:#e9e4f3}.output-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:12px}.output-heading>span{font-size:11px;letter-spacing:1px;color:#aaa0ba}.output-heading button{background:transparent;border:0;color:#caff45;font-size:11px;padding:4px 0;cursor:pointer}.output-modes{display:flex;gap:6px}.output-modes button{flex:1;min-height:36px;border:1px solid #393147;border-radius:8px;background:#201b2b;color:#bcb3ce;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.output-modes button[aria-pressed=true]{background:#d6ff43;color:#171e0b;border-color:#d6ff43}.output-modes button:disabled,.output-heading button:disabled{cursor:default;opacity:.55}.output-settings p{font-size:11px;line-height:1.5;color:#a59cb8;margin:8px 0 0}.output-settings small{font-size:10px;color:#8b809e;line-height:1.5}.output-settings [hidden]{display:none!important}
#headphoneDialog{background:#191522;border-color:#51445f;color:#f4effb;font-family:inherit}#headphoneDialog h2{font-family:inherit}#headphoneDialog small{color:#aca0bf}.hp-modes,.hp-rail{background:#100d17}.hp-modes button[aria-pressed=true],.hp-main{background:#d6ff43;color:#172107;border-color:#d6ff43}.hp-secondary,#hpTap{background:#282034;color:#f2edfc}.hp-adjust input{accent-color:#d6ff43}.hp-adjust output,#hpStatus{color:#d6ff43}.hp-note,#hpModeHint{color:#afa3c0}.hp-rail i{background:#f6efff}.hp-rail b{background:#d6ff43;box-shadow:0 0 12px #d6ff4366}#headphoneDialog button{cursor:pointer}#headphoneDialog button:disabled{cursor:default}#headphoneDialog :focus-visible,.output-settings :focus-visible{outline:2px solid #65eced;outline-offset:3px}#headphoneDialog [hidden]{display:none!important}
@media(max-width:600px){.output-settings{padding:10px 14px}.output-heading{margin-bottom:7px}.output-modes button{min-height:34px}.output-settings p{font-size:10px}}