/* Bow Games Turbo Remix 1.0: vivid selection, analog and soundtrack deck */
.selection-layer{background:linear-gradient(145deg,#130b32d8,#29104ccc),url('assets/select-bg-vivid.webp') center/cover no-repeat!important}
.selection-panel{background:linear-gradient(130deg,#20143aef,#321a56ec)!important;box-shadow:0 0 45px #ff2f96a1,12px 12px 0 #110725!important;border-color:#ffca68!important}
.selection-head h2{text-shadow:3px 4px 0 #b12b83;letter-spacing:2px}
.roster-item{border-radius:4px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.roster-item:hover,.roster-item:focus-visible{transform:translateY(-3px);filter:saturate(1.3);outline:3px solid #fff3a9;outline-offset:1px}
.roster-item.selected{background:linear-gradient(130deg,#a53b87,#523ea7)!important;box-shadow:0 0 0 2px #ffec80,0 0 16px #ffb4439b!important}
.analog-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto}
.analog-pad{width:clamp(115px,15vw,172px);height:clamp(115px,15vw,172px);border:4px solid #fff3acb8;box-shadow:0 0 0 7px #19234ab0,inset 0 0 28px #45bdf8a0,0 6px 20px #000b;border-radius:50%;background:radial-gradient(circle,#433c7ab8,#1a153bd8);position:relative;touch-action:none;user-select:none;pointer-events:auto;display:block}
.analog-pad:after{content:'＋';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 53px Arial;color:#fff7;pointer-events:none}
.analog-ring{position:absolute;inset:20%;border:1px dashed #f9e99f90;border-radius:50%;pointer-events:none}
.analog-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;border:3px solid #fff5c4;box-shadow:0 4px 8px #050510,0 0 15px #22e6ec99;background:radial-gradient(circle at 32% 28%,#c4fcff,#3775c3 54%,#292061);pointer-events:none;z-index:1}
.analog-pad.engaged{border-color:#4df4e7;box-shadow:0 0 0 7px #182d45bd,0 0 22px #35f5eab5}
.analog-caption{font:900 9px Arial,sans-serif;letter-spacing:1px;color:#ffeb98;text-shadow:1px 1px #111}
.jukebox-overlay{position:absolute;inset:0;z-index:14;display:flex;align-items:center;justify-content:center;padding:18px;background:#080821d8;backdrop-filter:blur(6px)}
.jukebox-overlay.is-hidden{display:none}
.jukebox-card{width:min(540px,93%);padding:clamp(16px,2.5vw,29px);color:#fff2cf;background:linear-gradient(145deg,#39225d,#17102e);border:4px solid #ffcb68;box-shadow:11px 11px 0 #080416,0 0 48px #e63f96a6}
.jukebox-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.jukebox-kicker{color:#4ef1d5;font:900 10px Arial;letter-spacing:2px}
.jukebox-card h2{font:900 clamp(28px,4vw,42px) Impact,Arial;margin:5px 0;color:#ffd26a}
.jukebox-card p{font:700 13px/1.5 Arial;margin:14px 0}
.jukebox-card label{font:900 11px Arial;letter-spacing:1px;color:#ffcc71}
.jukebox-card select{display:block;width:100%;margin:8px 0 16px;padding:14px;background:#120f2f;color:#fff;border:2px solid #ffcb6c;font:900 14px Arial}
.jukebox-card .jukebox-now{color:#66f9ea;font:900 14px Arial;letter-spacing:.4px}
.jukebox-volume{display:flex;align-items:center;gap:12px;padding:12px 0}
.jukebox-volume input{flex:1;accent-color:#ffcb6a;min-width:0}
.jukebox-card small{font:11px/1.5 Arial;color:#cebedf}
@media(max-height:600px) and (orientation:landscape){.analog-pad{width:104px;height:104px}.analog-caption{font-size:7px}.jukebox-card{max-height:92%;overflow:auto}}


.mobile-jukebox{display:none}
@media (orientation:landscape) and (max-height:530px){
.mobile-jukebox{display:block;position:absolute;right:1.2%;top:1.5%;z-index:12;border:2px solid #ffde82;border-radius:5px;padding:5px 9px;color:#fff6b5;background:#24204bcf;font:900 11px Arial;letter-spacing:.5px;box-shadow:3px 3px 0 #100921}
}