:root{--color-bg: #2e3b30;--color-surface: #364739;--color-surface-hover: #3d5140;--color-border: #46583f;--color-text: #f2f0e6;--color-text-secondary: #a8bfa8;--color-highlight: #f2f0e6;--color-accent: #d9982f;--color-accent-hover: #c1861f;--color-danger: #d1725f;--color-danger-hover: #b85e4c;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.5rem;--font-size-display: 5rem;--color-success: #8fae5a;--color-success-hover: #7c9a49;--color-warning: #d9982f;--color-warning-bg: color-mix(in srgb, var(--color-warning) 18%, transparent);--color-badge-single: #24302a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 3px;--radius-md: 4px;--sidebar-width: 220px;--topbar-height: 56px}*{box-sizing:border-box;scrollbar-color:var(--color-border) var(--color-bg);scrollbar-width:thin}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.page{display:flex;flex-direction:column;gap:var(--space-md)}.page__title{font-size:var(--font-size-lg);margin:0;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-md);font-size:var(--font-size-md);font-family:var(--font-body);text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:var(--color-highlight);background:var(--color-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{color:var(--color-text);background:transparent}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-danger{color:var(--color-highlight);background:var(--color-danger);font-weight:600}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.chip{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:var(--font-size-md);color:var(--color-text)}.chip:hover{background:var(--color-surface-hover)}.chip--selected{color:var(--color-highlight);border-bottom:1px solid var(--color-highlight)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--color-surface-hover)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.game-editor__type-btn{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);font-weight:600;cursor:pointer}.game-editor__type-btn:hover{background:var(--color-surface-hover)}.game-editor__type-btn--selected{border-color:var(--color-highlight)}.setup-start-btn{margin-top:var(--space-lg);align-self:flex-start}.setup-back-btn{align-self:flex-start}.game-banner{padding:var(--space-sm) 0;border-top:1px solid var(--color-warning);border-bottom:1px solid var(--color-warning);color:var(--color-warning);font-weight:600;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-md)}.game-banner--success{border-color:var(--color-highlight);color:var(--color-highlight)}.game-banner--large{font-size:var(--font-size-xl);text-align:center;justify-content:center;flex-shrink:0}.game-viewer{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);min-height:100vh}.game-viewer--scrollable{height:100vh;min-height:0;box-sizing:border-box;gap:var(--space-md)}.game-viewer--empty{align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:var(--color-text-secondary)}.game-viewer__title{font-size:var(--font-size-2xl);margin:0;flex-shrink:0;font-weight:600}.section-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:var(--space-md) 0 0 0}.form-stack{display:flex;flex-direction:column;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-input{height:40px;padding:0 var(--space-sm);font-size:var(--font-size-md);font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.form-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.form-error{flex-shrink:0;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid var(--color-danger);border-radius:var(--radius-sm)}.form-help{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-link{font-size:var(--font-size-sm)}.app-shell{display:flex;height:100vh;background:var(--color-bg)}.app-shell__sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-lg);position:relative;transition:width .15s ease}.app-shell--collapsed .app-shell__sidebar{width:40px;padding:var(--space-md) var(--space-xs);align-items:center}.app-shell__collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);align-self:flex-end;outline:none;background:var(--color-surface)}.app-shell__collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.app-shell--collapsed .app-shell__collapse-btn{align-self:center}.app-shell--collapsed .app-shell__collapse-btn svg{transform:rotate(180deg)}.app-shell__logo{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.app-shell__nav{display:flex;flex-direction:column;gap:var(--space-xs)}.app-shell__nav-link{padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.app-shell__nav-link:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.app-shell__main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.app-shell__content{flex:1;padding:var(--space-lg);overflow-y:auto;min-height:0}.player-create-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);max-width:500px}.player-create-row__initials{max-width:100px}.player-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;padding:0;margin:0}.player-list__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.player-list__initials{font-family:var(--font-mono);font-weight:600;width:40px}.player-list__name{flex:1}.player-list__streak{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.player-picker{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.player-picker__btn{display:flex;align-items:center;gap:var(--space-xs)}.player-picker__initials{font-family:var(--font-mono);font-weight:600}.atw-board{flex:1;min-height:0;overflow:auto;--atw-columns: 1}.atw-board__header{display:grid;grid-template-columns:repeat(var(--atw-columns, 1),minmax(140px,1fr));position:sticky;top:0;z-index:1;background:var(--color-bg);border-bottom:2px solid var(--color-border)}.atw-board__header-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--color-border);min-width:0}.atw-board__header-cell--current{border-bottom:3px solid var(--color-highlight)}.atw-board__header-cell--finished{opacity:.6}.atw-board__player-name{display:block;width:100%;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atw-board__streak{color:var(--color-accent);font-size:.7em;margin-left:2px}.atw-board__player-number{font-size:var(--font-size-lg);font-weight:700;color:var(--color-highlight)}.atw-board__badge{padding:1px var(--space-xs);border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;white-space:nowrap}.atw-board__badge--catchup{background:var(--color-warning-bg);color:var(--color-warning)}.atw-board__badge--joining{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.atw-board__badge--finished{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.atw-board__row{display:grid;grid-template-columns:repeat(var(--atw-columns, 1),minmax(140px,1fr));border-bottom:1px solid var(--color-border)}.atw-board__cell{display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--color-border)}.atw-board__badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;width:92px}.atw-board__empty{padding:var(--space-lg);text-align:center;color:var(--color-text-secondary)}.atw-board__badge-arrow{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700}.atw-board__badge-arrow--miss{color:var(--color-text-secondary);font-size:var(--font-size-md)}.atw-board__badge-arrow--single{background:var(--color-badge-single);color:var(--color-text)}.atw-board__badge-arrow--double{background:var(--color-danger);color:var(--color-bg)}.atw-board__badge-arrow--triple{background:var(--color-success);color:var(--color-bg)}.atw-board--big .atw-board__header,.atw-board--big .atw-board__row{grid-template-columns:repeat(var(--atw-columns, 1),minmax(160px,1fr))}.atw-board--big .atw-board__header-cell,.atw-board--big .atw-board__cell{padding:var(--space-md)}.atw-board--big .atw-board__player-name{font-size:var(--font-size-lg)}.atw-board--big .atw-board__player-number{font-size:var(--font-size-2xl)}.atw-board--big .atw-board__badges{width:132px}.atw-board--big .atw-board__badge-arrow{width:40px;height:40px;font-size:var(--font-size-lg)}.atw-board--big .atw-board__badge-arrow--miss{font-size:var(--font-size-xl)}.atw-turn-status{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0}.atw-turn-status__who{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}.atw-turn-status__initials{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-2xl);color:var(--color-highlight)}.atw-turn-status__text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.atw-turn-status__target{color:var(--color-text);font-weight:700;font-size:var(--font-size-2xl)}.atw-turn-status__arrow{padding:2px var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.atw-turn-status__arrow-num{color:var(--color-text);font-weight:700;font-size:var(--font-size-md)}.atw-turn-status__tags{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-height:calc(2 * (var(--font-size-xs) * 1.4 + var(--space-xs) * 2) + var(--space-xs));justify-content:center}.atw-turn-status__tag{padding:2px var(--space-md);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:600}.atw-turn-status__arrows{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center;min-height:calc(var(--font-size-xs) * 1.4 + var(--space-xs) * 2)}.atw-turn-status__arrow-chip{padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-bg)}.atw-turn-status__arrow-chip--hit{background:var(--color-success)}.atw-turn-status__arrow-chip--miss{background:var(--color-danger)}.atw-action-bar{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);height:50%}.atw-action-bar__btn{height:100%;font-size:var(--font-size-xl);font-weight:700;border-radius:var(--radius-sm)}.atw-action-bar__btn--hit{background:var(--color-success);color:#fff}.atw-action-bar__btn--hit:hover:not(:disabled){background:var(--color-success-hover)}.atw-action-bar__btn--miss{background:var(--color-danger);color:#fff}.atw-action-bar__btn--miss:hover:not(:disabled){background:var(--color-danger-hover)}.atw-finale{flex-shrink:0;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.atw-finale__title{margin:0 0 var(--space-sm) 0}.atw-finale__table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.atw-finale__table th,.atw-finale__table td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.atw-finale__input-row{display:flex;gap:var(--space-xs)}.atw-finale__input{width:70px}.atw-final-tally{border-collapse:separate;border-spacing:0;width:100%;max-width:360px}.atw-final-tally td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-md)}.atw-final-tally__rank{color:var(--color-text-secondary);width:24px}.atw-final-tally__initials{font-family:var(--font-mono);font-weight:700}.atw-final-tally__score{text-align:right;font-weight:700}.atw-final-tally__row--winner td{color:var(--color-highlight);font-weight:700}.atw-final-tally__score.atw-final-tally__score--finalist{color:#4a90e2}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:100%;max-width:420px;max-height:80vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600}.modal__close{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1;cursor:pointer;padding:0 var(--space-xs)}.modal__close:hover{color:var(--color-text)}.atw-add-player-list{display:flex;flex-direction:column;gap:var(--space-xs)}.atw-add-player-list__item{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-start;height:48px}.atw-add-player-list__initials{font-family:var(--font-mono);font-weight:700;width:32px}.game-order-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.game-order-list__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--color-border);cursor:grab}.game-order-list__item:last-child{border-bottom:none}.game-order-list__item--locked{cursor:default;color:var(--color-text-secondary)}.game-order-list__item--dragging{opacity:.4}.game-order-list__handle{display:flex;color:var(--color-text-secondary);flex-shrink:0}.game-order-list__item--locked .game-order-list__handle{visibility:hidden}.game-order-list__label{font-size:var(--font-size-sm)}.settings-menu{position:relative}.settings-menu__backdrop{position:fixed;inset:0;z-index:90}.settings-menu__popover{position:absolute;top:calc(100% + var(--space-xs));right:0;z-index:91;width:480px;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-menu__sections{display:flex;flex-direction:row;justify-content:space-between;padding-right:50px}.settings-menu__section{display:flex;width:130px;flex-direction:column;gap:var(--space-sm)}.settings-menu__section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.settings-menu__discard{padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.settings-menu__discard-trigger{width:100%;height:32px;font-size:var(--font-size-sm)}.settings-menu__discard-confirm{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-menu__discard-text{font-size:var(--font-size-sm);color:var(--color-text)}.settings-menu__discard-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.settings-menu__discard-actions .btn{height:32px;padding:0 var(--space-sm);font-size:var(--font-size-sm)}.settings-menu__players{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-menu__player-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.settings-menu__player-label{font-size:var(--font-size-sm);color:var(--color-text)}.settings-menu__player-remove{height:28px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.atw-game-play{height:100%;min-height:0;gap:var(--space-xs)}.atw-game-play__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.atw-game-play__header .page__title{font-size:var(--font-size-md)}.atw-game-play__header-actions{display:flex;align-items:center;gap:var(--space-sm)}.atw-game-play__turn-strip{flex-shrink:0;display:flex;overflow-x:auto}.atw-game-play__turn-chip{flex-shrink:0;padding:var(--space-xs) var(--space-sm);background:transparent;border-style:solid;border-width:1px;border-color:var(--color-surface);font-weight:700;font-size:var(--font-size-sm)}.atw-game-play__turn-chip--current{background:var(--color-surface);border-color:var(--color-highlight)}.atw-game-play__turn-chip--finished{opacity:.5}.cricket-board{border-collapse:separate;border-spacing:0}.cricket-board th,.cricket-board td{padding:var(--space-sm);text-align:center;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.cricket-board__corner{border-bottom:none}.cricket-board__row-label{text-align:left;font-weight:600}.cricket-board__player{display:block;max-width:140px;font-family:var(--font-mono);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cricket-board__closed{color:var(--color-success);font-weight:700}.cricket-board__mark-icon{display:inline-block;vertical-align:middle}.cricket-board__place{color:var(--color-success);font-size:.7em;margin-left:2px}.cricket-board__score{font-weight:700}.cricket-board__col--current{border-bottom:3px solid var(--color-highlight)}.cricket-board--big th,.cricket-board--big td{padding:var(--space-md);font-size:var(--font-size-lg)}.cricket-board--big .cricket-board__score{font-size:var(--font-size-xl)}.cricket-board--big .cricket-board__mark-icon{width:26px;height:26px}.cricket-input{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);width:320px;flex-shrink:0}.cricket-input__who{display:flex;align-items:baseline;gap:var(--space-sm)}.cricket-input__initials{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-xl);color:var(--color-highlight)}.cricket-input__arrow{padding:var(--space-sm) 0;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md)}.cricket-input__arrow-num{color:var(--color-text);font-weight:700;font-size:var(--font-size-lg)}.cricket-input__column{display:flex;flex-direction:column;gap:var(--space-xs)}.cricket-input__number-row{display:flex;align-items:center;gap:var(--space-xs)}.cricket-input__number-label{width:40px;flex-shrink:0;font-weight:700;text-align:center}.cricket-input__btn{flex:1;height:52px;font-size:var(--font-size-lg);font-weight:700;background:var(--color-success);color:#fff;border-radius:var(--radius-sm)}.cricket-input__btn:hover:not(:disabled){background:var(--color-success-hover)}.cricket-input__btn--wide{font-size:var(--font-size-md)}.cricket-input__miss{height:52px;margin-top:var(--space-sm);font-size:var(--font-size-lg);font-weight:700;background:var(--color-danger);color:#fff;border-radius:var(--radius-sm)}.cricket-input__miss:hover:not(:disabled){background:var(--color-danger-hover)}.cricket-game-play__header{display:flex;align-items:center;justify-content:space-between}.cricket-game-play__header-actions{display:flex;gap:var(--space-sm)}.cricket-game-play__layout{display:flex;gap:var(--space-lg);align-items:flex-start;flex-wrap:wrap}.cricket-game-play__board{flex:1;min-width:320px;overflow-x:auto}.x01-setup__score-picker{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.x01-input{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);position:relative}.x01-input__who{display:flex;align-items:baseline;gap:var(--space-sm)}.x01-input__initials{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-xl);color:var(--color-highlight)}.x01-input__arrow{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.x01-input__remaining{margin-left:auto;font-size:var(--font-size-xl);font-weight:700}.x01-input__checkout{align-self:flex-start;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning);font-weight:700;font-size:var(--font-size-lg)}.x01-input__darts{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.x01-input__dart-chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-surface-hover);font-size:var(--font-size-sm);font-weight:700}.x01-input__dart-chip--miss{opacity:.6}.x01-input__grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.x01-input__num{min-width:56px;height:48px;font-size:var(--font-size-md);font-weight:700}.x01-input__num--bull{min-width:72px}.x01-input__num--miss{min-width:72px;margin-left:auto}.x01-input__picker-backdrop{position:fixed;inset:0;z-index:90}.x01-input__picker{position:absolute;left:0;right:0;bottom:0;z-index:91;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.x01-input__picker-title{font-weight:700;font-size:var(--font-size-lg)}.x01-input__picker-options{display:flex;gap:var(--space-sm)}.x01-input__picker-options .btn{flex:1;height:48px}.x01-input__picker-cancel{height:40px}.x01-game-play__header{display:flex;align-items:center;justify-content:space-between}.x01-game-play__header-actions{display:flex;gap:var(--space-sm)}.x01-game-play__list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;padding:0;margin:0;max-width:400px}.x01-game-play__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.x01-game-play__item--current{border-bottom:1px solid var(--color-highlight);color:var(--color-highlight)}.x01-game-play__name{font-family:var(--font-mono)}.x01-game-play__name{flex:1}.x01-game-play__remaining{font-weight:700;font-size:var(--font-size-lg)}.game-editor__type-picker{display:flex;gap:var(--space-md);flex-wrap:wrap}.new-view{--nv-bg: #ffffff;--nv-text: #111318;--nv-muted: #8a8f98;--nv-accent: #1d4ed8;--nv-accent-bg: #e8edfc;--nv-border: #d7dae0;height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--nv-bg);color:var(--nv-text);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.new-view--empty{align-items:center;justify-content:center;font-size:2rem;color:var(--nv-muted)}.new-view-placeholder{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:12px}.new-view-placeholder__title{font-size:2rem;font-weight:700}.new-view-placeholder__note{color:var(--nv-muted);font-size:1.1rem}.new-atw-view__top{height:44vh;flex-shrink:0;display:flex;align-items:center;border-bottom:2px solid var(--nv-border);padding:0 16px}.new-atw-view__side{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;align-self:flex-end;padding-bottom:30px}.new-atw-view__side-label{font-size:1.2rem;color:var(--nv-muted);text-transform:uppercase;letter-spacing:.05em}.new-atw-view__side-initials{font-size:2.2rem;font-weight:700}.new-atw-view__side-number{font-size:3rem;font-weight:700;color:var(--nv-accent)}.new-atw-view__side-catchup{padding:2px 10px;border-radius:999px;background:#0a0;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.05em}.new-atw-view__center{flex:1.6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}.new-atw-view__center-initials{font-size:3.2rem;font-weight:700}.new-atw-view__center-number{font-size:16rem;font-weight:800;line-height:1}.new-atw-view__catchup-slot{display:flex;align-items:center;justify-content:center;min-height:3.4rem}.new-atw-view__catchup-badge{padding:8px 24px;border-radius:999px;background:#0a0;color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.05em}.new-atw-view__streak{color:var(--nv-accent);font-size:.5em;margin-left:2px}.new-atw-view__banner{flex:1;text-align:center;font-size:3.5rem;font-weight:700;color:var(--nv-accent)}.new-atw-view__tally{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;margin:0 auto}.new-atw-view__tally-row{display:flex;align-items:center;gap:16px;font-size:1.6rem;font-weight:700;color:var(--nv-text)}.new-atw-view__tally-row--winner{color:var(--nv-accent);font-size:2rem}.new-atw-view__tally-rank{color:var(--nv-muted);width:1.2em}.new-atw-view__tally-initials{flex:1;text-align:left}.new-atw-view__tally-score{text-align:right}.new-atw-view__tally-score--finalist{color:var(--nv-accent)}.new-atw-view__bottom{flex:1;min-height:0;display:flex;flex-direction:column}.new-atw-view__header{display:grid;grid-template-columns:repeat(var(--cols),1fr);flex-shrink:0;border-bottom:2px solid var(--nv-border)}.new-atw-view__header-cell{text-align:center;padding:10px 2px;font-weight:700;font-size:clamp(.8rem,calc(60vw / var(--cols) / 4),1.8rem);border-right:1px solid var(--nv-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-atw-view__header-cell--current{color:#fff;background:var(--nv-accent)}.new-atw-view__header-cell--current .new-atw-view__streak{color:#fff}.new-atw-view__body{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(var(--cols),1fr);align-items:start}.new-atw-view__column{display:flex;flex-wrap:wrap;align-content:flex-start;gap:3px;padding:8px 4px;border-right:1px solid var(--nv-border);font-size:clamp(1.1rem,calc(85vw / var(--cols) / 3.2),2.6rem)}.new-atw-view__slot{flex:0 0 calc(33.33% - 2px);display:flex;justify-content:center}.new-atw-view__num{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.new-atw-view__num--target{font-weight:700;color:var(--nv-text)}.new-atw-view__num--past{color:var(--nv-muted)}.new-atw-view__num--past .new-atw-view__num-text{text-decoration:line-through;font-size:.7em}.new-atw-view__ticks{display:flex;flex-direction:column;gap:1px}.new-atw-view__tick{width:.5em;height:2px;border-radius:1px;background:currentColor}.new-atw-view__win{display:inline-flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--nv-accent);color:#fff;font-weight:700}.new-atw-view__finale-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px}.new-atw-view__finale-table th,.new-atw-view__finale-table td{padding:8px 12px;text-align:center;border-bottom:1px solid var(--nv-border);font-size:1.1rem}.new-atw-view__finale-table th{color:var(--nv-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.new-atw-view__finale-table td:first-child,.new-atw-view__finale-table th:first-child{text-align:left;font-weight:700}.new-cricket-view__top{height:34vh;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:2px solid var(--nv-border);padding:0 16px;container-type:size}.new-cricket-view__center-initials{font-size:max(1.6rem,min(12cqh,10cqw));font-weight:700}.new-cricket-view__center-number{font-size:max(4rem,min(42cqh,30cqw));font-weight:800;line-height:1;color:var(--nv-accent)}.new-cricket-view__closed-banner{font-size:max(1rem,min(5.5cqh,4cqw));color:var(--nv-muted);text-align:center}.new-cricket-view__banner{font-size:max(1.6rem,min(12cqh,10cqw));font-weight:800;color:var(--nv-accent);text-align:center}.new-cricket-view__banner-second{font-size:.55em;font-weight:600;color:var(--nv-muted);margin-top:.3em}.new-cricket-view__bottom{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;container-type:size;--nvc-label-width: max(4.5rem, 4cqw);--nvc-row-height: calc(100cqh / 8.6);--nvc-col-width: calc((100cqw - var(--nvc-label-width)) / var(--cols, 1))}.new-cricket-view__header,.new-cricket-view__row{display:grid;grid-template-columns:var(--nvc-label-width) repeat(var(--cols, 1),1fr)}.new-cricket-view__header{position:sticky;top:0;background:var(--nv-bg);border-bottom:2px solid var(--nv-border)}.new-cricket-view__body{flex:1;display:flex;flex-direction:column}.new-cricket-view__header-corner{border-right:1px solid var(--nv-border)}.new-cricket-view__header-cell{padding:.5em .3em;text-align:center;font-size:max(1rem,min(calc(var(--nvc-row-height) * .3),calc(var(--nvc-col-width) * .25)));font-weight:700;border-right:1px solid var(--nv-border)}.new-cricket-view__header-cell--current{background:var(--nv-accent-bg);color:var(--nv-accent)}.new-cricket-view__header-cell--finished{color:var(--nv-muted)}.new-cricket-view__place{color:var(--nv-accent);font-size:.6em;margin-left:2px}.new-cricket-view__row{flex:1;border-bottom:1px solid var(--nv-border)}.new-cricket-view__row-label{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:max(1rem,min(calc(var(--nvc-row-height) * .27),calc(var(--nvc-label-width) * .28)));border-right:1px solid var(--nv-border)}.new-cricket-view__cell{display:flex;align-items:center;justify-content:center;font-size:max(1rem,min(calc(var(--nvc-row-height) * .35),calc(var(--nvc-col-width) * .3)));font-weight:700;border-right:1px solid var(--nv-border)}.new-cricket-view__cell--closed{color:#1a9e4f}.new-cricket-view__row--score{flex:.8;background:var(--nv-accent-bg)}.new-cricket-view__cell--score{font-size:max(1.2rem,min(calc(var(--nvc-row-height) * .45),calc(var(--nvc-col-width) * .3)))}.new-cricket-view__mark--empty{color:var(--nv-muted)}.new-cricket-view__mark-icon{display:inline-block;width:1em;height:1em}.new-x01-view__top{height:44vh;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:2px solid var(--nv-border);padding:0 16px;position:relative}.new-x01-view__score-label{position:absolute;top:16px;left:16px;font-size:1.4rem;font-weight:700;color:var(--nv-muted)}.new-x01-view__center-initials{font-size:3.2rem;font-weight:700}.new-x01-view__center-number{font-size:14rem;font-weight:800;line-height:1;color:var(--nv-accent)}.new-x01-view__checkout-slot{display:flex;align-items:center;justify-content:center;min-height:3.4rem}.new-x01-view__checkout{padding:8px 24px;border-radius:999px;background:var(--nv-accent);color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.03em}.new-x01-view__banner{font-size:3rem;font-weight:800;color:var(--nv-accent)}.new-x01-view__list{flex:1;display:flex;flex-direction:column;overflow-y:auto}.new-x01-view__row{flex:1;min-height:90px;display:flex;align-items:center;gap:16px;padding:0 32px;border-bottom:1px solid var(--nv-border)}.new-x01-view__row--current{background:var(--nv-accent-bg)}.new-x01-view__row--finished{color:var(--nv-muted)}.new-x01-view__rank{font-size:1.4rem;font-weight:700;color:var(--nv-muted);width:1.5em}.new-x01-view__row-initials{font-size:2rem;font-weight:700}.new-x01-view__row-remaining{margin-left:auto;font-size:2.6rem;font-weight:800}.player-bar-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.stats-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border)}.stats-tabs__btn{padding:var(--space-sm) var(--space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer}.stats-tabs__btn:hover{color:var(--color-text)}.stats-tabs__btn--active{color:var(--color-highlight);border-bottom-color:var(--color-highlight)}.stats-chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.stats-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.stats-comparison__card{padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.stats-comparison__name{margin:0 0 var(--space-sm) 0}.stats-comparison__list{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs) var(--space-sm);margin:0}.stats-comparison__list dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stats-comparison__list dd{margin:0;font-weight:600;text-align:right}.stats-comparison__group-title{margin:var(--space-md) 0 var(--space-xs) 0;padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.stats-comparison__group-title:first-of-type{margin-top:0;padding-top:0;border-top:none}.overview-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.overview-totals__card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) 0;border-top:1px solid var(--color-border)}.overview-totals__value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-mono)}.overview-totals__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.overview-totals__sublabel{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.x01-stats-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.x01-stats-group__title{margin:0;padding-top:var(--space-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.x01-stats-group:first-child .x01-stats-group__title{padding-top:0;border-top:none}.history-table__link{color:var(--color-text);font-weight:600;text-decoration:none}.history-table__row{cursor:pointer}.history-table__row:hover{background:var(--color-surface-hover)}.history-table__actions{width:70px;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.history-table__chevron{color:var(--color-text-secondary);flex-shrink:0}.atw-game-display__catchup-banner{flex-shrink:0;align-self:center;padding:var(--space-xs) var(--space-lg);background:var(--color-warning);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-lg);font-weight:700}.atw-game-display__finale-table{flex-shrink:0;width:100%;border-collapse:collapse;font-size:var(--font-size-lg)}.atw-game-display__finale-table th,.atw-game-display__finale-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.x01-game-display__board{display:flex;flex-direction:column}.x01-game-display__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border)}.x01-game-display__row--current{border-bottom:2px solid var(--color-highlight)}.x01-game-display__name{font-size:var(--font-size-xl);font-family:var(--font-mono)}.x01-game-display__remaining{font-size:var(--font-size-display);font-weight:700;font-family:var(--font-mono)}.game-history-detail{display:flex;flex-direction:column;gap:var(--space-md)}.game-history-detail__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl) 0}.setup-controller-button-container{display:flex}.setup-controller-button-container .label{margin-right:1rem;align-content:center;min-width:4rem}.setup-controller-button-container .controller-button{flex:1;align-content:center}.setup-controller-button-container .button{margin-left:1rem;padding:.25rem 1rem}.auth-gate{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.auth-gate__form{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:320px;padding:var(--space-lg)}.auth-gate__title{margin:0;font-size:var(--font-size-lg);font-weight:600;text-align:center}