.room-music-trivia{--room-color:#eee5ec;--stage-ink:#53344f}.room-music-trivia .room-game{width:min(100%,660px)}.mt-game{color:#4b3149;padding:12px}.mt-game button{touch-action:manipulation;background:#fffaf5;border:1px solid #b8a6b4;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:600}.mt-game button:disabled{cursor:default}.mt-game :is(button,.mt-timeline):focus-visible{outline-offset:3px;outline:3px solid #2a6685}.mt-game .mt-primary{color:#fff;background:#68435f;border-color:#68435f}.mt-game .mt-primary:disabled{opacity:.45}.mt-menu,.mt-result{text-align:center;padding:24px 0}.mt-kicker{letter-spacing:.12em;margin-bottom:12px;font-size:11px;font-weight:700}.mt-menu h2,.mt-result h2{margin-bottom:12px;font-size:clamp(23px,4vw,32px);line-height:1.2}.mt-menu>p,.mt-result>p{margin-bottom:18px}.mt-modes{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.mt-modes button{padding:24px 12px}.mt-modes strong{margin-bottom:6px;font-size:21px;display:block}.mt-modes span{font-size:12px;font-weight:400}.mt-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.mt-toolbar button{padding:8px 12px}.mt-song{text-align:center;background:#faf5f3;border:1px solid #d5c5ce;border-radius:14px;margin-bottom:16px;padding:20px 14px}.mt-song h2{overflow-wrap:anywhere;margin-block:6px;font-size:clamp(20px,4vw,28px);line-height:1.2}.mt-song p{font-size:13px}.mt-question{min-width:0}.mt-question legend{margin-bottom:12px;font-size:15px;font-weight:600}.mt-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mt-choices button{text-align:left;overflow-wrap:anywhere;align-items:center;gap:10px;min-height:62px;font-size:14px;display:flex}.mt-choices button>span{opacity:.7;font-size:11px}.mt-choices button small{margin-left:auto;font-size:10px}.mt-game .mt-correct{color:#274321;background:#dce9d3;border-color:#5c7950}.mt-game .mt-wrong{color:#733b2a;background:#f3dcd4;border-color:#a26c5b}.mt-feedback{min-height:44px;padding-block:12px;font-size:13px}.mt-next{width:100%;margin-bottom:10px}.mt-big-score{font-size:44px;font-weight:700}.mt-timeline{scrollbar-gutter:stable;border-radius:10px;max-height:320px;padding:4px;overflow-y:auto}.mt-timeline-song{background:#faf5f3;border:1px solid #d5c5ce;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mt-timeline-song strong{font-size:13px;display:block}.mt-timeline-song span{font-size:11px;display:block}.mt-timeline-song b{font-size:16px}.mt-game .mt-slot{background:0 0;border-style:dashed;width:100%;margin-block:5px;font-size:12px}.mt-just-placed{background:#dce9d3;border-color:#5c7950}.room-music-trivia.room-focused{flex-direction:column;display:flex}.room-music-trivia.room-focused .room-heading{flex-direction:row;align-items:center}.room-music-trivia.room-focused .play-stage{flex:1;display:block;overflow:auto}.room-music-trivia.room-focused .room-game{margin:auto;display:block}@media (max-width:400px){.mt-game{padding:6px}.mt-modes{grid-template-columns:1fr}.mt-modes button{padding:16px}.mt-choices{grid-template-columns:1fr}.mt-choices button{min-height:48px}}@media (orientation:landscape) and (max-height:600px){.mt-game{padding-block:4px}.mt-song{margin-bottom:8px;padding:8px}.mt-song h2{font-size:21px}.mt-toolbar{margin-bottom:6px}.mt-choices button{min-height:44px}.mt-feedback{min-height:30px;padding-block:6px}.mt-menu,.mt-result{padding-block:12px}.mt-timeline{max-height:200px}}@media (orientation:landscape) and (max-height:600px) and (min-width:600px){.mt-game:is(.mt-mode-quiz,.mt-mode-timeline){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px 14px;display:grid}.mt-game>.mt-toolbar{grid-column:1/-1;margin:0}.mt-game>.mt-song{grid-area:2/1;align-self:start;margin:0}.mt-game>.mt-feedback{grid-area:3/1}.mt-game>.mt-next{grid-area:4/1;align-self:start;margin:0}.mt-game>.mt-question{grid-area:2/2/5}.mt-game>.mt-question .mt-choices{grid-template-columns:1fr}.mt-game>.mt-question legend{margin-bottom:6px}.mt-game>.mt-question button{padding:7px 10px}.mt-game>.mt-timeline{grid-area:2/2/5;max-height:244px}.mt-game>:is(.mt-result,.pocket-scores){grid-column:1/-1}}