:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf9f7;--surface:#fff;--surface-2:#f3f1ed;--text:#1c1917;--muted:#6f6a65;--border:#e5e2dd;--accent:#15803d;--accent-strong:#14532d;--accent-soft:#edf7f0;--on-accent:#fff;--brand:var(--accent);--danger:#b91c1c;--ok:#15803d;--warn-bg:#fdf6e7;--warn-border:#c98a13;--radius:12px;--radius-sm:8px;--radius-pill:999px;--cell-closed:#ded9d2;--cell-closed-hi:#f2eee8;--cell-closed-lo:#b9b2a8;--cell-open:#f3f1ed;--cell-open-border:#e5e2dd;--ms-1:#1d4ed8;--ms-2:#166534;--ms-3:#b91c1c;--ms-4:#6d28d9;--ms-5:#92400e;--ms-6:#0f766e;--ms-7:#be185d;--ms-8:#57534e;--mj-felt:#2f6b4c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1a1817;--surface:#242120;--surface-2:#2f2b29;--text:#f2efec;--muted:#a8a29c;--border:#3d3835;--accent:#4ade80;--accent-strong:#86efac;--accent-soft:#17251c;--on-accent:#0c1a10;--danger:#f87171;--ok:#4ade80;--warn-bg:#2a2213;--warn-border:#b98a2a;--cell-closed:#3f3a36;--cell-closed-hi:#524b46;--cell-closed-lo:#2a2624;--cell-open:#211e1d;--cell-open-border:#332f2c;--ms-1:#60a5fa;--ms-2:#4ade80;--ms-3:#f87171;--ms-4:#a78bfa;--ms-5:#fbbf24;--ms-6:#2dd4bf;--ms-7:#f472b6;--ms-8:#a8a29c;--mj-felt:#1d4633}}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.8}main{max-width:760px;margin:0 auto;padding:20px 16px 48px}.breadcrumb{color:var(--muted);font-size:.78rem}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:6px;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb [aria-current=page]{color:var(--text)}a{color:var(--brand)}h1{margin:8px 0 4px;font-size:1.5rem}h2{border-left:4px solid var(--brand);margin:28px 0 8px;padding-left:10px;font-size:1.15rem}h3{margin:18px 0 6px;font-size:1rem}p{margin:8px 0}ul,ol{margin:8px 0;padding-left:1.4em}.lead{color:var(--muted);font-size:.95rem}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 90%, transparent)}.site-header .inner,.site-footer .inner{max-width:760px;margin:0 auto;padding:14px 16px}.brand{color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:40px;font-size:.8rem}.site-footer a{color:var(--muted);margin-right:14px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:16px 0;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.game-card:hover{border-color:var(--brand);transform:translateY(-2px)}.game-card .icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);justify-content:center;align-items:center;display:flex}.game-card .name{color:var(--brand);margin-top:6px;font-weight:700}.game-card .desc{color:var(--muted);margin-top:4px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:18px}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 22px;font-size:.95rem;font-weight:600;display:inline-block}.btn:hover{border-color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-accent)}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.seg{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);color:var(--muted);cursor:pointer;border:none;padding:8px 16px;font-size:.9rem;font-weight:600}.seg button.active{background:var(--brand);color:var(--on-accent)}.status-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;font-size:.9rem;display:flex}.result-row{text-align:center;justify-content:center;align-items:center;height:3em;margin:6px 0;font-size:.9rem;font-weight:700;line-height:1.5;display:flex;overflow:hidden}.game-tips{color:var(--muted);margin-top:8px;font-size:.8rem}.game-tips summary{cursor:pointer}.game-tips>p{margin-top:6px}.rv-board,.gm-board,.ms-board,.sk-stage{max-width:min(var(--board-max,100%), max(200px, calc(100dvh - var(--chrome,400px))));margin-inline:auto}.start-gate{position:relative}.start-gate-veil{z-index:2;border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 62%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hint-row{height:3em;color:var(--muted);margin:2px 0 6px;font-size:.9rem;line-height:1.5;overflow:hidden}.rec-strip{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;margin:8px 0;padding:6px 10px;font-size:.85rem;display:flex}.rec-items{flex-wrap:wrap;gap:14px;display:flex}.rec-item strong{color:var(--text);font-variant-numeric:tabular-nums}.rec-note summary{cursor:pointer;font-size:.8rem}.rec-note p{max-width:46em;margin:6px 0 2px;font-size:.8rem;line-height:1.6}.rec-best{background:var(--ok);color:var(--on-accent);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.8rem;font-weight:700;display:inline-block}.note{background:var(--warn-bg);border-left:4px solid var(--warn-border);border-radius:0 8px 8px 0;margin:14px 0;padding:10px 14px;font-size:.85rem}.adslot{text-align:center;min-height:90px;margin:24px 0}.np-board{aspect-ratio:1;border:2px solid var(--muted);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:repeat(9,1fr);width:100%;max-width:420px;margin:0 auto;display:grid;overflow:hidden}.np-cell{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--brand);justify-content:center;align-items:center;padding:0;font-size:clamp(.9rem,4vw,1.3rem);font-weight:600;display:flex}.np-cell:nth-child(9n+4),.np-cell:nth-child(9n+7){border-left:2px solid var(--muted)}.np-cell.row-sep{border-top:2px solid var(--muted)}.np-cell.given{color:var(--text);cursor:default}.np-cell.selected{background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.np-cell.same-number{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.np-cell.conflict{color:var(--danger)}.np-pad{grid-template-columns:repeat(5,1fr);gap:8px;max-width:420px;margin:14px auto 0;display:grid}.np-pad button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:12px 0;font-size:1.1rem;font-weight:700}.np-pad button:active{background:var(--brand);color:var(--on-accent)}.bk-stage{aspect-ratio:4/5;touch-action:none;width:100%;max-width:480px;margin:0 auto;position:relative}.bk-stage canvas{border:1px solid var(--border);background:#0b1220;border-radius:8px;width:100%;height:100%;display:block}.bk-overlay{text-align:center;background:#0f172ab8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}@media (max-width:600px){h1{font-size:1.25rem}}.sk-stage{--chrome:400px;--board-max:420px;aspect-ratio:1;touch-action:none;width:100%;position:relative}.sk-stage canvas{border:1px solid var(--border);background:#0b1220;border-radius:8px;width:100%;height:100%;display:block}.sk-overlay{text-align:center;color:#f1f5f9;background:#0f172ab8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;inset:0}.sk-overlay .sk-sub{color:#cbd5e1;font-size:.85rem}.sk-overlay .sk-win{color:#4ade80}.sk-controls{justify-content:center;margin:8px 0 0}.sk-controls .btn{min-width:120px;min-height:44px}.sk-controls .btn:disabled{color:var(--muted);cursor:default}.sk-controls .btn:disabled:hover{border-color:var(--border)}.pb-stage{--chrome:215px;--board-max:340px;width:100%;max-width:min(var(--board-max), max(150px, calc((100dvh - var(--chrome)) / 1.5)));aspect-ratio:1/1.5;margin-inline:auto;position:relative}.pb-stage canvas{border:1px solid var(--border);touch-action:none;background:#111c33;border-radius:10px;width:100%;height:100%;display:block}.pb-hint{color:#e2e8f0;text-align:center;pointer-events:none;background:#0f172adb;border-radius:8px;padding:7px 8px;font-size:.68rem;line-height:1.5;position:absolute;inset:56% 6% auto}.pb-hint p{margin:0}.pb-hint p+p{color:#94a3b8;margin-top:4px}.pb-overlay{text-align:center;background:#0f172ab8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.pb-pads{-webkit-user-select:none;user-select:none;justify-content:center;margin:8px 0}.pb-pads .btn{touch-action:none;min-width:96px}.bm-stage{--chrome:168px;--board-max:340px;width:100%;max-width:min(var(--board-max), max(150px, calc((100dvh - var(--chrome)) / 1.5)));aspect-ratio:1/1.5;margin-inline:auto;position:relative}.bm-stage canvas{border:1px solid var(--border);touch-action:none;background:#241c33;border-radius:10px;width:100%;height:100%;display:block}.bm-overlay{color:#f8fafc;text-align:center;background:#181226db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.bm-bar{flex-wrap:nowrap}.bm-next{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.bm-chip{border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 -2px 3px #00000040}.bm-next-name{min-width:5em;color:var(--text);font-weight:700;display:inline-block}.bm-debug{justify-content:center;margin:8px 0}.g2048-board{aspect-ratio:1;background:var(--surface-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;max-width:380px;margin:0 auto;position:relative;overflow:hidden}.g2048-bg,.g2048-tile{width:25%;height:25%;position:absolute;top:0;left:0}.g2048-bg:after{content:"";background:#94a3b81f;border-radius:8px;position:absolute;inset:4px}.g2048-tile{transition:transform .13s ease-in-out}.g2048-face{color:#1c1917;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(.95rem,5.5vw,1.4rem);font-weight:800;display:flex;position:absolute;inset:4px}.g2048-tile.new .g2048-face{animation:.15s ease-out g2048-appear}.g2048-tile.merged .g2048-face{animation:.17s ease-out g2048-pop}@keyframes g2048-appear{0%{opacity:0;transform:scale(.4)}}@keyframes g2048-pop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.ms-board{--chrome:250px;--ms-cols:9;--ms-gap:2px;gap:var(--ms-gap);-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;display:grid;container-type:inline-size}.ms-cell{aspect-ratio:1;background:var(--cell-closed);border:1px solid;border-color:var(--cell-closed-hi) var(--cell-closed-lo) var(--cell-closed-lo) var(--cell-closed-hi);color:var(--text);cursor:pointer;min-width:0;font-size:clamp(9px,2.6vw,1rem);font-weight:700;font-size:clamp(9px, calc((100cqw - (var(--ms-cols) - 1) * var(--ms-gap)) / var(--ms-cols) * .55), 1rem);border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.ms-cell.revealed{background:var(--cell-open);border:1px solid var(--cell-open-border);cursor:default}.ms-cell.exploded{background:var(--danger)}.ms-n1{color:var(--ms-1)}.ms-n2{color:var(--ms-2)}.ms-n3{color:var(--ms-3)}.ms-n4{color:var(--ms-4)}.ms-n5{color:var(--ms-5)}.ms-n6{color:var(--ms-6)}.ms-n7{color:var(--ms-7)}.ms-n8{color:var(--ms-8)}.ng-board{-webkit-user-select:none;user-select:none;touch-action:none;gap:1px;width:100%;margin:0 auto;display:grid}.ng-hint{color:var(--text);gap:4px;font-size:clamp(.5rem,1.9vw,.82rem);font-weight:700;line-height:1;display:flex}.ng-hint span{text-align:center;min-width:.9em}.ng-hint.done{color:var(--muted);opacity:.45}.ng-hint.col{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3px}.ng-hint.row{justify-content:flex-end;align-items:center;padding-right:5px}.ng-cell{aspect-ratio:1;background:var(--cell-open);border:1px solid var(--cell-open-border);color:var(--muted);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:clamp(.5rem,2vw,.9rem);display:flex}.ng-cell.filled{background:var(--text);border-color:var(--text)}.ng-cell.sep-left{border-left-color:var(--muted)}.ng-cell.sep-top{border-top-color:var(--muted)}.bp-stage{max-width:420px;margin:0 auto;position:relative}.bp-board{background:var(--surface-2);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;grid-template-columns:repeat(8,1fr);gap:3px;width:100%;padding:3px;display:grid}.bp-cell{aspect-ratio:1;cursor:pointer;background:#94a3b829;border:none;border-radius:4px;padding:0}.bp-cell.filled{box-shadow:inset 0 -3px #0000002e}.bp-cell.preview{background:var(--accent);opacity:.55}.bp-cell.preview-bad{background:var(--danger);opacity:.4}.bp-cell.cleared{animation:.26s ease-out bp-clear}@keyframes bp-clear{0%{background:var(--accent);transform:scale(1)}to{background:#94a3b829;transform:scale(.86)}}.bp-overlay{color:#f8fafc;text-align:center;background:#0f172ab8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.bp-tray{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:12px auto 0;display:grid}.bp-slot{border-radius:10px;justify-content:center;align-items:center;min-height:78px;display:flex}.bp-slot.selected{background:var(--accent-soft);outline:2px solid var(--accent)}.bp-slot.dragging .bp-piece{opacity:.3}.bp-piece{cursor:grab;touch-action:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:72px;padding:4px;display:flex}.bp-piece:disabled{cursor:default}.bp-shape{--unit:min(100% / var(--w), 72px / var(--h), 27px);width:calc(var(--unit) * var(--w));height:calc(var(--unit) * var(--h));gap:2px;display:grid}.bp-shape.dim{opacity:.35}.bp-shape span{border-radius:3px}.bp-shape span.on{box-shadow:inset 0 -2px #0000002e}.bp-ghost{z-index:20;pointer-events:none;opacity:.9;display:grid;position:fixed;transform:translate(-50%,-50%)}.bp-ghost .bp-shape{gap:3px;width:100%;height:100%}.cs-board{--cs-chrome:460px;--cs-tube-w:clamp(32px, min(11vw, calc((100dvh - var(--cs-chrome)) / var(--cs-rows,2) * .297)), 52px);flex-wrap:wrap;justify-content:center;gap:10px 6px;padding-top:14px;display:flex}.cs-tube{width:var(--cs-tube-w);cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .12s ease-out}.cs-tube svg{width:100%;height:auto;display:block}.cs-tube.selected{transform:translateY(-14px)}.cs-tube.selected .cs-outline{stroke:var(--accent);stroke-width:3px}.cs-glass{fill:var(--surface-2)}.cs-outline{fill:none;stroke:var(--muted);stroke-width:2px}@media (prefers-reduced-motion:reduce){.cs-tube{transition:none}}.cs-pattern{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.cs-game .btn:disabled{color:var(--muted);cursor:default}.cs-game .btn:disabled:hover{border-color:var(--border)}.cardgame{-webkit-user-select:none;user-select:none}.cardgame .top-row{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.cardgame .piles{gap:8px;display:flex}.tableau{gap:6px;width:100%;display:grid}.tableau.cols7{grid-template-columns:repeat(7,1fr);gap:5px}.tableau.cols8{grid-template-columns:repeat(8,1fr);gap:4px}.tableau.cols10{grid-template-columns:repeat(10,1fr);gap:2px}.cols10 .playing-card{border-radius:4px}@media (max-width:520px){.cardgame{border-left:none;border-right:none;border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:6px;padding-right:6px}}.pile{min-height:60px;position:relative}.playing-card{aspect-ratio:5/7;color:#1c1917;cursor:pointer;background:#fdfdfd;border:1px solid #475569;border-radius:6px;flex-direction:column;align-items:stretch;width:100%;padding:0;font-size:clamp(.6rem,2.6vw,.95rem);font-weight:700;line-height:1.1;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0006}.playing-card svg{width:100%;height:100%;display:block}.playing-card.back{background:#1d4ed8;border-color:#1e3a8a}.playing-card.selected{outline:3px solid var(--accent);outline-offset:-1px;filter:brightness(1.08)}.playing-card.droppable,.playing-card.empty.droppable{box-shadow:0 0 0 2px #4ade80b3}.playing-card.empty{border:1px dashed var(--border);box-shadow:none;color:var(--muted);background:#94a3b814;justify-content:center;align-items:center;font-size:1.1rem}.pile .stacked{position:absolute;left:0;right:0}.py-board{--chrome:316px;--board-max:430px;width:100%;max-width:min(var(--board-max), max(210px, calc((100dvh - var(--chrome)) / .824)));aspect-ratio:1000/824;margin-inline:auto;position:relative}.py-board .playing-card{position:absolute}.py-board .playing-card.covered{filter:brightness(.82)}.py-board .playing-card.selected,.py-board .playing-card.hinted{z-index:2}.playing-card.hinted{box-shadow:0 0 0 3px #fbbf24}@keyframes py-shake{0%,to{transform:translate(0)}20%{transform:translate(-6%)}45%{transform:translate(6%)}70%{transform:translate(-3%)}}.playing-card.shake{z-index:2;animation:.32s py-shake}@media (prefers-reduced-motion:reduce){.playing-card.shake{outline:3px solid var(--danger);animation:none}}.py-piles{justify-content:center;align-items:flex-start;gap:12px;margin-top:10px;display:flex}.py-pile{flex:none;width:clamp(44px,13vw,58px)}.py-side{flex:auto;max-width:240px}.py-side .btn{width:100%;padding-inline:8px;font-size:.78rem}.py-seed{height:1.4em;color:var(--muted);margin:0 0 4px;font-size:.72rem;line-height:1.4;overflow:hidden}.py-pile-label{height:1.5em;color:var(--muted);text-align:center;margin-top:4px;font-size:.72rem;line-height:1.5;display:block;overflow:hidden}.py-pile .playing-card.back{justify-content:center}.py-count{text-align:center;color:#e2e8f0;text-shadow:0 1px 2px #0009;align-self:center;width:100%;font-size:.95rem;font-weight:800;display:block}.py-legend{height:3em;color:var(--muted);margin:0 0 6px;font-size:.72rem;line-height:1.5;overflow:hidden}.tp-board{--chrome:316px;--board-max:520px;width:100%;max-width:min(var(--board-max), max(260px, calc((100dvh - var(--chrome)) / .392)));aspect-ratio:1000/392;margin-inline:auto;position:relative}.tp-board .playing-card{position:absolute}.tp-board .playing-card.covered{filter:brightness(.82)}.tp-board .playing-card.hinted{z-index:2}.tp-piles{justify-content:center;align-items:flex-start;gap:12px;margin-top:10px;display:flex}.tp-pile{flex:none;width:clamp(44px,13vw,58px)}.tp-side{flex:auto;max-width:240px}.tp-side .btn{width:100%;padding-inline:8px;font-size:.78rem}.tp-seed{height:1.4em;color:var(--muted);margin:0 0 4px;font-size:.72rem;line-height:1.4;overflow:hidden}.tp-pile-label{height:1.5em;color:var(--muted);text-align:center;margin-top:4px;font-size:.72rem;line-height:1.5;display:block;overflow:hidden}.tp-pile .playing-card.back{justify-content:center}.tp-count{text-align:center;color:#e2e8f0;text-shadow:0 1px 2px #0009;align-self:center;width:100%;font-size:.95rem;font-weight:800;display:block}.tp-legend{height:3em;color:var(--muted);margin:0 0 6px;font-size:.72rem;line-height:1.5;overflow:hidden}.gf-board{--chrome:350px;--board-max:460px;width:100%;max-width:min(var(--board-max), max(240px, calc((100dvh - var(--chrome)) / .557)));aspect-ratio:1000/557;grid-template-columns:repeat(7,1fr);align-content:start;gap:1.2%;margin-inline:auto;display:grid}.gf-col{flex-direction:column;align-items:stretch;display:flex}.gf-board .playing-card.behind{filter:brightness(.82)}.gf-board .playing-card.hinted{z-index:2}.gf-gone{aspect-ratio:5/7;border:1px dashed var(--border);border-radius:6px;width:100%}.gf-rules{justify-content:center;margin-bottom:8px;display:flex}.rv-board{--chrome:410px;--board-max:460px;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#2f6b46;border-radius:6px;grid-template-columns:repeat(8,1fr);gap:2px;width:100%;padding:4px;display:grid}.rv-cell{aspect-ratio:1;cursor:default;background:#3d8659;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.rv-cell:disabled{cursor:default}.rv-cell.playable{cursor:pointer}.rv-cell.playable:after{content:"";background:#ffffff73;border-radius:50%;width:34%;height:34%;position:absolute}.rv-cell.playable:hover:after{background:#ffffffbf}.rv-cell.last{box-shadow:inset 0 0 0 2px #f5d76e}.rv-disc{width:82%;height:82%;transform-style:preserve-3d;transition:transform .15s;position:relative}.rv-disc.white{transform:rotateY(180deg)}.rv-disc .face{backface-visibility:hidden;border-radius:50%;position:absolute;inset:0;box-shadow:0 1px 2px #00000059}.rv-disc .face.b{background:#1c1917}.rv-disc .face.w{background:#fafaf9;transform:rotateY(180deg)}.rv-score{align-items:center;gap:14px;display:inline-flex}.rv-chip{color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.rv-chip .rv-disc{flex:none;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.rv-disc{transition:none}}.gm-board{--chrome:410px;--gm-line:#5a3e1e99;--board-max:480px;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#d8b177;border:2px solid #8a6134;border-radius:4px;grid-template-columns:repeat(13,1fr);width:100%;padding:1.4%;display:grid}.gm-cell{aspect-ratio:1;cursor:pointer;background-color:#0000;background-repeat:no-repeat;background-image:linear-gradient(to right, transparent calc(50% - .5px), var(--gm-line) calc(50% - .5px), var(--gm-line) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--gm-line) calc(50% - .5px), var(--gm-line) calc(50% + .5px), transparent calc(50% + .5px));background-position:0 0,0 0;background-size:100% 100%,100% 100%;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.gm-cell:nth-child(-n+13){background-position:0 100%,0 0;background-size:100% 50%,100% 100%}.gm-cell:nth-last-child(-n+13){background-position:0 0,0 0;background-size:100% 50%,100% 100%}.gm-cell:nth-child(13n+1){background-position:0 0,100% 0;background-size:100% 100%,50% 100%}.gm-cell:nth-child(13n){background-position:0 0,0 0;background-size:100% 100%,50% 100%}.gm-cell:first-child{background-position:0 100%,100% 0;background-size:100% 50%,50% 100%}.gm-cell:nth-child(13){background-position:0 100%,0 0;background-size:100% 50%,50% 100%}.gm-cell:nth-last-child(13){background-position:0 0,100% 0;background-size:100% 50%,50% 100%}.gm-cell:last-child{background-position:0 0,0 0;background-size:100% 50%,50% 100%}.gm-cell:disabled{cursor:default}.gm-cell.star:before{content:"";background:#5a3e1eb3;border-radius:50%;width:18%;height:18%;position:absolute}.gm-cell.last:after{content:"";border:2px solid #d94f3d;border-radius:50%;width:96%;height:96%;position:absolute}.gm-cell.win .gm-stone{box-shadow:0 0 0 4px #f5c83ce6,0 1px 2px #0006}.gm-cell:not(:disabled):hover{background-color:#ffffff4d}.gm-stone{border-radius:50%;width:84%;height:84%;position:relative;box-shadow:0 1px 2px #0006}.gm-stone.black{background:radial-gradient(circle at 34% 30%,#55504c,#1c1917 62%)}.gm-stone.white{background:radial-gradient(circle at 34% 30%,#fff,#dcd8d2 66%)}.gm-score{align-items:center;gap:14px;display:inline-flex}.gm-chip{color:var(--text);align-items:center;gap:6px;font-weight:700;display:inline-flex}.gm-chip .gm-stone{flex:none;width:16px;height:16px}.mj-board{aspect-ratio:600/432;background:var(--mj-felt);border-radius:var(--radius-sm);width:100%;margin:6px auto 0;position:relative}.mj-loading{color:#e8e4dc;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.mj-tile{cursor:default;background:linear-gradient(155deg,#fffdf6 0%,#f7f1e3 55%,#e9e0ca 100%);border:1px solid #b7ab93;border-radius:14%;padding:0;display:block;position:absolute;overflow:hidden;box-shadow:2px 3px #3428164d}.mj-tile.free{cursor:pointer}.mj-tile.blocked{filter:brightness(.88)saturate(.9)}.mj-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 2px 3px 0 #3428164d;background:linear-gradient(155deg,#fffdf6 0%,#eaf7ef 55%,#cfe9da 100%)}.mj-tile.free:hover{background:linear-gradient(155deg,#fff 0%,#fbf7ec 55%,#f0e8d4 100%)}.mj-tile.hinted{animation:.66s ease-in-out 3 mj-hint}@keyframes mj-hint{50%{box-shadow:0 0 0 3px #f0b429,2px 3px #3428164d}}.mj-face{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.mj-tile.hinted{animation:none;box-shadow:0 0 0 3px #f0b429,2px 3px #3428164d}}.nk-board{--nk-cols:10;--nk-rows:6;--nk-gap:3px;--nk-pad:4%;grid-template-columns:repeat(var(--nk-cols), 1fr);gap:var(--nk-gap);padding:var(--nk-pad);background:var(--mj-felt);border-radius:var(--radius-sm);width:100%;max-width:var(--board-max,460px);margin:6px auto 0;display:grid;position:relative}.nk-slot{aspect-ratio:40/54}.nk-empty{background:0 0;border-radius:14%;box-shadow:inset 0 0 0 1px #00000024}.nk-tile{aspect-ratio:40/54;cursor:pointer;background:linear-gradient(155deg,#fffdf6 0%,#f7f1e3 55%,#e9e0ca 100%);border:1px solid #b7ab93;border-radius:14%;min-width:0;min-height:0;padding:0;display:block;overflow:hidden;box-shadow:2px 3px #3428164d}.nk-tile:hover{background:linear-gradient(155deg,#fff 0%,#fbf7ec 55%,#f0e8d4 100%)}.nk-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 2px 3px 0 #3428164d;background:linear-gradient(155deg,#fffdf6 0%,#eaf7ef 55%,#cfe9da 100%)}.nk-tile.hinted{animation:.66s ease-in-out 3 nk-hint}@keyframes nk-hint{50%{box-shadow:0 0 0 3px #f0b429,2px 3px #3428164d}}.nk-loading{color:#e8e4dc;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.nk-path{inset:var(--nk-pad);width:calc(100% - 2 * var(--nk-pad));height:calc(100% - 2 * var(--nk-pad));pointer-events:none;position:absolute;overflow:visible}.nk-path polyline{fill:none;stroke:#f0b429;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #f0b429cc);animation:.4s ease-out forwards nk-path-flash}@keyframes nk-path-flash{0%{opacity:0;stroke-width:4px}30%{opacity:1;stroke-width:4px}to{opacity:0;stroke-width:6px}}@media (prefers-reduced-motion:reduce){.nk-tile.hinted{animation:none;box-shadow:0 0 0 3px #f0b429,2px 3px #3428164d}.nk-path polyline{opacity:.9;animation:none}}.df-slot{flex:none;width:clamp(38px,9.5vw,54px);transition:transform .12s;display:block}.df-slot.dim{opacity:.42}.df-slot:has(.playing-card.selected){transform:translateY(-10px)}.df-seats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.df-seat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;min-width:0;padding:7px 6px;font-size:.8rem;line-height:1.35}.df-seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.df-seat-name{color:var(--muted);display:block}.df-seat-count{font-size:.95rem;font-weight:700;display:block}.df-seat-state{height:2.7em;color:var(--muted);display:block;overflow:hidden}.df-seat-cards{justify-content:center;align-items:flex-end;max-width:100%;height:26px;margin:4px 0 2px;display:flex;overflow:hidden}.df-back{background:repeating-linear-gradient(45deg,#ffffff40 0 2px,#0000 2px 4px),#1d4ed8;border:1px solid #f5f5f4;border-radius:3px;flex:none;width:15px;height:22px;box-shadow:-1px 0 1px #00000040}.df-back+.df-back{margin-left:-5px}@media (max-width:600px){.df-back{width:12px;height:20px}.df-back+.df-back{margin-left:-8px}}.df-flags{flex-wrap:wrap;justify-content:center;gap:6px;height:1.9em;display:flex;overflow:hidden}.df-flag{border-radius:var(--radius-pill);padding:2px 12px;font-size:.8rem;font-weight:700}.df-flag.rev{background:var(--danger);color:#fff}.df-flag.lock{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--text)}.df-field{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:108px;padding:8px;display:flex}.df-field-who{color:var(--muted);font-size:.8rem}.df-field-cards{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.df-field-empty{color:var(--muted);font-size:.85rem}.df-msg{text-align:center;justify-content:center;align-items:center;height:4.5em;margin:6px 0;font-size:.9rem;line-height:1.5;display:flex;overflow:hidden}.df-hand{flex-wrap:wrap;justify-content:center;gap:4px;min-height:76px;margin-top:10px;display:flex}.df-note{color:var(--muted);text-align:center;margin-top:8px;font-size:.8rem}.df-rules summary{cursor:pointer;font-size:.9rem;font-weight:600}.df-rules ul{margin:8px 0 0;padding:0;list-style:none}.df-rules li{margin:0 0 6px}.df-rules label{cursor:pointer;grid-template-columns:auto auto 1fr;align-items:baseline;gap:6px;display:grid}.df-rule-name{font-size:.9rem;font-weight:700}.df-rule-note{color:var(--muted);font-size:.8rem}.df-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);margin:10px 0;padding:10px 14px}.df-result h3{margin:0 0 6px;font-size:.95rem}.df-result ol{margin:0;padding:0;list-style:none}.df-result li{grid-template-columns:4.5em 1fr auto;gap:8px;padding:2px 0;font-size:.9rem;display:grid}.df-result li.me{font-weight:700}.df-result-rank{color:var(--accent-strong);font-weight:700}@media (prefers-reduced-motion:reduce){.df-slot{transition:none}}.sn-board{flex-direction:column;gap:3px;min-width:0;margin:10px 0;display:flex}.sn-row{grid-template-columns:1.3em repeat(13,1fr);align-items:center;gap:2px;min-width:0;display:grid}.sn-suit{text-align:center;color:var(--text);font-size:.9rem}.sn-suit.red{color:#dc2626}.sn-cell{aspect-ratio:5/7;border:1px dashed var(--border);background:var(--surface-2);min-width:0;color:var(--muted);border-radius:3px;justify-content:center;align-items:center;font-size:clamp(.5rem,2.2vw,.75rem);font-weight:600;line-height:1;display:flex;overflow:hidden}.sn-cell.on{border-style:solid;border-color:var(--border);background:var(--surface);color:var(--text)}.sn-cell.on.red{color:#dc2626}.sn-cell.hit{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.sn-cell.last{box-shadow:0 0 0 2px var(--accent-strong)}.sn-seats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.sn-seat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;min-width:0;padding:7px 6px;font-size:.8rem;line-height:1.35}.sn-seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sn-seat-name{color:var(--muted);display:block}.sn-seat-style{color:var(--accent-strong);font-size:.72rem;font-weight:700;display:block}.sn-seat-count{font-size:.95rem;font-weight:700;display:block}.sn-seat-state{height:2.7em;color:var(--muted);font-size:.72rem;display:block;overflow:hidden}.sn-seat-cards{justify-content:center;align-items:flex-end;max-width:100%;height:22px;margin:4px 0 2px;display:flex;overflow:hidden}.sn-back{background:repeating-linear-gradient(45deg,#ffffff40 0 2px,#0000 2px 4px),#1d4ed8;border:1px solid #f5f5f4;border-radius:3px;flex:none;width:13px;height:19px;box-shadow:-1px 0 1px #00000040}.sn-back+.sn-back{margin-left:-5px}.sn-hand{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.sn-slot{flex:none;width:clamp(38px,9.5vw,54px);transition:transform .12s;display:block}.sn-slot.dim{opacity:.42}.sn-msg{text-align:center;height:4.5em;margin:8px 0 0;font-size:.9rem;line-height:1.5;overflow:hidden}.sn-empty{color:var(--muted);font-size:.9rem}.sn-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.8rem}.btn.sn-danger{border-color:var(--danger);color:var(--danger);font-weight:700}.sn-rules summary{cursor:pointer;font-size:.9rem;font-weight:600}.sn-rules ul{margin:8px 0 0;padding:0;list-style:none}.sn-rules li{margin-bottom:6px}.sn-rules label{cursor:pointer;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px;display:grid}.sn-rule-name{font-size:.9rem;font-weight:700}.sn-rule-note{color:var(--muted);grid-column:2;font-size:.78rem}.sn-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:10px;padding:10px 12px}.sn-result h3{margin:0 0 6px;font-size:.95rem}.sn-result ol{margin:0;padding:0;list-style:none}.sn-result li{grid-template-columns:3.5em 1fr auto;gap:8px;padding:2px 0;font-size:.9rem;display:grid}.sn-result li.me{font-weight:700}.sn-result-rank{color:var(--accent-strong);font-weight:700}@media (prefers-reduced-motion:reduce){.sn-slot{transition:none}}.ss-board{grid-template-columns:repeat(var(--ss-cols,5), minmax(0, 1fr));gap:4px;width:100%;min-width:0;margin:10px 0;display:grid}.ss-slot,.ss-taken{min-width:0;display:block}.ss-board .playing-card{border-radius:5px}.ss-slot.wait .playing-card{cursor:default}.ss-taken{aspect-ratio:5/7;border:1px dashed var(--border);background:#94a3b814;border-radius:5px;width:100%}.ss-taken.p0{border-color:var(--accent);background:var(--accent-soft);border-style:solid}.ss-taken.p1{border-color:var(--danger);background:#b91c1c1a;border-style:solid}.ss-seats{grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0;display:grid}.ss-seat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);text-align:center;min-width:0;padding:7px 6px;font-size:.8rem;line-height:1.35}.ss-seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ss-seat-name{color:var(--muted);display:block}.ss-seat-pairs{font-size:.95rem;font-weight:700;display:block}.ss-msg{text-align:center;height:3em;margin:8px 0 0;font-size:.9rem;line-height:1.5;overflow:hidden}.ss-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.8rem}.sp-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;min-width:0;display:grid}.sp-slot{min-width:0;display:block;position:relative}.sp-seat{margin:8px 0}.sp-seat-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:.8rem;display:flex}.sp-seat-name.me{color:var(--accent);font-weight:700}.sp-seat-left strong{color:var(--text)}.sp-count{color:#f8fafc;pointer-events:none;background:#0f172abf;border-radius:999px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:1.5;position:absolute;bottom:2px;right:2px}.sp-empty{aspect-ratio:5/7;border:1px dashed var(--border);background:#94a3b814;border-radius:6px;width:100%;display:block}.sp-slot.warn .playing-card{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger)}.sp-piles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:240px;margin:12px auto;display:grid}.sp-pile{min-width:0;display:block}.sp-pile.target .playing-card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.sp-piles.signal{animation:.45s ease-in-out infinite alternate sp-signal}@keyframes sp-signal{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.sp-piles.signal{outline:2px dashed var(--accent);outline-offset:6px;animation:none}}.sp-msg{text-align:center;height:3em;margin:8px 0 0;font-size:.9rem;line-height:1.5;overflow:hidden}.sp-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.8rem}.hf-card{aspect-ratio:976/1600;background:0 0;border:0;border-radius:6px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059}button.hf-card{cursor:pointer}.hf-card img{width:100%;height:100%;display:block}.hf-month{color:#f5efdf;text-align:center;pointer-events:none;background:#1e1914c7;border-radius:6px;min-width:1.5em;padding:0 .25em;font-size:clamp(.6rem,2vw,.8rem);font-weight:700;line-height:1.5;position:absolute;top:3%;right:5%}.hf-card.selected{outline:3px solid var(--accent);outline-offset:-1px}.hf-card.target{outline:3px solid var(--accent);outline-offset:1px}.hf-card.dim{opacity:.42}.hf-card.fresh{outline-offset:1px;outline:2px solid #e0a92bd9}.hf-slot{min-width:0;display:block;position:relative}.hf-hand{--hf-hand-card:clamp(44px, 13vw, 66px);height:calc(2 * var(--hf-hand-card) * 1.64 + 5px);flex-wrap:wrap;place-content:flex-start center;gap:5px;margin:8px 0;display:flex}.hf-hand .hf-slot{width:var(--hf-hand-card)}.hf-hand.cpu{--hf-hand-card:clamp(30px, 8.5vw, 44px);height:calc(var(--hf-hand-card) * 1.64)}.hf-table{background:#22c55e1a;border:1px solid #22c55e38;border-radius:10px;justify-content:center;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 6px;display:flex}.hf-field{aspect-ratio:1.25;flex:auto;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:4px;min-width:0;max-width:300px;display:grid}.hf-field .hf-slot{width:100%;min-width:0}.hf-deck{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.hf-deck .hf-slot{width:clamp(34px,8vw,50px)}.hf-deck-note{text-align:center;width:clamp(34px,8vw,50px);color:var(--muted);font-size:.7rem;line-height:1.3}.hf-count{color:#f8fafc;pointer-events:none;background:#0f172abf;border-radius:999px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:1.5;position:absolute;bottom:2px;right:2px}.hf-empty{aspect-ratio:976/1600;border:1px dashed var(--border);background:#94a3b814;border-radius:6px;width:100%;display:block}.hf-taken{--hf-taken-card:clamp(24px, 7vw, 38px);margin:8px 0}.hf-taken-head{overscroll-behavior:contain;height:3.6em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;font-size:.78rem;line-height:1.4;display:flex;overflow-y:auto}.hf-seat.me{color:var(--accent);font-weight:700}.hf-yaku-line{flex-wrap:wrap;gap:6px;display:flex}.hf-yaku{color:var(--text);background:#eab3082e;border-radius:999px;padding:0 5px}.hf-yaku.total{background:#22c55e33;font-weight:700}.hf-yaku.none{color:var(--muted);background:0 0}.hf-strip{height:calc(2 * (.82rem + 2px + var(--hf-taken-card) * 1.64) + 3px);overscroll-behavior:contain;background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:3px 10px;padding:5px;display:flex;overflow-y:auto}.hf-strip .hf-card{width:var(--hf-taken-card)}.hf-kind-group{flex-direction:column;gap:2px;display:flex}.hf-kind-label{color:var(--muted);white-space:nowrap;font-size:.68rem;line-height:1.2}.hf-kind-cards{flex-wrap:wrap;gap:3px;display:flex}.hf-kind-cards .hf-card{width:var(--hf-taken-card)}.hf-empty-note{color:var(--muted);font-size:.75rem}.hf-rules summary{cursor:pointer;color:var(--muted);font-size:.85rem}.hf-rules .btn-row{margin:8px 0 0}.hf-toggles{gap:12px}.hf-check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.hf-msg{text-align:center;height:4.5em;margin:8px 0 0;font-size:.9rem;line-height:1.5;overflow:hidden}.hf-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;height:43px;margin:12px 0;display:flex}.hf-goal{margin:10px 0 0;font-size:.8rem}.hf-goal summary{cursor:pointer;color:var(--muted)}.hf-goal-list{margin:8px 0 0;padding:0;list-style:none}.hf-goal-list li{border-top:1px solid var(--border);flex-wrap:wrap;gap:4px 10px;padding:4px 0;display:flex}.hf-goal-list li .name{min-width:5em;font-weight:700}.hf-goal-list li .note{color:var(--muted);flex:auto}.hf-goal-list li.done .state{color:var(--accent);font-weight:700}.hf-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.8rem}.hf-credit{color:var(--muted);font-size:.8rem}.yc-dice{justify-content:center;gap:8px;margin:6px 0;display:flex}.yc-die{--half:15px;border:2px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;width:48px;height:48px;padding:7px}.yc-die:disabled{cursor:default}.yc-die.held{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.yc-die.idle{opacity:.35}.yc-face{width:100%;height:100%;display:block}.yc-face svg{width:100%;height:100%;fill:var(--text)}.yc-cube-wrap{perspective:420px;width:100%;height:100%;display:block}.yc-cube{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotate3d(var(--ax), var(--ay), var(--az), 0deg) rotateX(var(--rx)) rotateY(var(--ry));display:block;position:relative}.yc-cube.rolling{animation:yc-roll calc(.58s + var(--i,0) * .1s) cubic-bezier(.12, .66, .26, 1);will-change:transform}@keyframes yc-roll{0%{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-42%) rotate3d(var(--ax), var(--ay), var(--az), var(--spin)) rotateX(var(--rx)) rotateY(var(--ry))}56%{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0) rotate3d(var(--ax), var(--ay), var(--az), calc(var(--spin) * .12)) rotateX(var(--rx)) rotateY(var(--ry))}76%{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-14%) rotate3d(var(--ax), var(--ay), var(--az), calc(var(--spin) * .03)) rotateX(var(--rx)) rotateY(var(--ry))}to{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(0) rotate3d(var(--ax), var(--ay), var(--az), 0deg) rotateX(var(--rx)) rotateY(var(--ry))}}.yc-cube-face{background:var(--surface);backface-visibility:hidden;border:1px solid #0f172a29;border-radius:4px;place-items:center;display:grid;position:absolute;inset:0}.yc-cube-face svg{width:78%;height:78%;fill:var(--text)}.yc-cube-face.front{transform:translateZ(var(--half))}.yc-cube-face.back{transform:rotateY(180deg) translateZ(var(--half))}.yc-cube-face.right{transform:rotateY(90deg) translateZ(var(--half))}.yc-cube-face.left{transform:rotateY(-90deg) translateZ(var(--half))}.yc-cube-face.top{transform:rotateX(90deg) translateZ(var(--half))}.yc-cube-face.bottom{transform:rotateX(-90deg) translateZ(var(--half))}.yc-roll{justify-content:center;margin:6px 0;display:flex}.yc-roll .btn{min-width:200px;padding:11px 18px}.yc-hint{text-align:center}.yc-sheet{grid-template-columns:1fr 1fr;gap:6px;display:grid}.yc-col{flex-direction:column;gap:2px;display:flex}.yc-head,.yc-row{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);grid-template-columns:1fr 2.4rem 2.4rem;align-items:center;gap:2px;padding:0 6px;font-size:.82rem;display:grid}.yc-head{height:20px;color:var(--muted);background:0 0;border-color:#0000;font-size:.66rem}.yc-head span{white-space:nowrap}.yc-row{cursor:default;height:44px}.yc-row.playable{cursor:pointer;border-color:var(--accent);background:var(--accent-soft)}.yc-row.filled{background:var(--surface-2);box-shadow:inset 3px 0 0 0 var(--accent)}.yc-row.filled .yc-name{color:var(--muted)}.yc-row.total{background:var(--surface-2);font-weight:700}.yc-name{flex-direction:column;justify-content:center;gap:2px;line-height:1.2;display:flex;overflow:hidden}.yc-pat{flex:none;width:auto;max-width:100%;height:9px}.yc-pat.upper{height:15px}.yc-pat .pat-same{fill:var(--accent)}.yc-pat .pat-other{fill:var(--accent);opacity:.45}.yc-pat .pat-any{fill:none;stroke:var(--muted);stroke-width:1.2px}.yc-pat .pat-die{fill:none;stroke:var(--accent);stroke-width:1.2px}.yc-pat .pat-pip{fill:var(--accent)}.yc-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.yc-val.cpu{color:var(--muted)}.yc-val.preview{color:var(--accent);font-weight:400}.yc-val.done{color:var(--text);font-weight:700}.yc-val.cpu.done{color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);font-weight:600}@media (max-width:600px){.card{margin:12px 0;padding:10px}.btn-row{gap:6px;margin:8px 0}.seg button{padding:7px 8px;font-size:.8rem}.btn{padding:8px 14px;font-size:.85rem}.rec-strip{gap:4px 10px;margin:6px 0;padding:4px 8px;font-size:.76rem}.rec-items{gap:2px 10px}.rec-note summary{font-size:0}.rec-note summary:after{content:"ⓘ";font-size:.8rem}.df-msg,.sn-msg{height:3em;margin:4px 0 0}.ss-msg{height:2.5em;margin:4px 0 0}.df-seat-state,.sn-seat-state{height:1.8em}.df-seat-cards{height:18px;margin:2px 0 0}.sn-seat-cards{height:16px;margin:2px 0 0}.df-seat,.sn-seat{padding:5px 4px}.df-seats,.sn-seats{margin:6px 0}.df-slot,.sn-slot{width:34px}.df-hand,.sn-hand{gap:3px;margin-top:6px}.df-field{min-height:84px}.df-note,.sn-note,.ss-note{margin-top:4px}.df-flags{height:1.6em}.df-note{font-size:.75rem}.hf-hand{--hf-hand-card:clamp(24px, calc(10.2vw - 2px), 44px);height:calc(var(--hf-hand-card) * 1.64 + 2px);gap:2px;margin:3px 0}.hf-hand.cpu{--hf-hand-card:clamp(20px, 7vw, 40px);height:calc(var(--hf-hand-card) * 1.64)}.hf-taken{--hf-taken-card:clamp(18px, 4.8vw, 32px);margin:3px 0}.hf-taken-head{height:1.8em;margin-bottom:2px}.hf-strip{height:calc(.82rem + 2px + var(--hf-taken-card) * 1.64 + 8px);padding:3px}.hf-table{margin:3px 0;padding:4px}.hf-game .status-bar{margin:4px 0;font-size:.82rem}.hf-toggles{margin:4px 0}.hf-field{max-width:190px}.hf-deck-note{font-size:.62rem;line-height:1.25}.hf-game .seg button{padding:5px 7px;font-size:.72rem}.hf-game .btn-row .btn{padding:6px 10px;font-size:.78rem}.hf-msg{height:3em;margin:4px 0 0}.hf-actions{height:36px;margin:5px 0}.hf-goal{margin-top:4px}.hf-msg{margin:2px 0 0}.hf-rules .btn-row{margin:6px 0 0}.cs-board{--cs-chrome:470px;gap:8px 4px;padding-top:10px}.cs-pattern{font-size:.78rem}.yc-sheet{gap:4px}.yc-head,.yc-row{grid-template-columns:1fr 2rem 2rem;padding:0 4px;font-size:.73rem}.yc-dice{gap:6px;margin:4px 0}.yc-roll{margin:4px 0}.yc-roll .btn{min-width:0;font-size:.88rem}.yc-hint{height:1.6em;margin:2px 0 4px;font-size:.78rem}}