:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}:root{--color-bg:#f3f4f7;--color-bg-panel:#fff;--color-bg-panel-alt:#e7e9ef;--color-bg-input:#fff;--color-text:#1b2430;--color-text-muted:#1b2430a6;--color-border:#ccd0da;--color-accent:#4b6fd6;--color-accent-text:#fff;--color-danger-bg:#fbdede;--color-danger-text:#b3261e;--color-turn-badge-bg:#f2a900;--color-timer-urgent:#d64545;--color-turn-badge-text:#1b2430;--color-disconnected-bg:#e05555;--color-disconnected-text:#fff;--color-seat-me-bg:#eef1f8;--color-card-back-a:#d4d9e3;--color-card-back-b:#c3c9d6;--color-overlay-bg:#14182073}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1b2430;--color-bg-panel:#262f3d;--color-bg-panel-alt:#10161f;--color-bg-input:#1b2430;--color-text:#f2f2f2;--color-text-muted:#f2f2f2b3;--color-border:#445;--color-accent:#4b7bd6;--color-accent-text:#fff;--color-danger-bg:#4a2530;--color-danger-text:#ffb3b3;--color-turn-badge-bg:#ffd166;--color-timer-urgent:#ff8080;--color-turn-badge-text:#1b2430;--color-disconnected-bg:#ff6b6b;--color-disconnected-text:#1b2430;--color-seat-me-bg:#2f3b4d;--color-card-back-a:#3a4658;--color-card-back-b:#2c3646;--color-overlay-bg:#0009}.app{box-sizing:border-box;background:var(--color-bg);min-height:100vh;color:var(--color-text);flex-direction:column;align-items:center;gap:1rem;padding:1rem;font-family:system-ui,sans-serif;display:flex}.app__topbar{justify-content:space-between;align-items:center;width:100%;max-width:60rem;display:flex}.app__load-error{color:var(--color-danger-text);font-size:.85rem}.app__zoom-control{align-items:center;gap:.35rem;display:flex}.app__zoom-control button{border:1px solid var(--color-border);background:var(--color-bg-panel);min-width:1.75rem;color:var(--color-text);cursor:pointer;border-radius:.375rem;padding:.25rem .5rem;font-size:.9rem;line-height:1}.app__zoom-control button:disabled{opacity:.5;cursor:not-allowed}.app__zoom-value{opacity:.8;text-align:right;min-width:3ch;font-size:.8rem}.dev-debug-panel{color:#fff;z-index:999;pointer-events:none;background:#000000bf;border-radius:.375rem;flex-direction:column;gap:.15rem;padding:.4rem .6rem;font-family:monospace;font-size:.7rem;display:flex;position:fixed;bottom:.5rem;right:.5rem}.dev-debug-panel__tag{color:#ffd166;font-weight:700}.app__restoring{opacity:.8;font-size:.95rem}.app__kicked{background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.app__kicked button{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem}.theme-toggle{border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;font-size:.85rem}.connect-form{background:var(--color-bg-panel);border-radius:.75rem;flex-direction:column;gap:.75rem;width:20rem;padding:1.5rem;display:flex}.connect-form label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.connect-form input{border:1px solid var(--color-border);background:var(--color-bg-input);color:inherit;border-radius:.375rem;padding:.4rem .5rem}.connect-form button,.game-screen__header button,.controls button,.game-ended-overlay__panel button{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.9rem}.connect-form button:disabled,.game-screen__header button:disabled{opacity:.5;cursor:not-allowed}.lobby{flex-direction:column;gap:1rem;width:100%;max-width:32rem;display:flex}.lobby__quick-start{background:var(--color-turn-badge-bg);color:var(--color-turn-badge-text);cursor:pointer;border:none;border-radius:.5rem;align-self:flex-start;padding:.6rem 1.25rem;font-weight:700}.lobby__checkbox-label{align-items:center;flex-direction:row!important;gap:.5rem!important}.lobby__error{background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.lobby__section{background:var(--color-bg-panel);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.lobby__section-header{justify-content:space-between;align-items:center;display:flex}.lobby__section h2{margin:0;font-size:1rem}.lobby__empty{opacity:.7;font-size:.85rem}.lobby__room-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lobby__room-item{background:var(--color-bg-panel-alt);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.lobby__room-code{opacity:.6;font-size:.8rem}.lobby__room-players{opacity:.8;font-size:.85rem}.lobby__inline-form,.lobby__create-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.lobby__create-form{flex-direction:column;align-items:stretch}.lobby__inline-form input,.lobby__create-form input,.lobby__create-form select{border:1px solid var(--color-border);background:var(--color-bg-input);color:inherit;border-radius:.375rem;padding:.4rem .5rem}.lobby__create-form label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.lobby__section button,.lobby__inline-form button,.lobby__create-form button{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.9rem}.lobby__section button:disabled{opacity:.5;cursor:not-allowed}.game-screen{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:72rem;display:flex}.round-reveal{background:var(--color-bg-panel-alt);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.85rem;display:flex}.round-reveal__label{opacity:.75;font-weight:700}.round-reveal__generations{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.round-reveal__generation{background:var(--color-bg-panel);border-radius:999px;padding:.15rem .5rem}.round-reveal__bonus{color:var(--color-turn-badge-bg);margin-left:auto;font-weight:700}.game-screen__body{align-items:flex-start;gap:1rem;width:100%;display:flex}.game-screen__body .table-grid{flex:1;min-width:0}.game-screen__header{justify-content:space-between;align-items:center;width:100%;display:flex}.game-screen__header-actions{gap:.5rem;display:flex}.game-screen__waiting-host{opacity:.75;align-self:center;font-size:.85rem}.game-screen__leave-button{border:1px solid var(--color-border)!important;color:var(--color-text)!important;background:0 0!important}.game-screen__leave-confirm{background:var(--color-danger-bg);width:100%;color:var(--color-danger-text);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.game-screen__leave-confirm p{flex:1;min-width:12rem;margin:0;font-size:.9rem}.table-grid{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.table-grid__top{justify-content:center;gap:1.5rem;min-height:6rem;display:flex}.table-grid__middle{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.table-grid__left,.table-grid__right{flex-direction:column;gap:1rem;min-width:6rem;display:flex}.table-grid__right{align-items:flex-end}.table-grid__bottom{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.game-screen__error{color:var(--color-danger-text)}.game-screen__timeout-notice{color:var(--color-turn-badge-bg);font-size:.85rem}.seat{background:var(--color-bg-panel);border-radius:.5rem;flex-direction:column;align-items:center;gap:.35rem;min-width:6rem;padding:.6rem;display:flex}.seat--current-turn{outline:2px solid var(--color-turn-badge-bg)}.seat--me{background:var(--color-seat-me-bg)}.seat__header{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.seat__turn-badge{background:var(--color-turn-badge-bg);color:var(--color-turn-badge-text);border-radius:.25rem;padding:0 .35rem;font-size:.7rem}.seat__disconnected-badge{background:var(--color-disconnected-bg);color:var(--color-disconnected-text);border-radius:.25rem;padding:0 .35rem;font-size:.7rem}.seat__bot-badge{font-size:.85rem;line-height:1}.seat__bot-controls{flex-direction:column;align-items:center;gap:.3rem;margin-top:.2rem;display:flex}.seat__bot-add{flex-direction:column;align-items:stretch;gap:.25rem;display:flex}.seat__bot-add select{border:1px solid var(--color-border);background:var(--color-bg-input);color:inherit;border-radius:.375rem;padding:.3rem .4rem;font-size:.75rem}.seat__bot-add button,.seat__bot-remove{background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;border-radius:.375rem;padding:.3rem .6rem;font-size:.75rem}.seat__bot-remove{background:var(--color-danger-bg);color:var(--color-danger-text)}.seat__score{font-weight:700}.seat__hand--opponent{gap:.15rem;display:flex}.seat__hand-count{opacity:.7;font-size:.75rem}.seat--clickable{cursor:pointer}.seat--clickable:hover,.seat--clickable:focus-visible{outline:1px solid var(--color-accent)}.battle-log-panel{background:var(--color-bg-panel);border-radius:.5rem;flex-direction:column;flex-shrink:0;width:16rem;max-height:30rem;padding:.6rem;display:flex}.battle-log-panel__header{justify-content:space-between;align-items:center;margin:0 0 .4rem;font-weight:700;display:flex}.battle-log-panel__clear-filter{padding:.15rem .5rem;font-size:.75rem}.battle-log-panel__filter-label{color:var(--color-text-muted);margin:0 0 .4rem;font-size:.8rem}.battle-log-panel__list{flex-direction:column;gap:.3rem;font-size:.8rem;display:flex;overflow-y:auto}.battle-log-panel__entry{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;padding:.25rem 0;display:flex}.battle-log-panel__entry-card{transform-origin:0;margin-right:-1rem;transform:scale(.6)}.battle-log-panel__empty{color:var(--color-text-muted);margin:0;font-size:.8rem}.card-tile{width:2.6rem;height:3.6rem;color:var(--color-accent-text);border-radius:.3rem;transition:transform .12s,box-shadow .12s;position:relative;transform:translateY(0)scale(1)}.card-tile__body{width:100%;height:100%;color:inherit;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;padding:.1rem;font-size:.55rem;font-weight:700;display:flex}.card-tile__body--static,.card-tile__body:disabled{cursor:default}.card-tile__info-badge{background:var(--color-bg-panel);width:1.1rem;height:1.1rem;color:var(--color-text);cursor:pointer;box-shadow:0 0 0 1px var(--color-border);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;line-height:1;display:flex;position:absolute;top:-.35rem;right:-.35rem}.card-tile__info-badge[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text);box-shadow:none}.card-tile-wrapper{display:inline-block;position:relative}.card-info-popover{z-index:2;background:var(--color-bg-panel);border:1px solid var(--color-border);white-space:nowrap;border-radius:.4rem;padding:.4rem .6rem;font-size:.75rem;position:absolute;top:calc(100% + .3rem);left:50%;transform:translate(-50%);box-shadow:0 .25rem .6rem #0000004d}.card-info-popover__title{margin:0 0 .2rem;font-weight:700}.card-info-popover__row{margin:0}.card-info-popover__row--current{color:var(--color-accent);font-weight:700}.card-tile--selected{outline:2px solid var(--color-turn-badge-bg);z-index:1;transform:translateY(-.3rem)scale(1.08);box-shadow:0 .35rem .5rem #00000040}.card-tile--hint{outline:2px solid var(--color-accent);animation:1s ease-in-out infinite tenpai-hint-blink}@keyframes tenpai-hint-blink{0%,to{outline-color:var(--color-accent)}50%{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.card-tile--hint{animation:none}}.tenpai-hints__item--active{color:var(--color-accent);font-weight:700}.card-tile--back{background:repeating-linear-gradient(45deg, var(--color-card-back-a), var(--color-card-back-a) 4px, var(--color-card-back-b) 4px, var(--color-card-back-b) 8px)}.card-tile__label{word-break:break-all}.card-tile__color{opacity:.8;font-size:.5rem}.card-tile__group-tag{opacity:.85;align-items:center;gap:.1rem;font-size:.45rem;line-height:1.1;display:flex;position:absolute;top:.1rem;left:.1rem;right:1rem}.card-tile__group-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-tile__bonus-icon{flex:none;font-size:.5rem}.remaining-cards-table{border-collapse:collapse;width:100%;font-size:.85rem}.remaining-cards-table th,.remaining-cards-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.3rem .5rem}.remaining-cards-table__group-header th{background:var(--color-bg-panel-alt);font-size:.8rem;font-weight:700}.remaining-cards-table__row--bonus td:first-child{font-weight:700}.remaining-cards-table__bonus-badge{color:var(--color-turn-badge-bg);margin-right:.25rem}.remaining-cards-table__empty{color:var(--color-text-muted);font-size:.85rem}.center-area{background:var(--color-bg-panel-alt);border-radius:.75rem;align-items:center;gap:2rem;padding:1rem;display:flex}.center-area__deck,.center-area__discard{flex-direction:column;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.hand-area{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.hand-area__title{font-size:.85rem}.hand-area__hint{color:var(--color-turn-badge-bg)}.hand-area__cards{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.timer-bar{width:100%;max-width:22rem}.timer-bar__head{color:var(--color-text-muted);justify-content:space-between;align-items:baseline;margin-bottom:.2rem;font-size:.75rem;display:flex}.timer-bar__seconds{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.timer-bar__track{background:var(--color-bg-panel-alt);border-radius:999px;height:.45rem;overflow:hidden}.timer-bar__fill{background:var(--color-accent);height:100%;transition:width .2s linear}.timer-bar--urgent .timer-bar__seconds{color:var(--color-timer-urgent)}.timer-bar--urgent .timer-bar__fill{background:var(--color-timer-urgent);animation:.8s ease-in-out infinite timer-urgent-pulse}@keyframes timer-urgent-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.timer-bar--urgent .timer-bar__fill{animation:none}.timer-bar__fill{transition:none}}.controls{flex-direction:column;align-items:center;gap:.5rem;display:flex}.controls__candidates{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex}.controls__waiting{opacity:.7;font-size:.85rem}.game-ended-overlay{background:var(--color-overlay-bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-ended-overlay__panel{background:var(--color-bg-panel);text-align:center;border-radius:.75rem;padding:1.5rem 2rem}.game-ended-overlay__rankings{text-align:left}.game-ended-overlay__panel button{margin-top:1rem}.game-ended-overlay__me{color:var(--color-turn-badge-bg);font-weight:700}