:root{--bg: #fff8f1;--surface: #ffffff;--surface-2: #f3e9df;--surface-3: #e9ddd0;--text: #3a2e27;--text-2: #6d5d53;--line: #eadfd4;--accent: #ff7a59;--accent-ink: #3a2e27;--accent-text: #a83a1f;--accent-soft: #ffe3d6;--line-strong: #8f7a68;--ok: #2e7d4f;--ok-text: #2e7d4f;--warn: #f2b33d;--warn-text: #8a5a00;--danger: #e5796b;--danger-text: #b3261e;--miss: #7a6a5f;--shadow: 0 6px 20px rgb(90 60 40 / .08);--scrim: rgb(58 46 39 / .45);--board: min(328px, calc(100vw - 32px) );color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #1d1916;--surface: #27221e;--surface-2: #332c27;--surface-3: #403731;--text: #f4ebe3;--text-2: #b5a597;--line: #3d352f;--accent-ink: #1d1916;--accent-text: #ff9478;--accent-soft: #4a3028;--line-strong: #958577;--ok-text: #7fd6a0;--warn-text: #f2b33d;--danger-text: #ff9a8f;--shadow: 0 6px 20px rgb(0 0 0 / .3);color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:15px;line-height:22px;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;line-height:20px;font-weight:700;text-decoration:none;cursor:pointer;touch-action:manipulation}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--block{width:100%}.icon-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:none;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:22px;text-decoration:none;cursor:pointer}.home{max-width:1200px;margin:0 auto;padding:24px 16px 0}.home__head{display:grid;grid-template-columns:64px 1fr;column-gap:12px;align-items:center;margin-bottom:16px}.home__mark{grid-row:span 3;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--surface-2)}.home__title{margin:0;font-size:22px;line-height:28px;font-weight:800}.home__tagline{margin:0;font-size:14px;line-height:20px;color:var(--text-2)}.home__mascot-note{margin:2px 0 0;font-size:12px;line-height:16px;color:var(--text-2)}.mascot{display:block;flex:none}.mascot__thread{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linecap:round}.mascot__patch--1{fill:var(--accent-soft)}.mascot__patch--2{fill:var(--surface-3)}.mascot__patch--3{fill:var(--surface-2)}.mascot__patch--4{fill:var(--accent)}.mascot__seam{fill:none;stroke:var(--line-strong);stroke-width:1.5;stroke-dasharray:3 3;opacity:.6}.mascot__foot{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.5}.mascot__blush{fill:var(--accent);opacity:.45}.mascot__face{fill:var(--text);stroke:var(--text)}.mascot__face path{stroke-width:2.5;stroke-linecap:round}.game-search-wrap{margin:0 0 16px}.game-search{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:15px;box-shadow:var(--shadow)}.game-search::placeholder{color:var(--text-2)}.game-search:focus{outline:2px solid var(--accent);outline-offset:-1px}.game-empty{margin:32px 0;text-align:center;color:var(--text-2);font-size:14px}.game-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none}@media(min-width:480px){.game-list{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.game-list{grid-template-columns:repeat(4,1fr)}}@media(min-width:960px){.game-list{grid-template-columns:repeat(5,1fr)}}.game-card{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;text-align:center}.game-card__emoji{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--surface-2);font-size:26px}.game-card__body{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;width:100%}.game-card__title{width:100%;overflow:hidden;font-size:15px;line-height:20px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.game-card__best{font-size:12px;line-height:16px;font-weight:600;color:var(--text-2)}.game-card__desc{display:-webkit-box;width:100%;margin:2px 0 0;overflow:hidden;font-size:12px;line-height:16px;color:var(--text-2);-webkit-box-orient:vertical;-webkit-line-clamp:2}.site-footer{padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center;font-size:13px;line-height:18px;color:var(--text-2)}.player{display:flex;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:0 16px}.topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:48px}.topbar__title{margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:22px;font-weight:700}.statusbar{display:flex;justify-content:space-between;align-items:center;height:32px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.guide{height:24px;margin:0;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:24px;font-weight:600;color:var(--text-2)}.guide.is-error{color:var(--danger-text)}.guide.is-sticky{color:var(--warn-text)}.stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.stage--touch-none{touch-action:none}.stage--touch-manipulation{touch-action:manipulation}.game-root{width:100%;display:flex;flex-direction:column;align-items:center}.howto-layer{position:fixed;inset:48px 0 0;z-index:20;display:grid;place-items:center;padding:16px;background:var(--scrim)}.howto-layer__card{width:min(328px,100%);padding:20px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.howto-layer__title{margin:0 0 8px;font-size:17px;line-height:22px;font-weight:700}.howto-layer__list{margin:0 0 16px;padding-left:20px;font-size:15px;line-height:22px}.howto__pc{display:none;margin:-8px 0 16px;font-size:13px;line-height:18px;color:var(--text-2)}@media(hover:hover)and (pointer:fine){.howto__pc{display:block}}.bg-wrap{width:var(--board);margin-top:8px}.bg-line{height:24px;margin:0;overflow:hidden;text-align:center;white-space:nowrap;font-size:14px;line-height:24px;font-weight:600;color:var(--text-2)}.bg-line[data-kind=flash]{color:var(--ok-text)}.bg-line[data-kind=danger]{color:var(--danger-text)}.bg-line[data-kind=warn]{color:var(--warn-text)}.bg-line[data-kind=end]{color:var(--text)}.bg-kbd{display:none;height:20px;margin:0;text-align:center;white-space:nowrap;font-size:13px;line-height:20px;font-weight:400;color:var(--text-2);visibility:hidden}.bg-kbd.is-on{visibility:visible}@media(hover:hover)and (pointer:fine){.bg-kbd{display:block}}.r3-bar{width:var(--r3-w, var(--board));height:4px;margin:6px 0;overflow:hidden;border-radius:2px;background:var(--surface-3)}.r3-bar span{display:block;height:100%;background:var(--accent-text);transform-origin:left}.r3-pause{position:absolute;inset:0;z-index:5;display:grid;place-items:center;border-radius:16px;background:var(--scrim)}.r3-pause span{padding:10px 16px;border-radius:999px;background:var(--surface);color:var(--text);font-size:18px;font-weight:700}.r3-wrap{position:relative;width:var(--r3-w, var(--board));overflow:hidden;border-radius:16px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.r3-wrap canvas{display:block;width:100%;aspect-ratio:3 / 4}.r3-band{display:flex;align-items:center;justify-content:center;height:48px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:14px}.r19-hearts{display:inline-flex;gap:2px;font-size:16px}.r19-hearts .is-lost{opacity:.25;filter:grayscale(1)}.result{position:fixed;inset:48px 0 0;z-index:10;display:grid;place-items:center;padding:16px;background:var(--scrim)}.result__card{display:flex;flex-direction:column;width:min(328px,100%);padding:24px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.result__party{margin:0 0 4px;font-size:32px;line-height:40px;animation:result-pop .4s ease-out 1}.result__label{margin:0;font-size:13px;line-height:18px;font-weight:600;color:var(--text-2)}.result__score{margin:0;font-size:40px;line-height:44px;font-weight:800;font-variant-numeric:tabular-nums}.result__best{margin:4px 0 0;font-size:15px;line-height:22px;font-variant-numeric:tabular-nums}.result__line{margin:12px 0 0;font-size:15px;line-height:22px;color:var(--text)}.result__common{margin:4px 0 0;font-size:15px;line-height:22px;color:var(--text-2)}.result__line:empty,.result__common:empty{display:none}.result__buttons{display:grid;gap:8px;margin-top:20px}@keyframes result-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.shake{animation:shake .2s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.result__party{animation:none}.shake{animation:none;outline:2px solid var(--danger-text);outline-offset:-2px}}.g2048{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:var(--board);aspect-ratio:1;padding:8px;border-radius:12px;background:var(--surface-3);touch-action:none;-webkit-user-select:none;user-select:none}.g2048__cell{display:grid;place-items:center;min-width:0;border-radius:8px;background:var(--surface-2);color:#3a2e27;font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.g2048__cell[data-digits="3"]{font-size:26px}.g2048__cell[data-digits="4"]{font-size:20px}.g2048__cell[data-v="2"]{background:#fff;box-shadow:inset 0 0 0 1px var(--line-strong)}.g2048__cell[data-v="4"]{background:#ffedcc;box-shadow:inset 0 0 0 1px var(--line-strong)}.g2048__cell[data-v="8"]{background:#ffd08f}.g2048__cell[data-v="16"]{background:#ffb066}.g2048__cell[data-v="32"]{background:#ff9460}.g2048__cell[data-v="64"]{background:#ff7a59}.g2048__cell[data-v="128"]{background:#b8402a;color:#fff}.g2048__cell[data-v="256"]{background:#96341f;color:#fff}.g2048__cell[data-v="512"]{background:#2f7d6b;color:#fff}.g2048__cell[data-v="1024"]{background:#256457;color:#fff}.g2048__cell[data-v="2048"]{background:#3a2e27;color:#ffd08f;box-shadow:inset 0 0 0 1px var(--line-strong)}@media(prefers-color-scheme:dark){.g2048__cell[data-v="128"],.g2048__cell[data-v="256"],.g2048__cell[data-v="512"],.g2048__cell[data-v="1024"]{box-shadow:inset 0 0 0 1px var(--line-strong)}}.g2048__cell.is-new{animation:g2048-new .1s ease-out}.g2048__cell.is-merged{animation:g2048-merge .12s ease-out}@keyframes g2048-new{0%{opacity:0}to{opacity:1}}@keyframes g2048-merge{50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.g2048__cell.is-new,.g2048__cell.is-merged{animation:none}}.g2048-wrap{position:relative}.g2048-resume{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;border-radius:12px;background:#3a2e2773}.g2048-resume p{margin:0 0 4px;padding:8px;border-radius:12px;background:var(--surface);text-align:center;font-size:15px;font-weight:700}.ap-wrap{display:flex;justify-content:center}.ap-board{position:relative;display:grid;grid-template-columns:repeat(var(--ap-cols),1fr);grid-template-rows:repeat(var(--ap-rows),1fr);width:var(--board);aspect-ratio:8 / 10;max-height:min(60vh,410px);margin:0 auto;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.ap-cell{position:relative;display:grid;place-items:center;box-sizing:border-box}.ap-apple{position:relative;width:85%;aspect-ratio:1}.ap-apple:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);box-sizing:border-box}.ap-leaf{position:absolute;left:50%;top:-10%;width:22%;height:14%;background:var(--ok);border-radius:0 8px;transform:translate(-50%)}.ap-num{position:relative;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;font-size:calc(var(--board) * 20 / 328)}.ap-cell.is-clearing .ap-apple{transition:transform .18s,opacity .18s;transform:scale(0);opacity:0}.ap-cell.is-cursor{outline:2px solid var(--line-strong);outline-offset:-2px}.ap-sel{position:absolute;box-sizing:border-box;border-radius:6px;border:2px dashed var(--line-strong);background:color-mix(in srgb,var(--accent-soft) 40%,transparent);pointer-events:none}.ap-sel.is-ten{border:3px solid var(--accent);background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}@media(prefers-reduced-motion:reduce){.ap-cell.is-clearing .ap-apple{transition:opacity .12s;transform:none}}.as-wrap{position:relative}.as-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);width:var(--board);height:var(--board);box-sizing:border-box;overflow:hidden;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.as-board.is-in{animation:as-in .2s}@keyframes as-in{0%{opacity:0}}.as-cell{display:grid;place-items:center;z-index:1;box-shadow:inset 0 0 0 .5px var(--line);color:var(--text);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.as-board[data-size="6"] .as-cell{font-size:20px}.as-board[data-size="7"] .as-cell{font-size:18px}@media(max-width:359px){.as-cell{font-size:21px}.as-board[data-size="6"] .as-cell{font-size:18px}.as-board[data-size="7"] .as-cell{font-size:16px}}.as-cell.is-mark{background:var(--accent-soft)}.as-cell.is-focus{box-shadow:inset 0 0 0 2px var(--text)}.as-rect{margin:2px;box-sizing:border-box;border-radius:6px;pointer-events:none;transition:background-color .15s,border-color .15s}.as-rect.is-drag{border:2px solid var(--accent-text);background:var(--accent-soft)}.as-rect.is-bad{border:2px dashed var(--line-strong);background:var(--surface-2)}.as-rect.is-ok{border:2px solid var(--ok-text);background:color-mix(in srgb,var(--ok) 18%,var(--surface))}@media(prefers-reduced-motion:reduce){.as-board.is-in{animation:none}.as-rect{transition:none}}.ao-wrap{position:relative}.ao-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:4px;width:var(--board);height:var(--board);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ao-cell{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:none;border-radius:8px;background:var(--surface-2);color:var(--text);cursor:default;touch-action:manipulation;container-type:size}.ao-cell.is-arrow{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer}.ao-cell svg{width:56cqmin;height:56cqmin;rotate:var(--rot)}.ao-ghost{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}.ao-cell.is-focus{outline:3px solid var(--accent-text);outline-offset:-3px}.ao-cell.is-shake{box-shadow:inset 0 0 0 2px var(--danger-text)}.ao-cell.is-shake svg{animation:ao-shake .2s linear}@keyframes ao-shake{12.5%{translate:var(--ao-sx, 4px) var(--ao-sy, 0)}37.5%{translate:calc(-1 * var(--ao-sx, 4px)) calc(-1 * var(--ao-sy, 0px))}50%{translate:0 0}62.5%{translate:var(--ao-sx, 4px) var(--ao-sy, 0)}87.5%{translate:calc(-1 * var(--ao-sx, 4px)) calc(-1 * var(--ao-sy, 0px))}}.ao-right{display:inline-flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.ao-hearts{display:inline-flex;gap:2px;font-size:16px}.ao-hearts .is-lost{opacity:.25;filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.ao-cell.is-shake svg{animation:none}}.bkp-wrap{position:relative;touch-action:none}:root{--bc-top: #ffd98a;--bc-left: #f5b45a;--bc-right: #dc8f45;--bc-edge: #3a2e27}.bc-wrap{position:relative;touch-action:manipulation}.bc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:var(--r3-w, var(--board));margin:8px auto 0}.bc-btn{height:48px;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font-size:22px;font-weight:700}.bc-btn.is-locked{opacity:.5}.bc-btn:disabled{cursor:default}.bc-btn.is-correct{border-color:var(--ok-text);color:var(--ok-text)}.bc-btn.is-wrong{border-color:var(--danger-text);color:var(--danger-text)}.bx-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bx-wrap canvas{display:block;width:100%;aspect-ratio:328 / 437;transition:opacity .2s}.bx-wrap canvas.is-trans{opacity:0}.bx-band{height:55px;background:var(--surface-2);touch-action:none}@media(prefers-reduced-motion:reduce){.bx-wrap canvas{transition:none}}.bf-board-wrap{position:relative}.bf-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;width:var(--bf-side, var(--board));aspect-ratio:1;padding:6px;border-radius:16px;background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--line-strong);touch-action:none;user-select:none;-webkit-user-select:none}.bf-cell{display:grid;place-items:center;min-width:0;border-radius:6px;background:var(--surface);font-size:16px;font-weight:700;line-height:1;color:var(--text)}.bf-cell.is-filled{background:var(--accent);box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--accent-ink)}.bf-cell.is-preview{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent-text)}.bf-cell.is-placed{animation:bf-place .12s ease-out}.bf-cell.is-clearing{background:var(--accent);animation:bf-clear .18s ease-out forwards}.bf-cell.is-cursor{box-shadow:inset 0 0 0 2px var(--text),inset 0 0 0 4px var(--accent-ink)}.bf-cell.is-cursor-ok{background:var(--accent-soft)}.bf-cell.is-cursor-no:not(.is-filled){color:var(--text)}@keyframes bf-place{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bf-clear{0%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:0}}.bf-pop{position:absolute;z-index:2;padding:2px 10px;border-radius:999px;background:var(--surface);color:var(--accent-text);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;transform:translate(-50%,-50%);opacity:0}.bf-pop.is-on{animation:bf-pop .6s ease-out forwards}@keyframes bf-pop{0%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 24px))}}.bf-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:var(--bf-side, var(--board));margin-top:12px}.bf-slot{display:grid;place-items:center;height:104px;border-radius:12px;background:var(--surface-2);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.bf-slot.is-empty{cursor:default}.bf-slot.is-picked{box-shadow:inset 0 0 0 2px var(--text)}.bf-slot.is-dragging .bf-mini{visibility:hidden}.bf-slot.is-fresh{animation:bf-fresh .15s ease-out}@keyframes bf-fresh{0%{opacity:0}to{opacity:1}}.bf-mini{display:grid;gap:1px}.bf-mini span{background:var(--accent);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:3px}.bf-ghost{position:fixed;top:0;left:0;z-index:30;display:grid;opacity:.95;pointer-events:none;filter:drop-shadow(var(--shadow))}.bf-ghost span{background:var(--accent);box-shadow:inset 0 0 0 2px var(--line-strong);border-radius:6px}.bf-ghost.is-returning{transition:transform .15s ease-out}@media(prefers-reduced-motion:reduce){.bf-cell.is-placed{animation:none}.bf-cell.is-clearing{animation:bf-clear-reduce .12s ease-out forwards}.bf-pop.is-on{animation:bf-pop-reduce .6s forwards}.bf-slot.is-fresh{animation:none}}@keyframes bf-clear-reduce{0%{opacity:1}to{opacity:0}}@keyframes bf-pop-reduce{0%,80%{opacity:1}to{opacity:0}}:root{--bp-table-1: #f8ead8;--bp-table-2: #efd9bf;--bp-grain: #efd9bf;--bp-vignette: rgb(58 46 39 / .18);--bp-block-top: #f7dcb5;--bp-block-left: #e3bb8a;--bp-block-right: #c4925c;--bp-outline: #3a2e27;--bp-sep: #3a2e27;--bp-shadow: rgb(58 46 39 / .25);--bp-sweat-fill: #5aa9e6;--bp-sweat-border: #3a2e27}@media(prefers-color-scheme:dark){:root{--bp-table-1: #27221e;--bp-table-2: #221d1a;--bp-vignette: rgb(0 0 0 / .35);--bp-outline: #1d1916;--bp-shadow: rgb(0 0 0 / .45);--bp-sweat-border: #f4ebe3}}.bp-wrap{position:relative;touch-action:none}.bt-wrap{position:relative}[data-game=brick-ball] .statusbar{display:grid;grid-template-columns:1fr auto 1fr}[data-game=brick-ball] .statusbar>span:last-child,.bb-status-right{display:contents}.bb-balls{color:var(--text);letter-spacing:1px}.bb-time{text-align:right}:root{--brs-cell-top: #ffffff;--brs-cell-top-border: #8f7a68;--brs-cell-side-l: #e9ddd0;--brs-cell-side-r: #d9c8b7;--brs-brick-top: #ff7a59;--brs-brick-left: #e5664a;--brs-brick-right: #c9553c;--brs-brick-border: #3a2e27;--brs-hole-fill: #3a2e27;--brs-hole-ring: transparent;--brs-crack-top: #f3e9df;--brs-crack-line: #b3261e;--brs-shadow-floor: rgb(58 46 39 / .1);--brs-shadow-brick: rgb(58 46 39 / .18)}@media(prefers-color-scheme:dark){:root{--brs-cell-top: #403731;--brs-cell-top-border: #958577;--brs-cell-side-l: #332c27;--brs-cell-side-r: #27221e;--brs-hole-fill: #1d1916;--brs-hole-ring: #ff9478;--brs-crack-top: #403731;--brs-crack-line: #ff9a8f;--brs-shadow-floor: rgb(0 0 0 / .3);--brs-shadow-brick: rgb(0 0 0 / .35)}}.brs-wrap{position:relative;touch-action:none}.brs-band{display:flex}.brs-band button{flex:1 1 25%;border:none;background:var(--surface-2);color:var(--text);font-size:18px;border-right:1px solid var(--line-strong)}.brs-band button:last-child{border-right:none}.brs-band button.is-dim{opacity:.5}.bh-wrap{-webkit-touch-callout:none}.bh-wrap canvas{touch-action:none}.bh-band{height:48px;border-top:1px solid var(--line);background:var(--surface-2);touch-action:none}.bh-band.is-grow{background:var(--surface-3)}.bh-right{font-variant-numeric:tabular-nums}.bh-guide[data-tone=center] .bg-line{color:var(--ok-text)}.bh-guide[data-tone=cross] .bg-line{color:var(--text-2)}.bs-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.bs-wrap canvas{display:block;width:100%;aspect-ratio:328 / 437}.bs-band{height:48px;background:var(--surface-2)}:root{--bp-table: #f3e9df;--bp-edge: #8f7a68;--bp-btn: #ffffff;--bp-btn-line: #8f7a68;--bp-tori: #ffe3d6;--bp-tori-line: #a83a1f;--bp-pusher-top: #e9ddd0;--bp-pusher-front: #d8c8b8;--bp-pusher-lip: #3a2e27;--bp-basket: #ff7a59;--bp-basket-rim: #a83a1f}@media(prefers-color-scheme:dark){:root{--bp-table: #332c27;--bp-edge: #958577;--bp-btn: #f4ebe3;--bp-btn-line: #6d5d53;--bp-tori: #4a3028;--bp-tori-line: #ff9478;--bp-pusher-top: #403731;--bp-pusher-front: #2f2823;--bp-pusher-lip: #f4ebe3;--bp-basket-rim: #ff9478}}.btp-wrap{position:relative;touch-action:none}.ct-wrap{position:relative}.ct-status-right{display:inline-flex;align-items:center;gap:8px}.ct-balls{display:inline-flex;gap:1px;letter-spacing:0}.ct-balls .is-left{color:var(--accent)}.ct-balls .is-used{color:var(--line-strong)}.ct-score-right{font-variant-numeric:tabular-nums}.ct-tori{position:absolute;width:40px;height:40px;will-change:transform}.co-wrap{position:relative}.co-board{--co-c: calc(var(--board) / 6);position:relative;width:var(--board);height:var(--board);border-radius:8px;background-color:var(--surface-2);background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--co-c) - .5px),var(--line-strong) calc(var(--co-c) - .5px) calc(var(--co-c) + .5px),transparent calc(var(--co-c) + .5px) var(--co-c)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--co-c) - .5px),var(--line-strong) calc(var(--co-c) - .5px) calc(var(--co-c) + .5px),transparent calc(var(--co-c) + .5px) var(--co-c));overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.co-board:after{content:"";position:absolute;inset:0;z-index:3;border-radius:8px;box-shadow:inset 0 0 0 2px var(--line-strong);pointer-events:none}.co-board.is-solved:after{box-shadow:inset 0 0 0 3px var(--ok)}.co-goal{position:absolute;top:calc(var(--co-c) * 2 + 2px);left:calc(var(--co-c) * 4 + 2px);width:calc(var(--co-c) * 2 - 4px);height:calc(var(--co-c) - 4px);box-sizing:border-box;border:2px dashed var(--accent-text);border-radius:10px}.co-board.is-solved .co-goal{border-style:solid;border-color:var(--ok-text)}.co-piece{position:absolute;top:0;left:0;display:grid;place-items:center;box-sizing:border-box;border:2px solid var(--line-strong);border-radius:10px;font-size:24px;line-height:1;cursor:grab;touch-action:none}.co-piece.is-car{background:var(--surface)}.co-piece.is-truck{background:var(--surface-3)}.co-piece.is-taxi{background:var(--accent);border-color:var(--text)}.co-piece.is-drag{z-index:2;box-shadow:var(--shadow);cursor:grabbing}.co-piece.is-snap{transition:transform .1s ease-out}.co-piece.is-in{animation:co-in .15s ease-out}@keyframes co-in{0%{opacity:0}to{opacity:1}}.co-guide[data-tone=ok] .bg-line{color:var(--ok-text)}.peak-wrap{display:flex;justify-content:center}.peak-board{position:relative;width:var(--board);height:calc(var(--board) * 272 / 328);margin:0 auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.peak-board.is-trans{opacity:0}.peak-card{position:absolute;box-sizing:border-box;border-radius:calc(var(--board) * 8 / 328);border:1px solid var(--line-strong);background:var(--surface-3);padding:0;cursor:default;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;font-size:calc(var(--board) * 24 / 328);display:grid;place-items:center;transition:transform .15s}.peak-card[data-open="1"]{background:var(--surface);cursor:pointer;touch-action:manipulation}.peak-card[data-open="0"]:after{content:"";position:absolute;inset:calc(var(--board) * 4 / 328);border:1px solid var(--line)}.peak-card[hidden]{display:none}.peak-card.is-focus{outline:2px solid var(--line-strong);outline-offset:2px}.peak-card.is-wrong{animation:peak-shake .15s}@keyframes peak-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.peak-hand{position:absolute;box-sizing:border-box;border-radius:calc(var(--board) * 8 / 328);border:2px solid var(--accent);background:var(--surface);box-shadow:var(--shadow);color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;font-size:calc(var(--board) * 24 / 328);display:grid;place-items:center;z-index:5}.peak-stock{position:absolute;box-sizing:border-box;border-radius:calc(var(--board) * 8 / 328);border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;font-size:calc(var(--board) * 16 / 328);display:grid;place-items:center;cursor:pointer;touch-action:manipulation;z-index:5}.peak-stock.is-empty{background:transparent;border:1px dashed var(--line);cursor:default}@media(prefers-reduced-motion:reduce){.peak-card{transition:none}.peak-card.is-wrong{animation:none;border:2px solid var(--danger)}.peak-board{transition:none}}.cwp-wrap{position:relative}.cwp-miss-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--line-strong);margin-left:4px}.cwp-miss-dot.is-on{background:var(--text);border-color:var(--text)}.cwp-thumb-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-2);pointer-events:none}.r3-band.is-waiting{background:var(--accent);border-top-color:var(--line-strong)}.r3-band.is-waiting .cwp-thumb-label{color:var(--accent-ink)}.cd2-wrap{position:relative;touch-action:none}.cp-wrap{position:relative;width:var(--board)}.cp-board{--s: 1;display:flex;flex-direction:column;align-items:center;width:100%;height:calc(380px * var(--s));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cp-cols{display:flex;gap:calc(8px * var(--s));height:calc(228px * var(--s))}.cp-col{display:flex;flex-direction:column-reverse;align-items:center;gap:0;width:calc(56px * var(--s));height:100%;padding:calc(6px * var(--s)) 0;box-sizing:border-box;border:none;border-radius:12px;background:var(--surface-2);cursor:pointer;touch-action:manipulation}.cp-col.is-empty{opacity:.5;cursor:default}.cp-item{display:grid;place-items:center;width:calc(36px * var(--s));height:calc(36px * var(--s));box-sizing:border-box;border-radius:8px;font-size:calc(28px * var(--s));line-height:1}.cp-item.is-bottom{border:1px solid var(--line-strong);background:var(--surface)}.cp-item.is-shake{animation:cp-shake .2s linear}@keyframes cp-shake{25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-4px 0}}.cp-boxes{display:flex;gap:calc(12px * var(--s));height:calc(72px * var(--s));margin-top:calc(8px * var(--s))}.cp-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px * var(--s));width:calc(132px * var(--s));box-sizing:border-box;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface)}.cp-slots{display:flex;gap:calc(6px * var(--s))}.cp-slot{display:grid;place-items:center;width:calc(32px * var(--s));height:calc(32px * var(--s));box-sizing:border-box;border:1px dashed var(--line-strong);border-radius:8px;font-size:calc(28px * var(--s));line-height:1}.cp-slot.is-full{border:2px solid var(--ok)}.cp-slot.is-flash,.cp-w.is-flash{box-shadow:0 0 0 2px var(--ok)}.cp-count{font-size:12px;font-weight:700;line-height:16px;color:var(--text);font-variant-numeric:tabular-nums}.cp-next{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(96px * var(--s));box-sizing:border-box;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2)}.cp-next.is-none{border-color:var(--line);background:transparent}.cp-next-pic{font-size:calc(28px * var(--s));line-height:1}.cp-next-label{font-size:12px;font-weight:400;color:var(--text-2)}.cp-label{margin-top:calc(8px * var(--s));height:16px;font-size:12px;line-height:16px;color:var(--text-2)}.cp-wait{display:flex;gap:calc(8px * var(--s));height:calc(48px * var(--s))}.cp-w{display:grid;place-items:center;width:calc(48px * var(--s));height:calc(48px * var(--s));box-sizing:border-box;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);font-size:calc(28px * var(--s));line-height:1}.cp-w.is-on{background:var(--surface)}.cp-w.is-full{border:2px solid var(--danger-text)}@media(prefers-reduced-motion:reduce){.cp-item.is-shake{animation:none;border:2px solid var(--danger-text)}}.cs-bar{width:var(--board);height:8px;margin-bottom:8px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.cs-bar span{display:block;height:100%;background:var(--accent-text);transform-origin:left}.cs-field{display:flex;flex-direction:column;gap:16px;width:var(--board)}.cs-field.is-leaving{opacity:0;transition:opacity .6s}.cs-field.is-entering{animation:cs-in .6s}@keyframes cs-in{0%{opacity:0}to{opacity:1}}.cs-row{display:flex;justify-content:center}.cs-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 1 82px;min-width:56px;height:180px;padding:0;border:none;background:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.cs-check{position:absolute;top:0;font-size:13px;line-height:18px;font-weight:800;color:var(--ok-text)}.cs-bottle{position:relative;width:48px;height:148px;border:2px solid var(--line-strong);border-top:none;border-radius:0 0 16px 16px;background:var(--surface)}.cs-bottle.is-complete{border-color:var(--ok-text)}.cs-cell{position:absolute;left:0;right:0;height:36px;display:grid;place-items:center;color:#3a2e27;font-size:14px;line-height:1;transition:transform .1s}.cs-bottle .cs-cell:first-child{border-radius:0 0 14px 14px}.cs-cell.is-lifted{transform:translateY(-20px)}.cs-cell.is-poured{animation:cs-pour .2s ease-out}@keyframes cs-pour{0%{transform:translateY(-24px);opacity:.4}to{transform:none;opacity:1}}.cs-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:var(--board);margin-top:8px}@media(prefers-reduced-motion:reduce){.cs-cell{transition:none}.cs-cell.is-lifted{transform:none;box-shadow:inset 0 0 0 2px var(--accent-text)}.cs-cell.is-poured,.cs-field.is-entering{animation:none}.cs-field.is-leaving{transition:none}}:root{--cw-red: #c62828;--cw-blue: #1e5bd8;--cw-green: #1f7a3d;--cw-purple: #7b3fc4}@media(prefers-color-scheme:dark){:root{--cw-red: #ff8a80;--cw-blue: #82b1ff;--cw-green: #7fd6a0;--cw-purple: #c9a6ff}}.cw-wrap{position:relative}.cw-board{display:grid;grid-template-rows:160px 64px;gap:12px;width:var(--board);height:236px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.cw-card{display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cw-card__inner{display:inline-flex;align-items:center;gap:12px;font-size:44px;font-weight:700;animation:cw-in .1s ease-out}@keyframes cw-in{0%{opacity:0}to{opacity:1}}.cw-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cw-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:18px;font-weight:700;cursor:pointer;transition:transform 80ms}.cw-btn:active{transform:scale(.97)}.cw-btn[data-mark=ok]{box-shadow:inset 0 0 0 2px var(--ok-text)}.cw-btn[data-mark=bad]{box-shadow:inset 0 0 0 2px var(--danger-text)}.cw-badge{position:absolute;top:6px;right:6px;display:flex}.cw-btn[data-mark=ok] .cw-badge{color:var(--ok-text)}.cw-btn[data-mark=bad] .cw-badge{color:var(--danger-text)}.cw-legend{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:13px;color:var(--text-2);white-space:nowrap}.cw-legend__item{display:inline-flex;align-items:center;gap:4px}.cw-legend__item span{color:var(--text-2)}@media(prefers-reduced-motion:reduce){.cw-card__inner{animation:none}.cw-btn{transition:none}}:root{--ch-stage-1: #d9562f;--ch-stage-2: #3a9060;--ch-stage-3: #4a86c5;--ch-stage-4: #9a6bc4;--ch-stage-5: #a87a24}.ch-wrap{position:relative;touch-action:none}:root{--dg-desk: #ead2b0;--dg-grain: #e2c8a2;--dg-rug: #2e7d4f;--dg-wall-top: #f3e9df;--dg-wall-side: #8f7a68;--dg-ball: #ffffff;--dg-hole: #1d1916;--dg-pencil-top: #f7c85f;--dg-pencil-side: #8a5a00;--dg-eraser-top: #ffe3d6;--dg-eraser-side: #e5796b;--dg-aim: #ffffff;--dg-white: #ffffff;--dg-grid-line: rgb(255 255 255 / .18);--dg-bracket: #3a2e27;--dg-flag: #ff7a59;--dg-flag-ring: #ffffff;--dg-bar-frame: #8f7a68;--dg-bar-fill: #a83a1f}@media(prefers-color-scheme:dark){:root{--dg-desk: #332c27;--dg-grain: #403731;--dg-wall-side: #958577;--dg-bracket: #f4ebe3;--dg-bar-frame: #958577;--dg-bar-fill: #ff9478}}.dg-wrap{position:relative;touch-action:none}.ds-wrap{position:relative;display:flex;flex-direction:column;gap:12px;width:var(--board);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}.ds-row{display:flex;align-items:center;justify-content:center;gap:4px;height:72px}.ds-digit{display:grid;place-items:center;width:28px;height:36px;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:24px;font-weight:700}.ds-digit.is-empty,.ds-digit.is-next{border-color:var(--line);background:var(--surface-2)}.ds-digit.is-next{box-shadow:inset 0 0 0 2px var(--accent-text)}.ds-digit.is-filled{border-color:var(--line);background:var(--surface-2)}.ds-digit.is-ok{box-shadow:inset 0 0 0 2px var(--ok)}.ds-digit.is-answer{color:var(--danger-text);text-decoration:underline 2px;text-underline-offset:3px}@media(max-width:347px){.ds-digit{width:24px;font-size:20px}}.ds-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:56px;gap:8px;height:248px}.ds-key{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:22px;font-weight:600;cursor:pointer;touch-action:manipulation}.ds-key:active{background:var(--surface-3)}.ds-wrap[data-phase=preview] .ds-pad,.ds-wrap[data-phase=show] .ds-pad{opacity:.4}.ds-wrap[data-phase=preview] .ds-key,.ds-wrap[data-phase=show] .ds-key,.ds-wrap[data-phase=result] .ds-key,.ds-wrap[data-phase=end] .ds-key{pointer-events:none}.ds-wrap .r3-pause{background:var(--surface-2);border-radius:12px}.ds-hearts{display:inline-flex;gap:2px;font-size:16px}.ds-hearts .is-lost{opacity:.25;filter:grayscale(1)}.ds-guide[data-tone=ok] .bg-line{color:var(--ok-text)}.ds-guide[data-tone=bad] .bg-line{color:var(--danger-text)}:root{--z1: #ffe3d6;--z2: #fdeebf;--z3: #d9f0e2;--z4: #d8e8fa;--z5: #e8dcf7}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--z1: #4a3028;--z2: #4a4020;--z3: #24402f;--z4: #253a52;--z5: #3a2f52}}:root[data-theme=dark]{--z1: #4a3028;--z2: #4a4020;--z3: #24402f;--z4: #253a52;--z5: #3a2f52}.df-wrap{width:calc(var(--board) * 280 / 328);margin:0 auto}.df-area-wrap{width:100%}.df-area{position:relative;width:100%;height:280px;transition:opacity .2s}.df-area.is-trans{opacity:0}.df-board{position:absolute}.df-cell{position:absolute;box-sizing:border-box}.df-cell-edge{position:absolute;box-sizing:border-box;pointer-events:none}.df-cell-edge.is-top{border-top:2px solid var(--text)}.df-cell-edge.is-bottom{border-bottom:2px solid var(--text)}.df-cell-edge.is-left{border-left:2px solid var(--text)}.df-cell-edge.is-right{border-right:2px solid var(--text)}.df-cell-edge.is-bad{outline:3px solid var(--danger-text);outline-offset:-3px}.df-tag{position:absolute;transform:translate(-50%,-50%);min-width:28px;height:20px;padding:0 8px;border-radius:10px;background:var(--text);color:var(--surface);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;display:grid;place-items:center;white-space:nowrap;transition:background-color .15s,color .15s}.df-tag[data-state=ok]{background:var(--ok-text);color:var(--surface)}.df-tag[data-state=bad]{background:var(--danger-text);color:var(--surface)}.df-slot{position:absolute;box-sizing:border-box;padding:0;background:transparent;border:2px dashed var(--line-strong);border-radius:10px;cursor:pointer;touch-action:manipulation}.df-slot:has(.df-slot__div){border-style:solid;border-color:var(--text)}.df-slot.is-cursor{outline:3px solid var(--accent-text);outline-offset:1px}.df-slot__div{position:absolute;background:var(--text)}.df-slot[data-dir=h] .df-slot__div{left:20%;right:20%;top:50%;height:2px;transform:translateY(-50%)}.df-slot[data-dir=v] .df-slot__div{top:20%;bottom:20%;left:50%;width:2px;transform:translate(-50%)}.df-slot__half{position:absolute}.df-slot[data-dir=h] .df-slot__half:nth-of-type(2){left:0;width:50%;top:0;height:100%}.df-slot[data-dir=h] .df-slot__half:nth-of-type(3){left:50%;width:50%;top:0;height:100%}.df-slot[data-dir=v] .df-slot__half:nth-of-type(2){top:0;height:50%;left:0;width:100%}.df-slot[data-dir=v] .df-slot__half:nth-of-type(3){top:50%;height:50%;left:0;width:100%}.df-slot__half i{position:absolute;border-radius:50%;background:var(--text);transform:translate(-50%,-50%)}.df-tray{margin-top:12px;width:100%;display:flex;flex-wrap:wrap;gap:8px}.df-piece{position:relative;width:calc((100% - 16px) / 3);height:44px;background:var(--surface);border:2px solid var(--line-strong);border-radius:8px;padding:0;cursor:pointer;touch-action:manipulation}.df-piece[hidden]{display:none}.df-piece.is-picked{outline:3px solid var(--accent-text);outline-offset:1px}.df-piece__num{position:absolute;left:50%;top:-7px;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:10px;font-weight:700;display:none;place-items:center}@media(hover:hover)and (pointer:fine){.df-piece__num{display:grid}}.df-piece__eyes{position:absolute;inset:0}.df-piece__half{position:absolute;top:0;bottom:0;width:50%}.df-piece__half:nth-of-type(1){left:0}.df-piece__half:nth-of-type(2){left:50%}.df-piece__half i{position:absolute;border-radius:50%;background:var(--text);transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.df-area,.df-tag{transition:none}}.dt-wrap{position:relative}.er-wrap{position:relative}.er-tori{position:absolute;width:32px;height:32px;will-change:transform}.fc-canvas{display:block;width:min(100%,calc((100dvh - 48px - 12px - env(safe-area-inset-bottom)) * 2 / 3));aspect-ratio:2 / 3;border-radius:16px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fb-wrap{display:flex;flex-direction:column}.fb-stage{position:relative}.fb-canvas{display:block;width:100%;aspect-ratio:3 / 4}.fb-canvas-back{position:relative;pointer-events:none}.fb-canvas-front{position:absolute;inset:0;pointer-events:auto;z-index:2}.fb-tori{position:absolute;pointer-events:none;z-index:1}:root{--fm-fruit-1: #ffd0d0;--fm-fruit-2: #ffc2c8;--fm-fruit-3: #fff0a8;--fm-fruit-4: #ffd9a0;--fm-fruit-5: #ffbcb0;--fm-fruit-6: #ffd8c8;--fm-fruit-7: #c9eccb}@media(prefers-color-scheme:dark){:root{--fm-fruit-1: #5c2f33;--fm-fruit-2: #63303a;--fm-fruit-3: #5c5220;--fm-fruit-4: #604220;--fm-fruit-5: #632e28;--fm-fruit-6: #63402f;--fm-fruit-7: #2d5234}}.fm-band{background:var(--surface-3)}.fm-next{display:inline-flex;align-items:center;gap:4px}.fm-next__dot{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--line-strong);border-radius:50%;font-size:18px;line-height:1}:root{--g-chip: #ffffff;--g-shadow: rgb(58 46 39 / .18);--g-sky-top: #ffe9d6;--g-sky-bot: #fff8f1;--g-ground: #e9ddd0;--g-wood: #c79a6b;--g-wood-dark: #a67c52;--g-can: #d9cfc4;--g-stone: #8f7a68;--g-egg: #fff3df;--g-hill-far: #f3e2cf;--g-hill-near: #e6cfb6;--g-road: #eadbc9;--g-minus: #b3261e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--g-chip: #27221e;--g-shadow: rgb(0 0 0 / .4);--g-sky-top: #2a2420;--g-sky-bot: #1d1916;--g-ground: #403731;--g-wood: #8a6a4a;--g-wood-dark: #6b5038;--g-can: #a89a8c;--g-stone: #6e6157;--g-egg: #f4e6cf;--g-hill-far: #2f2823;--g-hill-near: #3a312b;--g-road: #3a322c;--g-minus: #ff9a8f}}:root[data-theme=dark]{--g-chip: #27221e;--g-shadow: rgb(0 0 0 / .4);--g-sky-top: #2a2420;--g-sky-bot: #1d1916;--g-ground: #403731;--g-wood: #8a6a4a;--g-wood-dark: #6b5038;--g-can: #a89a8c;--g-stone: #6e6157;--g-egg: #f4e6cf;--g-hill-far: #2f2823;--g-hill-near: #3a312b;--g-road: #3a322c;--g-minus: #ff9a8f}.gr-wrap{position:relative}.gr-status-right{font-variant-numeric:tabular-nums}.gr-tori{position:absolute;width:36px;height:36px;will-change:transform}:root{--gm-check: #ffffff}.gm-wrap{position:relative}.gm-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:6px;width:var(--board);height:var(--board);touch-action:manipulation;-webkit-user-select:none;user-select:none}.gm-board.is-enter{animation:gm-enter .15s ease-out}@keyframes gm-enter{0%{opacity:0}to{opacity:1}}.gm-cell{display:grid;place-items:center;min-width:0;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2);font:inherit;cursor:pointer;container-type:size;transition:background-color .12s,border-color .12s}.gm-inner{display:grid;place-items:center;width:50cqmin;height:50cqmin}.gm-inner svg{width:100%;height:100%;animation:gm-pop .12s ease-out}@keyframes gm-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.gm-cell[data-look=lit]{background:var(--accent);border-color:var(--accent)}.gm-cell[data-look=lit] .gm-inner:before{content:"";width:80%;height:80%;border-radius:50%;background:var(--accent-ink)}.gm-cell[data-look=ok]{background:var(--ok);border-color:var(--ok-text);color:var(--gm-check)}.gm-cell[data-look=wrong]{background:var(--surface-3);color:var(--danger-text)}.gm-cell.is-focus{outline:3px solid var(--text);outline-offset:2px}@media(prefers-reduced-motion:reduce){.gm-cell{transition:none}.gm-board.is-enter,.gm-inner svg{animation:none}}.gf-wrap{position:relative}.gf-board{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:52px;align-content:start;gap:6px;width:var(--board);height:226px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.gf-tile{min-width:0;padding:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:18px;font-weight:700;cursor:pointer;touch-action:manipulation}.gf-tile.is-picked{border:2px solid var(--accent-text);background:var(--accent-soft)}.gf-tile.is-bad{border:2px solid var(--danger-text);background:var(--surface);animation:gf-shake .3s linear}@keyframes gf-shake{16%{translate:-4px 0}33%{translate:4px 0}50%{translate:-4px 0}66%{translate:4px 0}83%{translate:-4px 0}}.gf-tile.is-focus{outline:2px solid var(--text);outline-offset:2px}.gf-band{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:0 12px;box-sizing:border-box;overflow:hidden;border:2px solid var(--ok);border-radius:12px;background:var(--surface);color:var(--text);font-size:16px;font-weight:400;white-space:pre}.gf-band b{color:var(--ok-text);font-weight:700}.gf-hearts{display:inline-flex;gap:2px;font-size:16px}.gf-hearts .is-lost{opacity:.25;filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.gf-tile.is-bad{animation:none}}:root{--ink: #3a2e27;--cream: #fff8f1;--spike: #b3261e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #1d1916}}:root[data-theme=dark]{--ink: #1d1916}.hd-status-right{display:inline-flex;align-items:center;gap:8px}.hd-band{color:var(--text-2);font-size:18px;letter-spacing:4px;touch-action:none;user-select:none;-webkit-user-select:none}:root{--c1: #ff7a59;--c1-edge: #b8432a;--c2: #f2b33d;--c2-edge: #a87410;--c3: #5fbf8a;--c3-edge: #2e7d4f;--c4: #6aa9e8;--c4-edge: #2f66a8;--c5: #b08ae0;--c5-edge: #6b45a6;--c-ink: #3a2e27}.hx-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hx-wrap canvas{display:block;width:100%;aspect-ratio:328 / 437}.hg-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:12px;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hg-wrap canvas{display:block;width:100%;aspect-ratio:3 / 4}.hg-band{height:48px;border-top:1px solid var(--line);background:var(--surface-3)}:root{--ice-tile: #dff1f7;--ice-desk: #a3bfcc}@media(prefers-color-scheme:dark){:root{--ice-tile: #263a44;--ice-desk: #18262d}}.ics-wrap{position:relative}.jr-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.jr-wrap canvas{display:block;width:100%;aspect-ratio:328 / 437}.jr-band{height:48px;background:var(--surface-2)}:root{--lg-empty: #cfe8b9;--lg-land: #44763a;--lg-line: #a83a1f;--lg-ink: #fffaf3;--lg-chip: #3a2e27}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--lg-empty: #2f3f2a;--lg-land: #7fb86a;--lg-line: #ff9478;--lg-ink: #1d1916;--lg-chip: #1d1916}}:root[data-theme=dark]{--lg-empty: #2f3f2a;--lg-land: #7fb86a;--lg-line: #ff9478;--lg-ink: #1d1916;--lg-chip: #1d1916}.lg-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.lg-wrap canvas{display:block;width:100%;aspect-ratio:480 / 640}.lg-band{height:48px;background:var(--surface-2);touch-action:none}.lg-status-right{display:inline-flex;align-items:center;gap:6px}.lg-hearts{display:inline-flex;gap:2px}.lg-hearts i{width:12px;height:12px;border-radius:50%;background:no-repeat center/contain}.lg-hearts i:before{content:"💛";font-size:12px;line-height:1}.lg-hearts i.is-lost{opacity:.3;filter:grayscale(1);transition:opacity .2s,filter .2s}.ld-band{justify-content:space-around}.ld-band span{flex:1;text-align:center}.lo-wrap{position:relative}.lo-board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:6px;width:var(--board);height:var(--board);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lo-cell{display:grid;place-items:center;min-width:0;padding:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-3);font-size:28px;line-height:1;cursor:pointer;touch-action:manipulation;transition:background-color .12s}.lo-cell.is-on{border-width:2px;background:var(--warn)}.lo-cell.is-focus{outline:3px solid var(--text);outline-offset:2px}.lo-cell.is-press{animation:lo-press 80ms}@keyframes lo-press{50%{transform:scale(.96)}}.lo-guide[data-tone=ok] .bg-line{color:var(--ok-text)}@media(prefers-reduced-motion:reduce){.lo-cell{transition:none}.lo-cell.is-press{animation:none}}.lr-wrap{position:relative;touch-action:none}.lr-wrap .r3-band{opacity:.5}.mt-wrap,.m3-wrap{position:relative}.m3-board{--m3-c: 51.3px;position:relative;width:var(--board);height:var(--board);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.m3-board.is-shuffle{opacity:0}.m3-tile{position:absolute;top:0;left:0;display:grid;place-items:center;width:var(--m3-c);height:var(--m3-c);border-radius:10px;background:var(--surface-2);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--m3-c) * .6);line-height:1;cursor:grab;touch-action:none;transition-property:transform;transition-timing-function:ease-out}.m3-tile.is-held{z-index:1;box-shadow:var(--shadow);scale:1.08}.m3-tile.is-focus{outline:3px solid var(--accent-text);outline-offset:-3px}.m3-tile.is-grab{scale:1.08;z-index:1}.m3-tile.is-pop{animation:m3-pop .2s forwards}.m3-tile.is-bad{box-shadow:inset 0 0 0 2px var(--danger)}@keyframes m3-pop{to{scale:.6;opacity:0}}.m3-wrap .r3-pause{background:var(--surface-2);border-radius:12px}.m3-guide[data-tone=ok] .bg-line{color:var(--ok-text)}.m3-guide[data-tone=bad] .bg-line{color:var(--danger-text)}.mz-wrap{position:relative;touch-action:none}.mc-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:var(--board);aspect-ratio:328 / 376}.mc-card{min-width:0;padding:0;border:none;background:none;cursor:pointer;perspective:600px}.mc-card__inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .25s ease}.mc-card.is-up .mc-card__inner{transform:rotateY(180deg)}.mc-card__back,.mc-card__front{position:absolute;inset:0;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;backface-visibility:hidden}.mc-card__back{background:var(--surface-3);color:var(--text-2);font-size:24px;font-weight:800}.mc-card__front{transform:rotateY(180deg);background:var(--surface);font-size:36px}.mc-card.is-matched .mc-card__front{border:2px solid var(--ok-text)}.mc-card.is-matched .mc-card__front:after{content:"✓";position:absolute;top:2px;right:6px;font-size:13px;line-height:18px;font-weight:800;color:var(--ok-text)}.mc-card.is-matched{cursor:default}@media(prefers-reduced-motion:reduce){.mc-card__inner{transition:none;transform:none!important}.mc-card__back,.mc-card__front{transition:opacity .1s;backface-visibility:visible;transform:none}.mc-card__front{opacity:0}.mc-card.is-up .mc-card__front{opacity:1}.mc-card.is-up .mc-card__back{opacity:0}}.ms-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--cols),1fr);gap:2px;width:min(326px,calc(100vw - 32px));aspect-ratio:1;border-radius:6px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ms-grid.is-flagging{outline:3px solid var(--warn-text);outline-offset:2px}.ms-cell{min-width:0;padding:0;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface-3);color:var(--text);font:inherit;font-size:16px;font-weight:800;line-height:1;cursor:pointer;transition:opacity .1s}.ms-cell.is-open{border-color:var(--line);background:var(--surface);cursor:default}.ms-cell[data-n="1"]{color:#2563a8}.ms-cell[data-n="2"]{color:#2e7d4f}.ms-cell[data-n="3"]{color:#b3261e}.ms-cell[data-n="4"]{color:#6a3fa0}.ms-cell[data-n="5"]{color:var(--text)}@media(prefers-color-scheme:dark){.ms-cell[data-n="1"]{color:#8ab8f0}.ms-cell[data-n="2"]{color:#7fd6a0}.ms-cell[data-n="3"]{color:#ff9a8f}.ms-cell[data-n="4"]{color:#c9a8f0}}.ms-mode{width:min(326px,calc(100vw - 32px));margin-top:8px}.ms-mode.is-flag{background:var(--warn);border-color:var(--warn);color:#3a2e27}@media(prefers-reduced-motion:reduce){.ms-cell{transition:none}}.np-wrap{position:relative}.np-grid{--np-cell: 40px;display:grid;grid-template-columns:60px repeat(calc(var(--np-n) - 1),var(--np-cell)) 1fr;grid-template-rows:60px repeat(calc(var(--np-n) - 1),var(--np-cell)) 1fr;width:var(--board);height:var(--board);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.np-clue{display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.np-clue span{display:inline-flex;justify-content:center;width:18px}.np-clue--col{flex-direction:column;justify-content:flex-end;line-height:18px}.np-clue--row{justify-content:flex-end;padding-right:6px}.np-clue.is-ok span{color:var(--ok-text);font-weight:400}.np-cell{min-width:0;padding:0;box-sizing:border-box;border:none;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:4px;background:var(--surface);color:var(--text-2);font-size:calc(var(--np-cell) * .45);line-height:1;cursor:pointer;touch-action:manipulation;transition:background-color 80ms}.np-cell[data-state=fill]{background:var(--text);box-shadow:none}.np-cell[data-state=fill].is-pass{background:var(--ok)}.np-cell.is-focus{outline:3px solid var(--text);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--surface)}.np-cell.is-pass[data-state=fill]{animation:np-pop .2s}@keyframes np-pop{0%{scale:1}40%{scale:1.06}to{scale:1}}@media(prefers-reduced-motion:reduce){.np-cell{transition:none}.np-cell.is-pass[data-state=fill]{animation:none}}.nb-wrap{position:relative}.nb-board{--nb-row: 32px;--nb-btn: 48px;display:flex;flex-direction:column;gap:8px;width:var(--board);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.nb-board.is-compact{--nb-row: 28px;--nb-btn: 44px}.nb-log{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,var(--nb-row));grid-auto-flow:column;gap:4px 8px}.nb-row{display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border-radius:8px;background:var(--surface-2)}.nb-row.is-used{border:1px solid var(--line);background:var(--surface);animation:nb-in .15s ease-out}.nb-row.is-win{border:2px solid var(--ok-text);background:var(--accent-soft)}@keyframes nb-in{0%{opacity:0}to{opacity:1}}.nb-no{font-size:13px;font-weight:400;color:var(--text-2)}.nb-digits{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--text)}.nb-res{display:flex;align-items:center;gap:4px;margin-left:auto}.nb-res.is-none{font-size:13px;font-weight:400;color:var(--text-2)}.nb-strike,.nb-ball{width:12px;height:12px;box-sizing:border-box;border-radius:50%}.nb-strike{background:var(--text)}.nb-ball{border:2px solid var(--text)}.nb-slots{display:flex;justify-content:center;gap:8px}.nb-slot{display:grid;place-items:center;width:48px;height:48px;box-sizing:border-box;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font-size:24px;font-weight:700}.nb-slot.is-next{border:3px solid var(--text)}.nb-pad,.nb-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nb-pad,.nb-actions{grid-auto-rows:var(--nb-btn)}.nb-ok{grid-column:span 2}.nb-key{min-width:0;padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:20px;font-weight:700;cursor:pointer;transition:background-color .1s}.nb-del,.nb-ok{font-size:16px}.nb-ok{border:none;background:var(--accent);color:var(--accent-ink)}.nb-key[aria-disabled=true]{border-color:transparent;background:var(--surface-2);color:var(--text-2);cursor:default}.nb-key:not([aria-disabled=true]):active{background:var(--surface-3)}@media(prefers-reduced-motion:reduce){.nb-row.is-used{animation:none}.nb-key{transition:none}}.oo-wrap{position:relative}.oo-board{--cell: calc((var(--board) - (var(--n) - 1) * 6px) / var(--n));display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:6px;width:var(--board);height:var(--board);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.oo-cell{display:grid;place-items:center;min-width:0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--cell) * .6);line-height:1;cursor:pointer;touch-action:manipulation}.oo-cell:active{background:var(--surface-2)}.oo-cell.is-focus{outline:3px solid var(--accent-text);outline-offset:-3px}.oo-cell.is-ok{box-shadow:inset 0 0 0 3px var(--ok)}.oo-cell.is-bad{box-shadow:inset 0 0 0 3px var(--danger);animation:oo-shake .3s linear}.oo-board.is-paused .oo-cell{animation-play-state:paused}@keyframes oo-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.oo-wrap .r3-pause{background:var(--surface-2);border-radius:12px}.oo-hearts{display:inline-flex;gap:2px;font-size:16px}.oo-hearts .is-lost{opacity:.25;filter:grayscale(1)}.oo-guide[data-tone=ok] .bg-line{color:var(--ok-text)}.oo-guide[data-tone=bad] .bg-line{color:var(--danger-text)}@media(prefers-reduced-motion:reduce){.oo-cell.is-bad{animation:none}}:root{--om-board: #d9a561;--om-grid: #6b4a20;--om-me: #27221e;--om-cpu: #ffffff;--om-dot: #a83a1f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--om-board: #8a6a3e;--om-grid: #2e2010;--om-me: #1d1916;--om-cpu: #f4ebe3}}:root[data-theme=dark]{--om-board: #8a6a3e;--om-grid: #2e2010;--om-me: #1d1916;--om-cpu: #f4ebe3}.om-wrap{position:relative;width:var(--board);margin:0 auto}.om-board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(324px,var(--board));aspect-ratio:1;margin:0 auto;background:var(--om-board);border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.om-cell{position:relative;padding:0;background:none;border:none;border-right:1px solid var(--om-grid);border-bottom:1px solid var(--om-grid);cursor:pointer}.om-cell:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--om-me);transform:scale(.6);opacity:0;transition:transform .12s,opacity .12s}.om-cell[data-stone=me]:before{background:var(--om-me);transform:scale(1);opacity:1}.om-cell[data-stone=cpu]:before{background:var(--om-cpu);border:1.5px solid #3a2e27;box-sizing:border-box;transform:scale(1);opacity:1}.om-cell[data-last="1"]:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--om-dot)}.om-cell[data-preview="1"]{box-shadow:inset 0 0 0 3px var(--text);border-radius:6px}.om-cell[data-preview="1"][data-stone=""]:before{background:var(--om-me);width:12px;height:12px;inset:50% auto auto 50%;margin:-6px 0 0 -6px;transform:none;opacity:1}.om-cell[data-focus="1"]{outline:2px solid var(--accent-text);outline-offset:-2px}.om-line-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}.om-line{stroke-linecap:round}.om-line--outer{stroke-width:8px}.om-line--inner{stroke-width:4px}.om-cell[data-win=me]:before,.om-cell[data-win=cpu]:before{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.om-cell:before{transition:none}}.ol-info{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:var(--ol-side, var(--board));height:28px;margin-top:12px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.ol-streak{text-align:right}.ol-kind{padding:4px 10px;border-radius:999px;background:var(--text);color:var(--bg);font-size:13px;font-weight:600}.ol-time{display:grid;gap:4px;width:var(--ol-side, var(--board));margin-top:8px}.ol-time__text{height:20px;text-align:right;font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}.ol-time__text.is-low{color:var(--warn-text);font-weight:700}.ol-bar{position:relative;height:12px;overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface)}.ol-bar__fill{display:block;height:100%;background:var(--accent);box-shadow:inset -3px 0 0 var(--text);transition:width 1s linear}.ol-bar__fill.is-low{background:var(--warn)}.ol-board{position:relative;width:var(--ol-side, var(--board));margin-top:12px}.ol-board.is-leaving{animation:ol-out .6s linear forwards}@keyframes ol-out{0%,75%{opacity:1}to{opacity:0}}.ol-grid{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:3px;aspect-ratio:1;padding:6px;border-radius:16px;background:var(--surface-3);touch-action:none;user-select:none;-webkit-user-select:none}.ol-cell{position:relative;display:grid;place-items:center;min-width:0;border-radius:8px;background:var(--surface)}.ol-cell.is-visited{background:var(--accent-soft)}.ol-cell.is-end{box-shadow:inset 0 0 0 3px var(--accent-text)}.ol-cell.is-blocked{box-shadow:inset 0 0 0 3px var(--danger-text)}.ol-svg{position:absolute;top:0;left:0;pointer-events:none}.ol-svg polyline{fill:none;stroke:var(--accent-text);stroke-linecap:round;stroke-linejoin:round}.ol-num{position:relative;z-index:2;display:grid;place-items:center;width:60%;aspect-ratio:1;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--text);font-size:20px;font-weight:700;line-height:1}.ol-num.is-passed{border-color:var(--accent-text);background:var(--accent-text);color:var(--surface)}.ol-board[data-num-size="18"] .ol-num{font-size:18px}.ol-board[data-num-size="16"] .ol-num{font-size:16px}.ol-svg{z-index:1}.ol-grid .ol-cell{z-index:auto}.ol-solved{position:absolute;top:50%;left:50%;z-index:3;padding:10px 16px;border:2px solid var(--ok);border-radius:999px;background:var(--surface);color:var(--ok-text);font-size:18px;font-weight:700;white-space:nowrap;transform:translate(-50%,-50%);animation:ol-in .1s ease-out}@keyframes ol-in{0%{opacity:0}to{opacity:1}}.ol-restart{width:var(--ol-side, var(--board));min-height:44px;margin:8px 0 16px;font-size:15px}@media(prefers-reduced-motion:reduce){.ol-board.is-leaving{animation:none}.ol-bar__fill{transition:none}.ol-solved{animation:none}}[data-game=one-to-fifty] .statusbar{font-size:17px}[data-game=one-to-fifty] .statusbar>:first-child{color:var(--accent-text)}.otf-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:7px;width:var(--board);aspect-ratio:1;user-select:none;-webkit-user-select:none}.otf-grid.is-over{opacity:.5;pointer-events:none}.otf-cell{min-width:0;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .1s}.otf-cell.is-second{background:var(--surface-2)}.otf-cell.is-done{background:var(--surface-3);border-color:var(--surface-3);cursor:default}.otf-cell:active:not(:disabled){transform:scale(.95)}.otf-cell.is-new{animation:otf-in .1s ease-out}@keyframes otf-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.otf-cell{transition:none}.otf-cell:active:not(:disabled){transform:none}}.os2-wrap{position:relative;touch-action:none}:root{--p1: #d1493f;--p2: #2f6fd0;--p3: #2e7d4f;--p4: #8a56c2;--p-ink: #ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--p1: #ff8a7a;--p2: #7fb0ff;--p3: #7fd6a0;--p4: #c39bf0;--p-ink: #1d1916}}:root[data-theme=dark]{--p1: #ff8a7a;--p2: #7fb0ff;--p3: #7fd6a0;--p4: #c39bf0;--p-ink: #1d1916}.ps-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ps-wrap canvas{display:block;width:100%;aspect-ratio:328 / 485;transition:opacity .2s}.ps-wrap canvas.is-trans{opacity:0}@media(prefers-reduced-motion:reduce){.ps-wrap canvas{transition:none}}.pl-wrap{position:relative}.pl-board{--pl-cell: calc(var(--board) / 6.84);position:relative;width:var(--board);height:var(--board);border-radius:12px;background:var(--surface-2);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pl-card{position:absolute;top:calc(var(--pl-cell) * .42 + var(--r) * var(--pl-cell) + 2px);left:calc(var(--pl-cell) * .42 + var(--c) * var(--pl-cell) + 2px);display:grid;place-items:center;width:calc(var(--pl-cell) - 4px);height:calc(var(--pl-cell) - 4px);padding:0;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:28px;line-height:1;cursor:pointer;touch-action:manipulation}.pl-card.is-empty{border-color:transparent;background:transparent;cursor:default}.pl-card.is-picked{border:3px solid var(--accent-text);background:var(--accent-soft)}.pl-card.is-focus{outline:2px solid var(--text);outline-offset:2px}.pl-card.is-fade,.pl-lines .is-fade{opacity:0;transition:opacity .15s}.pl-card.is-in{animation:pl-in .2s}@keyframes pl-in{0%{opacity:0}}.pl-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pl-lines polyline{fill:none;stroke:var(--accent-text);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}@media(max-width:359px){.pl-card{font-size:25px}}@media(prefers-reduced-motion:reduce){.pl-card.is-in{animation:none}}.pk-wrap{position:relative}.pd2-wrap{position:relative;touch-action:none}.pst-wrap{position:relative}.pst-pins{display:flex;align-items:center;gap:14px;height:28px}.pst-pin{position:relative;width:2px;height:28px;background:var(--line-strong);opacity:.6}.pst-pin:after{content:"";position:absolute;top:-3px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:1.5px solid var(--text)}.pst-pin.is-used{opacity:.4}.pst-pin.is-used:after{display:none}.pst-pin-label{margin-left:12px;font-size:14px;font-weight:700;color:var(--text);white-space:nowrap}.pst-band{display:flex;align-items:center;justify-content:center}.pt2-wrap{position:relative;touch-action:none}:root{--pb-1: #ff7a59;--pb-2: #6aa9e9;--pb-3: #f2b33d;--pb-4: #6fbf8b;--pb-5: #b08ae0;--pb-symbol: #3a2e27}.pb-wrap{position:relative;width:var(--board)}.pb-field{--c: 41px;position:relative;width:calc(var(--c) * 8);height:calc(var(--c) * 10);margin:0 auto;overflow:hidden;background:var(--surface-2);touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:opacity 0ms}.pb-field.is-wait{opacity:.5}.pb-cell{position:absolute;top:0;left:0;width:var(--c);height:var(--c);padding:1px;box-sizing:border-box;pointer-events:none}.pb-cell.is-move{transition:transform .15s ease-in}.pb-block{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:calc(var(--c) * .2);transition:transform .15s,opacity .15s}.pb-block svg{width:calc(var(--c) * .45);height:calc(var(--c) * .45);fill:var(--pb-symbol)}.pb-cell.is-pop .pb-block{transform:scale(.6);opacity:0}.pb-block.is-lone{animation:pb-lone .15s}@keyframes pb-lone{50%{opacity:.6}}.pb-cursor{position:absolute;top:0;left:0;width:var(--c);height:var(--c);box-sizing:border-box;border:3px solid var(--text);pointer-events:none;z-index:1}@media(prefers-reduced-motion:reduce){.pb-cell.is-pop .pb-block{transform:none}.pb-block.is-lone{animation:none}}.qm-wrap{position:relative}.qm-board{display:grid;grid-template-rows:120px auto;gap:12px;width:var(--board);height:268px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.qm-card{display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:40px;font-weight:700;font-variant-numeric:tabular-nums}.qm-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:64px 64px;gap:8px}.qm-opt{position:relative;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform 80ms}.qm-opt:active{transform:scale(.97)}.qm-opt[data-mark=ok]{box-shadow:inset 0 0 0 2px var(--ok-text)}.qm-opt[data-mark=bad]{box-shadow:inset 0 0 0 2px var(--danger-text)}.qm-mark{position:absolute;right:12px;top:50%;display:flex;transform:translateY(-50%)}.qm-opt[data-mark=ok] .qm-mark{color:var(--ok-text)}.qm-opt[data-mark=bad] .qm-mark{color:var(--danger-text)}.qm-key{display:none;position:absolute;top:6px;left:6px;font-size:12px;font-weight:400;line-height:1;color:var(--text-2)}@media(hover:hover)and (pointer:fine){.qm-key{display:block}}@media(prefers-reduced-motion:reduce){.qm-opt{transition:none}}.rx-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:calc(100dvh - 72px);padding:16px;border:none;border-radius:16px;background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rx-round{position:absolute;top:12px;left:0;right:0;font-size:13px;line-height:18px;font-weight:600;font-variant-numeric:tabular-nums}.rx-mark{font-size:64px;line-height:72px;min-height:72px}.rx-mark.is-number{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums}.rx-text{font-size:17px;line-height:22px;font-weight:700}.rx-pad[data-phase=waiting]{background:var(--danger);color:#3a2e27}.rx-pad[data-phase=go]{background:#5fbf7f;color:#3a2e27}.rc-wrap{display:flex;flex-direction:column;gap:8px;width:var(--rc-w, var(--board));margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rc-canvas{display:block;width:100%;aspect-ratio:3 / 4;border-radius:16px;touch-action:none}.rc-band{height:48px;border-radius:12px;background:var(--surface-2);touch-action:none}.rc-guide[data-tone=up] .bg-line{color:var(--warn-text)}.rpc-wrap{position:relative;touch-action:none}:root{--rs-water: #bfe3f2}@media(prefers-color-scheme:dark){:root{--rs-water: #24404d}}.rs-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:12px;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rs-wrap canvas{display:block;width:100%;aspect-ratio:3 / 4}.rs-band{display:grid;place-items:center;height:48px;background:var(--surface-2);color:var(--text-2);font-size:14px;font-weight:500}.rs-band.is-down{background:var(--surface-3)}.sb-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sb-wrap canvas{display:block;width:100%;aspect-ratio:300 / 400}.sb-band{display:grid;place-items:center;height:48px;background:var(--surface-2);color:var(--text-2);font-size:20px;touch-action:none}.so-wrap{width:calc(var(--board) * 280 / 328);margin:0 auto}.so-board{position:relative;width:100%;aspect-ratio:5 / 6;background:var(--surface);border-radius:12px;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.so-board.is-trans,.so-board.is-jam{opacity:.5}.so-piece{position:absolute;box-sizing:border-box;background:var(--surface-2);border:2px solid var(--line-strong);border-radius:12px;transition:transform .3s ease-in,opacity .3s ease-in}.so-piece.is-falling{transform:translateY(80px) rotate(12deg);opacity:0}.so-deco,.so-screw{position:absolute;box-sizing:border-box;display:grid;place-items:center}.so-screw{transition:left .15s ease-out,top .15s ease-out;cursor:pointer}.so-deco__circle{width:24px;height:24px;border-radius:50%;box-sizing:border-box}.so-deco__circle[data-state=empty]{background:var(--bg);border:2px solid var(--line-strong)}.so-deco__circle[data-state=piece-hole]{background:var(--surface-3);border:1px solid var(--line-strong)}.so-deco__ring{display:none;position:absolute;width:32px;height:32px;border-radius:50%;border:2px solid var(--accent-text)}.so-screw__circle{position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.so-screw__circle[data-state=fixed]{background:var(--text)}.so-screw__circle[data-state=moved]{background:var(--text-2)}.so-screw__slot{width:12px;height:2px;background:var(--surface-2)}.so-screw__ring{display:none;position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid var(--accent-text);pointer-events:none}.so-hearts{display:inline-flex;gap:4px;align-items:center}.so-hearts i{width:12px;height:12px;border-radius:50%;background:var(--accent);border:1px solid var(--line-strong);box-sizing:border-box}.so-hearts i.is-used{background:none}@media(prefers-reduced-motion:reduce){.so-screw{transition:none}.so-piece.is-falling{transform:none;transition:opacity .3s}.so-board{transition:none}}:root{--ssl-board: #e2c8a2;--ssl-ink: #3a2e27;--ssl-slot-label: #6d5d53;--ssl-stand: #8f7a68;--ssl-ground: #8f7a68;--ssl-load-1: #ffe3d6;--ssl-load-1-text: #3a2e27;--ssl-load-2: #f2b33d;--ssl-load-2-text: #3a2e27;--ssl-load-3: #a83a1f;--ssl-load-3-text: #ffffff;--ssl-ring: #a83a1f;--ssl-danger-border: #b3261e;--ssl-flat-border: #2e7d4f}@media(prefers-color-scheme:dark){:root{--ssl-slot-label: #b5a597;--ssl-ground: #958577;--ssl-ring: #ff9478;--ssl-danger-border: #ff9a8f;--ssl-flat-border: #7fd6a0}}.ssl-wrap,.sm-wrap{position:relative}.sm-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:var(--board);aspect-ratio:1;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);touch-action:manipulation;user-select:none;-webkit-user-select:none}.sm-board.is-showing .sm-cell{pointer-events:none}.sm-cell{display:grid;place-items:center;min-width:0;padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--accent-ink);font:inherit;cursor:pointer;transition:background-color 80ms,transform 80ms}.sm-mark{font-size:28px;font-weight:800;line-height:1}.sm-cell[data-look=lit]{background:var(--accent);transform:scale(1.05)}.sm-cell[data-look=ok],.sm-cell[data-look=pass]{background:var(--ok)}.sm-cell[data-look=wrong]{background:var(--danger)}.sm-cell[data-look=answer]{border:3px solid var(--accent)}.sm-board:not(.is-showing) .sm-cell:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.sm-cell{transition:none}.sm-cell[data-look=lit]{transform:none}.sm-board:not(.is-showing) .sm-cell:active{transform:none}}.sl-wrap{display:flex;justify-content:center}.sl-board{--sl-n: 3;display:grid;grid-template-columns:repeat(var(--sl-n),1fr);grid-template-rows:repeat(var(--sl-n),1fr);gap:6px;width:var(--board);aspect-ratio:1;padding:8px;box-sizing:border-box;background:var(--surface-2);border-radius:12px;transition:opacity .2s}.sl-board.is-cleared{outline:2px solid var(--accent);outline-offset:-2px}.sl-board.is-trans{opacity:0}.sl-tile{box-sizing:border-box;border:none;border-radius:10px;background:var(--surface);box-shadow:0 2px 0 var(--line);outline:1px solid var(--line-strong);outline-offset:-1px;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;font-size:calc(var(--board) * 36 / 328);cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out,background-color .12s,outline-color .12s}.sl-board[data-n="4"] .sl-tile{font-size:calc(var(--board) * 28 / 328)}.sl-tile[data-placed="1"]{background:var(--accent-soft);outline:1px solid var(--accent);color:var(--accent-text)}.sl-tile[hidden]{visibility:hidden;box-shadow:none;outline:none;background:transparent}.sl-tile:focus-visible{outline:2px solid var(--line-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sl-tile{transition:background-color 0ms,outline-color 0ms}.sl-board{transition:none}}.sn-canvas{display:block;width:min(260px,calc(100vw - 32px));aspect-ratio:1;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface-2);touch-action:none}.sn-pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);grid-template-areas:". up ." "left . right" ". down .";gap:4px;justify-content:center;margin-top:8px;touch-action:none;-webkit-user-select:none;user-select:none}.sn-pad__btn{border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:20px;cursor:pointer}.sn-pad__btn:active{background:var(--surface-3)}.sn-pad__btn--up{grid-area:up}.sn-pad__btn--down{grid-area:down}.sn-pad__btn--left{grid-area:left}.sn-pad__btn--right{grid-area:right}:root{--sd-bg: #f3e9df;--sd-wall: #8f7a68;--sd-snow: #ffffff;--sd-snow-cut: #dfe7ee;--sd-dug: #4f6273;--sd-rock: #8f7a68;--sd-rock-line: #ffffff;--sd-marble: #ffe3d6;--sd-marble-line: #a83a1f;--sd-gold: #f2b33d;--sd-gold-line: #8a5a00;--sd-hole: #3a2e27;--sd-frame: #3a2e27}@media(prefers-color-scheme:dark){:root{--sd-bg: #332c27;--sd-wall: #958577;--sd-snow: #c9d3dc;--sd-snow-cut: #9fadb9;--sd-dug: #2a3440;--sd-rock: #6d5d53;--sd-hole: #1d1916;--sd-frame: #f4ebe3}}.sdg-wrap{position:relative;touch-action:none}.spd-wrap{position:relative}.spd-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:var(--board);height:424px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.spd-board{display:grid;grid-template-columns:repeat(var(--spd-cols),var(--spd-cell));grid-auto-rows:var(--spd-cell);gap:var(--spd-gap)}.spd-line{width:100%;height:1px;margin:7.5px 0;background:var(--line-strong)}.spd-cell{position:relative;display:grid;place-items:center;padding:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);font-size:32px;line-height:1;cursor:pointer;touch-action:manipulation}.spd-area[data-big=true] .spd-cell{font-size:28px}.spd-cell.is-found{border:3px solid var(--ok)}.spd-cell.is-found:after{content:"✓";position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ok);color:#fff;font-size:12px;font-weight:700;line-height:1}.spd-cell.is-bad{border:2px solid var(--danger-text);animation:spd-shake .3s linear}@keyframes spd-shake{16%{translate:-4px 0}33%{translate:4px 0}50%{translate:-4px 0}66%{translate:4px 0}83%{translate:-4px 0}}.spd-cell.is-focus{outline:2px solid var(--text);outline-offset:2px}.spd-hearts{display:inline-flex;gap:2px;font-size:16px}.spd-hearts .is-lost{opacity:.25;filter:grayscale(1)}@media(prefers-reduced-motion:reduce){.spd-cell.is-bad{animation:none}}.sc-wrap{width:var(--r3-w, var(--board));margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 0 0 1px var(--line),var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sc-wrap canvas{display:block;width:100%;aspect-ratio:300 / 400}.sc-band{display:flex;gap:8px;height:48px}.sc-btn{flex:1;padding:0;border:none;font:inherit;font-size:16px;font-weight:700;cursor:pointer;touch-action:manipulation}.sc-btn--turn{background:var(--surface-2);color:var(--text)}.sc-btn--climb{background:var(--accent);color:var(--accent-ink)}.sc-btn.is-down{opacity:.7}:root{--sp-zone-1: #ffd6c9;--sp-zone-2: #ffeaa6;--sp-zone-3: #cdebd0;--sp-zone-4: #cbe3f6;--sp-zone-5: #e2d5f4;--sp-zone-6: #e6e0d8}@media(prefers-color-scheme:dark){:root{--sp-zone-1: #5a3328;--sp-zone-2: #554a22;--sp-zone-3: #2c4a33;--sp-zone-4: #2a4358;--sp-zone-5: #43365a;--sp-zone-6: #45403a}}.sp-wrap{position:relative}.sp-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);width:var(--board);aspect-ratio:1;overflow:hidden;border-radius:8px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sp-board.is-enter{animation:sp-enter .15s ease-out}@keyframes sp-enter{0%{opacity:0}to{opacity:1}}.sp-cell{display:grid;place-items:center;min-width:0;padding:0;border:none;background:var(--zone);box-shadow:inset 0 var(--bt) 0 var(--text),inset 0 calc(var(--bb) * -1) 0 var(--text),inset var(--bl) 0 0 var(--text),inset calc(var(--br) * -1) 0 0 var(--text),inset 0 0 0 .5px var(--line-strong);color:var(--text);font:inherit;cursor:pointer;container-type:size}.sp-star{font-size:60cqmin;line-height:1}.sp-cell[data-state=bad]{color:var(--danger-text)}.sp-cell[data-state=ok]{color:var(--ok-text)}.sp-cell.is-pop .sp-star{animation:sp-pop .12s ease-out}@keyframes sp-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.sp-cell.is-cursor{outline:3px solid var(--accent-text);outline-offset:-6px}[data-game=star-place] .statusbar{display:grid;grid-template-columns:1fr auto 1fr;white-space:nowrap}[data-game=star-place] .statusbar>span:last-child,.sp-status-right{display:contents}.sp-right{text-align:right}@media(prefers-reduced-motion:reduce){.sp-board.is-enter,.sp-cell.is-pop .sp-star{animation:none}}:root{--ink: #3a2e27;--cream: #fff8f1;--aim: #3a2e27;--aim-edge: #fff8f1;--wood: #e8c79a;--wood-side: #c9a26e;--spike: #b3261e;--cast: rgb(90 60 40)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #1d1916;--aim: #fff8f1;--aim-edge: #1d1916;--wood: #8a6a48;--wood-side: #6b5035;--cast: rgb(0 0 0)}}:root[data-theme=dark]{--ink: #1d1916;--aim: #fff8f1;--aim-edge: #1d1916;--wood: #8a6a48;--wood-side: #6b5035;--cast: rgb(0 0 0)}.sfk-status-right{display:inline-flex;align-items:center;gap:8px}.sfk-band{position:relative;justify-content:flex-start;padding:0 12px}.sfk-band-fill{position:absolute;left:12px;top:50%;height:10px;width:0%;max-width:calc(100% - 24px);transform:translateY(-50%);border-radius:5px;background:var(--accent);transition:width 60ms linear}.sfk-band-x{position:absolute;left:12px;top:50%;transform:translate(-50%,-50%);color:var(--danger-text);font-size:12px;font-weight:700;opacity:0}.sfk-band-x.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.sfk-band-fill{transition:none}}.sh-wrap{position:relative}.sh-tori{position:absolute;pointer-events:none}.sd-pills{display:flex;gap:4px}.sd-pill{position:relative;height:28px;padding:0 10px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.sd-pill:after{content:"";position:absolute;inset:-8px 0}.sd-pill[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.sd-pick{display:grid;gap:8px;width:var(--board);padding-top:16px}.sd-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);width:var(--board);aspect-ratio:1;border:2px solid var(--text);border-radius:8px;overflow:hidden;background:var(--surface);-webkit-user-select:none;user-select:none}.sd-board.is-solved{animation:sd-solved .3s ease-out 1}@keyframes sd-solved{0%{opacity:.6}to{opacity:1}}.sd-cell{position:relative;min-width:0;padding:0;border:none;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.sd-board--small .sd-cell{font-size:24px}.sd-cell--last-col{border-right:none}.sd-cell--last-row{border-bottom:none}.sd-cell--br{border-right:2px solid var(--text)}.sd-cell--bb{border-bottom:2px solid var(--text)}.sd-cell.is-given{font-weight:800}.sd-cell.is-user{color:var(--accent-text);font-weight:700}.sd-cell.is-peer{background:var(--surface-2)}.sd-cell.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent-text)}.sd-cell.is-bad{color:var(--danger-text);text-decoration:underline 2px;text-underline-offset:3px}.sd-memo{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:11px;font-weight:600;line-height:1;color:var(--text-2)}.sd-board--small .sd-memo{grid-template-rows:repeat(2,1fr);font-size:13px}.sd-memo span{display:grid;place-items:center}.sd-pad{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:var(--board);margin-top:8px}.sd-key{height:44px;padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-size:20px;font-weight:700;cursor:pointer}.sd-key--label{font-size:16px}.sd-key--span2{grid-column:span 2}.sd-key--span3{grid-column:span 3}.sd-key.is-on{background:var(--accent-soft);border:2px solid var(--accent-text)}@media(prefers-reduced-motion:reduce){.sd-board.is-solved{animation:none}}.sf-wrap{position:relative}.sf-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:4px;width:var(--board);height:var(--board);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}.sf-num{min-width:0;padding:0;box-sizing:border-box;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:28px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:border-radius .1s,background-color .1s}.sf-num.is-on{border:2px solid var(--line-strong);border-radius:50%;background:var(--accent-soft);font-weight:800}.sf-num.is-focus{outline:3px solid var(--accent-text);outline-offset:-3px}.sf-target{display:grid;place-content:center;justify-items:center;border-radius:8px;background:var(--surface-3);cursor:default}.sf-goal{color:var(--text);font-size:22px;line-height:24px;font-weight:700}.sf-now{color:var(--text-2);font-size:16px;line-height:18px;font-weight:600}.sf-now.is-ok{color:var(--ok-text)}.sf-board[data-stage="2"] .sf-num{font-size:24px}.sf-board[data-stage="2"] .sf-goal{font-size:18px;line-height:20px}.sf-board[data-stage="2"] .sf-now{font-size:14px;line-height:16px}.sf-board[data-stage="3"] .sf-num{font-size:20px}.sf-board[data-stage="3"] .sf-goal{font-size:16px;line-height:18px}.sf-board[data-stage="3"] .sf-now{font-size:13px;line-height:15px}@media(prefers-reduced-motion:reduce){.sf-num{transition:none}}.sun-wrap{position:relative}.sun-board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:4px;width:var(--board);height:var(--board);touch-action:manipulation;-webkit-user-select:none;user-select:none}.sun-cell{display:grid;place-items:center;min-width:0;padding:0;border:none;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line-strong);font:inherit;font-size:40px;line-height:1;cursor:pointer}.sun-board.is-big .sun-cell{border-radius:8px;font-size:28px}.sun-cell[data-kind=mine]{background:var(--surface-2)}.sun-cell[data-kind=given]{background:var(--surface-3);box-shadow:none;cursor:default}.sun-cell.is-bad{box-shadow:inset 0 0 0 3px var(--danger-text)}.sun-board.is-clear .sun-cell{box-shadow:inset 0 0 0 3px var(--ok-text);animation:sun-clear .6s ease-out}.sun-cell.is-focus{outline:3px solid var(--text);outline-offset:2px}.sun-cell.is-pop{animation:sun-pop .1s ease-out}@keyframes sun-pop{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes sun-clear{50%{transform:scale(1.04)}}.sun-guide[data-tone=bad] .bg-line{color:var(--danger-text)}.sun-guide[data-tone=ok] .bg-line,.sun-guide[data-tone=ok] .bg-line[data-kind=end]{color:var(--ok-text)}@media(prefers-reduced-motion:reduce){.sun-cell.is-pop,.sun-board.is-clear .sun-cell{animation:none}}:root{--ink: #3a2e27;--cream: #fff8f1;--wall-a: #e6d8c8;--wall-b: #f3e9df;--trail: #3a2e27;--cast: rgb(90 60 40)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #1d1916;--wall-a: #2b2420;--wall-b: #332c27;--trail: #fff8f1;--cast: rgb(0 0 0)}}:root[data-theme=dark]{--ink: #1d1916;--wall-a: #2b2420;--wall-b: #332c27;--trail: #fff8f1;--cast: rgb(0 0 0)}.tt-band{display:grid;grid-template-columns:repeat(3,1fr);padding:0}.tt-btn{height:100%;margin:0 8px;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);cursor:pointer;touch-action:none}.tt-btn.is-down{background:var(--accent-soft)}.tt-hearts{display:inline-flex;gap:2px;font-size:16px}.tt-hearts .is-lost{opacity:.25;filter:grayscale(1)}.tp2-wrap{position:relative;touch-action:manipulation}:root{--trio-open: #ffffff;--trio-shut: #e9ddd0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--trio-open: #403731;--trio-shut: #27221e}}:root[data-theme=dark]{--trio-open: #403731;--trio-shut: #27221e}.trio-wrap{width:var(--board);margin:0 auto}.trio-board{position:relative;margin:0 auto;background:var(--surface-2);border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.trio-tile{position:absolute;width:44px;height:44px;border-radius:8px;padding:0;background:var(--trio-shut);border:1px solid var(--line-strong);box-sizing:border-box;cursor:pointer;transition:background-color .15s;overflow:hidden}.trio-tile[data-state=open]{background:var(--trio-open);border-width:2px}.trio-tile[hidden]{display:none}.trio-tile[data-state=shut]{cursor:default}.trio-tile.is-focus{outline:3px solid var(--text);outline-offset:2px}.trio-tile__pic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;line-height:1;transition:font-size .15s}.trio-tile[data-state=shut] .trio-tile__pic{font-size:18px}.trio-tile[data-half=left] .trio-tile__pic{left:11px;top:22px}.trio-tile[data-half=right] .trio-tile__pic{left:33px;top:22px}.trio-tile[data-half=top] .trio-tile__pic{left:22px;top:11px}.trio-tile[data-half=bottom] .trio-tile__pic{left:22px;top:33px}.trio-tray{width:280px;margin:8px auto 0;padding:0;display:flex;background:var(--surface-2);border-radius:10px;border:1px solid var(--line);box-sizing:border-box;transition:border-color .15s}.trio-tray.is-warn{border:2px solid var(--warn-text)}.trio-slot{flex:0 0 40px;height:40px;display:grid;place-items:center}.trio-slot[data-filled="1"]{margin:2px;width:36px;height:36px;background:var(--trio-open);border-radius:6px;font-size:24px}@media(prefers-reduced-motion:reduce){.trio-tile,.trio-tile__pic,.trio-tray{transition:none}}.tw2-wrap{position:relative;touch-action:manipulation}.tw2-band{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px}.tw2-btn{width:152px;height:44px;border-radius:12px;font:700 15px system-ui,sans-serif;cursor:pointer}.tw2-hit{background:var(--accent);border:none;color:var(--accent-ink)}.tw2-stand{background:var(--surface-2);border:1.5px solid var(--line-strong);color:var(--text)}:root{--ta-floor: #e9ddd0;--ta-distline: #8f7a68;--ta-white: #ffffff;--ta-ink: #3a2e27;--ta-center: #ff7a59;--ta-shaft: #3a2e27;--ta-flag: #a83a1f}@media(prefers-color-scheme:dark){:root{--ta-floor: #403731;--ta-distline: #958577;--ta-shaft: #f4ebe3;--ta-flag: #ff9478}}.ta-wrap,.bal-wrap{position:relative;touch-action:none}:root{--tb-sky-top: #ffe3d6;--tb-sky-bottom: #fff8f1;--tb-cloud: #ffffff;--tb-cotton: #ffffff;--tb-cotton-line: #8f7a68;--tb-yarn: #ff7a59;--tb-yarn-line: #a83a1f;--tb-bead: #6d5d53;--tb-cushion: #f2b33d;--tb-cushion-line: #8a5a00;--tb-balloon: #ff7a59;--tb-balloon-line: #a83a1f}@media(prefers-color-scheme:dark){:root{--tb-sky-top: #332c27;--tb-sky-bottom: #1d1916;--tb-cloud: #403731;--tb-cotton: #f4ebe3;--tb-cotton-line: #958577;--tb-yarn-line: #ff9478;--tb-bead: #b5a597;--tb-cushion-line: #f2b33d;--tb-balloon-line: #ff9478}}.tb-wrap,.tb2-wrap{position:relative;touch-action:none}.bead-wrap{position:relative;touch-action:manipulation}.bead-band{cursor:pointer}.bn2-wrap,.trb-wrap,.bx2-wrap{position:relative;touch-action:none}.bx2-band{display:flex;gap:8px;align-items:center;justify-content:center;padding:0 8px}.bx2-btn{flex:1;height:40px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;touch-action:manipulation}.bx2-dots{display:inline-flex;gap:6px}.bx2-dots span{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--line-strong);display:inline-block}.bx2-dots span.now{background:var(--accent);border-color:var(--text)}.bx2-dots span.done{background:var(--ok-text);border-color:var(--ok-text)}.castle-wrap{position:relative;touch-action:none}.castle-band{display:grid;grid-template-columns:1fr 1fr 1fr}.castle-band-cell{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line-strong);font-size:13px;color:var(--text-2)}.castle-band-cell:last-child{border-right:none}.castle-band-cell:active{background:var(--surface-3)}:root{--tc-desk: #ecd9bd;--tc-ball: #ffffff;--tc-ball-edge: #3a2e27;--tc-miss: var(--miss)}@media(prefers-color-scheme:dark){:root{--tc-desk: #3a2f26;--tc-miss: var(--text-2)}}.tc-wrap,.counter-wrap{position:relative;touch-action:manipulation}.counter-wrap .r3-band{opacity:.5}.tcup-wrap{position:relative;touch-action:manipulation}.cur2-wrap,.dg2-wrap{position:relative;touch-action:none}.dc2-wrap{position:relative;touch-action:manipulation}.dc2-btn{width:120px;height:44px;border-radius:12px;font:700 14px system-ui,sans-serif;cursor:pointer}.dc2-reroll{background:var(--accent);border:none;color:var(--accent-ink)}.dc2-stay{background:var(--surface-2);border:1.5px solid var(--line-strong);color:var(--text)}.dc2-btn:disabled{opacity:.45}.drive-wrap,.fl2-wrap,.fsh-wrap{position:relative;touch-action:none}:root{--tf-sky-top: #dff1f7;--tf-sky-bottom: #fff8f1;--tf-ground: #b9d6a0}@media(prefers-color-scheme:dark){:root{--tf-sky-top: #1f2a33;--tf-sky-bottom: #27221e;--tf-ground: #2f4030}}.tf-wrap{position:relative;touch-action:manipulation}.flop-wrap{position:relative;touch-action:none}.flop-wrap .r3-band{opacity:.5}.f42-wrap,.gg2-wrap,.hdr-wrap{position:relative;touch-action:none}.hide-wrap{position:relative;touch-action:manipulation}.hide-band{display:grid;grid-template-columns:1fr 1fr}.hide-band-cell{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line-strong);font-size:13px;color:var(--text-2)}.hide-band-cell:last-child{border-right:none}.hide-band-cell:active{background:var(--accent-soft)}.home-wrap{position:relative;touch-action:none}.home-wrap .r3-band{opacity:.5}.hwatu-wrap{touch-action:manipulation}.r3-wrap.hwatu-wrap canvas{aspect-ratio:360 / 528}.jg3-wrap,.jg2-wrap{position:relative;touch-action:none}:root{--tl-sky-1: #fff8f1;--tl-sky-2: #ffe3d6;--tl-ground: #f3e9df;--tl-ground-edge: #8f7a68;--tl-pad: #ffe3d6;--tl-pad-border: #a83a1f;--tl-pad-border-ok: #2e7d4f;--tl-stripe: #ff7a59;--tl-stripe-edge: #a83a1f;--tl-umbrella-rib: #3a2e27;--tl-flag: #2e7d4f;--tl-danger-ring: #e5796b}@media(prefers-color-scheme:dark){:root{--tl-sky-1: #1d1916;--tl-sky-2: #27221e;--tl-ground: #332c27;--tl-ground-edge: #958577;--tl-pad: #4a3028;--tl-pad-border: #ff9478;--tl-pad-border-ok: #7fd6a0;--tl-stripe-edge: #a83a1f;--tl-umbrella-rib: #f4ebe3}}.tl-wrap{position:relative;touch-action:none}.mt2-wrap{position:relative;touch-action:manipulation}.met-wrap{position:relative;touch-action:none}.mirror-wrap{position:relative;touch-action:manipulation}.mirror-wrap .r3-band{opacity:.5}.mg2-wrap{position:relative;touch-action:none}.oc2-wrap{position:relative;touch-action:manipulation}.ps2-wrap,.tpb-wrap,.pf-wrap{position:relative;touch-action:none}.tp-wrap{display:flex;flex-direction:column}.tp-stage{position:relative}.tp-canvas{display:block;width:100%;aspect-ratio:3 / 4}.tp-canvas-back{position:relative;pointer-events:none}.tp-canvas-front{position:absolute;inset:0;pointer-events:auto;z-index:2}.tp-tori{position:absolute;pointer-events:none;z-index:1}.tpool-wrap,.pr2-wrap,.rail-wrap{position:relative;touch-action:none}.rail-band{display:flex;gap:6px}.rail-btn{flex:1;height:44px;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;border-radius:10px;border:none;background:var(--surface-2);color:var(--text);font:700 13px system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;cursor:pointer}.rail-arrow{width:16px;height:16px;flex:none;position:relative}.rail-arrow:before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0%,100% 45%,68% 45%,68% 100%,32% 100%,32% 45%,0% 45%)}.rv2-wrap,.seed-wrap{position:relative;touch-action:manipulation}.shp-wrap,.tsld-wrap,.sn2-wrap,.tsn-wrap{position:relative;touch-action:none}.tsn-band{position:relative}.tsn-shutter{position:relative;width:284px;height:40px;border-radius:20px;background:var(--accent);border:2px solid var(--line-strong);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform 80ms}.tsn-shutter:before{content:"";width:26px;height:26px;border-radius:50%;border:2px solid var(--accent-ink)}.tsn-shutter:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--accent-ink)}.tsn-shutter.is-pressed{transform:scale(.96)}.tsn-band.is-locked .tsn-shutter{background:var(--surface-2)}.tsn-band.is-locked .tsn-shutter:before{border-color:var(--text-2)}.tsn-band.is-locked .tsn-shutter:after{background:var(--text-2)}.sp2-wrap,.sk2-wrap,.tg2-wrap{position:relative;touch-action:none}.trap-wrap{touch-action:manipulation}.r3-wrap.trap-wrap canvas{aspect-ratio:360 / 528}.dj-wrap,.tube-wrap{position:relative;touch-action:none}.vw2-wrap{position:relative;touch-action:manipulation}.yt2-wrap{position:relative;touch-action:none}.ti-wrap{display:flex;flex-direction:column;gap:8px;width:var(--ti-w, var(--board));margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ti-canvas{display:block;width:100%;aspect-ratio:3 / 4;border-radius:16px;touch-action:none}.ti-band{display:grid;place-items:center;height:48px;border-radius:12px;background:var(--surface-2);touch-action:none}.ti-meter{width:120px;height:8px;box-sizing:border-box;overflow:hidden;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface-3)}.ti-meter span{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.ts-canvas{display:block;width:var(--board);height:300px;border-radius:16px;background:var(--surface-2);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.wm-bar{width:var(--board);height:8px;margin-bottom:12px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.wm-bar span{display:block;height:100%;background:var(--accent-text);transform-origin:left}.wm-field{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:14px;width:var(--board);aspect-ratio:1;touch-action:manipulation;user-select:none;-webkit-user-select:none}.wm-hole{position:relative;display:grid;place-items:center;padding:0;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface-3);overflow:visible;cursor:pointer;clip-path:circle(50% at 50% 50%)}.wm-hole.is-hit{clip-path:none}.wm-mole{position:relative;font-size:56px;line-height:1;transform:translateY(110%);transition:transform .12s ease-out}.wm-hole[data-kind=mole] .wm-mole,.wm-hole[data-kind=star] .wm-mole,.wm-hole.is-hit .wm-mole{transform:none}.wm-hole[data-kind=star] .wm-mole:after{content:"🌟";position:absolute;top:-6px;right:-12px;font-size:20px}.wm-plus{position:absolute;top:8px;left:0;right:0;font-size:15px;font-weight:800;color:var(--accent-text);pointer-events:none;animation:wm-plus .4s ease-out forwards}@keyframes wm-plus{0%{transform:translateY(0);opacity:1}to{transform:translateY(-16px);opacity:0}}@media(prefers-reduced-motion:reduce){.wm-mole{transform:none;opacity:0;transition:opacity .1s}.wm-hole[data-kind=mole] .wm-mole,.wm-hole[data-kind=star] .wm-mole,.wm-hole.is-hit .wm-mole{opacity:1}.wm-plus{animation:none}}.wl-wrap{width:calc(var(--board) * 288 / 328);margin:0 auto}.wl-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(var(--wl-rows),1fr);width:100%;aspect-ratio:4 / var(--wl-rows);touch-action:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.wl-grid.is-trans{opacity:0}.wl-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}.wl-poly{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.wl-cell{position:relative;margin:4px;aspect-ratio:1;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;box-sizing:border-box;transition:background-color .15s,border-color .15s}.wl-cell__back{position:relative;width:56%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:30px;font-weight:700;color:var(--text);-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s}.wl-cell[data-state=linking]{background:var(--accent-soft);border:2px solid var(--accent-text)}.wl-cell[data-state=linking] .wl-cell__back{background:var(--accent-soft)}.wl-cell[data-state=found]{border:2px solid var(--ok-text)}.wl-cell[data-state=found] .wl-cell__back{color:var(--ok-text)}.wl-cell[data-state=help]{border:3px solid var(--warn-text);animation:wl-help .3s}@keyframes wl-help{0%{scale:1}40%{scale:1.06}to{scale:1}}.wl-words{margin-top:8px;height:28px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 6px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.wl-word{letter-spacing:2px;color:var(--text-2)}.wl-word.is-found{color:var(--ok-text)}@media(prefers-reduced-motion:reduce){.wl-cell{transition:none}.wl-cell[data-state=help]{animation:none}.wl-grid{transition:none}}.ws-wrap{position:relative;width:var(--board)}.ws-card{display:grid;place-items:center;height:160px;box-sizing:border-box;border:3px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.ws-card[data-tone=ok]{border-color:var(--ok-text)}.ws-card[data-tone=bad]{border-color:var(--danger-text)}.ws-word{font-size:40px;font-weight:800;color:var(--text)}.ws-word.is-in{animation:ws-in .12s ease-out}@keyframes ws-in{0%{opacity:0}to{opacity:1}}.ws-wrap .bg-wrap{margin-top:0}.ws-wrap .bg-wrap .bg-line{margin:8px 0}.ws-wrap .bg-wrap[data-tone=ok] .bg-line{color:var(--ok-text)}.ws-wrap .bg-wrap[data-tone=bad] .bg-line{color:var(--danger-text)}.ws-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ws-btn{height:64px;padding:0;border:2px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:18px;font-weight:700;cursor:pointer}.ws-btn:active{background:var(--accent-soft)}.ws-kbd{margin-top:8px}.ws-right{display:inline-flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.ws-miss{display:inline-flex;align-items:center;gap:6px}.ws-miss i{width:10px;height:10px;box-sizing:border-box;border:2px solid var(--line-strong);border-radius:50%}.ws-miss i.is-on{border-color:var(--danger-text);background:var(--danger-text)}@media(prefers-reduced-motion:reduce){.ws-word.is-in{animation:none}}.yarn-wrap{position:relative;touch-action:none}.yarn-wrap .r3-band{opacity:.5}.zz-wrap{display:flex;flex-direction:column;gap:8px;width:var(--zz-w, var(--board));margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.zz-canvas{display:block;width:100%;aspect-ratio:3 / 4;border-radius:16px;touch-action:none}.zz-band{height:48px;border-radius:12px;background:var(--surface-2);touch-action:none}.zz-guide[data-tone=up] .bg-line{color:var(--warn-text)}