#mgs{--mgs-cat:#ffe36c;max-width:900px;margin:24px auto;padding:28px;border-radius:24px;background:linear-gradient(140deg,#722997,#272b56);color:#fff;font:16px/1.6 Arial,sans-serif;box-sizing:border-box}#mgs *{box-sizing:border-box}#mgs [hidden]{display:none!important}#mgs header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}#mgs .mgs-brand{font-size:22px;font-weight:900}#mgs h1{font-size:32px;line-height:1.2;color:#fff;margin:12px 0 20px}#mgs h2{font-size:22px;color:#fff}#mgs p{margin:12px 0}#mgs a{color:#ffe36c;overflow-wrap:anywhere}#mgs button{background:#ffe36c;color:#21142c;padding:14px 18px;border:0;border-radius:12px;font:700 15px/1.35 Arial;cursor:pointer;min-height:48px}#mgs button:disabled{opacity:.45;cursor:default}#mgs button.mgs-secondary{background:#ffffff20;color:white;border:1px solid #ffffff60}#mgs input{display:block;width:100%;padding:14px;font-size:18px;border:2px solid #ffffff80;border-radius:10px;background:#ffffff15;color:white;margin:10px 0}#mgs form{max-width:520px;margin:16px 0}#mgs :focus-visible{outline:3px solid #fff;outline-offset:3px}#mgs .mgs-kicker{font-size:12px;font-weight:800;letter-spacing:1px;color:#ffe36c}#mgs .mgs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:20px}#mgs #mgs-status{background:#ffffff13;border-radius:10px;padding:8px;min-height:0}#mgs #mgs-status:empty{display:none}#mgs #mgs-qr{padding:12px;background:#fff;width:204px;min-height:204px;border-radius:12px;margin:20px 0}#mgs #mgs-qr:empty{display:none}#mgs #mgs-qr img,#mgs #mgs-qr canvas{display:block;width:180px;height:180px}#mgs #mgs-media{margin:22px auto;max-width:500px}#mgs iframe{width:100%;height:210px;display:block;border:0;border-radius:12px}#mgs #mgs-play{margin-top:12px;width:100%}#mgs #mgs-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}#mgs #mgs-roster article{background:#ffffff13;padding:18px;border:1px solid #ffffff30;border-radius:14px;min-width:0;overflow-wrap:anywhere}#mgs #mgs-roster button{margin:6px 6px 0 0}#mgs #mgs-roster p{font-size:14px}#mgs #mgs-card{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:560px;margin:22px auto}#mgs #mgs-card button{padding:8px 3px;font-size:12px;min-height:70px;word-break:normal;color:#21142c;border:2px solid transparent}#mgs #mgs-card button:not(:disabled){outline:3px solid #fff;outline-offset:1px}#mgs #mgs-card button:disabled{opacity:.65}#mgs #mgs-card button.mgs-marked{opacity:.35}#mgs #mgs-timer{color:var(--mgs-cat);font-weight:800}#mgs details{margin:18px 0;border-top:1px solid #ffffff40;padding-top:14px}#mgs summary{cursor:pointer;font-weight:700;min-height:44px}#mgs .mgs-small{font-size:13px}#mgs #mgs-result{background:#ffe36c;color:#25132e;padding:20px;border-radius:16px;margin:20px 0}#mgs #mgs-result h2{color:inherit}@media(max-width:600px){#mgs{padding:20px 14px;margin:10px auto;border-radius:18px}#mgs h1{font-size:27px}#mgs #mgs-roster{grid-template-columns:1fr}#mgs #mgs-card{gap:6px}#mgs #mgs-card button{min-height:58px;font-size:10px}#mgs .mgs-actions button{flex:1 1 45%}}@media(prefers-reduced-motion:reduce){#mgs *{animation:none!important;transition:none!important}}

#mgs #mgs-media iframe{filter:blur(20px);opacity:.15;pointer-events:none}#mgs #mgs-media.mgs-show-video iframe{filter:none;opacity:1;pointer-events:auto}
/* Full-page style is activated only by a game shortcode with this option enabled. */
body.mgs-full-page{min-height:100vh;background:linear-gradient(140deg,#722997,#272b56) fixed!important}
body.mgs-full-page .mgs-page-wrapper{background:transparent!important;background-image:none!important;box-shadow:none!important}
body.mgs-full-page #mgs{background:transparent;margin:0 auto;min-height:100vh;border-radius:0;padding-top:32px;padding-bottom:48px}
#mgs header img{max-width:180px;max-height:85px;object-fit:contain;display:block}#mgs .mgs-brand img{max-width:150px;max-height:65px}
#mgs .mgs-answer-box{background:#ffffff18;border:1px solid #ffffff55;border-radius:16px;padding:18px;font-weight:bold;font-size:20px;margin:18px 0}
#mgs #mgs-card button:disabled{opacity:.8}#mgs #mgs-card button.mgs-marked{position:relative;opacity:1;background:#21142c!important;color:#fff;border:3px solid #fff;font-size:30px;line-height:1;box-shadow:inset 0 0 0 2px #21142c}
#mgs #mgs-card button.mgs-marked small{display:block;font-size:10px;line-height:1.3;margin-top:5px;font-weight:normal}
#mgs #mgs-card button:not(:disabled){outline:3px solid #ffe36c;box-shadow:0 0 18px #ffe36c88;opacity:1}
#mgs #mgs-finale{margin-top:24px;padding:24px;background:#ffffff15;border:1px solid #ffffff55;border-radius:20px}
#mgs .mgs-cta{display:block;padding:16px;text-align:center;border-radius:14px;background:#ffe36c;color:#21142c;text-decoration:none;font-weight:800}
#mgs .mgs-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;margin:16px 0}#mgs .mgs-check input{width:20px;height:20px;flex:none;margin:2px 0;accent-color:#ffe36c}
#mgs h3{color:#fff;font-size:23px}#mgs li{margin:10px 0}#mgs #mgs-recovery{border:2px solid #ffe36c;padding:20px;border-radius:16px}#mgs #mgs-recovery-qr{background:white;padding:12px;width:204px;margin:16px 0}#mgs #mgs-recovery-link{display:block;margin:12px 0}#mgs #mgs-host-help button{margin:6px}#mgs #mgs-test-tools{border:1px dashed #ffe36c;padding:14px;border-radius:12px}
@media(max-width:600px){#mgs header img{max-width:130px;max-height:65px}#mgs .mgs-brand img{max-width:110px}#mgs #mgs-finale{padding:20px 14px}#mgs #mgs-card button.mgs-marked{font-size:25px}#mgs #mgs-card button.mgs-marked small{font-size:8px}}
body.mgs-full-page .mgs-page-wrapper::before{background:transparent!important;background-image:none!important}
#mgs #mgs-question,#mgs #mgs-finale-title,#mgs #mgs-card-panel{scroll-margin-top:65px}
#mgs #mgs-finale{margin:12px 0 28px}#mgs #mgs-finale-title:focus,#mgs #mgs-question:focus{outline:none}
body.mgs-modal-open{overflow:hidden}
#mgs .mgs-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#160821df;padding:20px;overflow:auto}
#mgs .mgs-modal-box{width:min(420px,100%);max-height:90vh;overflow:auto;padding:30px 24px;border-radius:24px;border:2px solid #ffe36c;background:linear-gradient(145deg,#722997,#272b56);text-align:center;box-shadow:0 16px 70px #0007}
#mgs .mgs-modal-box h2{font-size:48px;letter-spacing:3px;color:#ffe36c;margin:10px 0}#mgs .mgs-celebration{font-size:64px}#mgs .mgs-modal-box button{width:100%}
#mgs #mgs-ready{padding:16px;border:2px solid #ffe36c;border-radius:14px;background:#ffe36c18;font-weight:700;margin-top:18px}
#mgs .mgs-ready-done{color:#acffc2}#mgs .mgs-ready-wait{color:#ffe36c}#mgs .mgs-readout-copy{background:#ffffff16;padding:12px 18px;border-radius:14px}
#mgs .mgs-feedback-button{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9998;box-shadow:0 3px 16px #0006;font-size:12px;padding:10px 14px;min-height:42px}
body.mgs-feedback-open{overflow:hidden}#mgs .mgs-feedback-box{text-align:left;width:min(620px,100%)}#mgs .mgs-feedback-box h2{font-size:26px;letter-spacing:0}
#mgs #mgs-feedback-modal{z-index:1000000}#mgs #mgs-feedback-preview{max-width:100%;max-height:250px;object-fit:contain;border:1px solid #ffffff88;display:block;margin:12px auto}
#mgs #mgs-feedback-text{width:100%;border-radius:12px;padding:12px;color:#fff;background:#ffffff18;border:1px solid #ffffff88;font-size:16px}#mgs .mgs-feedback-box button{margin-top:12px}
#mgs:has(#mgs-feedback-open:not([hidden])){padding-bottom:90px}

#mgs-submission-status{position:sticky;top:12px;z-index:20;padding:14px 18px;margin-bottom:16px;background:#332252;border:2px solid #ffe36c;border-radius:14px;color:#fff;font-weight:800;box-shadow:0 4px 16px #0003;overflow-wrap:anywhere}body.admin-bar #mgs-submission-status{top:44px}#mgs-submission-status.mgs-submission-complete{background:#155536;border-color:#a7f3c1}#mgs-submission-status.mgs-submission-urgent{background:#713510;border-color:#ffe36c}@media(max-width:782px){body.admin-bar #mgs-submission-status{top:58px}}

#mgs .mgs-lobby-guide{padding:20px;margin:20px 0;background:rgba(255,255,255,.1);border-radius:16px}#mgs .mgs-lobby-guide h2{margin:0 0 16px}#mgs .mgs-lobby-guide li{margin-bottom:10px;line-height:1.6}#mgs .mgs-lobby-guide a{font-weight:700;text-decoration:underline}

#mgs .mgs-connection{position:sticky;top:8px;z-index:30;background:#fff2c2;color:#342400;padding:14px 18px;border:2px solid #efb900;border-radius:14px;font-size:15px;line-height:1.5;}#mgs-answer-status{font-size:15px;line-height:1.5;margin:12px 0;color:#fff;}
