@font-face{font-family:Inter OK;src:url(/assets/Inter-Medium-subset-dYgqQorE.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter OK;src:url(/assets/Inter-Bold-subset-BemRSoZD.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Inter OK;src:url(/assets/Inter-Black-subset-CqD6WPGw.woff2)format("woff2");font-weight:900;font-display:swap}:root{--ground:#f9f8f8;--surface:#fff;--surface-alt:#f0eded;--accent-soft:#ffe9ea;--divider:#b0acad38;--slot:#bab6b7;--text:#393434;--text-soft:#b0acad;--accent:#ff3e4c;--card-edge:#f0eded;--dim-face:#faf9f9;--dim-red:#fd9ca3;--dim-black:#9a9797;--shadow-card:#0000001c;--shadow-chrome:-2.5px 2.5px 7.5px #0000001c;--shadow-panel:0 -8px 64px 8px #00000014;--shadow-thumb:0 2px 12px #0000001c;--s:1.4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--text);font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;font-family:Inter OK,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:500}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mono{font-feature-settings:"ss01" 1, "tnum" 1}.table{max-width:520px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex}.bar{flex-direction:column;flex:none;justify-content:center;align-items:center;width:100%;height:84px;display:flex;position:relative}.bar.compact{height:56px}.bar.compact .caption{letter-spacing:1.6px;margin-top:0;font-size:12px}.menu-button{border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:6px;left:6px}.total{letter-spacing:0;font-size:40px;font-weight:900;line-height:1}.caption{letter-spacing:1.3px;color:var(--text-soft);text-transform:none;white-space:nowrap;margin-top:8px;font-size:10px}.caption .accent{color:var(--accent)}.board{flex:none;margin-top:4px;position:relative}.cell{width:var(--cw);height:var(--ch);border-radius:calc(8px * var(--s));position:absolute}button.cell:disabled{cursor:default}.cell.empty:before,.cell.empty:after{content:"";width:calc(var(--cw) * .318);height:max(2px, calc(var(--cw) * .045));background:var(--slot);border-radius:99px;transition:opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell.empty:after{transform:translate(-50%,-50%)rotate(90deg)}.cell.empty .card{opacity:0;transition:opacity .12s}@media (hover:hover) and (pointer:fine){.cell.empty:not(:disabled):hover .card{opacity:1}.cell.empty:not(:disabled):hover:before,.cell.empty:not(:disabled):hover:after{opacity:0}}.card{width:var(--cw);height:var(--ch);border-radius:calc(8px * var(--s));background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 .5px var(--card-edge), calc(-2px * var(--s)) calc(2px * var(--s)) calc(6px * var(--s)) var(--shadow-card);transform-origin:50%;will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.card.red{color:var(--accent)}.card .rank{left:calc(6.4px * var(--s));top:calc(5.3px * var(--s));font-weight:500;font-size:calc(17px * var(--s));letter-spacing:-1px;line-height:1;position:absolute}.card .glyph{fill:currentColor;position:absolute}.card.dim,.cell.empty .card{background:var(--dim-face);color:var(--dim-black);box-shadow:calc(-2px * var(--s)) calc(2px * var(--s)) calc(6px * var(--s)) var(--shadow-card)}.card.dim.red,.cell.empty .card.red{color:var(--dim-red)}.card.back{background:var(--surface)}.card.back:after{content:"";inset:calc(5px * var(--s));border:calc(2px * var(--s)) solid var(--surface-alt);border-radius:999px;position:absolute}.card.back>*{display:none}.line-score{color:var(--text);place-items:center;font-size:15px;line-height:1;transition:color .2s;display:grid;position:absolute}.line-score.pending{color:var(--divider)}.line-score.nothing{color:var(--text-soft)}.line-score.big{color:var(--accent);font-weight:900}.line-score.pop{animation:.32s ease-out pop}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.4)}70%{transform:scale(.94)}to{transform:scale(1)}}.note{letter-spacing:2.6px;height:34px;color:var(--accent);text-align:center;opacity:0;flex:none;place-items:center;font-size:15px;font-weight:900;transition:opacity .22s;display:grid}.note.shown{opacity:1}.hand{flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.hand-slot{width:var(--cw);height:var(--ch);position:relative}.row{background:var(--surface);width:100%;height:56px;box-shadow:var(--shadow-chrome);letter-spacing:1.8px;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:17px;font-weight:700;transition:transform .16s cubic-bezier(.2,.9,.3,1);display:flex}.row:active{transform:scale(.97)}.row.accent{color:var(--accent)}.row.recessed{background:var(--ground)}.row.split{justify-content:space-between}.row .aside{letter-spacing:1.6px;color:var(--text-soft);font-size:12px}.segmented{background:var(--surface-alt);border-radius:12px;flex:none;grid-template-columns:repeat(3,1fr);width:222px;height:40px;display:grid;position:relative}.segmented .thumb{background:var(--surface);width:calc(33.3333% - 1.33333px);box-shadow:var(--shadow-thumb);border-radius:10px;transition:transform .22s cubic-bezier(.2,.9,.3,1);position:absolute;top:2px;bottom:2px;left:2px}.segmented button{letter-spacing:1.2px;color:var(--text);font-size:12px;font-weight:500;position:relative}.segmented button[aria-pressed=true]{color:var(--accent);font-weight:700}.scrim{z-index:10;position:fixed;inset:0}.sheet{z-index:11;background:var(--ground);width:100%;max-width:440px;box-shadow:var(--shadow-panel);padding:24px 16px max(8px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sheet-label{letter-spacing:1.6px;color:var(--text-soft);margin:14px 0 0 4px;font-size:12px}.row.app{height:68px;color:var(--text);justify-content:flex-start;gap:14px;padding:0 16px 0 14px;text-decoration:none}.row.app img{width:40px;height:40px;box-shadow:0 0 0 .5px var(--card-edge);border-radius:9px;flex:none}.app-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.app-text b{letter-spacing:1.6px;font-size:15px;font-weight:700}.app-text small{letter-spacing:1.3px;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.row.app .aside{color:var(--text-soft);flex:none;display:grid}.sheet-foot{justify-content:flex-end;align-items:center;height:44px;margin-top:12px;display:flex}.icon-button{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.result{flex-direction:column;flex:none;align-items:center;gap:0;width:100%;display:flex}.placing{letter-spacing:1px;color:var(--accent);align-items:flex-start;font-size:48px;font-weight:900;line-height:1;display:flex}.placing sup{margin-top:3px;margin-left:4px;font-size:22px;line-height:1}.placing.lost{color:var(--text)}.line{letter-spacing:1.6px;color:var(--accent);text-align:center;margin-top:6px;font-size:15px}.line.lost{color:var(--text-soft)}.subline{letter-spacing:1.6px;color:var(--text-soft);text-align:center;min-height:15px;margin-top:6px;font-size:12px}.result .rows{flex-direction:column;gap:12px;width:100%;margin-top:20px;display:flex}.stats{justify-content:center;gap:20px;padding:4px 0 18px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.stat b{letter-spacing:.5px;font-size:30px;font-weight:900;line-height:1.05}.stat span{letter-spacing:1.6px;font-size:12px}.stat.accent b,.stat.accent span{color:var(--accent)}.page{max-width:520px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.title{letter-spacing:3px;color:var(--text-soft);text-align:center;margin:0 0 32px;font-size:26px;font-weight:700}.ok-card{background:var(--surface);border-radius:16px;padding:26px 20px}.help h2{letter-spacing:1.6px;color:var(--accent);margin:0 0 12px;font-size:15px;font-weight:700}.help p{margin:0 0 14px;font-size:15px;line-height:1.55}.help section+section{margin-top:34px}.help table{border-collapse:collapse;width:100%;font-size:15px}.help td{border-top:1px solid var(--divider);padding:7px 0}.help td:last-child{text-align:right}.help tr.big td:last-child{color:var(--accent);font-weight:900}.page-foot{padding-top:28px}.page-foot .row{box-shadow:none;background:0 0;justify-content:flex-start;gap:14px;padding:0 4px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;background:var(--text);color:var(--surface);letter-spacing:1.6px;box-shadow:var(--shadow-chrome);border-radius:14px;padding:12px 18px;font-size:12px;font-weight:700;position:fixed;transform:translate(-50%)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
