.ms{--ms-cols: 9;--ms-bad: #e5484d;--ms-refuse: #ff5a5f;--ms-rows: 9;--ms-pad: clamp(6px, 1.4cqi, 14px);--ms-gutter: max(1px, calc(var(--ms-cell) * .05));--ms-cell: clamp(24px, calc((100cqi - 2 * var(--ms-pad)) / var(--ms-cols)), 44px);--ms-hidden: #5E6E82;--ms-hidden-2: #48566D;--ms-hidden-alt: #53637A;--ms-hidden-alt-2: #3E4B61;--ms-open: #1C2430;--ms-open-alt: #212A38;--ms-flag: var(--brand, #FF2E9A);--ms-lime: 198 255 74;--ms-on: #E9F6CE;--ms-ease-out: cubic-bezier(.2,.8,.3,1);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--ms-pad);inline-size:100%;position:relative;color:#fff;font:500 15px/1.2 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.ms--rail{flex-direction:row-reverse;align-items:stretch;gap:var(--sp-3)}.ms__chrome{display:flex;flex-direction:column;gap:var(--sp-2);flex:0 0 auto}.ms--rail .ms__chrome{justify-content:space-between}.ms--rail .ms__chrome{flex:0 0 clamp(190px,30%,236px)}.ms__row{display:flex;align-items:center;gap:var(--sp-2)}.ms__row--read,.ms__row--tools{flex-wrap:wrap}.ms--rail .ms__row--read{flex-direction:column;align-items:stretch}.ms--rail .ms__level{flex:0 0 auto}.ms--rail .ms__row--tools{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);align-items:stretch}.ms--rail .ms__row--tools:has(.ms__btn--zoom[hidden]) .ms__btn--new{grid-column:1 / -1}.ms--tall .ms__meter{min-height:62px;padding:var(--sp-1) var(--sp-3h)}.ms--tall .ms__meter b{font-size:var(--fs-5)}.ms--tall .ms__meter span{font-size:var(--fs-1)}.ms--tall .ms__tip{display:block;text-align:center;font-size:var(--fs-2)}.ms--tall .ms__btn{min-height:50px}.ms__tip{display:none;margin:2px 0 0;font-size:var(--fs-1);line-height:1.45;font-weight:600;color:var(--wash-7)}.ms--rail .ms__tip{display:block}.ms--rail .ms--flagmode .ms__tip,.ms--flagmode .ms__tip{color:var(--ms-flag)}.ms__meters{display:flex;gap:var(--sp-2);flex:0 1 auto;min-width:0}.ms--rail .ms__meters{flex-direction:column}.ms__meter{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);min-width:3.6rem;background:var(--scrim-2);box-shadow:var(--e-sink)}.ms__meter span{font-size:var(--fs-1);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--wash-7)}.ms__meter b{font-size:var(--fs-4);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}.ms__meter b.is-over{color:var(--ms-flag)}.ms__meter b.is-none{color:var(--wash-6)}.ms--rail .ms__meter{flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.ms__level{display:flex;align-items:center;flex:1 1 190px;min-width:0}.ms__seg{min-height:50px}.ms__seg .gk-seg__opt{min-height:44px;font-size:var(--fs-1);padding:0 var(--sp-2)}.ms--rail .ms__seg{grid-template-columns:1fr;gap:var(--sp-1);min-height:0}.ms--rail .ms__seg .gk-seg__thumb{display:none}.ms--rail .ms__seg .gk-seg__opt{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--r-sm);text-align:left;transition:background-color .14s var(--ms-ease-out),color .14s}.ms--rail .ms__seg .gk-seg__opt:before{content:"";width:9px;height:9px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px var(--wash-5)}.ms--rail .ms__seg .gk-seg__opt[aria-checked=true]{background:var(--wash-4);box-shadow:var(--card-shadow),inset 0 1px 0 var(--wash-3)}.ms--rail .ms__seg .gk-seg__opt[aria-checked=true]:before{background:var(--action, var(--action));box-shadow:none}.ms--rail .ms__seg .gk-seg__opt:active{background:var(--wash-5)}.ms__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-chip);background:color-mix(in srgb,var(--cat-board) 16%,transparent);color:var(--cat-board);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.ms__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border-width:1px;border-style:solid;border-color:var(--wash-4);border-radius:var(--r-sm);background:var(--wash-3);color:#fff;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .1s var(--ms-ease-out)}.ms--rail .ms__row--tools .ms__btn{flex:1 1 calc(50% - 4px)}.ms__btn:hover:not(:disabled){background:var(--wash-4)}.ms__btn:active:not(:disabled){transform:translateY(2px);background:var(--wash-5)}.ms__btn[hidden]{display:none}.ms__btn-ico{display:inline-grid;place-items:center;width:18px;height:18px;flex:none}.ms__btn-ico svg{width:18px;height:18px}.ms__btn-q{font-weight:900;font-size:var(--fs-3);line-height:1;width:14px;text-align:center}.ms__btn[aria-pressed=true]{background:var(--ms-on);border-color:#fff;color:#12161c;box-shadow:0 0 0 1px var(--scrim-2),var(--e-1)}.ms__btn[aria-pressed=true]:before{content:"";width:7px;height:7px;border-radius:50%;background:#12161c;flex:none}.ms__btn--flag[aria-pressed=true]:before{background:var(--ms-flag)}.ms__btn:focus-visible,.ms__cell:focus-visible{outline:3px solid #FFC145;outline-offset:-2px;z-index:3}.ms__board{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2)}.ms__pan{position:relative;width:min(180px,46%);height:5px;flex:none;border-radius:var(--r-sm);background:var(--wash-3);overflow:hidden}.ms__pan[hidden]{display:none}.ms__pan i{position:absolute;inset:0 auto 0 0;border-radius:var(--r-sm);background:var(--wash-7)}.ms__wrap{position:relative;width:fit-content;max-width:100%;overflow:auto;scrollbar-width:none;border-radius:var(--r-sm);touch-action:pan-y pinch-zoom;background:var(--scrim-2);box-shadow:var(--ring-inset),var(--e-sink)}.ms__wrap::-webkit-scrollbar{display:none}.ms__wrap.is-panx{mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.ms__wrap.is-panx,.ms__wrap.is-pany{cursor:grab}.ms__wrap.is-dragging{cursor:grabbing}.ms__grid{position:relative;display:grid;touch-action:pan-y pinch-zoom;grid-template-columns:repeat(var(--ms-cols),var(--ms-cell));grid-auto-rows:var(--ms-cell);gap:0;width:max-content;border-radius:var(--r-sm);overflow:hidden;transition:box-shadow .26s var(--ms-ease-out)}.ms__grid.is-won{box-shadow:0 0 0 2px rgb(var(--ms-lime) / .75),0 0 26px rgb(var(--ms-lime) / .25)}.ms__grid.is-lost{box-shadow:0 0 0 2px color-mix(in srgb,var(--ms-bad) 70%,transparent)}.ms__cell{all:unset;position:relative;box-sizing:border-box;display:grid;place-items:center;width:var(--ms-cell);height:var(--ms-cell);cursor:pointer;font-weight:800;font-size:max(var(--fs-1),calc(var(--ms-cell) * .56));line-height:1;color:#fff}.ms__cell:after{content:"";position:absolute;inset:var(--ms-gutter);border-radius:max(2px,calc(var(--ms-cell) * .13));background:linear-gradient(145deg,var(--ms-hidden),var(--ms-hidden-2));box-shadow:inset 1px 1px 0 var(--wash-4),var(--e-sink);transition:background-color 90ms,box-shadow 90ms,filter 90ms;z-index:0}.ms__cell[data-alt]:after{background:linear-gradient(145deg,var(--ms-hidden-alt),var(--ms-hidden-alt-2))}.ms__cell>*{position:relative;z-index:1}.ms__cell svg{width:86%;height:86%}.ms__n{font-variant-numeric:tabular-nums;text-shadow:var(--ink-shade)}@media(hover:hover){.ms__cell:hover:not(.is-open):after{filter:brightness(1.12)}}.ms__cell.is-pressed:after{background:var(--ms-open);background-image:none;box-shadow:var(--e-sink);filter:none}.ms__cell.is-open{cursor:default}.ms__cell.is-open:after{background:var(--ms-open);background-image:none;box-shadow:var(--ring-inset)}.ms__cell.is-open[data-alt]:not(.is-mine):after{background:var(--ms-open-alt);background-image:none}.ms__cell.is-nudge:after{animation:ms-nudge .22s var(--ms-ease-out) 1}@keyframes ms-nudge{50%{filter:brightness(1.4)}}.ms__cell.is-refused:after{box-shadow:inset 0 0 0 2px var(--ms-refuse),var(--e-sink);animation:ms-refuse .44s var(--ms-ease-out) 1}@keyframes ms-refuse{0%,to{background-color:transparent}40%{background-color:#ff5a5f59}}.ms__cell[data-n="1"]{color:#6fb8ff}.ms__cell[data-n="2"]{color:#5fdc8a}.ms__cell[data-n="3"]{color:#ff8080}.ms__cell[data-n="4"]{color:#bfa0ff}.ms__cell[data-n="5"]{color:#ffc06a}.ms__cell[data-n="6"]{color:#5feeff}.ms__cell[data-n="7"]{color:#fff}.ms__cell[data-n="8"]{color:#c9d1d9}.ms__cell.is-flag{color:#fff}.ms__cell.is-flag.is-wrong:after{background:linear-gradient(145deg,#5a3a44,#3e2731)}.ms__cell.is-flag.is-wrong{color:#ff9aa2}.ms__cell .ms__cross{position:absolute;inset:8%;z-index:2;pointer-events:none;background:linear-gradient(45deg,transparent calc(50% - 1.6px),#ff4045 calc(50% - 1.6px),#ff4045 calc(50% + 1.6px),transparent calc(50% + 1.6px)),linear-gradient(-45deg,transparent calc(50% - 1.6px),#ff4045 calc(50% - 1.6px),#ff4045 calc(50% + 1.6px),transparent calc(50% + 1.6px));filter:drop-shadow(0 0 2px rgb(0 0 0 / .7))}.ms__cell.is-marked .ms__mark{font-weight:900;color:var(--cat-board);font-size:max(var(--fs-1),calc(var(--ms-cell) * .62))}.ms__cell.is-mine{color:#e8ecf1}.ms__cell.is-mine:after{background:#2b3440;background-image:none}.ms__cell.is-hit:after{background:var(--ms-bad);background-image:none;box-shadow:inset 0 0 0 2px var(--white)}.ms__cell.is-hit{animation:ms-hit .52s ease-out 1}@keyframes ms-hit{0%{transform:scale(1)}26%{transform:scale(1.3)}to{transform:scale(1)}}.ms__cell.is-start:after{box-shadow:inset 0 0 0 2px rgb(var(--ms-lime) / .8)}.ms--flagmode .ms__wrap{box-shadow:inset 0 0 0 2px var(--ms-flag),var(--e-sink)}.ms--flagmode .ms__cell:not(.is-open):not(.is-flag):not(.is-marked):before{content:"";position:absolute;inset:30%;background:var(--ms-flag);opacity:.32;clip-path:polygon(0 0,100% 22%,0 46%);z-index:1}.ms--flagmode .ms__cell:not(.is-open){cursor:cell}.ms__charge{position:absolute;inset:var(--ms-gutter);border-radius:max(2px,calc(var(--ms-cell) * .13));background:radial-gradient(circle at 50% 50%,var(--ms-flag),color-mix(in srgb,var(--brand) 35%,transparent));box-shadow:var(--ring-inset-2);z-index:2;pointer-events:none}.ms__boom{position:absolute;inset:0;border-radius:50%;border:2px solid var(--wash-8);box-shadow:0 0 18px color-mix(in srgb,var(--ms-bad) 80%,transparent);z-index:4;pointer-events:none}.ms__sweep{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgb(var(--ms-lime) / .5) 48%,var(--wash-6) 52%,transparent 80%);mix-blend-mode:screen}.ms__float{font-size:var(--fs-3);font-weight:800;color:rgb(var(--ms-lime));text-shadow:var(--ink-shade-strong)}.ms__say{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ms--tiny .ms__cell{font-size:max(var(--fs-1),calc(var(--ms-cell) * .66))}.ms--tiny .ms__cell svg{width:94%;height:94%}@container (max-width: 25rem){.ms__btn{padding:0 var(--sp-2);font-size:var(--fs-1);gap:var(--sp-1)}.ms__meter{padding:var(--sp-1) var(--sp-2);min-width:3.2rem}.ms__meter b{font-size:var(--fs-3)}}@media(prefers-reduced-motion:reduce){.ms__cell:after,.ms__btn,.ms__grid{transition:none}.ms__cell.is-hit,.ms__cell.is-nudge:after,.ms__cell.is-refused:after{animation:none}.ms__cell.is-refused:after{background-color:#ff5a5f59}}