body:is([data-adventure=foley-fiasco],[data-adventure=hum-and-seek],[data-adventure=voice-relay],[data-adventure=dub-club]) #game-dialog{background:#22232e;color:#f4eddb;border:1px solid #7e758d}
body:is([data-adventure=foley-fiasco],[data-adventure=hum-and-seek],[data-adventure=voice-relay],[data-adventure=dub-club]) #game-dialog .game-description{color:#d5cddb}
.foley-ticket,.relay-message,.dub-brief{padding:24px;margin:22px 0;background:#efd9a6;color:#443123;border:3px double #5e482d}
.foley-ticket h3,.relay-message h3{font:600 25px/1.3 Georgia,serif;margin:15px 0}
.foley-ticket small,.relay-message small,.dub-brief small{font:11px monospace;letter-spacing:.1em}
.foley-meters{font-size:clamp(30px,7vw,65px);text-align:center;color:#f2bf67;background:#3b3027;margin:20px 0;padding:25px}
.melody-player{padding:22px;background:#254653;border:1px solid #6cb9c1;border-radius:15px;margin:20px 0}
.melody-player details,.dub-transcript{margin:18px 0;line-height:1.6}
.note-keys{display:flex;gap:12px}.note-keys button{flex:1;min-height:130px;background:#f6edcf;color:#204251;border:0;border-bottom:9px solid #acb8a5;border-radius:9px;display:grid;align-content:center;gap:12px}.note-keys b{font:45px Georgia,serif}.note-keys span{font-size:11px}.note-keys button:active{translate:0 3px}.note-keys button:disabled{opacity:.55}
#melody-sequence{padding:20px 0;min-height:60px}.melody-tools{display:flex;gap:12px;flex-wrap:wrap}
body[data-adventure=voice-relay] #game-dialog{background:#3d2630;border:6px solid #aa644f;border-radius:18px}.relay-message{border:0;border-radius:12px;box-shadow:8px 8px #1d121a55;transform:rotate(-1deg)}
.relay-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.relay-compare>div{background:#efdac4;color:#493137;padding:20px;border-radius:7px;overflow-wrap:anywhere}.relay-compare small{font:10px monospace}.relay-compare p{margin-top:12px;font-size:17px}
.relay-details{padding:18px;border:1px solid #bb8c7c;margin:20px 0;display:flex;gap:20px;flex-wrap:wrap}.relay-details label{display:flex;align-items:center;gap:8px}.relay-details input{width:20px;height:20px}
.dub-stage{height:250px;position:relative;overflow:hidden;background:linear-gradient(#302753 70%,#8c6965 70%);border:12px solid #6d3d64;border-radius:8px;margin:20px 0}.dub-robot{position:absolute;font-size:100px;bottom:45px;left:12%;color:#a1c7d5}.dub-cat{position:absolute;font-size:35px;bottom:70px;right:10%;color:#eac096}.dub-prop{position:absolute;bottom:90px;left:52%;color:#f3c761;font-size:35px}.dub-scene-label{position:absolute;top:13px;left:15px;font-size:12px;color:#eee5ef}.dub-caption{position:absolute;bottom:0;left:0;right:0;background:#17131ee8;padding:10px;color:#fff;font-size:11px;line-height:1.4}.rolling .dub-robot{animation:robot-act 3s both}.rolling .dub-cat{animation:cat-act 3s both}.rolling .dub-prop{animation:prop-act 3s both}.dub-brief p{margin-top:10px;font-size:17px}.dub-brief blockquote{margin-top:15px;font-style:italic}.dub-transcript{color:#ded1e7}#dub-line{display:block;min-height:50px;margin:12px 0 20px;width:100%}
@keyframes robot-act{50%{transform:translateX(50px) rotate(8deg)}100%{transform:rotate(-8deg)}}@keyframes cat-act{50%{transform:translateX(-50px)}100%{transform:translateY(-15px)}}@keyframes prop-act{0%,40%{transform:none}100%{transform:translateX(90px) rotate(25deg)}}
.dashboard [data-adventure=foley-fiasco] .cover strong{font:900 31px/1 Impact,sans-serif;text-transform:uppercase;color:#ffe3a0}.dashboard [data-adventure=hum-and-seek] .cover strong{font:700 32px/1 Georgia,serif;color:#fff0c7}.dashboard [data-adventure=voice-relay] .cover strong{font:600 30px/1 'Courier New',monospace;color:#ffdec4}.dashboard [data-adventure=dub-club] .cover strong{font:900 39px/.95 Impact,sans-serif;color:#efbce4;text-transform:uppercase}
body[data-adventure=foley-fiasco] #game-dialog{background:#312a23;border:4px double #e0b574}body[data-adventure=hum-and-seek] #game-dialog{background:#193a48;border:2px solid #8ac0c4;border-radius:20px}body[data-adventure=dub-club] #game-dialog{background:#28213c;border:5px solid #6c476d}
@media(max-width:640px){.relay-compare{grid-template-columns:1fr}.note-keys{gap:8px}.note-keys button{min-height:110px}.dub-stage{height:260px;border-width:6px}.dub-cat{font-size:27px}.dub-caption{font-size:10px}.foley-ticket h3,.relay-message h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.rolling *{animation:none!important}}