#vk-menu{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:5px solid #b9b9b0;border-radius:20px;background:#050f87;color:white;box-shadow:0 0 0 7px #25252e,0 35px 90px #000b;font-family:Arial,sans-serif;overflow:auto}
#vk-menu::backdrop{background:#03091eed;backdrop-filter:blur(6px)}
.vk-menu-inner{padding:32px;position:relative;background:repeating-linear-gradient(0deg,#07168d 0 2px,#091a95 2px 4px)}
.vk-kicker{font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.7;letter-spacing:1px;color:#fff36c;display:flex;justify-content:space-between;gap:12px}
#vk-menu h2{font-family:'Press Start 2P',monospace;font-size:clamp(22px,4vw,36px);line-height:1.5;margin:22px 0 8px;text-shadow:3px 3px #dd22bb}
#vk-menu p{color:#e6f3ff;font-size:13px;line-height:1.7;margin:8px 0 22px}
.vk-songs{display:grid;gap:12px;margin:26px 0}.vk-song{display:grid;grid-template-columns:52px 1fr 24px;text-align:left;align-items:center;gap:16px;min-height:90px;padding:16px;background:#0b238d;border:2px solid #84c9ff;border-radius:0;box-shadow:4px 4px #030850;color:white;transition:none}.vk-song:hover,.vk-song:focus-visible{background:#ffe963;color:#0b1267;transform:none}.vk-song b{font-family:'Press Start 2P',monospace;color:#fff36c;font-size:22px}.vk-song:hover b,.vk-song:focus-visible b{color:#ac0b86}.vk-song strong{display:block;font-size:21px;line-height:1.25}.vk-song small{color:inherit;opacity:.85;display:block;margin-top:7px;font-size:13px;letter-spacing:.6px}.vk-song i{font-style:normal;color:#ff55d8}
.vk-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:2px solid #4cb9ff;padding-top:20px}.vk-menu-foot span{font:10px/1.7 'Press Start 2P',monospace;color:#fff36c}.vk-menu-foot button{padding:12px 18px;min-height:44px;border:2px solid white;background:#8d167f;border-radius:0}
.vk-current{margin:20px 0;padding-top:14px;border-top:2px solid #4cb9ff}.vk-now{font-weight:bold;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#vk-status{font-size:12px;line-height:1.5;margin:5px 0 10px;color:#fff28b}.vk-controls{display:flex;flex-wrap:wrap;gap:7px}.vk-controls button,.vk-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;font-size:12px;border:1px solid #b6cfff;background:#102a9d;color:white;text-decoration:none;border-radius:0}.vk-controls button:hover,.vk-controls a:hover{background:#8c157d;transform:none}#vk-play{background:#ffe963;color:#10205b;font-weight:bold}
@media(max-width:600px){.vk-menu-inner{padding:22px 16px}.vk-kicker{font-size:8px}#vk-menu h2{font-size:23px}.vk-song{grid-template-columns:36px 1fr 16px;gap:10px;min-height:87px;padding:13px 10px}.vk-song strong{font-size:18px}.vk-song b{font-size:18px}.vk-song small{font-size:12px}.vk-menu-foot{gap:10px}.vk-menu-foot span{font-size:8px}.vk-controls{gap:5px}.vk-controls button,.vk-controls a{padding:8px;font-size:11px;min-height:42px}}

#vk-play[hidden]{display:none}.vk-controls button:disabled{opacity:.4;cursor:default}

/* CRT menu treatment. Effects are visual only; controls stay unobstructed. */
#vk-menu{border-color:#a8a69a #595a55 #444943 #bdbab0;box-shadow:0 0 0 7px #25252e,0 0 0 9px #090b12,0 35px 90px #000b,inset 0 0 35px #0008;background:#040c5e}
.vk-menu-inner{isolation:isolate;background:radial-gradient(ellipse at 44% 30%,#152ea8 0%,#061478 65%,#020746 100%);box-shadow:inset 0 0 45px 12px #0007,inset 0 0 4px 2px #a0f8ff33;animation:vk-crt-drift 7s steps(1,end) infinite}
.vk-menu-inner::before,.vk-menu-inner::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}
.vk-menu-inner::before{background:repeating-linear-gradient(0deg,transparent 0 2px,#0008 2px 3px,#c8faff0a 3px 4px),repeating-linear-gradient(90deg,#ff31530b 0 1px,#52ff7b08 1px 2px,#3568ff0d 2px 3px),radial-gradient(ellipse at center,transparent 45%,#0005 100%);opacity:.73;box-shadow:inset 0 0 38px #0008}
.vk-menu-inner::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144' viewBox='0 0 144 144'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h144v144H0z'/%3E%3C/svg%3E");background-size:144px 144px;opacity:.14;mix-blend-mode:screen;animation:vk-crt-grain .48s steps(1,end) infinite}
#vk-menu h2{letter-spacing:.5px;text-shadow:-1px 0 #31e7ff,1px 1px #ff35c6,0 0 8px #b9b6ff66}
.vk-kicker,.vk-menu-foot span{color:#fff18b;text-shadow:-.65px 0 #31e7ff88,.7px 0 #ff35c6aa}
.vk-song{border-color:#8fcaffb3;box-shadow:3px 4px #010535,inset 0 0 18px #001a6e99;background:#102783d9;text-shadow:-.5px 0 #67ebff88,.65px 0 #ff6dba99}
.vk-song:hover,.vk-song:focus-visible{background:#f4db58;color:#111c58;box-shadow:3px 4px #010535,inset 0 0 20px #b7762455;text-shadow:.6px 0 #d94e6544}
.vk-current{border-color:#7bcaffaa}.vk-now{letter-spacing:.7px}#vk-status{letter-spacing:.8px}.vk-menu-foot{border-color:#7bcaffaa}.vk-menu-foot button,.vk-controls button{letter-spacing:1px;font-weight:bold;text-shadow:.6px 0 #ff4cbe66}
@keyframes vk-crt-grain{0%,100%{background-position:0 0}25%{background-position:37px 63px}50%{background-position:91px 17px}75%{background-position:12px 107px}}
@keyframes vk-crt-drift{0%,100%{transform:translateX(0)}28%{transform:translateX(.35px)}29%{transform:translateX(0)}67%{transform:translateX(-.35px)}68%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.vk-menu-inner,.vk-menu-inner::after{animation:none}}