/* Air Hockey only: the original controls and shell hooks remain intact. */
#wvhk_host{--hk-cream:#f5e8cb;--hk-muted:#9aafa5;--hk-teal:#82dbc6;--hk-gold:#e7b77a;background:radial-gradient(ellipse at 50% 10%,#1a302b 0,#101d1c 45%,#090f11 100%);color:var(--hk-cream);border-color:#70604450;box-shadow:0 24px 75px #0006;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
#wvhk_host .wvhk-bar{width:100%;max-width:1640px;margin:0 auto;padding:14px 24px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(390px,1fr);gap:24px;box-sizing:border-box;flex-shrink:0;order:0}
.wvhk-brand{display:grid;gap:2px;align-content:center;line-height:1.2}.wvhk-brand span{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#c1aa7c}.wvhk-brand strong{font:500 27px/1.15 Georgia,serif;letter-spacing:-.02em}
.wvhk-scoreboard{display:flex;align-items:center;justify-content:center;gap:23px;min-width:225px;padding:0 23px;border-inline:1px solid #bea06a30}.wvhk-score{display:grid;grid-template-columns:1fr;gap:0;text-align:center;min-width:38px}.wvhk-score span{font-size:9px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--hk-teal)}.wvhk-score.cpu span{color:var(--hk-gold)}.wvhk-score strong{font:500 35px/1.05 Georgia,serif;font-variant-numeric:tabular-nums}.wvhk-match{display:grid;gap:5px;text-align:center}.wvhk-match b{font-size:9px;letter-spacing:.2em;color:#cfb582;text-transform:uppercase}.wvhk-match small{font-size:10px;color:var(--hk-muted)}
#wvhk_host .wvhk-controls{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#wvhk_host .wvhk-btn,#wvhk_host .bgplay-exit{min-height:39px;padding:8px 12px;border:1px solid #9b86534a;border-radius:7px;background:linear-gradient(#25342f,#192622);color:var(--hk-cream)!important;font:600 11px/1.2 system-ui;letter-spacing:.025em;box-shadow:inset 0 1px #ffffff07;white-space:nowrap}
#wvhk_host .wvhk-btn:hover,#wvhk_host .bgplay-exit:hover{background:#31473d;border-color:#c2a572}
#wvhk_host button:focus-visible,#wvhk_host select:focus-visible{outline:2px solid #f4d694;outline-offset:3px}
#wvhk_host #wvhk_sound{color:var(--hk-teal)!important;min-width:84px}#wvhk_host #wvhk_sound[aria-pressed="false"]{color:var(--hk-muted)!important}
#wvhk_host .wvhk-badge{border:0;padding:0;display:grid;gap:2px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;background:none;color:var(--hk-muted)}
#wvhk_host select.wvhk-sel{min-height:28px;padding:4px 20px 4px 8px;border-color:#9b865333;border-radius:5px;background:#13251e;color:var(--hk-cream);font:500 12px/1.2 system-ui;appearance:auto;letter-spacing:0;text-transform:none}
#wvhk_host .wvhk-canvasBox{border-radius:12px;border:1px solid #c3ab7455;box-shadow:0 22px 55px #0008,inset 0 0 0 1px #000;background:#10211e;padding:0}
#wvhk_host #wvhk_canvas{border-radius:10px;background:#10211e}#wvhk_host .wvhk-cap{font-size:11px;text-align:center;background:transparent;color:var(--hk-muted);border-color:#c3ab7422}
#wvhk_host .wvhk-pad{padding:6px 18px 12px}#wvhk_host .wvhk-hints{padding:8px 16px 12px;border-color:#c3ab7418;background:none;gap:18px;justify-content:center;order:4;flex-shrink:0}
#wvhk_host .wvhk-hint{padding:0;background:none;border:0;color:var(--hk-muted);font-size:10px;letter-spacing:.025em}
#wvhk_host .wvhk-modal{max-width:350px;margin:20px;padding:32px;background:linear-gradient(150deg,#233a30,#12221f);border:1px solid #c6a76a77;border-radius:14px;box-shadow:0 30px 70px #0008}
#wvhk_host .wvhk-modal h3{font:500 30px/1.2 Georgia,serif;color:var(--hk-cream);margin-bottom:20px}
.bgplay-runtime #wvhk_host .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 142px)*1100/560))}
.bgplay-runtime #wvhk_host[data-mode="portrait"] .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 175px)*560/1100))}
@media(max-width:1050px){#wvhk_host .wvhk-bar{grid-template-columns:1fr auto;gap:10px;padding:10px 16px}.wvhk-brand strong{font-size:23px}.wvhk-scoreboard{gap:15px;padding:0 15px;min-width:200px;border-right:0}#wvhk_host .wvhk-controls{grid-column:1/-1;justify-content:center}.wvhk-score strong{font-size:29px}.bgplay-runtime #wvhk_host .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 174px)*1100/560))}}
@media(max-width:580px){#wvhk_host .wvhk-bar{gap:9px;padding:11px 12px 6px}.wvhk-brand span{font-size:7px;letter-spacing:.15em}.wvhk-brand strong{font-size:22px}.wvhk-scoreboard{min-width:160px;padding:0 0 0 12px;gap:12px}.wvhk-score strong{font-size:28px}.wvhk-score span{font-size:8px}.wvhk-match b{font-size:8px}.wvhk-match small{font-size:9px}#wvhk_host .wvhk-controls{gap:5px;flex-wrap:nowrap}#wvhk_host .wvhk-btn,#wvhk_host .bgplay-exit{padding:9px 7px;min-height:38px;font-size:9px}#wvhk_host #wvhk_sound{min-width:65px}#wvhk_host .wvhk-pad{padding:6px 10px}#wvhk_host .wvhk-hints{padding:5px 10px 9px;gap:7px}#wvhk_host .wvhk-hint{font-size:9px}#wvhk_host .wvhk-hint:last-child{display:none}}
@media(max-height:550px) and (orientation:landscape){#wvhk_host .wvhk-bar{grid-template-columns:1fr auto 1.7fr;padding:5px 10px;gap:9px}#wvhk_host .wvhk-controls{grid-column:auto;gap:4px}.wvhk-brand span{display:none}.wvhk-brand strong{font-size:18px}.wvhk-scoreboard{min-width:150px;gap:10px;padding:0 10px}.wvhk-score strong{font-size:24px}#wvhk_host .wvhk-btn,#wvhk_host .bgplay-exit{font-size:9px;min-height:32px;padding:6px}#wvhk_host #wvhk_sound{min-width:64px}#wvhk_host .wvhk-hints{display:none}.bgplay-runtime #wvhk_host .wvhk-canvasBox{max-width:min(100%,calc((100dvh - 75px)*1100/560))}}