.mg-page{max-width:1500px;margin:auto;color:#263b38}.mg-heading{margin:14px 0 20px}.mg-heading>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.mg-heading h1{font-size:clamp(28px,3vw,40px);margin:8px 0}.mg-heading p{margin:0;color:#657975}.mg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mg-tabs a{padding:10px 18px;border-radius:30px;border:1px solid #d8e2dc;text-decoration:none;color:#50655d;background:#fffdf7}.mg-tabs a[aria-current]{background:#315d51;color:#fff;border-color:#315d51}.mg-panel{background:#fffefa;border:1px solid #dce2d7;border-radius:22px;padding:24px;box-shadow:0 4px 0 #e9e9db}.mg-page label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.mg-page label:has([type=checkbox]){flex-direction:row;align-items:center}.mg-page input:not([type=checkbox]),.mg-page textarea,.mg-page select{width:100%;min-width:0;background:#fffefb;border:1px solid #cdd8cd;border-radius:10px;padding:11px;color:#263b38;font:inherit}.mg-page textarea{resize:vertical}.mg-page button,.mg-dialog button,.mg-mini button{min-height:40px;cursor:pointer}.mg-page button:disabled{opacity:.45;cursor:default}.mg-page .quiet{color:#48675c}.mg-inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.mg-inline>label{flex:1;min-width:100px}.mg-hint{color:#6c7d74;font-size:13px;line-height:1.6;margin:12px 0 0}.mg-group-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.mg-roster{align-self:start}.mg-roster h2{font-size:20px;margin:0 0 20px}.mg-roster .mg-inline{margin:10px 0}.mg-roster details{border-top:1px solid #e4e8df;border-bottom:1px solid #e4e8df;padding:16px 0;margin:16px 0}.mg-roster summary{cursor:pointer;font-weight:bold}.mg-roster details label{margin:14px 0}.mg-attendance{margin-top:20px}.mg-attendance p{font-size:12px;color:#718077}.mg-attendance>div{display:flex;gap:7px;flex-wrap:wrap}.mg-attendance button{border:1px solid #bcd1c2;border-radius:9px;background:#e8f0e7;padding:7px 10px;color:#315d51;overflow-wrap:anywhere}.mg-attendance button.is-absent{background:#f1f0eb;color:#92958d;text-decoration:line-through;border-style:dashed}.mg-group-actions{margin:20px 0}.mg-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}.mg-team,.mg-score-card{background:var(--mg-bg,#fff7dd);border:1px solid var(--mg-border,#ead8a0);border-radius:20px;padding:18px;box-shadow:0 3px 0 #dddccb}.mg-color-0{--mg-bg:#fff7dc;--mg-border:#ead9a5;--mg-accent:#e4b945}.mg-color-1{--mg-bg:#e9f2e8;--mg-border:#cbdcbd;--mg-accent:#7eae7c}.mg-color-2{--mg-bg:#edf2fa;--mg-border:#cad7e8;--mg-accent:#739cce}.mg-color-3{--mg-bg:#f8ece6;--mg-border:#e5cec4;--mg-accent:#d89c82}.mg-team-heading{display:flex;align-items:center;gap:10px}.mg-team-heading>span{font-size:26px}.mg-team-heading label{flex:1;min-width:0}.mg-team-heading input{background:transparent!important;border-color:transparent!important;font-size:19px!important;font-weight:700!important;padding:7px!important}.mg-team-heading input:hover,.mg-team-heading input:focus{border-color:var(--mg-border)!important;background:#fff9!important}.mg-team-heading small{white-space:nowrap;color:#62786b}.mg-members{display:flex;flex-direction:column;gap:9px;margin-top:18px}.mg-members button{display:flex;justify-content:space-between;gap:10px;text-align:left;overflow-wrap:anywhere;background:#fffdf4;border:1px solid #ffffffc9;border-radius:10px;padding:10px 12px;color:#334f43;font:inherit}.mg-members button span{opacity:.45}.mg-empty{text-align:center;padding:70px 20px;color:#668073}.mg-empty>span{font-size:65px}.mg-empty h2{font-size:23px}.mg-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;color:#788277}.mg-foot>span{flex:1;min-width:180px}.mg-score-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px;padding:15px 20px}.mg-score-tools label:first-child{flex-direction:row;align-items:center}.mg-score-tools select{width:72px}.mg-score-grid{display:grid;grid-template-columns:repeat(var(--mg-teams),minmax(0,1fr));gap:18px}.mg-score-card{text-align:center;position:relative;overflow:hidden;min-height:365px}.mg-jar{position:relative;overflow:hidden;width:118px;height:140px;border:3px solid #5e7761;border-top:9px solid #5e7761;border-radius:14px 14px 30px 30px;margin:28px auto 12px;background:#fffaf4;transform:rotate(-2deg);box-shadow:inset 5px 0 #fff8}.mg-jar>span{position:absolute;left:44px;top:49px;font-size:30px;color:#c2beac66}.mg-jar-stars{position:absolute;bottom:0;left:0;width:100%;height:var(--mg-fill);background:var(--mg-accent);color:#fff9ce;transition:height .4s ease;padding:0 8px;font-size:24px;line-height:27px;overflow:hidden}.mg-score{display:block;font-size:52px;line-height:1.2;font-variant-numeric:tabular-nums;margin-bottom:18px}.mg-score-buttons{display:flex;justify-content:center;gap:14px}.mg-score-buttons button{font-size:20px;min-width:76px;min-height:48px}.mg-score-members{font-size:13px;line-height:1.7;color:#607667;overflow-wrap:anywhere;margin:20px 0 0}.mg-score-bottom{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px;padding:16px 22px}.mg-score-bottom label{flex-direction:row;align-items:center}.mg-score-bottom select{width:75px}.mg-score-pop{position:absolute;top:28%;left:50%;font-size:45px;font-weight:800;color:#3c7c58;pointer-events:none;animation:mg-pop .9s ease-out forwards}.mg-dealing .mg-members button{animation:mg-deal .4s both;animation-delay:var(--mg-delay)}.mg-timer-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.mg-timer-settings{display:flex;flex-direction:column;gap:20px;align-self:start}.mg-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mg-timer-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:540px;text-align:center}.mg-timer-stage h2{font-size:clamp(20px,2.5vw,32px);max-width:100%;overflow-wrap:anywhere}.mg-clock-ring{width:clamp(220px,32vw,350px);aspect-ratio:1;position:relative;margin:12px auto 28px}.mg-clock-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.mg-clock-ring circle{fill:none;stroke-width:9}.mg-ring-track{stroke:#edf0e4}#mg-ring-progress{stroke:#7fa992;stroke-linecap:round;stroke-dasharray:628.32;transition:stroke-dashoffset .25s linear}#mg-ring-progress.is-last{stroke:#d59b72}.mg-clock-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.mg-clock-ring strong{font-size:clamp(48px,6vw,80px);font-variant-numeric:tabular-nums}.mg-clock-ring span{font-size:16px;color:#7a857c}.mg-clock-ring.is-done{background:#fff7db;border-radius:50%}.mg-mini{position:fixed;right:22px;bottom:20px;z-index:900;display:flex;gap:10px;align-items:center;border:1px solid #bbcdbd;border-radius:18px;background:#fffdf5;padding:12px 15px;box-shadow:0 5px 18px #324b3520;max-width:calc(100vw - 24px)}.mg-mini[hidden]{display:none}.mg-mini a{display:flex;flex-direction:column;max-width:180px;text-decoration:none;color:#315d51}.mg-mini small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mg-mini strong{font-size:27px;font-variant-numeric:tabular-nums}.mg-mini.is-done{background:#fff0c2;border-color:#d3ab45}.mg-dialog{width:min(520px,calc(100vw - 30px));max-height:85dvh;overflow:auto;border:1px solid #d1ddce;border-radius:22px;padding:25px;color:#315348;background:#fffdf7}.mg-dialog::backdrop{background:#172f3266;backdrop-filter:blur(3px)}.mg-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.mg-dialog-top h2{font-size:23px}.mg-cloud-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}.mg-ranking{padding:0;list-style:none}.mg-ranking li{display:flex;gap:16px;padding:16px 6px;border-bottom:1px solid #dfe4d8;align-items:center}.mg-ranking strong{flex:1;overflow-wrap:anywhere}.mg-ranking b{font-size:26px}.mg-project{position:fixed;inset:0;z-index:1100;background:#faf8ed;max-width:none;overflow:auto;padding:70px 30px 30px}.mg-project .mg-heading,.mg-project .mg-tabs,.mg-project .mg-roster,.mg-project .mg-group-controls,.mg-project .mg-foot,.mg-project .mg-timer-settings{display:none}.mg-project .mg-group-layout,.mg-project .mg-timer-layout{display:block}.mg-project .mg-members button{font-size:22px}.mg-project .mg-score-card{min-height:65dvh}.mg-project .mg-timer-stage{min-height:78dvh}.mg-project .mg-clock-ring{width:min(55dvh,500px)}.mg-project .mg-clock-ring strong{font-size:clamp(50px,9vw,110px)}.mg-exit{position:absolute;top:18px;right:25px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes mg-pop{0%{opacity:1;transform:translate(-50%,0) scale(.7)}30%{transform:translate(-50%,-20px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-65px)}}@keyframes mg-deal{from{opacity:0;transform:translateY(-15px) rotate(-3deg)}to{opacity:1;transform:none}}@media(max-width:1000px){.mg-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-group-layout,.mg-timer-layout{grid-template-columns:250px minmax(0,1fr)}.mg-panel{padding:18px}}@media(max-width:650px){.mg-heading>div{align-items:start}.mg-heading>div>button{font-size:12px;padding:10px;white-space:nowrap}.mg-group-layout,.mg-timer-layout{grid-template-columns:1fr}.mg-tabs a{padding:9px 12px;font-size:13px}.mg-score-grid{gap:10px}.mg-score-card{padding:12px 8px;min-height:330px}.mg-team-heading{gap:4px}.mg-score-card .mg-team-heading>span{font-size:21px}.mg-score-card .mg-team-heading input{font-size:15px!important}.mg-score-buttons{gap:8px}.mg-score-buttons button{min-width:60px;padding:8px}.mg-jar{width:95px;height:120px}.mg-jar>span{left:33px;top:42px}.mg-score-tools{gap:13px}.mg-timer-stage{min-height:420px}.mg-timer-stage .mg-inline{justify-content:center}.mg-project{padding:65px 14px 20px}.mg-mini{right:12px;bottom:12px}.mg-score-bottom{gap:12px}.mg-score-bottom button{font-size:13px}.mg-foot button{font-size:12px}}@media(prefers-reduced-motion:reduce){.mg-page *,.mg-mini *{animation:none!important;transition:none!important}}.no-motion .mg-page *{animation:none!important;transition:none!important}
body.mg-projecting>header,body.mg-projecting>footer{display:none!important}body.mg-projecting #app{position:static!important;transform:none!important}body.mg-projecting .mg-project{z-index:20000}body.mg-projecting .mg-mini{display:none!important}
.mg-page{width:calc(100% - 32px)}.mg-project{width:100%;box-sizing:border-box}@media(max-width:650px){.mg-timer-stage{order:-1}.mg-project{width:100%}}