:root{--mg-desk:#e7dfcf;--mg-paper:#fbf7ec;--mg-grid:#6096cd33;--mg-margin-line:#d25a5073;--mg-ink:#3b3b40;--mg-muted:#7d7a72;--mg-red:#d4553f;--mg-blue:#3f74b5;--mg-yellow:#efc54a;--mg-bg:var(--mg-paper);--mg-surface:var(--mg-paper);--mg-accent:var(--mg-red);--mg-accent-ink:var(--mg-ink);--mg-line:color-mix(in srgb, var(--mg-ink) 25%, transparent);--mg-shadow:0 1px 2px #3c2d141f, 0 12px 32px #3c2d1429;--mg-font:"Gaegu", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--mg-display:"Nanum Pen Script", "Gaegu", system-ui, sans-serif;--mg-grid-size:22px;--mg-lamp:none;--mg-marker:color-mix(in srgb, var(--mg-yellow) 55%, transparent);--mg-scrap:#fffdf6;--mg-tape-alpha:55%;--mg-sketch-radius:255px 15px 225px 15px / 15px 225px 15px 255px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mg-desk:#14120f;--mg-paper:#2a261f;--mg-grid:#82a5c81f;--mg-margin-line:#e1736452;--mg-ink:#e4ddcd;--mg-muted:#a39b8b;--mg-red:#e57a62;--mg-blue:#86ade0;--mg-yellow:#dcb54a;--mg-shadow:0 1px 2px #0006, 0 16px 40px #00000080;--mg-lamp:radial-gradient(ellipse 90% 55% at 50% 0%, #ffc47817, transparent 70%);--mg-marker:color-mix(in srgb, var(--mg-yellow) 28%, transparent);--mg-scrap:#322d25;--mg-tape-alpha:40%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--mg-desk:#14120f;--mg-paper:#2a261f;--mg-grid:#82a5c81f;--mg-margin-line:#e1736452;--mg-ink:#e4ddcd;--mg-muted:#a39b8b;--mg-red:#e57a62;--mg-blue:#86ade0;--mg-yellow:#dcb54a;--mg-shadow:0 1px 2px #0006, 0 16px 40px #00000080;--mg-lamp:radial-gradient(ellipse 90% 55% at 50% 0%, #ffc47817, transparent 70%);--mg-marker:color-mix(in srgb, var(--mg-yellow) 28%, transparent);--mg-scrap:#322d25;--mg-tape-alpha:40%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--mg-frame-bg:var(--mg-lamp), linear-gradient(var(--mg-grid) 1px, transparent 1px) 0 0 / var(--mg-grid-size) var(--mg-grid-size), linear-gradient(90deg, var(--mg-grid) 1px, transparent 1px) 0 0 / var(--mg-grid-size) var(--mg-grid-size), var(--mg-paper)}*{box-sizing:border-box}html,body{background:var(--mg-paper);height:100%;color:var(--mg-ink);font-family:var(--mg-font);word-break:keep-all;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:19px}.mg-frame{background:var(--mg-frame-bg);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex;position:relative}.mg-frame:before{content:"";background:var(--mg-margin-line);pointer-events:none;z-index:0;width:1.5px;position:absolute;top:0;bottom:0;left:14px}@media (width>=620px){html,body{background:var(--mg-desk)}body{padding:20px 0}.mg-frame{height:calc(100dvh - 40px);box-shadow:var(--mg-shadow);border-radius:4px 10px 10px 4px}.mg-frame:before{left:36px}}.mg-bar{z-index:1;align-items:center;gap:12px;padding:10px 14px 10px 24px;display:flex;position:relative}.mg-bar:after{content:"";background:var(--mg-ink);opacity:.35;border-radius:2px;height:2px;position:absolute;bottom:0;left:10px;right:10px;transform:rotate(-.25deg)}.mg-back,.mg-mute{border:2px solid var(--mg-ink);border-radius:var(--mg-sketch-radius);width:44px;height:44px;color:var(--mg-ink);font:700 22px var(--mg-font);cursor:pointer;background:0 0;place-items:center;text-decoration:none;transition:transform 80ms;display:grid}.mg-back:active,.mg-mute:active{transform:translate(1px,2px)rotate(-2deg)}.mg-title{font-family:var(--mg-display);flex:1;font-size:30px;line-height:1}.mg-stage{z-index:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:1;min-height:0;position:relative}.mg-overlay{text-align:center;background:color-mix(in srgb, var(--mg-paper) 93%, transparent);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 24px 24px 32px;display:flex;position:absolute;inset:0}.mg-overlay[hidden]{display:none}.mg-ov-title{font-family:var(--mg-display);margin:0;font-size:clamp(52px,15vw,76px);font-weight:400;line-height:1}.mg-ov-desc{color:var(--mg-muted);max-width:26ch;margin:0;font-size:20px;line-height:1.4}.mg-ov-best{color:var(--mg-accent);min-height:1.2em;margin:0;font-size:20px;font-weight:700}.mg-res-score{font-family:var(--mg-font);background:linear-gradient(transparent 42%, var(--mg-marker) 42%, var(--mg-marker) 76%, transparent 76%);margin:0;padding:0 10px;font-size:clamp(56px,18vw,92px);font-weight:700;line-height:1}.mg-row{gap:14px;margin-top:6px;display:flex}.mg-btn{appearance:none;border:2.5px solid var(--mg-ink);border-radius:var(--mg-sketch-radius);min-width:132px;min-height:56px;font:700 24px var(--mg-font);color:var(--mg-ink);background:repeating-linear-gradient(-55deg, color-mix(in srgb, var(--mg-accent) 38%, transparent) 0 2px, transparent 2px 6px), var(--mg-paper);box-shadow:3px 4px 0 color-mix(in srgb, var(--mg-ink) 22%, transparent);cursor:pointer;place-items:center;padding:10px 26px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-grid}.mg-btn:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--mg-ink) 22%, transparent);transform:translate(2px,3px)}.mg-btn:focus-visible,.mg-back:focus-visible,.mg-mute:focus-visible{outline:2px dashed var(--mg-blue);outline-offset:4px}.mg-btn-ghost{background:var(--mg-paper)}:root[data-mg-theme=game] .mg-frame:before{display:none}:root[data-mg-theme=game] .mg-bar{padding-left:14px}:root[data-mg-theme=game] .mg-bar:after{opacity:1;background:var(--mg-line);height:1px;left:0;right:0;transform:none}:root[data-mg-theme=game] .mg-overlay{background:color-mix(in srgb, var(--mg-paper) 90%, transparent);padding-left:24px}:root[data-mg-theme=game] .mg-ov-title{font-weight:700}:root[data-mg-theme=game] .mg-back,:root[data-mg-theme=game] .mg-mute{border:1.5px solid var(--mg-line);background:var(--mg-surface);border-radius:12px}:root[data-mg-theme=game] .mg-btn{color:var(--mg-accent-ink);background:var(--mg-accent);box-shadow:0 4px 0 color-mix(in srgb, var(--mg-accent) 55%, #000);border:0;border-radius:14px}:root[data-mg-theme=game] .mg-btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--mg-accent) 55%, #000);transform:translateY(3px)}:root[data-mg-theme=game] .mg-btn-ghost{color:var(--mg-ink);background:var(--mg-surface);border:1.5px solid var(--mg-line);box-shadow:0 4px 0 color-mix(in srgb, var(--mg-line) 80%, transparent)}:root[data-mg-theme=game] .mg-btn-ghost:active{box-shadow:0 1px 0 color-mix(in srgb, var(--mg-line) 80%, transparent)}:root[data-mg-shape=square] .mg-btn,:root[data-mg-shape=square] .mg-back,:root[data-mg-shape=square] .mg-mute{border-radius:4px}:root[data-mg-shape=sketch] .mg-btn,:root[data-mg-shape=sketch] .mg-back,:root[data-mg-shape=sketch] .mg-mute{border-radius:var(--mg-sketch-radius)}.mg-fx-layer{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mg-fx{pointer-events:none;will-change:transform, opacity;position:absolute}.mg-fx-pop{font-family:var(--mg-display);white-space:nowrap;text-shadow:0 0 3px var(--mg-paper), 0 0 6px var(--mg-paper);align-items:center;gap:4px;font-weight:700;line-height:1;display:flex}.mg-fx-stamp{font-family:var(--mg-display);white-space:nowrap;background:color-mix(in srgb, var(--mg-paper) 82%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mg-paper) 70%, transparent);border:4px solid;border-radius:10px;place-items:center;padding:6px 18px 4px;font-weight:700;line-height:1.05;display:grid}.mg-fx-stamp.has-pic{box-shadow:none;background:0 0;border:0}.mg-fx-stamp>*{grid-area:1/1}.mg-fx-bit{border-radius:2px}.mg-fx-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mg-link{appearance:none;min-height:44px;font:700 18px var(--mg-font);color:var(--mg-ink);text-decoration:underline;-webkit-text-decoration-color:var(--mg-accent);text-decoration-color:var(--mg-accent);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:10px 8px;text-decoration-thickness:2px}.mg-link[hidden]{display:none}.mg-rank{flex-wrap:wrap;justify-content:center;gap:4px 14px;margin-top:2px;display:flex}.mg-rank[hidden]{display:none}.mg-rank-msg{min-height:1.2em;color:var(--mg-accent);margin:0;font-size:17px;font-weight:700}.mg-rank .mg-rank-msg{flex-basis:100%}.mg-rank-msg[hidden]{display:none}.mg-board{background:var(--mg-paper);justify-content:flex-start;gap:10px;padding-top:18px}.mg-board-title{font-family:var(--mg-display);margin:0;font-size:40px;line-height:1}.mg-tabs{gap:6px;display:flex}.mg-tabs button{appearance:none;border:1.5px solid var(--mg-line);background:var(--mg-surface);min-height:40px;color:var(--mg-muted);font:700 16px var(--mg-font);cursor:pointer;border-radius:99px;padding:6px 16px}.mg-tabs button[aria-selected=true]{background:var(--mg-accent);color:var(--mg-accent-ink);border-color:#0000}.mg-board-list{text-align:left;flex:1;width:100%;max-width:420px;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.mg-board-list li{border-bottom:1px solid var(--mg-line);align-items:center;gap:10px;padding:7px 8px;display:flex}.mg-board-list li.is-me{background:color-mix(in srgb, var(--mg-accent) 14%, transparent);border-radius:8px}.mg-board-list b{text-align:center;width:2.2em;font-size:18px}.mg-board-av{flex:none;place-items:center;width:34px;height:34px;display:grid}.mg-board-av img{object-fit:cover;border-radius:50%;width:34px;height:34px}.mg-board-who{flex-direction:column;flex:1;min-width:0;display:flex}.mg-board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mg-board-score{font-weight:700}.mg-board-list li.is-person{cursor:pointer}.mg-board-list li.mg-board-act{color:var(--mg-muted);background:color-mix(in srgb, var(--mg-line) 35%, transparent);border-radius:8px;justify-content:center;font-size:14px}.mg-board-report{color:var(--mg-muted);font-size:13px}.mg-board-friend{background:color-mix(in srgb, var(--mg-accent2,var(--mg-accent)) 28%, transparent);color:var(--mg-ink)}.mg-board-empty{color:var(--mg-muted);justify-content:center;border:0!important;padding:24px 0!important}.mg-board-me{min-height:1.2em;color:var(--mg-accent);margin:0;font-weight:700}.mg-res-label,.mg-board-sub{color:var(--mg-muted);letter-spacing:.02em;margin:0 0 -6px;font-size:17px;font-weight:700}.mg-res-label[hidden],.mg-board-sub[hidden]{display:none}.mg-guest{flex-basis:100%;justify-items:center;gap:6px;display:grid}.mg-guest[hidden]{display:none}.mg-guest-label{color:var(--mg-muted);font-size:16px;font-weight:700}.mg-guest-row{gap:8px;width:100%;max-width:320px;display:flex}.mg-guest-input{border:2px solid var(--mg-line);background:var(--mg-surface);min-width:0;min-height:48px;color:var(--mg-ink);font:700 19px var(--mg-font);border-radius:12px;flex:1;padding:6px 12px}.mg-guest-input:focus{outline:2px solid var(--mg-accent);outline-offset:1px}.mg-guest-row .mg-btn{min-width:0;min-height:48px;padding:6px 18px;font-size:19px}.mg-guest-hint{color:var(--mg-muted);margin:0;font-size:14px}.mg-guest-hint a{color:var(--mg-ink);font-weight:700}.mg-board-noav{border:2px dashed var(--mg-line);border-radius:50%;width:30px;height:30px}.mg-board-guest{background:var(--mg-line);color:var(--mg-muted);vertical-align:2px;border-radius:99px;padding:1px 6px;font-size:12px;font-weight:700}.so{font-family:var(--mg-font);color:var(--mg-ink);flex-direction:column;display:flex;position:absolute;inset:0}.so-hud{white-space:nowrap;align-items:baseline;gap:10px;padding:6px 10px;font-size:16px;font-weight:700;display:flex}.so-mode{font-family:var(--mg-display);color:var(--mg-accent2);font-size:19px}.so-score{color:var(--mg-accent);margin-left:auto}.so-wrap{flex:1;min-height:0;position:relative}.so-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.so-stuck{background:var(--mg-surface);border:2.5px solid var(--mg-accent);border-radius:14px;justify-items:center;gap:8px;padding:12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 6px 18px #0003}.so-stuck[hidden]{display:none}.so-stuck p{margin:0;font-size:17px;font-weight:800}.so-stuck div{gap:8px;display:flex}.so-bar{grid-template-columns:1.3fr 1fr 1fr;gap:8px;padding:6px 10px 10px;display:grid}.so-b{border:2.5px solid var(--mg-line);background:var(--mg-surface);min-height:48px;color:var(--mg-ink);font:800 16px var(--mg-font);cursor:pointer;border-radius:12px;padding:6px 10px}.so-end2{background:var(--mg-accent);color:var(--mg-accent-ink);border-color:var(--mg-accent)}.so-pick{z-index:3;background:color-mix(in srgb, var(--mg-bg) 94%, transparent);align-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:absolute;inset:0}.so-pick[hidden]{display:none}.so-pick h3{font-family:var(--mg-display);margin:0;font-size:26px}.so-list{gap:10px;width:min(340px,100%);display:grid}.so-m{border:2.5px solid var(--mg-line);background:var(--mg-surface);color:var(--mg-ink);cursor:pointer;text-align:left;font-family:var(--mg-font);border-radius:14px;gap:3px;padding:12px 16px;display:grid}.so-m.is-last{border-color:var(--mg-accent2)}.so-m b{font-family:var(--mg-display);font-size:22px}.so-m span{font-size:15px}.so-m small{color:var(--mg-muted);font-size:14px}