/* 0.8 — compact game surfaces, scoped to the paid game only. */
#mgs{--ink:#171246;--muted:#595675;--paper:#fff;--accent:#ffdb36;--purple:#6925dc;max-width:1080px;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(145deg,#7021c4,#262465);padding:24px;border-radius:28px;line-height:1.5;box-shadow:0 20px 65px #1d0b4b25}
#mgs,#mgs *{box-sizing:border-box}#mgs [hidden]{display:none!important}#mgs h1,#mgs h2,#mgs h3,#mgs button,#mgs input,#mgs summary{font-family:inherit;letter-spacing:normal}#mgs h1{font-size:28px;line-height:1.2;margin:12px 0 18px}#mgs h2{font-size:20px;line-height:1.3}#mgs p{line-height:1.5}#mgs button,#mgs .mgs-cta{border-radius:12px;padding:12px 18px;min-height:46px;background:var(--accent);color:var(--ink);font-size:15px;font-weight:800;border:0;cursor:pointer}#mgs button:focus-visible,#mgs a:focus-visible,#mgs summary:focus-visible{outline:3px solid #ff9700;outline-offset:4px}#mgs button:disabled{cursor:default;opacity:.55}#mgs button.mgs-secondary{background:#eee7ff;color:#471695;border:1px solid #d7c7fa}#mgs input:not([type=checkbox]),#mgs select,#mgs textarea{font-family:inherit;font-size:16px;background:#fff;color:var(--ink);border:1px solid #d7cfea;border-radius:12px;padding:12px;min-height:46px;width:100%}#mgs input::placeholder{color:#79728c}#mgs header{align-items:center;margin-bottom:20px;gap:20px}#mgs header img{max-height:60px}#mgs header .mgs-brand img{max-width:140px;max-height:50px}#mgs header .mgs-theme img{max-width:120px}#mgs .mgs-kicker{letter-spacing:1.5px;font-size:11px}#mgs #mgs-status:empty{display:none}#mgs details{border-top:1px solid #dcd4ed;padding:14px 0;margin-top:12px}#mgs summary{cursor:pointer;font-size:15px;font-weight:700;padding:6px 0;min-height:38px}#mgs .mgs-small{font-size:13px;line-height:1.5}#mgs label{font-size:14px}#mgs #mgs-login,#mgs #mgs-join,#mgs #mgs-recovery-error{max-width:460px;margin:20px auto;padding:28px 24px;border-radius:24px;background:#fff;color:var(--ink)}#mgs #mgs-login h1,#mgs #mgs-join h1,#mgs #mgs-recovery-error h1{color:var(--ink)}#mgs #mgs-login .mgs-kicker{color:#6628c9}#mgs #mgs-room-code-form button,#mgs #mgs-join-form button{width:100%;margin-top:12px}#mgs #mgs-room-code{text-transform:uppercase;letter-spacing:2px;font-weight:bold}#mgs #mgs-host{background:#f7f5ff;color:var(--ink);border-radius:24px;padding:24px}#mgs #mgs-host h1,#mgs #mgs-host h2,#mgs #mgs-host h3{color:var(--ink)}#mgs #mgs-host a{color:#5620ac}#mgs #mgs-host-summary{color:var(--muted);font-size:14px;margin-bottom:18px}#mgs .mgs-host-work{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:20px;align-items:start}#mgs .mgs-host-main,#mgs .mgs-host-progress{background:#fff;border:1px solid #e7e0f4;padding:20px;border-radius:20px;min-width:0}#mgs .mgs-host-progress h2{margin:0 0 12px}#mgs #mgs-progress-label{font-size:36px;line-height:1.2}#mgs progress{width:100%;height:12px;margin:16px 0 0;accent-color:#10b981;border:0;border-radius:20px;overflow:hidden}#mgs progress::-webkit-progress-bar{background:#e6e4f5}#mgs progress::-webkit-progress-value{background:#10b981}#mgs #mgs-progress-copy{font-size:14px;color:var(--muted)}#mgs .mgs-category{padding:12px;border-radius:12px;background:var(--mgs-cat);color:var(--ink);text-align:center;font-size:18px;font-weight:800}#mgs .mgs-clock{text-align:center;font-size:56px;line-height:1.1;font-weight:900;font-variant-numeric:tabular-nums;margin:18px 0;color:inherit}#mgs .mgs-clock.mgs-urgent{color:#ef385c}#mgs #mgs-media{background:#f3eeff;border:0;padding:16px;border-radius:16px;margin:14px 0}#mgs #mgs-youtube{height:95px;overflow:hidden;border-radius:12px;background:linear-gradient(100deg,#cfb4ff,#ece5ff,#cbb3f7)}#mgs #mgs-youtube iframe{height:95px;width:100%;filter:blur(20px);opacity:.1}#mgs #mgs-media.mgs-show-video #mgs-youtube,#mgs #mgs-media.mgs-show-video iframe{height:230px}#mgs #mgs-media-status{font-size:13px;color:var(--muted);margin-bottom:0}#mgs #mgs-play{width:100%;margin-top:14px}#mgs #mgs-pause{background:#ff4087;color:white}#mgs .mgs-actions{gap:10px;margin:12px 0}#mgs .mgs-actions button{flex:1}#mgs #mgs-host-answer{background:#f0eaff;color:var(--ink);border:0;font-size:18px;padding:16px;overflow-wrap:anywhere}#mgs #mgs-ready{border:1px solid #8fd6b2;background:#effbf5;color:#126341;padding:12px;font-size:14px;margin-top:12px}#mgs .mgs-invite{display:flex;align-items:center;gap:24px;justify-content:center;padding:20px;background:#fff;border-radius:18px;margin:18px 0;flex-wrap:wrap}#mgs #mgs-qr{margin:0;width:204px;height:204px;padding:12px;background:#fff}#mgs .mgs-invite p{font-size:14px;margin:8px 0}#mgs .mgs-code-display{display:block;font-size:28px;letter-spacing:3px;color:#5422aa}#mgs #mgs-entry-url{font-size:20px}#mgs .mgs-lobby-guide{padding:12px 0;margin:0;background:none}#mgs .mgs-lobby-guide ol{margin:0;padding-left:22px}#mgs .mgs-lobby-guide p{margin-bottom:0}#mgs .mgs-readout-copy{background:#eee8fb;color:var(--ink)}#mgs #mgs-more{margin-top:22px}#mgs #mgs-more>summary{background:#ece6fa;border-radius:12px;padding:12px 16px}#mgs #mgs-roster{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}#mgs #mgs-roster article{background:#fff;border:1px solid #ddd5ed;color:var(--ink);padding:16px;border-radius:14px}#mgs .mgs-ready-done{color:#167746}#mgs .mgs-ready-wait{color:#8f4c00}#mgs .mgs-answer-group{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}#mgs .mgs-answer-group button{flex-shrink:0;font-size:13px;padding:10px}#mgs #mgs-groups h2{margin-top:24px}#mgs .mgs-package{padding:12px 0}#mgs .mgs-package button{margin:4px}#mgs .mgs-package .mgs-cta{color:var(--ink)!important;margin-top:12px}#mgs #mgs-test-label{color:#7525bb}#mgs[data-role=player]{max-width:460px}#mgs #mgs-player{max-width:440px;margin:auto}#mgs #mgs-player-name{font-size:12px;color:#e6dbff}#mgs #mgs-round-content h1{font-size:21px;text-align:center;margin:12px 0}#mgs #mgs-timer{text-align:center;font-size:13px;color:#eee4ff;margin:8px 0 14px}#mgs #mgs-player-clock{font-size:48px;margin:16px auto;border:5px solid #ffdf37;border-left-color:#32b5f9;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}#mgs #mgs-answer-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#mgs #mgs-submit{width:100%;margin-top:8px}#mgs #mgs-answer{margin:0;text-align:center}#mgs #mgs-song{background:#ffffff;color:var(--ink);font-size:16px;border:0;padding:14px;margin:12px 0 8px}#mgs #mgs-verdict{font-size:14px;padding:0;line-height:1.5}#mgs #mgs-verdict.mgs-good{background:#d8fae9;color:#135437;padding:14px;border-radius:14px}#mgs #mgs-verdict.mgs-wrong{background:#ffe8ed;color:#83213e;padding:14px;border-radius:14px}#mgs #mgs-card-panel{background:#fff;color:var(--ink);padding:14px;border:0;border-radius:20px;margin:16px 0}#mgs #mgs-card-panel>summary{font-size:15px;text-align:center;list-style:none;padding:0;min-height:25px}#mgs #mgs-card{gap:6px;margin:10px 0 0;grid-template-columns:repeat(5,minmax(0,1fr))}#mgs #mgs-card button{padding:0;min-height:0;aspect-ratio:1;border-radius:9px;color:#182144;font-size:23px;line-height:1;position:relative;border:2px solid transparent;box-shadow:none}#mgs #mgs-card button:disabled{opacity:1}#mgs #mgs-card button.mgs-marked{background:var(--cell)!important;border:3px solid #fff;box-shadow:inset 0 0 0 2px #17462c;color:#102b21;font-size:30px;text-shadow:0 1px 1px #fff}#mgs #mgs-card button.mgs-marked small{position:absolute;right:3px;bottom:2px;font-size:10px;margin:0;color:#17223b}#mgs #mgs-card button:not(:disabled){outline:3px solid #6121dd;outline-offset:0;box-shadow:0 0 0 1px white;animation:mgs-select 1.4s ease-in-out infinite}#mgs #mgs-card-legend{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:8px}#mgs #mgs-card-legend span{border-left:5px solid var(--legend);font-size:10px;padding:1px 4px;color:#39334d}#mgs .mgs-card-tip{font-size:11px;text-align:center;color:var(--muted);margin:8px 0}#mgs #mgs-card-panel details{padding-bottom:0}#mgs #mgs-card-panel details summary{font-size:13px}#mgs #mgs-waiting-count{background:#fff;color:var(--ink);padding:18px;border-radius:18px;text-align:center}#mgs[data-role=player][data-phase=lobby] #mgs-card-panel{display:none}#mgs #mgs-final-score{font-size:20px;font-weight:bold;margin-bottom:20px}#mgs #mgs-finale{background:white;color:var(--ink);border:0;border-radius:24px}#mgs #mgs-finale h2,#mgs #mgs-finale h3{color:var(--ink)}#mgs #mgs-finale .mgs-kicker{color:#6d2cd2}#mgs #mgs-offer-form{background:#f1eaff;padding:18px;border-radius:18px;margin-top:20px}#mgs #mgs-finale a:not(.mgs-cta){color:#6021bb}#mgs #mgs-offer-send{width:100%}#mgs .mgs-help{color:white}#mgs .mgs-help summary{font-size:14px}#mgs #mgs-submission-status{position:static;background:#eee8ff;color:#432387;border-color:#d4bef6;font-size:14px;box-shadow:none}#mgs #mgs-submission-status.mgs-submission-complete{background:#d9f7e6;color:#145d39;border-color:#6dc695}#mgs #mgs-submission-status.mgs-submission-urgent{background:#fff0cd;color:#7c4a00;border-color:#e4bb52}body.mgs-full-page{background:radial-gradient(ellipse at top left,#9b33cf,transparent 60%),linear-gradient(145deg,#5725b0,#211d55) fixed!important}#mgs .mgs-modal-box{background:linear-gradient(145deg,#7c25de,#322072)}#mgs .mgs-modal-box h2{color:#ffe236}#mgs .mgs-feedback-button{font-size:11px;min-height:38px;padding:8px 12px}#mgs .mgs-connection{color:#342400}#mgs #mgs-answer-status{font-size:13px;text-align:center}
@keyframes mgs-select{50%{outline-color:#bd8dff}}
@media(max-width:700px){#mgs{padding:16px;border-radius:20px}body.mgs-full-page #mgs{padding-top:16px}#mgs #mgs-host{padding:16px;border-radius:20px}#mgs .mgs-host-work{grid-template-columns:1fr;gap:12px}#mgs .mgs-host-main,#mgs .mgs-host-progress{padding:16px}#mgs .mgs-host-progress h2{font-size:15px;display:inline-block;margin-right:12px}#mgs #mgs-progress-label{font-size:25px}#mgs .mgs-clock{font-size:42px;margin:12px 0}#mgs #mgs-host-title{font-size:24px}#mgs .mgs-invite{padding:12px;gap:12px}#mgs #mgs-qr{width:160px;height:160px;padding:8px}#mgs #mgs-qr img,#mgs #mgs-qr canvas{width:144px;height:144px}#mgs .mgs-code-display{font-size:24px}#mgs .mgs-answer-group{font-size:14px}#mgs #mgs-card button{font-size:23px;min-height:0}#mgs #mgs-card button.mgs-marked{font-size:28px}#mgs #mgs-card button.mgs-marked small{font-size:10px}#mgs #mgs-login,#mgs #mgs-join{padding:24px 18px}#mgs header img{max-height:45px}#mgs #mgs-finale{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){#mgs *{animation:none!important;scroll-behavior:auto!important}}
#mgs input:focus-visible,#mgs textarea:focus-visible,#mgs select:focus-visible{outline:3px solid #8c55ea;outline-offset:2px}#mgs .mgs-check input{accent-color:#6b25ce}#mgs #mgs-qr{min-height:0}#mgs .mgs-invite #mgs-entry-url{overflow-wrap:anywhere}#mgs #mgs-recovery{background:white;color:var(--ink)}#mgs #mgs-groups:empty{display:none}
/* Keep the main question and card close together on a phone. */
body.mgs-full-page{background:linear-gradient(145deg,#7027b9,#251b5c)!important;background-attachment:scroll!important}#mgs[data-role=player] header{margin-bottom:10px}#mgs #mgs-player-name{margin:6px 0 10px}#mgs #mgs-round-content{position:relative}#mgs #mgs-player-category{width:calc(100% - 88px);padding:9px;font-size:16px}#mgs #mgs-player-clock{position:absolute;top:0;right:0;margin:0;width:74px;height:74px;font-size:34px;border-width:4px}#mgs #mgs-round-content h1{font-size:18px;line-height:1.3;margin:10px 0;text-align:left}#mgs[data-phase=playing] #mgs-question,#mgs[data-phase=paused] #mgs-question{padding-right:84px;min-height:24px}#mgs #mgs-answer-form{margin:10px 0}#mgs #mgs-timer{margin:8px 0;font-size:12px;text-align:left}#mgs #mgs-card-panel{margin-top:12px}#mgs #mgs-youtube,#mgs #mgs-youtube iframe{height:46px}#mgs #mgs-media.mgs-show-video #mgs-youtube,#mgs #mgs-media.mgs-show-video iframe{height:230px}#mgs[data-phase=playing] #mgs-host-summary{display:none}
/* Feedback must never cover the card or the email submit button. */
#mgs .mgs-feedback-button{position:static;display:block;margin:16px auto 0;box-shadow:none;min-height:40px}#mgs #mgs-offer-title{font-size:20px;line-height:1.3;margin-top:0}#mgs #mgs-final-score{font-size:17px}
/* 0.8.1: one visible primary action per phase. */
#mgs .mgs-legacy-actions,#mgs .mgs-legacy-play{display:none!important}
#mgs #mgs-host-primarybar{margin-top:18px;padding:12px 0 0}#mgs #mgs-primary{width:100%;font-size:17px;min-height:52px}#mgs #mgs-primary-hint{font-size:13px;margin:0 0 8px;color:var(--muted)}#mgs #mgs-primary-hint:empty{display:none}#mgs .mgs-phase-label{font-size:12px;font-weight:800;letter-spacing:.4px;margin:0 0 10px}#mgs #mgs-host-phase-copy{font-size:15px;margin:8px 0 16px}#mgs #mgs-host-title{font-size:22px;margin:0 0 16px}#mgs #mgs-waiting-names{padding-left:20px;max-height:180px;overflow:auto;font-size:14px}#mgs #mgs-waiting-list summary{font-size:13px}#mgs #mgs-test-label{font-size:10px;letter-spacing:0;margin:0 0 8px}#mgs .mgs-selfplay{display:inline-block;border:1px solid #d6c9f3;border-radius:12px;padding:10px 16px;text-decoration:none;font-weight:700}#mgs #mgs-readout{margin:8px 0}#mgs[data-phase=lobby] .mgs-host-work{display:block}#mgs[data-phase=lobby] .mgs-host-progress{padding:12px 16px}#mgs[data-phase=lobby] .mgs-host-progress h2{display:none}#mgs[data-phase=lobby] #mgs-progress-label{font-size:24px}#mgs[data-phase=lobby] #mgs-progress-copy{display:inline;margin-left:12px}#mgs[data-phase=lobby] progress{display:none}
#mgs #mgs-player-phase{padding-right:84px;color:#e9dfff}#mgs #mgs-player-clock{top:28px}#mgs #mgs-player-result{background:#fff;color:var(--ink);padding:16px;border-radius:18px;margin:12px 0}#mgs #mgs-result-heading{font-size:22px}#mgs #mgs-own-answer{font-size:15px;margin:8px 0;overflow-wrap:anywhere}#mgs #mgs-player-result #mgs-song{background:#f0ebfa;margin:8px 0;padding:10px;border-radius:10px}#mgs #mgs-player-result #mgs-verdict{background:none;padding:0;margin:8px 0 0}#mgs #mgs-verdict:empty{display:none}#mgs #mgs-pick-task{background:#ffdf43;color:#211541;padding:10px;border-radius:10px;font-size:14px;font-weight:800;margin:8px 0}#mgs[data-phase=paused] #mgs-question{padding-right:0}#mgs .mgs-connection{font-size:13px;padding:10px 12px;position:relative}
@media(max-width:700px){#mgs[data-role=host]{padding-bottom:115px}#mgs #mgs-host-primarybar{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:10px 16px calc(10px + env(safe-area-inset-bottom));margin:0;background:#fff;border-top:1px solid #e4dcf3;box-shadow:0 -5px 25px #24164318}#mgs #mgs-primary{max-width:600px;display:block;margin:auto}#mgs #mgs-primary-hint{text-align:center;font-size:12px}#mgs #mgs-host{padding:14px}#mgs .mgs-host-main,#mgs .mgs-host-progress{padding:14px}#mgs #mgs-host-title{font-size:20px}#mgs #mgs-host-work{gap:10px}#mgs #mgs-host-phase{margin-bottom:8px}#mgs #mgs-more{margin-top:14px}#mgs #mgs-media-status{font-size:12px}#mgs #mgs-readout summary{font-size:14px}}
#mgs .mgs-feedback-button{background:transparent;color:#eee4ff;border:1px solid #ffffff55;font-weight:600}
#mgs[data-role=player]:not([data-phase=playing]) #mgs-player-category{width:100%}
/* 0.8.2: consistent icons, unmistakable card states and audio surface. */
#mgs .mgs-icon{width:24px;height:24px;display:inline-block;flex-shrink:0;vertical-align:middle}#mgs .mgs-category{display:flex;align-items:center;justify-content:center;gap:8px}#mgs #mgs-host-category{background:none;border-radius:0;border-bottom:3px solid var(--mgs-cat);padding:8px 0 12px;justify-content:flex-start;font-size:20px}#mgs #mgs-host-phase{color:#6e28cf}#mgs #mgs-host-phase-copy{font-size:15px;font-weight:700}#mgs #mgs-primary{box-shadow:0 5px 0 #d3aa16;transition:transform .15s}#mgs #mgs-primary:hover{transform:translateY(-1px)}#mgs #mgs-primary:active{transform:translateY(2px)}#mgs[data-phase=ready] #mgs-primary{outline:3px solid #fff;outline-offset:3px}
#mgs .mgs-audio-art{display:flex;height:90px;align-items:center;justify-content:center;gap:5px;color:#8b2ae9}#mgs .mgs-audio-art i{width:5px;height:22px;background:currentColor;border-radius:4px}#mgs .mgs-audio-art i:nth-child(2n){height:42px;color:#d54de9}#mgs .mgs-audio-art i:nth-child(3n){height:58px;color:#a35bee}#mgs .mgs-audio-art span{display:grid;place-items:center;background:linear-gradient(135deg,#a33aee,#5c24d7);color:white;border:5px solid white;box-shadow:0 5px 20px #672ace35;border-radius:50%;width:62px;height:62px;font-size:30px;margin:0 8px}#mgs[data-phase=playing] .mgs-audio-art i{animation:mgs-wave .85s ease-in-out infinite alternate}#mgs[data-phase=playing] .mgs-audio-art i:nth-child(2n){animation-delay:-.35s}#mgs #mgs-youtube{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#mgs #mgs-media.mgs-show-video #mgs-youtube{position:relative;width:100%;height:230px;opacity:1;pointer-events:auto}#mgs #mgs-media.mgs-show-video iframe{filter:none;opacity:1}#mgs #mgs-media-status{text-align:center}#mgs #mgs-media{background:linear-gradient(135deg,#f4edff,#e9e5ff)}
#mgs #mgs-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px;max-height:218px;overflow:auto;padding:4px}#mgs .mgs-choice{background:#fff;color:#24194d;border:2px solid #d9caef;padding:10px 5px;min-height:44px;font-size:14px;box-shadow:none}#mgs .mgs-choice[aria-pressed=true]{background:#ffdf36;border-color:#6d27d8;box-shadow:0 0 0 2px #fff;font-weight:900}#mgs #mgs-correct-answer{font-size:17px;font-weight:800;color:#261744;margin:10px 0}#mgs #mgs-player-result #mgs-song{font-size:13px;font-weight:400;line-height:1.5}#mgs #mgs-card-legend>span{display:inline-flex;align-items:center;gap:3px}#mgs #mgs-card-legend .mgs-icon{width:13px;height:13px}#mgs #mgs-card .mgs-icon{width:27px;height:27px}#mgs #mgs-card .mgs-marked{background:var(--cell)!important;color:#fff!important;text-shadow:0 2px 3px #13372d!important;border:3px solid #143c32!important;box-shadow:inset 0 0 0 2px white!important;font-size:38px!important}#mgs #mgs-card .mgs-marked::before{content:'';position:absolute;inset:0;background:#173a284d;pointer-events:none}#mgs #mgs-card .mgs-marked small{background:#fff;border-radius:3px;color:#17223b;padding:1px;z-index:1}#mgs #mgs-card .mgs-marked small .mgs-icon{width:12px;height:12px}#mgs #mgs-card button:not(:disabled){outline:4px solid #fff;outline-offset:-5px;border:3px solid #6921da;box-shadow:0 0 0 3px #7027eb;animation:mgs-pick 1s ease-in-out infinite alternate;transform:scale(.94)}#mgs #mgs-card:has(button:not(:disabled)) button:disabled:not(.mgs-marked){opacity:.38}
#mgs .mgs-review-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:340px;margin:14px 0}#mgs .mgs-review-card>div{aspect-ratio:1;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#17223b}#mgs .mgs-review-card .mgs-icon{width:18px;height:18px}#mgs .mgs-review-marked{border:2px solid #204333}#mgs .mgs-review-card strong{font-size:12px}#mgs .mgs-review-scroll{overflow:auto}#mgs .mgs-review-table{border-collapse:collapse;width:100%;font-size:12px;min-width:290px}#mgs .mgs-review-table td,#mgs .mgs-review-table th{padding:8px 5px;border-bottom:1px solid #ddd;text-align:left;color:#292244}#mgs .mgs-review-table th{background:#f1eafa}
@keyframes mgs-wave{to{transform:scaleY(.4)}}@keyframes mgs-pick{to{box-shadow:0 0 0 4px #b78aff;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#mgs .mgs-audio-art i,#mgs #mgs-card button{animation:none!important}}
#mgs #mgs-card .mgs-checkmark{position:relative;z-index:1;display:block;color:#fff;font-size:38px;font-weight:900;text-shadow:0 2px 2px #15372d}#mgs #mgs-card .mgs-marked::before{border-radius:4px}#mgs #mgs-timer{font-weight:400}#mgs #mgs-choices{scrollbar-width:thin;scrollbar-color:#cab7ef #4b237b}
/* 0.8.3: readable, aligned category legend. */
#mgs #mgs-card-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;justify-content:stretch;text-align:left}
#mgs #mgs-card-legend>span{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:42px;padding:7px;border:1px solid #e5e0ef;border-radius:8px;background:#faf9fd;color:#292244;font-size:12px;font-weight:700;line-height:1.3}
#mgs #mgs-card-legend>span>span{border:0;padding:0;font-size:inherit;color:inherit;line-height:inherit;min-width:0;overflow-wrap:normal}
#mgs #mgs-card-legend .mgs-icon{width:26px;height:26px;padding:4px;border-radius:6px;background:var(--legend);color:#211b3b;flex-shrink:0}
/* 0.8.4: five equal legend columns, one compact row. */
#mgs #mgs-card-legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:10px 0}
#mgs #mgs-card-legend>span{flex-direction:column;justify-content:flex-start;gap:5px;min-height:58px;padding:5px 0;border:0;border-radius:0;background:none;text-align:center;font-size:clamp(9px,2.5vw,11px);line-height:1.2}
#mgs #mgs-card-legend>span>span{width:100%;text-align:center;letter-spacing:-.15px}
#mgs #mgs-card-legend .mgs-icon{width:25px;height:25px;padding:4px}
/* 0.8.5: host menu, invitation and confirmed bingo. */
#mgs #mgs-more{margin:0 0 16px;padding:0;border:0}#mgs #mgs-more>summary{width:max-content;margin-left:auto;font-size:14px;min-height:40px;padding:9px 14px;background:#ede6fa;border:1px solid #dbcfef}#mgs #mgs-more[open]{padding:12px;background:#fff;border:1px solid #e2d9f1;border-radius:16px}#mgs #mgs-more>button{margin-top:12px}#mgs #mgs-late-qr{background:#fff;padding:12px;width:204px;margin:16px auto}#mgs #mgs-late-qr img,#mgs #mgs-late-qr canvas{width:180px;height:180px}#mgs #mgs-invite-panel{text-align:center}#mgs #mgs-invite-panel summary{text-align:left}#mgs #mgs-admission-status{background:#f0ebfa;padding:12px;border-radius:10px;font-size:14px}#mgs #mgs-bingo-review{background:#fff9d6;border:2px solid #f4d44b;border-radius:18px;padding:18px;margin:16px 0}#mgs #mgs-bingo-candidates button{margin:0 0 10px}#mgs #mgs-bingo-finish button{margin:6px 6px 0 0}#mgs #mgs-early-offer{display:block;margin:16px auto}#mgs #mgs-offer-back{margin-bottom:16px}#mgs #mgs-bingo-card{overflow-wrap:anywhere}#mgs #mgs-bingo-card:empty{display:none}
#mgs #mgs-more>summary{list-style:none}#mgs #mgs-more>summary::-webkit-details-marker{display:none}

/* Theme colors follow the authenticated room, including player links. */
body.mgs-full-page{background:linear-gradient(145deg,var(--mgs-theme-one,#612aa3),var(--mgs-theme-two,#292653))!important}
#mgs[data-theme]{background:linear-gradient(145deg,var(--mgs-theme-one,#612aa3),var(--mgs-theme-two,#292653))!important}

/* One viewport-wide background, never a second gradient on the game container. */
html.mgs-full-page{min-height:100%;background:linear-gradient(145deg,var(--mgs-theme-one,#612aa3),var(--mgs-theme-two,#292653))!important;background-size:cover!important}
html.mgs-full-page body.mgs-full-page{margin:0;min-height:100vh;width:100%;max-width:none;background:transparent!important}
body.mgs-full-page .mgs-page-wrapper{background:transparent!important}
body.mgs-full-page #mgs[data-background="full"]{background:transparent!important;box-shadow:none}
