body[data-page=game] main{max-width:1080px}.duel-intro{text-align:center;margin:25px 0}.duel-board{padding:28px;border:1px solid #395438;border-radius:22px;background:radial-gradient(ellipse at top,#243719,#0a1811 70%);margin:25px 0}.duel-stats{display:flex;gap:22px;flex-wrap:wrap;align-items:center;color:#a8bc9b;font-size:13px}.duel-stats strong{font-size:30px;color:var(--lime);padding-left:9px}.duel-pair{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:15px;margin:25px 0;align-items:stretch}.duel-song{min-width:0;padding:25px;border:1px solid #4a6041;border-radius:16px;background:#0a1913}.duel-song h2{font-size:25px;overflow-wrap:anywhere;margin:12px 0 4px}.duel-song p{color:#b2c1a8;font-size:13px}.duel-song .duel-label{color:var(--lime);letter-spacing:.16em;font-weight:700}.duel-song button{width:100%;margin-top:15px}.duel-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;margin:16px 0 8px;border:1px solid #364a36;border-radius:13px;overflow:hidden;background:radial-gradient(circle,#24371e,#07110d 70%)}.duel-preview iframe{width:100%;height:100%;border:0}.duel-play{width:auto!important;margin:0!important;padding:13px 18px!important;border-color:#779148!important;background:#1b331d!important;color:#e9f6c6!important;font-weight:750}.duel-play span{font-size:19px;padding-right:7px}.duel-preview-note{font-size:11px!important;line-height:1.5;min-height:34px}.duel-vs{align-self:center;color:#dce9a9;font-weight:900;font-size:23px;font-style:italic}.duel-score{display:block;color:#e5eebd;font-size:35px;margin-top:16px}.duel-song[data-winner=true]{border-color:var(--lime);box-shadow:0 0 24px #b3e84425}.duel-song[data-winner=false]{opacity:.75}#game-end{border-top:1px solid #435939;margin-top:22px;padding-top:10px}#game-end-title{color:var(--lime)}#game-request{margin:24px 0}.duel-leaderboard{margin-top:30px}.duel-leaderboard table{width:100%;min-width:0}#game-status{min-height:2em}#game-mode{font-size:11px;color:#d7dfba;margin-left:auto}#game-request-status{overflow-wrap:anywhere}@media(max-width:650px){.duel-board{padding:15px}.duel-pair{grid-template-columns:minmax(0,1fr);gap:10px}.duel-vs{text-align:center}.duel-song{padding:18px}.duel-song h2{font-size:21px}.duel-stats{gap:12px}.duel-stats strong{font-size:24px}}

/* Listening lounge: warm artwork, calm surfaces, clear duel hierarchy. */
body[data-page=game] main.content{max-width:1180px;padding:42px 44px}
body[data-page=game] main>h1{font-size:clamp(28px,3.2vw,42px);max-width:760px;line-height:1.4;margin:0 0 18px}
body[data-page=game] .duel-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;margin:0 0 28px;border-color:#334936;background:radial-gradient(ellipse at right,#62743b30,transparent 65%),#0c1914;text-align:left;overflow:hidden}
.duel-intro-copy{max-width:640px}.duel-intro-copy>p{margin:8px 0;line-height:1.85}.duel-intro-copy .muted{font-size:12px}.duel-host{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 16px 20px #0008)}.duel-how{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.duel-how span{font-size:11px;letter-spacing:.03em;color:#cedbbb;padding:7px 11px;background:#a5c9600c;border:1px solid #425338;border-radius:30px}
body[data-page=game] .duel-board{padding:30px;border:1px solid #536347;border-radius:22px;background:radial-gradient(ellipse at top,#1f301a70,transparent 65%),#0a1712;box-shadow:0 20px 70px #0003}
.duel-board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.duel-board-heading p{margin:0;font-size:10px}.duel-board-heading>span{color:#829775;font-size:13px}.duel-stats{gap:14px;padding-bottom:22px;border-bottom:1px solid #2e402e}.duel-stats>span:not(#game-mode){display:flex;align-items:center;gap:16px;padding:10px 17px;border:1px solid #3b5036;border-radius:12px;background:#08150d}.duel-stats strong{font-size:28px;color:#d5ef97;padding:0}#game-mode{border-radius:20px;background:#b8e64c12;padding:7px 11px;color:#c9d9b4}.duel-lobby{text-align:center;padding:16px 0 10px}.duel-lobby[hidden]{display:none}.duel-lobby h2{font-size:25px;margin:24px 0 8px}.duel-lobby p{font-size:13px;color:#9caa94}.duel-demo{display:flex;justify-content:center;align-items:center;gap:22px}.duel-demo>span{display:grid;place-items:center;width:125px;height:130px;border:1px solid #5c6c40;border-radius:18px;background:linear-gradient(145deg,#344326,#0d1d14);font-size:42px;color:#d4e891;transform:rotate(-7deg);box-shadow:0 15px 25px #0004}.duel-demo>span:last-child{transform:rotate(7deg);background:linear-gradient(145deg,#494129,#1a1d11);color:#e9d391}.duel-demo small{font-size:10px;letter-spacing:.16em}.duel-demo b{color:#93a27c;font-size:16px}#game-start{display:block;margin:20px auto 5px;padding:14px 36px;border-radius:30px;min-width:240px}#game-start[hidden]{display:none}
.duel-song{display:flex;flex-direction:column;padding:22px;background:linear-gradient(150deg,#1b2b1d,#091610);border-color:#485a3d;border-radius:18px}.duel-song:nth-child(3){background:linear-gradient(150deg,#2a291c,#10170f);border-color:#625b3c}.duel-song h2{font-size:23px;line-height:1.45;margin:10px 0 3px}.duel-song>p:not(.duel-preview-note){margin:0 0 8px;min-height:22px}.duel-label{font-size:10px}.duel-preview{flex:none}.duel-song>button.primary{margin-top:auto;padding:12px 8px;font-size:13px;border-radius:12px}.duel-play{font-size:13px}.duel-vs{width:44px;height:44px;display:grid;place-items:center;border:1px solid #4e5b38;border-radius:50%;font-size:14px;background:#182218}.duel-preview-note{color:#94a58a!important}#game-next{display:block;margin:24px auto 0;min-width:220px;border-radius:30px}#game-next[hidden]{display:none}#game-end{text-align:center;padding:25px 0 5px}#game-end-title{font-size:28px}body[data-page=game] .duel-leaderboard{margin-top:28px;padding:28px;background:#0c1913;border-color:#344631}.duel-leaderboard h2{font-size:22px}.duel-leaderboard>p:not(.eyebrow){font-size:13px;color:#9aac91}
@media(max-width:700px){body[data-page=game] main.content{padding:26px 16px}body[data-page=game] .duel-intro{padding:20px;gap:0}.duel-host{width:85px;height:100px;align-self:flex-start;margin-left:-50px;opacity:.65}.duel-intro-copy{position:relative;z-index:1}.duel-intro-copy>.eyebrow{font-size:9px}.duel-intro-copy>p{font-size:12px}.duel-how{gap:6px}.duel-how span{padding:5px 8px;font-size:10px}body[data-page=game] .duel-board{padding:18px 14px}.duel-stats{gap:8px}.duel-stats>span:not(#game-mode){font-size:11px;padding:8px 10px;gap:10px}#game-mode{margin:0;font-size:10px}.duel-pair{margin:18px 0;gap:15px}.duel-song{padding:18px}.duel-vs{justify-self:center}.duel-demo>span{width:95px;height:105px}.duel-lobby h2{font-size:21px}.duel-board-heading>span{font-size:11px}}