.brand{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
:root[data-ui=aurora]{--bg:#0f1226;--fg:#eef0ff;--card:rgba(255,255,255,.08);--ac:#7c9cff;--ac2:#c084fc;--ac3:#5eead4;--bd:1px solid rgba(255,255,255,.22);--sh:0 10px 40px rgba(124,156,255,.25);--r:22px}
:root[data-ui=aurora] body{background-image:radial-gradient(circle at 20% 10%,rgba(124,156,255,.35),transparent 45%),radial-gradient(circle at 80% 85%,rgba(192,132,252,.3),transparent 45%)}
:root[data-ui=cyber]{--bg:#07090d;--fg:#d6ffe9;--card:#0d1219;--ac:#00e5a0;--ac2:#00b8ff;--ac3:#00e5a0;--bd:1px solid #00e5a0;--sh:0 0 0 1px rgba(0,229,160,.25);--r:2px}
:root[data-ui=cyber] body{font-family:ui-monospace,Menlo,Consolas,monospace;background-image:linear-gradient(rgba(0,229,160,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,160,.06) 1px,transparent 1px);background-size:32px 32px}
:root[data-ui=midnight]{--bg:#120b1f;--fg:#f1e9ff;--card:#1e1433;--ac:#a855f7;--ac2:#f0abfc;--ac3:#818cf8;--bd:2px solid #3b2764;--sh:0 6px 0 #2a1850;--r:14px}
:root[data-ui=midnight] body{background-image:radial-gradient(circle at 50% -10%,rgba(168,85,247,.3),transparent 55%)}
:root[data-ui=ocean]{--bg:#eaf8ff;--fg:#0b2a3c;--card:rgba(255,255,255,.85);--ac:#38bdf8;--ac2:#22d3ee;--ac3:#34d399;--bd:1px solid #9fd8ee;--sh:0 8px 24px rgba(14,116,144,.15);--r:18px}
:root[data-ui=ocean] body{background-image:linear-gradient(180deg,#d6f1ff,#eaf8ff 60%)}
:root[data-ui]:not([data-ui=classic]) .btn{box-shadow:none}
:root[data-ui]:not([data-ui=classic]) .btn:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}
:root[data-ui]:not([data-ui=classic]) .card:hover{box-shadow:var(--sh);transform:translateY(-3px)}
:root[data-ui]:not([data-ui=classic]) .player{background:var(--card);box-shadow:var(--sh);color:var(--fg)}