.vd-game-wavelength { --game-color:#3fb5a3; }
.wl-game,.wl-board { --wl-ink:#33405a; color:var(--wl-ink); width:100%; min-width:0; }
.wl-game { max-width:760px; margin:0 auto; }
.wl-heading { margin:1rem 0 1rem; color:var(--vd-ink); }
.wl-heading h1 { font-size:clamp(1.65rem,2.8vw,2.6rem); line-height:1.12; font-weight:750; letter-spacing:-.035em; margin:.35rem 0 0; overflow-wrap:anywhere; }
.wl-heading .vd-eyebrow { font-size:.67rem; letter-spacing:.13em; font-weight:800; }
.wl-stage { padding:1.2rem 1rem .4rem; border-radius:1.6rem; background:var(--vd-panel,#fffefa); box-shadow:var(--lc-shadow,0 4px 14px #33405a14); }
.wl-dial { position:relative; touch-action:none; user-select:none; -webkit-user-select:none; max-width:34rem; margin:0 auto; }
.wl-svg { display:block; width:100%; height:auto; overflow:visible; }
.wl-points { font:800 6px Georgia,serif; fill:#fff; }
.wl-tip { position:absolute; width:2rem; height:2rem; transform:translate(-50%,-50%); filter:drop-shadow(0 2px 3px #0003); }
.wl-tip .pr-character { display:block; width:100%; height:100%; }
.wl-ends { display:flex; justify-content:space-between; gap:1rem; max-width:34rem; margin:.5rem auto 0; padding:.2rem .4rem .8rem; font-size:1rem; letter-spacing:-.01em; }
.wl-ends b:first-child { color:#c4511f; } .wl-ends b:last-child { color:#2d8c85; text-align:right; }
.wl-guess { display:grid; gap:.7rem; margin:1rem 0; }
.wl-range { width:100%; height:2.4rem; accent-color:#c4511f; }
.wl-lock { width:100%; min-height:54px; border-radius:999px; justify-content:center; font-size:1.05rem; }
.wl-players { display:grid; grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr)); gap:.6rem; }
.wl-player { display:flex; align-items:center; gap:.55rem; padding:.6rem .75rem; border-radius:1rem; background:var(--vd-panel,#fffefa); box-shadow:var(--lc-shadow,0 4px 14px #33405a10); min-width:0; }
.wl-player.is-psychic { box-shadow:inset 0 0 0 2px var(--game-color), var(--lc-shadow,0 4px 14px #33405a10); }
.wl-player strong { flex:1; min-width:0; font-size:.85rem; overflow-wrap:anywhere; }
.wl-avatar { position:relative; width:2.2rem; height:2.2rem; flex:none; }
.wl-avatar .pr-character { width:100%; height:100%; display:block; }
.wl-avatar i { position:absolute; right:-.25rem; bottom:-.25rem; display:grid; place-items:center; width:1rem; height:1rem; border-radius:50%; background:#2f8f5b; color:#fff; font-size:.65rem; font-style:normal; font-weight:900; }
.wl-score { font-size:1.15rem; font-weight:800; }
.wl-score b { margin-left:.25rem; font-size:.75rem; color:#2f8f5b; }
@media(min-width:900px){ .wl-board-tv .wl-dial { max-width:44rem; } .wl-board-tv .wl-ends { max-width:44rem; font-size:1.4rem; } .wl-game .wl-board-tv { max-width:none; } }