:root{--canvas:#101014;--surface:#191922;--surface-raised:#1b1b24;--surface-selected:#1d1d27;--hairline:#f4f2ee12;--divider:#f4f2ee0d;--border-strong:#f4f2ee29;--text:#f4f2ee;--text-secondary:#f4f2ee8f;--text-tertiary:#f4f2ee66;--text-faint:#f4f2ee4d;--accent:oklch(72% .18 22);--accent-hover:oklch(78% .17 22);--accent-soft:oklch(84% .12 22);--accent-pill:oklch(80% .15 22);--accent-tint-06:#f0786e0f;--accent-tint-09:#f0786e17;--accent-tint-10:#f0786e1a;--accent-tint-14:#f0786e24;--accent-tint-28:#f0786e47;--accent-tint-30:#f0786e4d;--accent-55:#f0786e8c;--on-accent:#101014;--on-accent-deep:#1a0b0b;--destructive-text:#ff9682e6;--destructive-border:#ff78644d;--font-ui:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--gutter-w:124px;--col-w:72px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button,input{color:inherit;font-family:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:0;height:0}@keyframes iss-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{background:var(--canvas);max-width:520px;height:100dvh;padding-top:var(--safe-top);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.scroller{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.btn-primary{background:var(--accent);width:100%;color:var(--on-accent);border:none;border-radius:18px;min-height:56px;padding:18px;font-size:17px;font-weight:600}.btn-primary--lg{letter-spacing:-.2px;padding:19px;font-size:18px}.btn-primary--start{font-weight:700}.btn-outline{border:1px solid var(--border-strong);width:100%;color:var(--text);background:0 0;border-radius:18px;min-height:52px;padding:17px;font-size:16px;font-weight:500}.btn-text{color:#f4f2ee80;background:0 0;border:none;min-height:48px;padding:14px;font-size:15px}.btn-back{color:#f4f2ee99;background:0 0;border:none;align-self:flex-start;min-height:44px;padding:8px 0;font-size:15px}@media (hover:hover){.btn-primary:hover{background:var(--accent-hover)}.btn-outline:hover,.btn-back:hover,.btn-text:hover{background:#f4f2ee0f}}.mono{font-family:var(--font-mono)}.mono-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.dot{background:var(--dot-color,var(--text));border-radius:50%;flex:none}.step-header{flex-direction:column;gap:12px;padding:14px 22px 10px;display:flex}.step-header__row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.step-counter{font-family:var(--font-mono);letter-spacing:.1em;color:#f4f2ee5c;font-size:11px}.step-title{letter-spacing:-1px;margin-bottom:4px;font-size:28px;font-weight:700}.step-sub{color:#f4f2ee80;font-size:14px}.footer-bar{padding:12px 22px calc(24px + var(--safe-bottom));border-top:1px solid var(--hairline);background:var(--canvas);flex-direction:column;flex:none;gap:8px;display:flex}.footer-bar__caption{text-align:center;color:#f4f2ee57;font-size:12px}.landing{padding:24px 22px calc(28px + var(--safe-bottom));flex-direction:column;flex:1;justify-content:space-between;display:flex}.landing__top{flex-direction:column;gap:26px;padding-top:34px;display:flex}.logo{gap:8px;display:flex}.logo__tile{border-radius:12px;flex:none;width:46px;height:46px;display:grid}.logo__tile--light{background:var(--text);grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;transform:rotate(-7deg)}.logo__tile--accent{background:var(--accent);grid-template-columns:repeat(2,1fr);gap:5px;padding:9px;transform:rotate(6deg)}.logo__pip{background:var(--canvas);border-radius:50%;width:8px;height:8px}.logo__tile--accent .logo__pip{width:9px;height:9px}.wordmark{letter-spacing:-2.4px;font-size:52px;font-weight:700;line-height:.94}.wordmark em{color:var(--accent);font-style:normal}.landing__sub{color:var(--text-secondary);text-wrap:pretty;max-width:264px;font-size:16px;line-height:1.45}.landing__actions{flex-direction:column;gap:12px;display:flex}.landing__foot{text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:#f4f2ee52;text-transform:uppercase;margin-top:6px;font-size:11px}.resume-card{text-align:left;background:var(--surface);border:1px solid var(--accent-tint-28);border-radius:16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:13px 15px;display:flex}.resume-card__title{font-size:15px;font-weight:600}.resume-card__hint{color:var(--text-tertiary);margin-top:2px;font-size:12.5px}.resume-card__arrow{color:var(--accent);margin-left:auto;font-size:18px}.signin{padding:18px 22px calc(28px + var(--safe-bottom));flex-direction:column;flex:1;display:flex}.signin__body{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}.signin__title{letter-spacing:-1.2px;font-size:34px;font-weight:700;line-height:1.05}.signin__copy{color:var(--text-secondary);text-wrap:pretty;font-size:15px;line-height:1.5}.signin__bullets{flex-direction:column;gap:9px;margin-top:8px;display:flex}.signin__bullet{color:#f4f2eeb8;align-items:center;gap:10px;font-size:14px;display:flex}.signin__bullet-dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.signin__actions{flex-direction:column;gap:12px;display:flex}.btn-google{background:var(--text);color:#18181b;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:18px;font-size:17px;font-weight:600;display:flex}.btn-google:disabled{opacity:.55}@media (hover:hover){.btn-google:not(:disabled):hover{background:#fff}}.google-mark{flex:none;width:22px;height:22px;display:block}.signin__note{color:var(--text-tertiary);text-align:center;font-size:12.5px;line-height:1.4}.signin__error{color:var(--destructive-text);text-align:center;font-size:13px}.signed-in{background:var(--surface);border:1px solid var(--hairline);color:#f4f2eec7;border-radius:16px;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.player-list{flex-direction:column;gap:10px;padding:4px 22px 8px;display:flex}.player-row{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;align-items:center;gap:12px;padding:11px 12px;display:flex}.player-row__ord{width:26px;font-family:var(--font-mono);color:#f4f2ee5c;text-align:center;flex:none;font-size:13px}.swatch{background:var(--dot-color);border:2px solid #f4f2ee2e;border-radius:50%;flex:none;width:30px;height:30px;padding:0}.player-row__name{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:17px;font-weight:500}.player-row__name::placeholder{color:#f4f2ee4d}.player-row__tools{flex:none;gap:2px;display:flex}.icon-btn{color:#f4f2ee6b;background:0 0;border:none;width:34px;height:44px;font-size:15px}.icon-btn--x{font-size:17px}.icon-btn:disabled{opacity:.3}.add-player{color:#f4f2eea8;background:0 0;border:1px dashed #f4f2ee33;border-radius:16px;min-height:52px;padding:16px;font-size:16px;font-weight:500}@media (hover:hover){.add-player:hover{color:var(--text);background:#f4f2ee0d}}.player-list__hint{color:#f4f2ee57;margin-top:2px;font-size:13px;line-height:1.45}.segmented{background:var(--surface);border-radius:14px;gap:6px;padding:5px;display:flex}.segmented__tab{color:#f4f2ee9e;background:0 0;border:none;border-radius:10px;flex:1;min-height:46px;padding:12px 8px;font-size:15px;font-weight:600}.segmented__tab[aria-selected=true]{background:var(--accent);color:var(--on-accent)}.segmented__tab span{opacity:.55;font-size:12px}.rules-body{flex-direction:column;gap:18px;padding:6px 22px 8px;display:flex}.rules-block{flex-direction:column;gap:8px;display:flex}.rules-block__head{justify-content:space-between;align-items:baseline;display:flex}.rules-block__note{color:#f4f2ee57;font-size:12px}.chip-cloud{flex-wrap:wrap;gap:7px;display:flex}.chip--upper{background:var(--accent-tint-10);border:1px solid var(--accent-tint-28);color:var(--accent-soft);border-radius:11px;padding:9px 13px;font-size:14px;font-weight:500}.bonus-note{background:var(--surface);border:1px solid var(--hairline);color:#f4f2eec7;border-radius:13px;align-items:center;gap:9px;padding:11px 13px;font-size:14px;display:flex}.bonus-note__value{font-family:var(--font-mono);color:var(--accent);margin-left:auto;font-size:13px}.rule-rows{flex-direction:column;gap:9px;display:flex}.rule-row{color:#f4f2ee8c;text-align:left;background:0 0;border:1px solid #f4f2ee17;border-radius:15px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.rule-row[aria-checked=true]{color:var(--text);background:var(--surface-selected);border-color:var(--accent-tint-30)}.checkbox{width:24px;height:24px;color:var(--on-accent);background:0 0;border:1.5px solid #f4f2ee38;border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rule-row[aria-checked=true] .checkbox{background:var(--accent);border-color:#0000}.rule-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rule-row__label{font-size:16px;font-weight:500}.rule-row__hint{color:#f4f2ee70;font-size:12.5px;line-height:1.35}.rule-row__points{font-family:var(--font-mono);color:#f4f2ee80;flex:none;font-size:12.5px}.preview-body{flex-direction:column;gap:16px;padding:4px 22px 8px;display:flex}.preview-player{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;align-items:center;gap:12px;padding:13px 14px;display:flex}.preview-player__name{font-size:17px;font-weight:500}.preview-player__tag{font-family:var(--font-mono);color:#f4f2ee5c;margin-left:auto;font-size:12px}.preview-chips{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;flex-wrap:wrap;gap:7px;padding:14px;display:flex}.chip--plain{color:#f4f2eecc;background:#f4f2ee12;border-radius:10px;padding:7px 11px;font-size:13px}.stat-cards{gap:10px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;flex:1;padding:14px}.stat-card__value{font-family:var(--font-mono);color:var(--accent);font-size:26px}.stat-card__label{color:#f4f2ee75;margin-top:2px;font-size:12.5px}.game{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.game-header{border-bottom:1px solid var(--hairline);flex-direction:column;flex:none;gap:10px;padding:10px 16px;display:flex}.game-header__row{align-items:center;gap:10px;display:flex}.game-header__exit{color:#f4f2ee80;background:0 0;border:none;min-height:40px;padding:8px 4px;font-size:14px}.game-header__meta{align-items:center;gap:8px;margin-left:auto;display:flex}.round-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-tertiary);font-size:11.5px}.leader-pill{font-family:var(--font-mono);background:var(--accent-tint-14);color:var(--accent-pill);white-space:nowrap;border-radius:99px;padding:5px 9px;font-size:11px}.turn-nav{width:38px;height:38px;color:var(--text);background:0 0;border:1px solid #f4f2ee1f;border-radius:12px;flex:none;font-size:15px}@media (hover:hover){.turn-nav:hover{background:#f4f2ee0f}}.turn-current{flex:1;justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.turn-current__name{letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.turn-current__suffix{color:#f4f2ee6b;flex:none;font-size:14px}.bonus-meter{align-items:center;gap:10px;display:flex}.bonus-meter__label{font-family:var(--font-mono);letter-spacing:.08em;color:#f4f2ee61;flex:none;font-size:10.5px}.bonus-meter__track{background:#f4f2ee17;border-radius:99px;flex:1;height:6px;overflow:hidden}.bonus-meter__fill{background:var(--accent-55);border-radius:99px;height:100%;transition:width .25s}.bonus-meter__fill--earned{background:var(--accent)}.bonus-meter__value{font-family:var(--font-mono);color:var(--text-secondary);flex:none;font-size:11.5px}.grid-scroller{flex:1;min-height:0;padding-bottom:8px;overflow:auto}.grid-inner{min-width:min-content}.grid-head{z-index:5;background:var(--canvas);border-bottom:1px solid var(--hairline);display:flex;position:sticky;top:0}.grid-head__gutter{width:var(--gutter-w);font-family:var(--font-mono);letter-spacing:.1em;color:#f4f2ee57;flex:none;align-items:flex-end;padding:9px 12px;font-size:10.5px;display:flex}.grid-head__col{width:var(--col-w);color:#f4f2eecc;background:0 0;border:none;border-left:1px solid #f4f2ee0f;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 4px;display:flex}.grid-head__col--turn{background:var(--accent-tint-09)}.grid-head__name{white-space:nowrap;text-overflow:ellipsis;max-width:56px;font-size:11.5px;font-weight:600;overflow:hidden}.grid-head__total{font-family:var(--font-mono);color:var(--text);font-size:14px}.grid-row{border-bottom:1px solid var(--divider);align-items:stretch;min-height:46px;display:flex}.grid-row--section{background:#f4f2ee05}.grid-row__gutter{width:var(--gutter-w);flex-direction:column;flex:none;justify-content:center;gap:1px;padding:0 12px;display:flex}.grid-row__label{color:var(--text);font-size:13.5px;font-weight:500}.grid-row--lower .grid-row__label{color:#f4f2eedb}.grid-row__points{font-family:var(--font-mono);color:var(--text-faint);font-size:10px}.grid-cell{width:var(--col-w);color:var(--text);font-family:var(--font-mono);background:0 0;border:none;border-left:1px solid #f4f2ee0f;flex:none;font-size:15.5px;font-weight:500}.grid-cell--empty{color:#f0786eb3;font-size:15px}.grid-cell--turn{background:var(--accent-tint-06)}.grid-cell--filled{background:#f4f2ee0b}.grid-cell--zero{opacity:.45;font-weight:400}.focus-card{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 18px 10px;display:flex;overflow:auto}.focus-card__head{align-items:center;gap:11px;display:flex}.focus-card__name{letter-spacing:-.6px;font-size:22px;font-weight:700}.focus-card__all{color:#f4f2eeb3;background:0 0;border:1px solid #f4f2ee24;border-radius:11px;min-height:40px;margin-left:auto;padding:9px 13px;font-size:13px}.focus-row{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #f4f2ee14;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.focus-row--filled{background:var(--surface);border-color:#f4f2ee0a}.focus-row__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.focus-row__label{font-size:15.5px;font-weight:500}.focus-row__hint{color:var(--text-tertiary);font-size:11.5px}.focus-row__value{font-family:var(--font-mono);text-align:right;min-width:34px;color:var(--text);flex:none;font-size:17px}.focus-row__value--empty{color:#f0786ea6}.focus-row__value--zero{opacity:.5}.focus-total{background:var(--accent);color:var(--on-accent);border-radius:16px;flex:none;justify-content:space-between;align-items:center;margin-top:2px;padding:15px 16px;display:flex}.focus-total__label{font-size:16px;font-weight:700}.focus-total__value{font-family:var(--font-mono);font-size:24px;font-weight:700}.score-sheet{z-index:20;background:var(--surface-raised);padding:14px 16px calc(24px + var(--safe-bottom));border-top:1px solid #f4f2ee1a;border-radius:22px 22px 0 0;flex:none;animation:.18s ease-out iss-fade-in;box-shadow:0 -18px 40px #00000080}.score-sheet__head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.score-sheet__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.score-sheet__title{letter-spacing:-.3px;font-size:17px;font-weight:600}.score-sheet__hint{color:#f4f2ee75;font-size:12.5px;line-height:1.35}.score-sheet__close{width:36px;height:36px;color:var(--text);background:#f4f2ee17;border:none;border-radius:50%;flex:none;font-size:16px}.score-sheet__chips{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;max-height:236px;display:grid;overflow:auto}.value-chip{min-height:46px;color:var(--text);font-family:var(--font-mono);background:#f4f2ee0d;border:1px solid #f4f2ee1a;border-radius:12px;font-size:16px;font-weight:500}.value-chip--selected{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.btn-clear-entry{border:1px solid var(--destructive-border);width:100%;color:var(--destructive-text);background:0 0;border-radius:13px;min-height:46px;margin-top:10px;padding:13px;font-size:14px}.scrim{z-index:40;background:#0a0a0db8;justify-content:center;align-items:center;padding:26px;animation:.15s ease-out iss-fade-in;display:flex;position:absolute;inset:0}.dialog{background:var(--surface-raised);border:1px solid #f4f2ee1a;border-radius:22px;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:22px 20px;display:flex;box-shadow:0 24px 60px #0000008c}.dialog__title{letter-spacing:-.6px;font-size:21px;font-weight:700}.dialog__body{color:#f4f2ee94;text-wrap:pretty;margin-bottom:6px;font-size:14.5px;line-height:1.45}.dialog__confirm{background:var(--accent);color:var(--on-accent-deep);border:none;border-radius:15px;min-height:52px;padding:15px;font-size:16px;font-weight:600}.dialog__cancel{border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:15px;min-height:52px;padding:15px;font-size:16px;font-weight:500}@media (hover:hover){.dialog__confirm:hover{background:var(--accent-hover)}.dialog__cancel:hover{background:#f4f2ee0f}}