:root{--mat-900:#0e3b2c;--mat-800:#12503a;--mat-700:#176247;--mat-600:#1f7a58;--mat-100:#e3f0e8;--mat-050:#f1f7f3;--tile-000:#fdfcf7;--tile-050:#f7f4ea;--tile-100:#efeadb;--tile-300:#d6d0bc;--tile-500:#b9b29a;--ink-900:#1c1e1c;--ink-600:#5b625d;--ink-400:#9ea39f;--plus:#1d4fa3;--minus:#c13030;--ng-bg:#fbeae8;--ng-line:#efb9b4;--ng-text:#a8231c;--ok-bg:#e3f0e8;--ok-text:#176247;--me-bg:#fff5d6;--me-line:#d8a000;--me-tag-bg:#ffe79c;--me-tag-text:#6b4d00;--disabled-bg:#c8ccc6;--disabled-text:#fff;--fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-btn:17px;--fs-l:20px;--fs-xl:24px;--fs-2xl:28px;--fs-num:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--r-s:8px;--r-m:12px;--r-l:16px;--r-pill:999px;--h-touch:44px;--h-btn:52px;--h-header:56px;--h-tab:56px;--sh-tile:inset 0 -3px 0 var(--tile-100),0 1px 0 var(--tile-300),0 3px 8px #00000047;--sh-key:0 2px 0 var(--tile-500);--t-fast:.12s;--t-mid:.24s;--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;--font-mono:ui-monospace,Menlo,Consolas,monospace;--c-surface:var(--tile-000);--c-text:var(--ink-900);--c-sub:var(--ink-600);--c-border:var(--tile-300);--c-mute-bg:var(--tile-100);--c-primary:var(--mat-700);--c-primary-press:var(--mat-800);--c-primary-soft:var(--mat-100);--c-on-primary:#fff;--c-plus:var(--plus);--c-minus:var(--minus);--c-ng-bg:var(--ng-bg);--c-ng-line:var(--ng-line);--c-ng-text:var(--ng-text);--c-ok-bg:var(--ok-bg);--c-ok-text:var(--ok-text);--c-me-bg:var(--me-bg);--c-me-line:var(--me-line);--c-me-tag-bg:var(--me-tag-bg);--c-me-tag-text:var(--me-tag-text);--c-disabled-bg:var(--disabled-bg);--c-disabled-text:var(--disabled-text);--c-faint:var(--ink-400)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-bottom:var(--scroll-pad,0px)}body{font-family:var(--font);font-size:var(--fs-m);color:var(--ink-900);background:var(--mat-900) radial-gradient(120% 60% at 50% -10%,var(--mat-700),var(--mat-900) 70%) fixed;-webkit-text-size-adjust:100%;line-height:1.5}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.input,.tbl,.sum,.rank .total,.prow .sc,.num{font-variant-numeric:tabular-nums}.plus{color:var(--plus)}.minus{color:var(--minus)}.zero{color:var(--ink-600)}.hint{font-size:var(--fs-s);color:var(--ink-600)}.hint.ng{color:var(--ng-text)}.hint.on-mat,.main>.hint{color:var(--mat-100)}.note{font-size:var(--fs-xs);color:var(--ink-600);display:block}.center{text-align:center}[hidden]{display:none!important}.appbar{align-items:center;gap:var(--sp-2);height:var(--h-header);padding:0 var(--sp-4);color:#fff;display:flex}.appbar .titles{flex:1;min-width:0}.appbar h1{font-size:var(--fs-l);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25;overflow:hidden}.appbar .sub{font-size:var(--fs-xs);color:var(--mat-100);line-height:1.3}.back{height:var(--h-touch);padding-right:var(--sp-1);color:#fff;white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.me{align-items:center;gap:var(--sp-1);height:var(--h-touch);border:1.5px solid var(--me-line);border-radius:var(--r-pill);background:var(--me-bg);color:var(--ink-900);flex:none;padding:0 26px 0 12px;display:inline-flex;position:relative}.me>span{font-size:var(--fs-xs);color:var(--me-tag-text);font-weight:700}.me select{appearance:none;height:var(--h-touch);font-size:var(--fs-m);background:0 0;border:0;outline:none;font-weight:700}.me:after{content:"▾";color:var(--me-tag-text);pointer-events:none;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.main{gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);padding-bottom:calc(var(--pb,0px) + var(--h-tab) + var(--sp-4) + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.main>.notice{flex:none}.tabbar{width:100%;max-width:480px;height:calc(var(--h-tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--tile-000);border-top:1px solid var(--tile-300);z-index:20;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--ink-600);font-size:var(--fs-s);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex}.tab:before{content:"";background:0 0;border-radius:3px;width:28px;height:6px}.tab[aria-current=page]{color:var(--mat-700)}.tab[aria-current=page]:before{background:var(--mat-700);background-image:radial-gradient(circle at 50% 50%,var(--minus) 0 1.6px,transparent 2.2px)}.dock{left:50%;bottom:calc(var(--h-tab) + env(safe-area-inset-bottom));gap:var(--sp-2);width:100%;max-width:480px;padding:var(--sp-2) var(--sp-4);background:var(--tile-050);border-top:1px solid var(--tile-300);z-index:19;flex-direction:column;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 -4px 12px #0000002e}.tile,.card{padding:var(--sp-4);border-radius:var(--r-l);background:var(--tile-000);box-shadow:var(--sh-tile);border:0}.tile.tight,.card.tight{padding:var(--sp-3) var(--sp-2)}.tile h2{font-size:var(--fs-m);font-weight:700}.tile>h2{margin-bottom:var(--sp-3)}.tile-h{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.tile.tight>h2,.tile.tight>.tile-h,.tile.tight>.hint{padding:0 var(--sp-2)}.tile>.hint{margin-top:var(--sp-2)}.picks{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pick{height:var(--h-touch);border:1.5px solid var(--tile-300);border-radius:var(--r-pill);background:var(--tile-000);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.pick[aria-pressed=true]{border-color:var(--mat-700);background:var(--mat-100);color:var(--mat-700)}.pick.has-seat{padding-left:6px}.pick .seat{width:22px;height:26px;font-size:12px}.pick .off{font-size:var(--fs-xs);color:var(--ink-600)}.seat{border:1px solid var(--tile-300);background:var(--tile-000);width:26px;height:32px;box-shadow:inset 0 -2px 0 var(--tile-100);color:var(--ink-900);border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.seat.kicha{color:var(--minus)}.sum{justify-content:space-between;align-items:center;gap:6px var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-m);background:var(--tile-100);color:var(--ink-600);flex-wrap:wrap;font-weight:700;display:flex}.sum>.row,.sum>.gauge{flex:0 0 100%}.sum .row{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:28px;display:flex}.sum .big{font-size:var(--fs-l);color:var(--ink-900)}.sum.ok{background:var(--ok-bg);color:var(--ok-text)}.sum.ok .big{color:var(--ok-text)}.sum.ng{background:var(--ng-bg);color:var(--ng-text);border:1px solid var(--ng-line)}.sum.ng .big{color:var(--ng-text)}.gauge{border:1px solid var(--tile-300);background:var(--tile-000);border-radius:4px;height:8px;position:relative;overflow:hidden}.gauge>i{background:var(--mat-600);width:0;height:100%;transition:width var(--t-mid);display:block}.gauge:after{content:"";background:var(--minus);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.sum.ng .gauge>i{background:var(--minus)}.pad{gap:var(--sp-2);flex-direction:column;display:flex}.pad-head{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:28px;font-weight:700;display:flex}.pad-head .who{align-items:center;gap:6px;min-width:0;display:flex}.pad-head .val{font-size:var(--fs-l);font-variant-numeric:tabular-nums}.keys{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--h-touch);gap:6px;display:grid}.key{border:1px solid var(--tile-300);border-radius:var(--r-s);background:var(--tile-000);box-shadow:var(--sh-key);font-size:var(--fs-xl);justify-content:center;align-items:center;font-weight:700;display:flex}.key.fn{font-size:var(--fs-m);color:var(--mat-700)}.key.next{border-color:var(--mat-800);background:var(--mat-700);color:#fff;font-size:var(--fs-btn);box-shadow:0 2px 0 var(--mat-900);grid-area:3/4/5}.btn,.key{transition:transform var(--t-fast),box-shadow var(--t-fast)}.btn:active{transform:scale(.98)}.key:active{box-shadow:none;transform:translateY(2px)}.sum.ok{animation:.3s ease-out pitari}@keyframes pitari{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card h2{font-size:var(--fs-m);font-weight:700}.card>h2{margin-bottom:var(--sp-3)}.card-h{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.card.tight>h2,.card.tight>.card-h,.card.tight>.hint{padding:0 var(--sp-2)}.card>.hint{margin-top:var(--sp-2)}.field{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-1) 0;display:flex}.field+.field{border-top:1px solid var(--c-border)}.field>.label{font-weight:700}.ctrl{align-items:center;gap:var(--sp-1);display:flex}.value{color:var(--c-sub);font-weight:700}.unit{font-size:var(--fs-s);color:var(--c-sub);white-space:nowrap}.is-me{background:var(--c-me-bg);box-shadow:inset 4px 0 0 var(--c-me-line)}.me-tag{margin-right:var(--sp-1);background:var(--c-me-tag-bg);color:var(--c-me-tag-text);vertical-align:2px;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;height:var(--h-btn);border-radius:var(--r-m);font-size:var(--fs-btn);border:0;font-weight:700;display:flex}.btn:disabled{cursor:default}.btn-primary{background:var(--c-primary);color:var(--c-on-primary)}.btn-primary:active{background:var(--c-primary-press)}.btn-primary:disabled{background:var(--c-disabled-bg);color:var(--c-disabled-text)}.btn-outline{border:1.5px solid var(--c-primary);background:var(--c-surface);color:var(--c-primary)}.btn-danger{border:1.5px solid var(--c-minus);background:var(--c-surface);color:var(--c-minus)}.btn-s{width:auto;height:var(--h-touch);padding:0 var(--sp-4);font-size:var(--fs-m);flex:none}.btns{gap:var(--sp-3);display:flex}.btns>.btn{flex:1}.input{width:100%;height:var(--h-touch);padding:0 var(--sp-3);border:1.5px solid var(--c-border);border-radius:var(--r-s);background:var(--c-surface);font-size:var(--fs-m);text-align:right}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.input.text{text-align:left}.w-5{width:104px}.w-3{width:72px}.sign{width:var(--h-touch);height:var(--h-touch);border:1.5px solid var(--c-border);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-sub);font-size:var(--fs-l);flex:none;font-weight:700;line-height:1}.sign[aria-pressed=true]{border-color:var(--c-minus);background:var(--c-ng-bg);color:var(--c-minus)}.neg .input{color:var(--c-minus)}.pt{align-items:center;gap:6px;display:flex}.pt .input{width:80px;height:48px;font-size:var(--fs-xl);font-weight:700}.pt .input.sm{width:72px;height:var(--h-touch);font-size:var(--fs-l)}.pt .zeros{font-size:var(--fs-l);color:var(--c-sub);margin-left:-2px;font-weight:700}.seg{border-radius:var(--r-s);background:var(--c-mute-bg);padding:3px;display:flex}.seg>button{min-width:72px;height:38px;color:var(--c-sub);background:0 0;border:0;border-radius:6px;font-weight:700}.seg>button[aria-pressed=true]{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 3px #0000002e}.switch{border-radius:var(--r-pill);background:var(--c-disabled-bg);border:0;flex:none;width:52px;height:32px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--c-primary)}.switch[aria-checked=true]:after{left:23px}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{height:var(--h-touch);border:1.5px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.chip.has-seat{padding-left:var(--sp-1)}.chip .seat{width:24px;height:24px;font-size:13px}.chip .off{font-size:var(--fs-xs);color:var(--c-sub)}.presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.presets .chip{padding:0}.radio{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.radio+.radio{border-top:1px solid var(--c-border)}.radio input{width:22px;height:22px;accent-color:var(--c-primary);flex:none;margin-top:1px}.uma{gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.uma>div{align-items:center;gap:6px;display:flex}.uma .k{width:28px;font-size:var(--fs-s);color:var(--c-sub);font-weight:700}.uma .input{flex:1;min-width:0}.badge{border-radius:var(--r-pill);height:24px;font-size:var(--fs-xs);align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.badge.done{background:var(--c-ok-bg);color:var(--c-ok-text)}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-m);font-size:var(--fs-s)}.notice.error{border:1px solid var(--c-ng-line);background:var(--c-ng-bg);color:var(--c-ng-text)}.prow,.crow,.mrow{align-items:center;gap:var(--sp-2);border-radius:var(--r-s);display:flex}.prow{min-height:64px;padding:var(--sp-2)}.crow,.mrow{min-height:56px;padding:var(--sp-1) var(--sp-2)}.prow+.prow,.crow+.crow,.mrow+.mrow{margin-top:2px}.prow .who,.crow .name,.mrow .name{flex:1;min-width:0}.prow .name,.crow .name,.mrow .name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.prow .res{font-size:var(--fs-s);color:var(--c-sub);font-weight:700}.prow .res b{margin-left:var(--sp-1);font-size:var(--fs-m)}.prow .rk{width:32px;font-size:var(--fs-s);color:var(--c-sub);text-align:right;font-weight:700}.prow .sc{min-width:56px;font-size:var(--fs-xl);text-align:right;font-weight:700}.del{height:var(--h-touch);border:1.5px solid var(--c-border);border-radius:var(--r-s);background:var(--c-surface);color:var(--c-minus);font-size:var(--fs-s);flex:none;padding:0 14px;font-weight:700}.del:disabled{color:var(--c-faint);cursor:default}.add{gap:var(--sp-2);display:flex}.add .input{flex:1;min-width:0}.url{align-items:center;gap:var(--sp-2);display:flex}.url code{border-radius:var(--r-s);background:var(--c-mute-bg);min-width:0;font-family:var(--font-mono);font-size:var(--fs-s);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:10px 12px;overflow:hidden}.tbl{border-collapse:collapse;table-layout:fixed;width:100%}.tbl th{border-bottom:1px solid var(--c-border);color:var(--c-sub);font-size:var(--fs-xs);text-align:right;white-space:nowrap;text-overflow:ellipsis;padding:6px 4px;font-weight:700;overflow:hidden}.tbl td{border-bottom:1px solid var(--c-border);text-align:right;white-space:nowrap;text-overflow:ellipsis;padding:10px 4px;font-weight:700;overflow:hidden}.tbl tbody tr:last-child td{border-bottom:0}.tbl th:first-child,.tbl td:first-child{padding-left:var(--sp-2);text-align:left}.tbl th:last-child,.tbl td:last-child{padding-right:var(--sp-2)}.tbl tr.is-me{box-shadow:none;background:0 0}.tbl tr.is-me td{background:var(--c-me-bg)}.tbl tr.is-me td:first-child{box-shadow:inset 4px 0 0 var(--c-me-line)}.tbl .me-col{background:var(--c-me-bg)}.tbl th.me-col{color:var(--c-me-tag-text)}.matrix th:first-child{width:40px}.matrix td{font-size:15px}.matrix td:first-child{color:var(--c-sub)}.matrix tbody tr{cursor:pointer}.matrix .skip{color:var(--c-faint);font-weight:400}.settle th:nth-child(2){width:56px}.settle th:nth-child(3){width:52px}.settle th:nth-child(4){width:96px}.rank{align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-s);display:flex}.rank+.rank{margin-top:2px}.rank .pos{width:20px;color:var(--c-sub);text-align:center;font-weight:700}.rank .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.rank .games{font-size:var(--fs-s);color:var(--c-sub)}.rank .total{min-width:64px;font-size:var(--fs-xl);text-align:right;font-weight:700}.hero{justify-content:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-4);flex-direction:column;flex:1;display:flex}.logo{background:var(--c-primary);width:72px;height:72px;color:var(--c-on-primary);border-radius:20px;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex}.hero h1{font-size:var(--fs-2xl);font-weight:800;line-height:1.3}.lead{margin-top:var(--sp-2);color:var(--c-sub)}.feats{gap:var(--sp-2);flex-direction:column;list-style:none;display:flex}.feats li{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-m);background:var(--c-surface);font-size:var(--fs-s)}.foot{gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-5);flex-direction:column;display:flex}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.hero,.foot{color:#fff}.hero .lead{color:var(--mat-100)}.feats li{color:var(--ink-900)}.logo{background:var(--tile-000);width:72px;height:96px;box-shadow:var(--sh-tile);color:var(--mat-700);border-radius:10px;font-size:44px;animation:4s ease-in-out infinite float;transform:rotate(-4deg)}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(-4deg)}}.hero{padding-bottom:120px}.feats li{align-items:center;gap:var(--sp-3);box-shadow:var(--sh-tile);border:0;display:flex}.feats li:before{content:"";border:1px solid var(--tile-300);background:var(--tile-000) radial-gradient(circle at 50% 50%,var(--minus) 0 1.6px,transparent 2.2px);border-radius:4px;flex:none;width:28px;height:8px}.dock.solo{bottom:env(safe-area-inset-bottom);padding-bottom:var(--sp-3)}.tile-h{min-height:var(--h-touch)}label.label{min-height:var(--h-touch);align-items:center;display:flex}.seg>button{height:var(--h-touch)}.switch{height:var(--h-touch);background:0 0}.switch:before{content:"";border-radius:var(--r-pill);background:var(--disabled-bg);width:100%;height:32px;position:absolute;top:6px;left:0}.switch:after{transition:left var(--t-fast);top:9px}.switch[aria-checked=true]:before{background:var(--mat-700)}.radio{min-height:var(--h-touch);cursor:pointer}.radio input{appearance:none;width:var(--h-touch);height:var(--h-touch);background:radial-gradient(circle,var(--tile-000) 0 8px,var(--tile-500) 8.5px 11px,transparent 11.5px);border:0;margin:-12px 1px -12px -11px}.radio input:checked{background:radial-gradient(circle,var(--mat-700) 0 5px,var(--tile-000) 5.5px 8px,var(--mat-700) 8.5px 11px,transparent 11.5px)}.radio input:focus-visible{outline:2px solid var(--mat-700);border-radius:50%}.mrow .played{font-size:var(--fs-xs);color:var(--ink-600)}.prow .pts{font-variant-numeric:tabular-nums}.prow .pt{border:1.5px solid var(--tile-300);border-radius:var(--r-s);background:var(--tile-000);min-width:124px;height:48px;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;transition:box-shadow var(--t-fast);flex:none;justify-content:flex-end;gap:0;padding:0 10px;font-weight:700}.prow .pt .zeros{font-size:inherit;color:var(--ink-600);margin-left:0}.prow .pt .ph{color:var(--ink-400)}.prow.active{background:var(--mat-050)}.prow.active .pt{border-color:var(--mat-700);box-shadow:0 0 0 3px var(--mat-100)}.rank{min-height:56px}.rank .pos{background:var(--tile-100);width:28px;height:28px;color:var(--ink-600);font-size:var(--fs-s);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.rank.top .pos{background:var(--mat-700);color:#fff}.rank .total{min-width:72px}.matrix td{padding:12px 4px}.matrix tbody tr:active td{background:var(--mat-050)}.matrix td:last-child:after{content:"›";color:var(--ink-400);margin-left:4px;font-weight:400}.crow .pt{min-width:88px;height:var(--h-touch);border:1.5px solid var(--tile-300);border-radius:var(--r-s);background:var(--tile-000);font-size:var(--fs-l);font-variant-numeric:tabular-nums;transition:box-shadow var(--t-fast);flex:none;justify-content:flex-end;padding:0 10px;font-weight:700}.pt .ph{color:var(--ink-400)}.crow.active{background:var(--mat-050)}.crow.active .pt{border-color:var(--mat-700);box-shadow:0 0 0 3px var(--mat-100)}