:root{--mg-n-2: 7%;--mg-n-4: 12%;--mg-n-8: 17%;--mg-n-16: 22%;--mg-n-32: 27%;--mg-n-64: 32%;--mg-n-128: 37%;--mg-n-256: 42%;--mg-n-512: 93%;--mg-n-1024: 95%;--mg-n-2048: 97%;--mg-n-big: 100%;--mg-bd-i: 96%;--mg-bd-o: 84%;--mg-bd-t: 90%;--mg-bd-s: 86%;--mg-bd-z: 92%;--mg-bd-j: 94%;--mg-bd-l: 88%;--mg-bd-mark: rgb(var(--main-bg) / .45)}[data-theme=dark]{--mg-n-2: 6%;--mg-n-4: 10%;--mg-n-8: 14%;--mg-n-16: 18%;--mg-n-32: 22%;--mg-n-64: 26%;--mg-n-128: 30%;--mg-n-256: 34%;--mg-n-512: 85%;--mg-n-1024: 90%;--mg-n-2048: 95%;--mg-n-big: 100%;--mg-bd-i: 94%;--mg-bd-o: 76%;--mg-bd-t: 82%;--mg-bd-s: 79%;--mg-bd-z: 88%;--mg-bd-j: 91%;--mg-bd-l: 85%;--mg-bd-mark: rgb(var(--main-bg) / .5)}.mg-2048-board{position:relative;width:min(100%,336px);aspect-ratio:1;margin-inline:auto;border-radius:var(--radius-lg);background:rgb(var(--main-border-soft));container-type:inline-size}.mg-2048-cell{position:absolute;width:22.5%;height:22.5%;border-radius:var(--radius-md);background:rgb(var(--main-border))}.mg-2048-tile{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--motion-instant) var(--ease-standard)}.mg-2048-face{position:absolute;top:0;left:0;width:22.5%;height:22.5%;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:700;font-size:9cqw;font-variant-numeric:tabular-nums}.mg-2048-face-wide{font-size:7cqw}.mg-tier-2{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-2),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-4{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-4),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-8{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-8),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-16{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-16),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-32{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-32),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-64{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-64),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-128{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-128),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-256{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-256),rgb(var(--main-container)));color:rgb(var(--main-text))}.mg-tier-512{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-512),rgb(var(--main-container)));color:rgb(var(--main-on-accent))}.mg-tier-1024{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-1024),rgb(var(--main-container)));color:rgb(var(--main-on-accent))}.mg-tier-2048{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-2048),rgb(var(--main-container)));color:rgb(var(--main-on-accent))}.mg-tier-big{background:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-n-big),rgb(var(--main-container)));color:rgb(var(--main-on-accent))}.mg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgb(var(--main-bg) / .86);color:rgb(var(--main-text));text-align:center;pointer-events:none}.mg-overlay button{pointer-events:auto}.mg-2048-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5%;width:100%;aspect-ratio:10 / 7;padding:7%;border-radius:var(--radius-lg);background:rgb(var(--main-surface-warm));container-type:inline-size}.mg-2048-preview-cell{border-radius:var(--radius-sm);background:rgb(var(--main-border))}.mg-2048-preview-tile{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:700;font-size:9cqw;font-variant-numeric:tabular-nums}.mg-bd-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:232px;aspect-ratio:1 / 2;border-radius:var(--radius-lg);background:rgb(var(--main-border-soft));overflow:hidden}.mg-bd-cell{border-radius:var(--radius-sm)}.mg-bd-ghost{border:2px solid rgb(var(--main-text) / .35)}.mg-bd-i{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-i),rgb(var(--main-container)));background-image:linear-gradient(to top,transparent 34%,var(--mg-bd-mark) 34%,var(--mg-bd-mark) 66%,transparent 66%)}.mg-bd-o{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-o),rgb(var(--main-container)));background-image:radial-gradient(circle,var(--mg-bd-mark) 0 26%,transparent 30%)}.mg-bd-t{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-t),rgb(var(--main-container)));background-image:linear-gradient(to right,transparent 36%,var(--mg-bd-mark) 36%,var(--mg-bd-mark) 64%,transparent 64%)}.mg-bd-s{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-s),rgb(var(--main-container)));background-image:linear-gradient(45deg,transparent 38%,var(--mg-bd-mark) 38%,var(--mg-bd-mark) 62%,transparent 62%)}.mg-bd-z{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-z),rgb(var(--main-container)));background-image:linear-gradient(-45deg,transparent 38%,var(--mg-bd-mark) 38%,var(--mg-bd-mark) 62%,transparent 62%)}.mg-bd-j{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-j),rgb(var(--main-container)));background-image:linear-gradient(to right,var(--mg-bd-mark) 0 18%,transparent 18%)}.mg-bd-l{background-color:color-mix(in srgb,rgb(var(--main-accent)) var(--mg-bd-l),rgb(var(--main-container)));background-image:linear-gradient(to left,var(--mg-bd-mark) 0 18%,transparent 18%)}.mg-bd-slot{display:grid;place-items:center;width:44px;height:44px;padding:4px;border-radius:var(--radius-md);background:rgb(var(--main-border-soft))}.mg-bd-mini{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:100%;aspect-ratio:1}.mg-bd-preview{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(7,1fr);gap:2px;width:100%;aspect-ratio:10 / 7;padding:6px;border-radius:var(--radius-lg);background:rgb(var(--main-border-soft))}.px-mascot{--px-ink: #2b2824;--px-shade: #4b4844;--px-hi: #625c54;--px-eye: #fdfbf6;--px-warm: #f6ce78;--px-blush: #e8a07a;--px-sweat: #7fb0d6;--px-rim: transparent}[data-theme=dark] .px-mascot{--px-rim: #8a867c}.px-mascot-rim{fill:var(--px-rim)}.px-bubble{--px-line: #2b2824;position:fixed;z-index:40;width:-moz-max-content;width:max-content;max-width:min(17rem,calc(100vw - 24px));padding:8px 30px 8px 10px;box-shadow:0 -3px 0 0 var(--px-line),0 3px 0 0 var(--px-line),-3px 0 0 0 var(--px-line),3px 0 0 0 var(--px-line)}.px-line-scope{--px-line: #2b2824}[data-theme=dark] .px-bubble,[data-theme=dark] .px-line-scope{--px-line: #8a867c}.px-bubble:after{content:"";position:absolute;top:100%;width:6px;height:6px;margin-top:3px;background:var(--px-line);box-shadow:0 6px 0 0 var(--px-line)}.px-bubble[data-side=left]{transform-origin:0% 100%}.px-bubble[data-side=right]{transform-origin:100% 100%}.px-bubble[data-side=left]:after{left:8px}.px-bubble[data-side=right]:after{right:8px}.px-bubble__row+.px-bubble__row{margin-top:8px;padding-top:8px;border-top:1px dashed var(--px-line)}.px-bubble__more{margin-top:8px;padding-top:6px;border-top:1px dashed var(--px-line)}.px-bubble__fold{position:absolute;top:-3px;right:-3px;width:22px;height:22px;padding:0;background:var(--px-line);color:rgb(var(--main-container));font-weight:700;line-height:22px}.px-bubble__fold:focus-visible{outline:2px solid currentColor;outline-offset:2px}.px-badge{--px-line: #2b2824;position:fixed;min-width:18px;height:18px;padding:0 5px;background:#f6ce78;color:#2b2824;font-weight:700;line-height:18px;text-align:center;z-index:40;pointer-events:none;box-shadow:0 -2px 0 0 var(--px-line),0 2px 0 0 var(--px-line),-2px 0 0 0 var(--px-line),2px 0 0 0 var(--px-line)}.px-bubble[data-raised],.px-badge[data-raised]{z-index:60}[data-theme=dark] .px-badge{--px-line: #8a867c}.px-bubble__btn{margin-top:6px;padding:2px 8px;box-shadow:0 -2px 0 0 var(--px-line),0 2px 0 0 var(--px-line),-2px 0 0 0 var(--px-line),2px 0 0 0 var(--px-line)}.px-bubble__btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}