.mg-page{--mg-pine:#164c3b;--mg-cream:#f5efd9;--mg-copper:#ecac79;max-width:1340px;margin:auto}.mg-page [hidden]{display:none!important}.mg-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.5}.mg-small{font-size:12px;line-height:1.6;color:var(--muted)}.mg-error{padding:10px 15px;border:1px solid #b55249;border-radius:7px;color:var(--ink);background:#b5524912}.mg-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mg-pine);border:1px solid var(--mg-pine);color:var(--mg-cream);font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;padding:12px 17px;cursor:pointer;border-radius:5px;min-height:43px}.mg-primary:hover{filter:brightness(1.12)}.mg-primary:disabled{opacity:.45;cursor:default}.mg-page :focus-visible{outline:3px solid #d68c43;outline-offset:3px}.mg-launch{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:50px;padding:22px 0 30px}.mg-intro h1,.mg-welcome h1{font:clamp(46px,4.9vw,76px)/.98 Georgia,serif;letter-spacing:-.065em;margin:20px 0}.mg-intro h1 em,.mg-welcome em{font-weight:400;color:#488366}.mg-intro>p{font-size:16px;line-height:1.7;margin-bottom:26px}.mg-intro fieldset{border:0;padding:0;margin:0 0 20px}.mg-intro legend{font-size:12px;font-weight:700;margin-bottom:9px}.mg-modes{display:flex;gap:6px}.mg-modes label{flex:1;border:1px solid var(--line);padding:11px 9px;border-radius:5px;cursor:pointer;min-width:0}.mg-modes label:has(:checked){border-color:#4a8d69;background:#4a8d6910;box-shadow:inset 0 0 0 1px #4a8d69}.mg-modes input{accent-color:var(--mg-pine);margin:0 5px 7px 0}.mg-modes strong{display:block;font-size:12px}.mg-modes small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.mg-form-row{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.mg-form-row label,.mg-room-rules label{font-size:12px;font-weight:600}.mg-page select,.mg-page input:not([type=range]):not([type=radio]){border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:9px;font:inherit;max-width:100%}.mg-form-row select{display:block;width:100%;margin-top:7px;font-size:12px}.mg-intro .mg-primary{width:100%;margin-top:5px}.mg-poster{position:relative;background:#163e32;color:var(--mg-cream);overflow:hidden;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;border-radius:6px;box-shadow:inset 0 0 0 1px #e1ca9a44}.mg-poster:before{content:"";position:absolute;inset:10px;border:1px solid #e1ca9a44;pointer-events:none}.mg-poster-heading{padding:34px 38px 0;z-index:1}.mg-poster-heading>b{font:88px/.78 Georgia,serif;letter-spacing:-.07em;display:block;margin-top:22px;position:relative}.mg-poster-heading em{font-weight:400;color:#efb687}.mg-poster-heading i{position:absolute;right:20px;top:9px;font:110px Georgia;color:#efb687}.mg-poster canvas{width:110%;margin-left:-5%;margin-top:-10px;transform:rotate(-9deg);filter:drop-shadow(0 14px 12px #0005)}.mg-poster-footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;margin:0 28px 25px;z-index:1}.mg-room{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.mg-room h1{font:28px/1.05 Georgia,serif;letter-spacing:-.035em;margin:5px 0 0}.mg-room-actions{display:flex;gap:8px}.mg-room-actions .button{font-size:11px;padding:9px 12px}.mg-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.mg-play{min-width:0}.mg-course-bar{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--muted);padding:0 3px 9px;font-weight:650}.mg-stage{width:100%;height:min(490px,calc(100dvh - 290px));min-height:260px;background:#11382c;border-radius:5px;overflow:hidden;box-shadow:0 4px 14px #061b151c}.mg-stage canvas{display:block;width:100%;height:100%;object-fit:contain;cursor:crosshair;touch-action:none}.mg-controls{display:flex;align-items:center;gap:12px;padding:12px 0 0}.mg-controls label{flex:1;font-size:11px;font-weight:600;max-width:390px}.mg-controls output{float:right;font-variant-numeric:tabular-nums}.mg-controls input{display:block;width:100%;accent-color:#478263;margin-top:7px;cursor:pointer}.mg-controls .mg-primary{min-width:135px}.mg-tip{font-size:12px;line-height:1.5;margin:10px 0 3px;color:var(--ink)}.mg-control-help{font-size:10px;margin:0}.mg-scorecard{min-width:0;border-left:1px solid var(--line);padding-left:20px;max-height:calc(100dvh - 235px);overflow:auto;padding-bottom:15px;scrollbar-width:thin}.mg-scorecard h2{font:25px/1.13 Georgia,serif;letter-spacing:-.035em;margin:12px 0 8px}.mg-clock{font-size:12px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums;min-height:17px;margin:8px 0}.mg-players{list-style:none;padding:0;margin:15px 0}.mg-players li{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:9px 4px;font-size:12px}.mg-players li[data-active=true]{background:#4a8d6914;border-color:#4a8d69}.mg-players i{font-style:normal;text-align:center;border:2px solid var(--ball);border-radius:50%;width:21px;height:21px;line-height:17px;font-size:10px;background:#163e32;color:#fff9e8}.mg-players strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-players small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mg-players b{font-size:12px;font-variant-numeric:tabular-nums}.mg-lobby-actions{display:grid;gap:8px;margin-bottom:12px}.mg-room-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mg-room-rules select{width:100%;display:block;font-size:11px;margin-top:5px}.mg-room-rules small{grid-column:1/-1;font-size:10px;color:var(--muted)}.mg-invite{margin:15px 0;font-size:10px}.mg-invite input{width:100%;font-size:10px!important;margin:5px 0}.mg-invite small{color:var(--muted)}.mg-scores-wrap{overflow:auto}.mg-scores{width:100%;font-size:10px;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:14px}.mg-scores caption{text-align:left;font-size:10px;color:var(--muted);padding-bottom:8px}.mg-scores th,.mg-scores td{border-bottom:1px solid var(--line);padding:7px 3px;text-align:center}.mg-scores th:first-child{text-align:left;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-scores [data-current=true]{background:#4a8d6918}.mg-welcome{padding:35px 0}.mg-welcome h1{font-size:65px}body.mg-online .mg-scorecard{max-height:calc(100dvh - 400px)}body.mg-online .room-chat-docked{left:auto;right:max(24px,calc((100vw - 1340px)/2));transform:none;width:310px}body.mg-online .room-chat-docked .room-chat-panel{max-height:50vh}body.mg-online .room-chat-preview p{-webkit-line-clamp:3}html:fullscreen .mg-stage{height:min(650px,calc(100dvh - 200px))}html:fullscreen .mg-scorecard{max-height:calc(100dvh - 140px)}html:fullscreen body.mg-online .mg-scorecard{max-height:calc(100dvh - 330px)}[data-theme=dark] .mg-intro h1 em{color:#8fcba5}[data-theme=dark] .mg-primary{background:#286449;border-color:#4b8a67} @media(min-width:1600px){.mg-launch{gap:80px}.mg-stage{height:min(570px,calc(100dvh - 300px))}}@media(prefers-reduced-motion:reduce){.mg-page *{scroll-behavior:auto}}
.mg-stage{position:relative}.mg-turn-chip{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;pointer-events:none;padding:8px 16px;border:1px solid #f4d49b;background:#f8f0db;color:#153f30;border-radius:30px;box-shadow:0 3px 14px #061b1540;font-size:13px}.mg-turn-chip span{font-variant-numeric:tabular-nums;border-left:1px solid #164c3b44;padding-left:14px}.mg-turn-chip[data-urgent=true]{background:#8b2924;color:#fff5df;border-color:#f1b998}.mg-turn-notice{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,470px);padding:23px 24px;text-align:center;pointer-events:none;color:#173e30;background:#fff4dcf2;border:2px solid #edb47c;border-radius:7px;box-shadow:0 10px 40px #061b1555}.mg-turn-notice strong{display:block;font-size:clamp(27px,3vw,42px);font-weight:850;letter-spacing:-.04em;line-height:1.15}.mg-turn-notice span{display:block;font-size:12px;line-height:1.5;margin-top:8px}.mg-meter{flex:1;min-width:150px;max-width:350px;opacity:.55}.mg-meter[data-enabled=true]{opacity:1}.mg-meter-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:650;margin-bottom:6px}.mg-meter output{float:none;min-width:40px;text-align:right}.mg-meter-track{position:relative;height:12px;border:1px solid #af9b72;border-radius:3px;background:linear-gradient(90deg,#d6844c,#d9b963 25%,#96bd9c 47%,#96bd9c 53%,#d9b963 75%,#d6844c)}.mg-meter-track:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #153f3077}.mg-meter-track i{position:absolute;z-index:1;top:-4px;bottom:-4px;left:50%;width:4px;transform:translateX(-50%);background:#11382c;box-shadow:0 0 0 2px #fff6dc;border-radius:1px}.mg-meter[data-charging=true] .mg-meter-track{box-shadow:0 0 0 2px #dbad6d55}.mg-meter-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:4px}.mg-controls .mg-primary{min-width:195px;white-space:nowrap;font-size:12px;padding:11px 13px}.mg-controls{gap:10px}.mg-controls>.button{font-size:11px;padding:9px 10px}

.mg-course-bar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:18px;align-items:center;min-height:38px;padding-bottom:8px}.mg-course-bar #mg-rule-label{grid-column:4;justify-self:end}.mg-course-bar .mg-turn-chip{grid-column:3;grid-row:1;justify-self:center;position:static;transform:none;padding:5px 13px;font-size:12px;letter-spacing:normal;line-height:1.3;box-shadow:none}.mg-course-bar .mg-turn-chip span{padding-left:12px}.mg-control-help{line-height:1.5}
.mg-meter-track i{top:50%;bottom:auto;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fffef5,#d9dcc5);border:2px solid #194937;box-shadow:0 1px 4px #09251a55}.mg-meter-track{margin:8px 0}.mg-meter[data-enabled=false]{opacity:.55}