.ms{--ms-up:#c4cad5;--ms-up-hi:#d3d8e1;--ms-bed:#aeb5c1;--ms-open:var(--g-key);--ms-1:#2a5bd7;--ms-2:#1b8a5a;--ms-3:#d7263d;--ms-4:#5b3fa8;--ms-5:#a8432a;--ms-6:#16838a;--ms-7:var(--color-ink);--ms-8:var(--color-text-muted);--ms-cell:56px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}html[data-theme="dark"] .ms{--ms-up:#4a4a56;--ms-up-hi:#575764;--ms-bed:#131317;--ms-open:#1e1e23;--ms-1:#7ea8ff;--ms-2:#5fd39b;--ms-3:#ff6f81;--ms-4:#b8a0ff;--ms-5:#ffa27e;--ms-6:#5fd6d6}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ms{--ms-up:#4a4a56;--ms-up-hi:#575764;--ms-bed:#131317;--ms-open:#1e1e23;--ms-1:#7ea8ff;--ms-2:#5fd39b;--ms-3:#ff6f81;--ms-4:#b8a0ff;--ms-5:#ffa27e;--ms-6:#5fd6d6}}.ms-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ms-levels{display:flex;gap:6px}.ms-level{min-height:42px;padding:8px 18px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--g-key);color:var(--color-ink);font:700 14px/1 var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform .2s var(--ease-spring)}.ms-level:hover{border-color:var(--color-ink)}.ms-level:active{transform:scale(.95)}.ms-level.is-active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.ms-level.is-won::after{content:' ✓';color:var(--lx-green)}.ms-level.is-lost::after{content:' ✗';color:var(--g-red)}.ms-hud{display:flex;gap:8px}.ms-pill{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:6px 16px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow);color:var(--color-ink);font-size:16px;font-variant-numeric:tabular-nums}.ms-pill svg{flex:0 0 18px;color:var(--color-text-soft)}.ms-pill strong{font-weight:900;min-width:2.2ch;text-align:right}.ms-practice{display:flex;align-items:center;gap:12px;margin:0;padding:6px 6px 6px 16px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand);font-size:11px;font-weight:800;letter-spacing:.14em;animation:g-rise .35s var(--ease) both}.ms-practice__back{min-height:34px;padding:6px 14px;border:0;border-radius:999px;background:var(--color-brand);color:#fff;font:700 13px/1 var(--font-sans);letter-spacing:0;cursor:pointer}.ms-board{--cell:min(var(--ms-cell),calc((100vh - 400px) / var(--rows)));width:min(100%,calc(var(--cols) * var(--cell) + (var(--cols) - 1) * 2px + 12px));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;padding:6px;border-radius:14px;background:var(--ms-bed);container-type:inline-size;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;box-shadow:0 10px 30px rgb(14 14 15 / .08)}.ms-board--medium{--ms-cell:40px}.ms-board--hard{--ms-cell:32px;gap:1px;width:min(100%,calc(var(--cols) * var(--cell) + (var(--cols) - 1) * 1px + 12px))}.ms-board.is-in{animation:g-pop-in .5s var(--ease-spring) both}.ms-board.is-shake{animation:lx-shake .45s}.ms-c{position:relative;aspect-ratio:1;min-width:0;width:100%;border:0;padding:0;margin:0;border-radius:max(3px,14%);background:var(--ms-up);box-shadow:inset 0 -3px 0 rgb(0 0 0 / .13),inset 0 2px 0 rgb(255 255 255 / .35);color:var(--color-ink);font:900 calc(100cqw / var(--cols) * .52)/1 var(--font-sans);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:#fff0;transition:background .12s var(--ease)}html[data-theme="dark"] .ms-c{box-shadow:inset 0 -3px 0 rgb(0 0 0 / .35),inset 0 2px 0 rgb(255 255 255 / .06)}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .ms-c{box-shadow:inset 0 -3px 0 rgb(0 0 0 / .35),inset 0 2px 0 rgb(255 255 255 / .06)}}.ms-c:hover{background:var(--ms-up-hi)}.ms-c:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px;z-index:1}.ms-c.is-open{background:var(--ms-open);box-shadow:none;cursor:default}.ms-c.is-open.n1,.ms-c.is-open.n2,.ms-c.is-open.n3,.ms-c.is-open.n4,.ms-c.is-open.n5,.ms-c.is-open.n6,.ms-c.is-open.n7,.ms-c.is-open.n8{cursor:pointer}.ms-c.n1{color:var(--ms-1)}.ms-c.n2{color:var(--ms-2)}.ms-c.n3{color:var(--ms-3)}.ms-c.n4{color:var(--ms-4)}.ms-c.n5{color:var(--ms-5)}.ms-c.n6{color:var(--ms-6)}.ms-c.n7{color:var(--ms-7)}.ms-c.n8{color:var(--ms-8)}.ms-c.is-flag::before,.ms-c.is-mine::before{content:'';width:62%;height:62%;-webkit-mask:var(--ms-icon) center/contain no-repeat;mask:var(--ms-icon) center/contain no-repeat}.ms-c.is-flag{--ms-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 22V3h2.2v19z'/%3E%3Cpath d='M7 3h12l-3.2 4.6L19 12.2H7z'/%3E%3Crect x='3' y='20' width='9' height='2.4' rx='1'/%3E%3C/svg%3E")}.ms-c.is-flag::before{background:var(--color-brand)}.ms-c.is-mine{--ms-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6.4'/%3E%3Cpath d='M11 1.5h2v21h-2zM1.5 11h21v2h-21z'/%3E%3Cpath d='M4.2 5.6l1.4-1.4 14.2 14.2-1.4 1.4zM18.4 4.2l1.4 1.4L5.6 19.8l-1.4-1.4z'/%3E%3C/svg%3E")}.ms-c.is-mine::before{background:var(--color-ink)}.ms-c.is-boom{background:var(--g-red)}.ms-c.is-boom::before{background:#fff}.ms-c.is-wrong{background:var(--ms-open);box-shadow:none}.ms-c.is-wrong::before{opacity:.45}.ms-c.is-wrong::after{content:'';position:absolute;left:18%;right:18%;top:50%;height:2px;margin-top:-1px;background:var(--g-red);transform:rotate(-45deg);border-radius:2px}.ms-c.is-new{animation:ms-open .34s var(--ease) both;animation-delay:var(--d,0ms)}.ms-c.is-pop{animation:ms-pop .32s var(--ease-spring) both;animation-delay:var(--d,0ms)}.ms-c.is-blast{animation:ms-blast .42s var(--ease-spring) both;animation-delay:var(--d,0ms)}.ms-c.is-hint{animation:ms-hint .45s var(--ease)}.ms-c.is-start{box-shadow:inset 0 0 0 2px var(--color-brand);animation:ms-ping 1.2s var(--ease) 2}.ms.is-flagmode .ms-c:not(.is-open){cursor:crosshair}.ms.is-flagmode .ms-board{box-shadow:0 0 0 3px var(--color-brand),0 10px 30px rgb(14 14 15 / .08)}@keyframes ms-open{from{transform:scale(.35);opacity:.15;border-radius:50%}to{transform:none;opacity:1}}@keyframes ms-pop{0%{transform:scale(.4)}60%{transform:scale(1.2)}100%{transform:none}}@keyframes ms-blast{0%{transform:scale(.2);opacity:0}55%{transform:scale(1.25);opacity:1}100%{transform:none}}@keyframes ms-hint{40%{background:var(--ms-up-hi);transform:scale(.88)}}@keyframes ms-ping{0%{box-shadow:inset 0 0 0 2px var(--color-brand),0 0 0 0 rgb(197 14 81 / .5)}100%{box-shadow:inset 0 0 0 2px var(--color-brand),0 0 0 10px #fff0}}.ms-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ms-flag svg{width:18px;height:18px}.ms-flag.is-on{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.ms-flag.is-on:hover{background:var(--color-brand-deep);border-color:var(--color-brand-deep)}.ms-hint{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted);text-align:center}.ms-over{width:min(100%,560px);text-align:center;padding:22px 22px 24px;border-radius:22px;background:var(--g-key);box-shadow:var(--g-key-shadow);border-top:4px solid var(--lx-green);animation:g-rise .45s var(--ease) both}.ms-over.is-lost{border-top-color:var(--g-red)}.ms-over .pg-label{margin-bottom:4px}.ms-over__big{margin:0;font-size:48px;font-weight:900;line-height:1.05;color:var(--color-ink);font-variant-numeric:tabular-nums;animation:g-pop-in .5s var(--ease-spring) both .1s}.ms-over__big--boom{color:var(--g-red);letter-spacing:.02em}.ms-over__sub{margin:6px auto 16px;max-width:420px;font-size:15px;line-height:1.5;color:var(--color-text-soft)}.ms-over__act{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ms-sum{list-style:none;margin:8px auto 0;padding:0;max-width:280px;text-align:left}.ms-sum li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--color-border);font-size:15px}.ms-sum strong{font-variant-numeric:tabular-nums}@media (max-width:760px){.ms{gap:12px}.ms-top{flex-direction:column;align-items:stretch}.ms-levels{width:100%}.ms-level{flex:1 1 0%;padding:8px 6px}.ms-hud{justify-content:center}.ms-board{--cell:var(--ms-cell);width:100%;padding:4px;border-radius:10px}.ms-board--hard{gap:1px}.ms-c{border-radius:max(2px,12%);box-shadow:inset 0 -2px 0 rgb(0 0 0 / .13)}.ms-hint{font-size:12px}.ms-over__big{font-size:40px}}