:root{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e7eb;background-color:#0b1020;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #0b1020;--color-bg-elevated: #0f172a;--color-surface: rgba(17, 24, 39, .92);--color-surface-solid: #111827;--color-surface-soft: rgba(15, 23, 42, .72);--color-text: #e5e7eb;--color-text-muted: rgba(229, 231, 235, .75);--color-text-dim: rgba(229, 231, 235, .6);--color-border: rgba(148, 163, 184, .22);--color-border-strong: rgba(148, 163, 184, .34);--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-danger: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 14px 40px rgba(0, 0, 0, .38);--focus-ring: 0 0 0 4px rgba(99, 102, 241, .35);--felt-dark: #0b3a2b;--felt: #0f4a37;--felt-light: #15624a;--board-tile-height: 52px;--board-tile-height-inline: 48px;--river-tile-size: 32px;--river-tile-thickness: calc(var(--river-tile-size) * 140 / 181);--river-tile-compact-gap: 0px}a{color:inherit}a:hover{text-decoration:underline}body{margin:0;background:radial-gradient(1200px circle at 18% 6%,rgba(99,102,241,.14),transparent 46%),radial-gradient(900px circle at 82% 10%,rgba(16,185,129,.12),transparent 48%),linear-gradient(180deg,#0b1020fa,#070a14fa);min-height:100vh;color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}button{border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.5);padding:.6em 1.2em;font-size:1rem;font-weight:600;font-family:inherit;background-color:#6366f1eb;color:#f8fafc;cursor:pointer;box-shadow:0 1px #ffffff0f inset;transition:background-color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}button:hover{background-color:#4f46e5f2;border-color:#6366f1cc}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button-secondary{background-color:#94a3b829;border-color:var(--color-border);color:var(--color-text)}.button-secondary:hover{background-color:#94a3b83d;border-color:var(--color-border-strong)}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-weight:600}.form-field input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:1rem}.form-field input,.form-field select,.form-field textarea,input,select,textarea{background-color:#0f172aa6;color:var(--color-text);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-dim)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:#6366f1d9;box-shadow:var(--focus-ring)}.table-summary{margin-top:16px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.table-summary ul{padding-left:20px;margin:8px 0}.table-summary li{margin-bottom:4px}.rule-summary-panel{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);padding:12px}.rule-summary{display:grid;gap:12px}.rule-summary__group{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;background-color:#94a3b814}.rule-summary__title{margin:0;font-size:.95rem}.rule-summary__list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.rule-summary__item{display:flex;justify-content:space-between;gap:12px}.rule-summary__label{font-weight:600}.rule-summary__value{color:var(--color-text-muted)}.game-table-status,.game-table-events,.game-table-actions,.game-table-ws,.game-table-result-mock,.game-table-navigation{margin-top:0;padding:14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.game-table-rule-panel{margin-top:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#0f172a99;max-height:320px;overflow:auto;font-size:.9rem}.game-table-result-mock__notice{margin-top:12px;color:var(--color-text-muted)}.game-table-result-mock__summary{margin-top:16px}.game-table-result-mock__summary table{width:100%;border-collapse:collapse;margin-top:12px}.game-table-result-mock__summary th,.game-table-result-mock__summary td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.game-table-result-mock__summary th{background-color:#94a3b824}.game-table-round-result{margin-top:12px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#0f172a99;font-size:.9rem}.game-table-round-result__title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.game-table-round-result__title-row h3{margin:0;font-size:1rem}.game-table-round-result__seq{font-size:.8rem;color:var(--color-text-dim)}.game-table-round-result__summary,.game-table-round-result__winners,.game-table-round-result__tenpai{margin:0 0 4px}.game-table-round-result__delta{margin:8px 0 0;padding-left:20px}.game-table-round-result__delta li{margin-bottom:4px;display:flex;justify-content:space-between;gap:12px}.game-table-round-result__delta-seat{font-weight:600}.game-table-round-result__delta-value{white-space:nowrap}.game-table-round-result__delta--empty{margin:8px 0 0;color:var(--color-text-dim)}.game-table-round-result__indicators{margin-top:8px;display:flex;flex-direction:column;gap:6px}.game-table-round-result__indicator-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game-table-round-result__indicator-label{font-weight:700}.game-table-round-result__indicator-tiles{display:inline-flex;gap:4px;align-items:center}.game-table-round-result__indicator-tile img{height:32px;width:auto;border-radius:4px;box-shadow:0 1px 2px #0000001a}.game-table-round-result__indicator-fallback{padding:4px 6px;border-radius:4px;background-color:#94a3b82e;font-weight:600;color:var(--color-text)}.game-table-round-result__notice{margin-top:8px;font-size:.8rem;color:#6366f1e6}.game-table-round-result__yaku{margin-top:12px}.game-table-round-result__yaku h4{margin:0 0 4px;font-size:.95rem}.game-table-round-result__yaku ul{margin:0;padding-left:20px}.game-table-round-result__yaku li{margin-bottom:4px}.game-table-round-result__yaku-name{font-weight:600}.game-table-round-result__yaku-detail{margin-left:6px;color:var(--color-text-dim);font-size:.85rem}.game-table-events__actions,.game-table-actions__buttons,.game-table-ws__controls,.game-table-navigation__links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.game-table-events__list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.game-table-events__list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;background-color:#0f172a8c}.game-table-events__item-header{font-size:.9rem;color:var(--color-text-muted);margin-bottom:8px}.game-table-events__list pre,.game-table-ws__log pre,.game-table-status pre{margin:0;overflow-x:auto;font-size:.85rem;background-color:#0f172a;color:#e2e8f0;border-radius:8px;padding:12px;white-space:pre-wrap;word-break:break-word}.game-table-layout{display:flex;flex-direction:column;gap:16px;margin-top:16px}.game-table-layout section+section{margin-top:0}.game-table-board-section{padding:clamp(8px,1.8vw,12px);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.35);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.game-table-board-section h2,.game-table-actions h2,.game-table-ws h2{font-size:1.15rem;margin:0 0 10px}.game-table-board-container{position:relative}.game-table-board-container--dimmed .game-table-board{filter:none;opacity:.9}.game-table-board__notice{margin:0 0 16px;font-size:.9rem;color:var(--color-text-muted)}.game-table-board{--river-tile-size: 30px;--river-tile-compact-gap: 0px;--river-tile-thickness: calc(var(--river-tile-size) * 140 / 181);--board-tile-height: 48px;--board-tile-height-inline: 44px;--board-seat-width: calc((var(--board-tile-height) * 140 / 181) * 14 + 16px + 24px);--board-center-size: min(100%, var(--board-seat-width));background:radial-gradient(900px circle at 20% 10%,rgba(255,255,255,.14),transparent 55%),linear-gradient(135deg,var(--felt-dark),var(--felt) 45%,var(--felt-light));border:1px solid rgba(16,185,129,.38);border-radius:var(--radius-lg);padding:clamp(12px,2.8vw,20px);box-shadow:0 18px 55px #0206178c;max-width:960px;margin:0 auto}.round-result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:auto;z-index:10}.round-result-overlay__panel{max-width:960px;width:min(960px,100%);position:relative;background-color:#020617e0;color:#f9fafb;border-radius:12px;padding:16px 20px 18px;border:1px solid rgba(148,163,184,.22);box-shadow:var(--shadow-md);--round-result-tile-height: var(--board-tile-height-inline);--round-result-tile-height-compact: 40px;--round-result-tile-height-dense: 36px;--round-result-dora-height: 30px;--round-result-sub-tile-height: clamp(16px, calc(var(--round-result-tile-height) * .6), 30px)}.game-table-info-overlay__panel{max-width:640px;width:min(640px,100%)}.game-table-info-overlay__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.game-table-debug{margin-top:12px}.game-table-debug>summary{cursor:pointer;font-weight:600}.game-table-rule{margin-top:12px}.game-table-rule>summary{cursor:pointer;font-weight:600}.game-table-events--embedded{margin-top:12px;padding:0;border:none;background:transparent}.game-table-recent-actions{margin-top:12px;padding:12px;border-radius:10px;border:1px solid #1f2937;background-color:#0f172a59}.game-table-recent-actions h3{margin-top:0}.round-result-overlay__dora{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.round-result-overlay__dora-row{display:flex;align-items:center;gap:6px}.round-result-overlay__dora-label{font-size:.75rem;font-weight:600;color:#e5e7eb}.round-result-overlay__dora-tiles{display:flex;gap:0}.round-result-overlay__dora-tiles .board-tile-image-wrapper--inline{margin-left:0}.round-result-overlay__panel .board-tile-image--inline{height:var(--round-result-tile-height);width:calc(var(--round-result-tile-height) * 140 / 181);object-fit:contain}.round-result-overlay__dora-tile .board-tile-image--inline{height:var(--round-result-dora-height);width:calc(var(--round-result-dora-height) * 140 / 181)}.round-result-overlay__title{margin:0 0 8px;font-size:calc(1.1rem + 2px);font-weight:700}.round-result-overlay__line{margin:0 0 4px;font-size:.95rem}.round-result-overlay__winner-points{font-size:calc(.95rem + 2px)}.round-result-overlay__note{margin:2px 0 0;font-size:.8rem;color:#e5e7eb}.round-result-overlay__hand-nuki{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:.82rem;color:#e5e7eb}.round-result-overlay__hand-nuki-count{font-weight:600}.round-result-overlay__hand-nuki .board-tile-image--inline{height:var(--round-result-dora-height);width:calc(var(--round-result-dora-height) * 140 / 181)}.round-result-overlay__payers{margin:8px 0 4px;padding-left:18px;font-size:.9rem}.round-result-overlay__payer-line{margin-bottom:2px;color:inherit}.round-result-overlay__score-line--negative{color:#ef4444;font-size:calc(.9rem + 2px)}.round-result-overlay__score-line--emphasis{font-size:calc(.9rem + 2px)}.round-result-overlay__hand{margin-top:8px}.round-result-overlay__summary-hands{margin:12px 0 6px;display:grid;gap:10px}.round-result-overlay__summary-hand{display:flex;flex-direction:column;gap:6px}.round-result-overlay__summary-hand-name{font-size:.85rem;font-weight:600;color:#e2e8f0}.round-result-overlay__summary-hand-tiles{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0}.round-result-overlay__summary-hand-group{display:inline-flex;align-items:flex-end;gap:0;margin-left:8px}.round-result-overlay__summary-hand-group:first-child{margin-left:0}.round-result-overlay__summary-hand-group--nuki{margin-left:12px;opacity:.9}.round-result-overlay__summary-hand-tile .board-tile-image--inline{height:var(--round-result-dora-height);width:calc(var(--round-result-dora-height) * 140 / 181)}.round-result-overlay__summary-hand-tiles .board-tile-image-wrapper--inline{margin-left:0}.round-result-overlay__summary-hand-empty{font-size:.8rem;color:#cbd5f5}.round-result-overlay__yaku-summary{margin:0 0 4px;font-size:calc(.95rem + 2px);font-weight:600}.round-result-overlay__hand-tiles{display:flex;flex-wrap:nowrap;gap:0;justify-content:center;align-items:flex-end;padding-bottom:4px;max-width:100%}.round-result-overlay__hand-tiles--compact .board-tile-image--inline{height:var(--round-result-tile-height-compact);width:calc(var(--round-result-tile-height-compact) * 140 / 181)}.round-result-overlay__hand-tiles--dense .board-tile-image--inline{height:var(--round-result-tile-height-dense);width:calc(var(--round-result-tile-height-dense) * 140 / 181)}.round-result-overlay__hand-tile{flex:0 0 auto}.round-result-overlay__hand-tile--winning .board-tile-image-wrapper--inline{margin-left:6px}.round-result-overlay__hand-tile-stack{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.round-result-overlay__hand-tile-stack--kakan{gap:0}.round-result-overlay__hand-kakan-added{display:inline-flex;align-items:center;justify-content:center;order:-1}.round-result-overlay__hand-tile-body{display:inline-flex;align-items:center;justify-content:center}.round-result-overlay__hand-tile-body--sideways{display:inline-flex;align-items:center;justify-content:center;width:var(--round-result-tile-height);height:calc(var(--round-result-tile-height) * 140 / 181)}.round-result-overlay__hand-tiles--compact .round-result-overlay__hand-tile-body--sideways{width:var(--round-result-tile-height-compact);height:calc(var(--round-result-tile-height-compact) * 140 / 181)}.round-result-overlay__hand-tiles--dense .round-result-overlay__hand-tile-body--sideways{width:var(--round-result-tile-height-dense);height:calc(var(--round-result-tile-height-dense) * 140 / 181)}.round-result-overlay__hand-sideways{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.round-result-overlay__hand-sideways .board-tile-image--inline,.round-result-overlay__hand-sideways-fallback{transform-origin:50% 50%}.round-result-overlay__hand-tile--concealed{display:inline-flex;align-items:center;justify-content:center}.round-result-overlay__hand-concealed{display:block;width:calc(var(--round-result-tile-height) * 140 / 181);height:var(--round-result-tile-height);border-radius:6px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(135deg,#0f172a40,#0f172a1a);box-shadow:inset 0 0 0 1px #ffffff38}.round-result-overlay__hand-tiles--compact .round-result-overlay__hand-concealed{width:calc(var(--round-result-tile-height-compact) * 140 / 181);height:var(--round-result-tile-height-compact)}.round-result-overlay__hand-tiles--dense .round-result-overlay__hand-concealed{width:calc(var(--round-result-tile-height-dense) * 140 / 181);height:var(--round-result-tile-height-dense)}.round-result-overlay__hand-empty{font-size:.85rem;color:#e5e7eb}.round-result-overlay__hand-tile-sub{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.round-result-overlay__hand-tile-arrow{font-size:.82rem;line-height:1;font-weight:700;color:#f8fafce6}.round-result-overlay__hand-subtile{display:inline-flex;align-items:center;justify-content:center}.round-result-overlay__hand-subtile .board-tile-image-wrapper--inline{margin-left:0}.round-result-overlay__hand-subtile .board-tile-image--inline{height:var(--round-result-sub-tile-height);width:calc(var(--round-result-sub-tile-height) * 140 / 181)}.round-result-overlay__hand-subtile .board-tile--inline{padding:1px 4px;font-size:.65rem;height:var(--round-result-sub-tile-height);width:calc(var(--round-result-sub-tile-height) * 140 / 181)}.round-result-overlay__hand-body{display:flex;flex-direction:column;gap:4px}.round-result-overlay__hand-melds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.round-result-overlay__hand-meld{display:flex;gap:0;margin-left:10px;align-items:flex-end}.round-result-overlay__hand-tiles .board-tile-image-wrapper--inline{margin-left:0}.round-result-overlay__hand-tiles .round-result-overlay__hand-tile--winning .board-tile-image-wrapper--inline{margin-left:6px}.round-result-overlay__actions{margin-top:12px;display:flex;justify-content:flex-end}.round-result-overlay__actions button{background-color:#6366f1eb;border-color:#6366f1b3}.round-result-overlay__actions button:hover{background-color:#4f46e5f2}.game-table-board__surface{display:flex;flex-direction:column;gap:16px}.board-center-frame{position:relative;display:inline-block;align-self:center;width:var(--board-center-size);max-width:100%}.board-turn{align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;border:1px solid rgba(16,185,129,.32);background-color:#10b9811a;color:#ecfdf5;min-width:200px;text-align:center;box-shadow:0 12px 28px #02061759}.board-turn--reaction{background-color:transparent;border:none;box-shadow:none}.board-turn__value{display:flex;align-items:baseline;justify-content:center;gap:8px}.board-turn__value-seat{font-size:1.05rem;font-weight:700;color:#d1fae5}.board-turn__value-phase{font-size:.9rem;font-weight:600;color:#d1fae5d9}.board-turn__reaction{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;border-radius:12px;border:1px solid rgba(245,158,11,.32);background:linear-gradient(135deg,#f59e0b24,#02061733);color:#fef3c7;box-shadow:0 14px 34px #02061759;font-weight:700}.board-turn__reaction-indicator{width:12px;height:12px;border-radius:50%;background-color:#f59e0b;box-shadow:0 0 0 6px #f59e0b38;animation:board-reaction-pulse 1.8s ease-in-out infinite}@keyframes board-reaction-pulse{0%{transform:scale(.95);box-shadow:0 0 0 4px #f59e0b38}50%{transform:scale(1.05);box-shadow:0 0 0 10px #f59e0b24}to{transform:scale(.95);box-shadow:0 0 0 4px #f59e0b38}}.board-turn__reaction-text{display:inline-block;font-size:.95rem}.board-turn__reaction-body{display:flex;flex-direction:column;gap:6px}.board-turn__reaction-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.board-turn__reaction-action{display:flex;flex-direction:column;align-items:center;gap:4px}.board-turn__reaction-button{padding:4px 12px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background-color:#f59e0beb;color:#111827;font-size:.85rem;font-weight:600;cursor:pointer}.board-turn__reaction-button--active{background-color:#f59e0b;border-color:#f59e0bbf;box-shadow:0 0 0 3px #f59e0b40}.board-turn__reaction-button:hover{background-color:#fbbf24}.board-turn__reaction-button:disabled{opacity:.6;cursor:default}.board-turn__reaction-hint{font-size:.78rem;font-weight:600;color:#fef3c7d9;line-height:1.2;text-align:center;max-width:12rem}.board-row{display:flex;align-items:stretch;justify-content:center;gap:18px}.board-row--top,.board-row--bottom{gap:0}.board-row--bottom{margin-top:clamp(6px,1.6vw,12px)}.board-seat{background-color:#f9fafbeb;border:1px solid rgba(15,23,42,.2);border-radius:var(--radius-md);padding:8px;min-width:140px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px #02061738;color:#0f172a}.board-seat--north{width:min(100%,520px)}.board-seat--south{width:var(--board-seat-width);max-width:100%}.board-seat--east,.board-seat--west{width:min(100%,180px)}.board-seat--west,.board-seat--east{justify-content:space-between}.board-seat--self{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f138,0 8px 24px #02061738;padding:6px}.board-seat--self .board-seat__header{min-height:0}.board-seat--empty{opacity:.75}.board-seat__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-weight:700;min-height:40px}.board-seat__meta{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;flex:1}.board-seat__seat{font-size:.95rem;color:#1f2937}.board-seat__name{font-size:1rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.board-seat__score{font-size:.85rem;color:#475569}.board-seat__actions{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;width:100%;max-width:100%;flex:1 1 auto;padding:0 4px;box-sizing:border-box;--action-button-height: 26px;--action-row-padding-y: 3px;--action-row-min-height: calc(var(--action-button-height) + (var(--action-row-padding-y) * 2))}.board-seat__actions-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:var(--action-row-min-height);padding:var(--action-row-padding-y) 8px;border-radius:999px;width:100%;box-sizing:border-box}.board-seat__actions-settings{display:flex;align-items:center;gap:6px;flex:0 0 auto}.board-seat__action-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background-color:#f8fafc;padding:0;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.board-seat__action-toggle:hover{background-color:#e2e8f0}.board-seat__action-toggle-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #475569;transition:transform .12s ease}.board-seat__action-toggle--open .board-seat__action-toggle-icon{transform:rotate(90deg)}.board-seat__action-settings-panel{display:flex;align-items:center;gap:6px}.board-seat__actions-row--active{background-color:transparent;box-shadow:none}.board-seat__actions-buttons{--action-slot-width: clamp(48px, 7vw, 58px);display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:4px;align-items:center;justify-content:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:1;min-width:0;margin-left:auto;min-height:var(--action-button-height)}.board-seat__actions-buttons::-webkit-scrollbar{height:0}.board-seat__body{flex:1;display:flex;align-items:flex-end;min-height:0}.board-seat__action-button{display:inline-flex;align-items:center;height:var(--action-button-height);padding:0 10px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background-color:#f59e0beb;color:#111827;font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;white-space:nowrap;justify-self:end}.board-seat__action-button--tsumogiri-off,.board-seat__action-button--naki-off{background-color:#4b5563;border-color:#6b7280;color:#f9fafb}.board-seat__action-button--tsumogiri-off:hover,.board-seat__action-button--naki-off:hover{background-color:#6b7280}.board-seat__action-button--pending{position:relative}.board-seat__action-button--pending:after{content:"";position:absolute;inset:0;background-color:#0f172a38;border-radius:inherit;pointer-events:none}.board-seat__action-button:hover{background-color:#fbbf24}.board-seat__action-button--active{background-color:#ef4444;border-color:#dc2626e6;color:#f8fafc;box-shadow:0 0 0 3px #ef444459}.board-seat__actions-hint{font-size:.72rem;font-weight:600;color:#0f172ac7;line-height:1.15;min-height:1.15em;text-align:left}.board-seat__actions-hint--hidden{visibility:hidden}.board-seat__actions-buttons--discard,.board-seat__actions-buttons--reaction{grid-template-columns:repeat(5,minmax(var(--action-slot-width),max-content));justify-content:end}.board-seat__actions-buttons--discard .board-seat__action-button--slot-riichi{grid-column:1}.board-seat__actions-buttons--discard .board-seat__action-button--slot-tsumo{grid-column:2}.board-seat__actions-buttons--discard .board-seat__action-button--slot-nuki{grid-column:3}.board-seat__actions-buttons--discard .board-seat__action-button--slot-kan{grid-column:4}.board-seat__actions-buttons--discard .board-seat__action-button--slot-nine-kinds{grid-column:5}.board-seat__actions-buttons--reaction .board-seat__action-button--slot-chi{grid-column:1}.board-seat__actions-buttons--reaction .board-seat__action-button--slot-pon{grid-column:2}.board-seat__actions-buttons--reaction .board-seat__action-button--slot-kan{grid-column:3}.board-seat__actions-buttons--reaction .board-seat__action-button--slot-ron{grid-column:4}.board-seat__actions-buttons--reaction .board-seat__action-button--slot-pass{grid-column:5}.board-seat__action-button--slot-tsumogiri{grid-column:6}.board-seat__action-button--riichi{animation:none}.board-seat__badge{background-color:#f59e0beb;color:#fff;font-size:.75rem;padding:1px 7px;border-radius:999px;letter-spacing:.05em}.board-seat__body{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start}.board-seat--self .board-seat__body{flex:0 0 auto}.board-seat__tiles{display:flex;flex-wrap:wrap;gap:6px}.board-seat__tiles--images{flex-wrap:nowrap;gap:0;overflow-x:auto;padding-top:8px;justify-content:flex-start}.board-tile-image-wrapper{display:inline-flex;align-items:flex-end}.board-tile-image{display:block;height:var(--board-tile-height);width:calc(var(--board-tile-height) * 140 / 181)}.board-tile-button{background:none;border:none;padding:0;margin:0;display:inline-flex;align-items:flex-end;cursor:default}.board-tile-button:disabled{cursor:default;opacity:1}.board-tile-button--enabled{cursor:pointer}.board-tile-button--drawn{margin-left:16px}.board-tile-button--selected .board-tile-image,.board-tile-button--selected .board-tile{transform:translateY(-6px);box-shadow:0 0 0 2px #eab308e6,0 4px 10px #0f172a40}.board-tile-button--enabled .board-tile-image,.board-tile-button--enabled .board-tile{transition:transform .12s ease,box-shadow .12s ease}.board-tile-button--enabled:hover .board-tile-image,.board-tile-button--enabled:focus-visible .board-tile-image{transform:translateY(-4px)}.board-tile-button--enabled:hover .board-tile,.board-tile-button--enabled:focus-visible .board-tile{transform:translateY(-2px);box-shadow:0 2px 6px #0f172a33}.board-tile-button--enabled:focus-visible{outline:2px solid rgba(99,102,241,.95);outline-offset:2px}.board-tile--fallback{min-width:32px}.board-tile{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;border-radius:6px;border:1px solid rgba(15,23,42,.18);background-color:#fff;color:#0f172a;font-weight:600}.board-tile--inline{padding:2px 6px;min-width:auto}.board-tile-image--drawn{margin-left:0}.board-tile-image-wrapper--inline{display:inline-flex;margin-left:6px}.board-tile-image--inline{height:var(--board-tile-height-inline);width:calc(var(--board-tile-height-inline) * 140 / 181);vertical-align:middle}.board-center__river{display:flex;flex-direction:column;align-items:center;gap:0;color:#f8fafc;text-align:center;min-width:0}.board-center__river-grid-wrapper{position:relative;display:inline-block}.board-center__action-popup{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(226,232,240,.35);background-color:#0f172a99;color:#f8fafc;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 14px 34px #00000059;animation:board-action-popup-pop 2s ease-in-out both}@keyframes board-action-popup-pop{0%{opacity:0;transform:scale(.95)}18%{opacity:1;transform:scale(1.03)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.board-center__river--north,.board-center__river--south,.board-center__river--east,.board-center__river--west{justify-self:center}.board-center__river-label{font-size:.85rem;color:#e2e8f0;font-weight:600}.board-center__river-label--wind{font-size:1.1rem;letter-spacing:.08em}.board-center__river-label-row{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1;white-space:nowrap}.board-center__river-turn-marker--hidden{visibility:hidden;animation:none;box-shadow:none}.board-center__river-meta{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:140px}.board-center__river-info{display:flex;align-items:center;gap:0;width:100%;font-size:.85rem;color:#f8fafc}.board-center__river-player{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;font-weight:600}.board-center__river--active .board-center__river-player{text-shadow:0 0 6px rgba(15,23,42,.85)}.board-center__river--active{position:relative}.board-center__river-turn-marker{width:10px;height:10px;border-radius:999px;background-color:#34d399;box-shadow:0 0 0 4px #34d39973;animation:board-turn-marker-pulse 1.4s ease-in-out infinite}@keyframes board-turn-marker-pulse{0%{transform:scale(.9);box-shadow:0 0 0 2px #34d39999;opacity:.9}50%{transform:scale(1.15);box-shadow:0 0 0 6px #34d39966;opacity:1}to{transform:scale(.9);box-shadow:0 0 0 2px #34d39999;opacity:.9}}.board-center__river-badge{background-color:#fb923c;color:#0f172a;padding:2px 8px;border-radius:999px;font-weight:700;font-size:.75rem;letter-spacing:.05em}.board-center__river-badge--wareme{background-color:#f97316;color:#1f2937}.board-center__river-player--empty{display:block;width:100%;text-align:center;font-size:.8rem;color:#e2e8f0bf;font-weight:500}.board-center__river-score-inline{font-size:.78rem;color:#fde68a;font-weight:600;white-space:nowrap}.board-center__river-placeholder{margin:0;font-size:.85rem;color:#e2e8f0}.river-grid{display:grid;gap:0;grid-auto-columns:min-content;grid-auto-rows:min-content;justify-content:start;align-content:start;justify-items:center;align-items:center}.river-grid--empty{min-height:var(--river-tile-size);min-width:calc(var(--river-tile-thickness) - var(--river-tile-compact-gap))}.river-grid--north.river-grid--empty,.river-grid--south.river-grid--empty{min-width:calc((var(--river-tile-thickness) - var(--river-tile-compact-gap)) * 6);min-height:calc(var(--river-tile-size) * 3)}.river-grid--east.river-grid--empty,.river-grid--west.river-grid--empty{min-width:calc((var(--river-tile-size) - var(--river-tile-compact-gap)) * 3);min-height:calc(var(--river-tile-thickness) * 6)}.river-grid--east,.river-grid--west{justify-content:start;align-content:start}.river-grid--north .river-tile,.river-grid--south .river-tile{width:var(--river-tile-thickness);height:var(--river-tile-size)}.river-grid--east .river-tile,.river-grid--west .river-tile,.river-grid--north .river-tile--riichi,.river-grid--south .river-tile--riichi{width:var(--river-tile-size);height:var(--river-tile-thickness)}.river-grid--east .river-tile--riichi,.river-grid--west .river-tile--riichi{width:var(--river-tile-thickness);height:var(--river-tile-size)}.river-tile{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:visible;border-radius:6px;z-index:0}.river-tile--riichi{z-index:1}.river-tile--highlight{z-index:2}.river-tile--highlight:before{content:"";position:absolute;inset:-3px;border-radius:8px;background:#facc1526;box-shadow:0 0 0 2px #eab308bf,0 0 12px #eab30899;opacity:0;animation:tile-highlight-pulse 5s ease-out both;pointer-events:none}.river-tile--riichi:after{content:"";position:absolute;inset:-2px;border:2px solid rgba(249,115,22,.65);border-radius:6px;pointer-events:none}.river-tile__image{display:block;height:var(--river-tile-size);width:auto;transform-origin:50% 50%}.river-tile__fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#1f2937;line-height:1;transform-origin:50% 50%}.river-tile--fallback .river-tile__fallback{padding:4px 6px;border-radius:4px;background-color:#1e40af26}.board-seat__placeholder{margin:0;font-size:.9rem;color:#475569}.board-seat__footnote{margin:0;font-size:.75rem;color:#6b7280}.board-row--middle{display:flex;gap:18px;justify-content:center;align-items:stretch}.board-center{position:relative;flex:0 0 auto;--board-center-mat-size: 124px;width:var(--board-center-size);max-width:100%;min-width:0;min-height:0;aspect-ratio:1 / 1;background-color:#14532d;border-radius:18px;border:2px solid #0f3a1f;padding:clamp(22px,3.5vw,34px);box-sizing:border-box;margin:0 auto;display:grid;grid-template-areas:". north ." "west center east" ". south .";grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;align-items:center;justify-items:center;align-content:center;justify-content:center;gap:clamp(8px,1.6vw,12px)}.board-center__mat{grid-area:center;width:var(--board-center-mat-size);height:var(--board-center-mat-size);border-radius:18px;background-color:#0f3a1f59;border:1px solid rgba(15,58,31,.6)}.board-center__river-info-line{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;background-color:#0f172a59;color:#e2e8f0;font-weight:600;font-size:.85rem;white-space:nowrap;pointer-events:none;max-width:calc(100% - 24px);z-index:3}.board-center__river-info-line--north{top:0;left:50%;transform:translate(-50%,-100%)}.board-center__river-info-line--south{top:calc(50% + (var(--board-center-mat-size) / 2));left:50%;transform:translate(-50%)}.board-center__river-info-line--east{top:50%;left:100%;transform:translateY(-50%) rotate(-90deg) translate(-50%);transform-origin:left center}.board-center__river-info-line--west{top:50%;left:0;transform:translate(-100%,-50%) rotate(90deg) translate(50%);transform-origin:right center}.board-center__river-info-line .board-center__river-label,.board-center__river-info-line .board-center__river-label--wind,.board-center__river-info-line .board-center__river-score-inline,.board-center__river-info-line .board-center__river-badge{font-size:inherit}.board-center__river-info-name{display:inline-flex;align-items:center;max-width:clamp(80px,18vw,170px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;font-size:inherit}.board-center__notice{grid-area:center;position:relative;z-index:6;pointer-events:none;padding:12px 18px;border-radius:12px;border:1px solid rgba(226,232,240,.35);background-color:#0f172a8c;color:#f8fafc;font-weight:800;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 14px 40px #00000059;text-shadow:0 2px 12px rgba(0,0,0,.4);animation:board-center-notice-pop 2s ease-in-out both}@keyframes board-center-notice-pop{0%{opacity:0;transform:scale(.95)}18%{opacity:1;transform:scale(1.03)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.board-center__info{grid-area:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;color:#f8fafc;text-align:center;pointer-events:none;max-width:min(100%,clamp(160px,30vw,260px));--riichi-stick-thickness: clamp(8px, 1.2vw, 14px);--riichi-stick-length: calc(var(--riichi-stick-thickness) * 320 / 38)}.board-center__info--dense{gap:8px}.board-center__info-grid{display:grid;grid-template-columns:auto auto;gap:6px 16px;margin:0;padding:12px 18px;border-radius:12px;background-color:#0f3a1fb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;align-items:center;max-width:min(100%,clamp(160px,30vw,260px))}.board-center__info-grid--dense{gap:4px 12px;padding:8px 14px}.board-center__info-grid--dense .board-center__info-dora-tiles{max-width:min(220px,34vw)}.board-center__info-term{font-size:.82rem;font-weight:600;color:#bbf7d0;justify-self:end}.board-center__info-term--compact{font-size:.7rem}.board-center__info-term-text{display:inline-flex;align-items:baseline;gap:2px}.board-center__info-term-suffix{display:inline}.board-center__info-value{font-size:.98rem;font-weight:700;color:#f8fafc;justify-self:start}.board-center__info-value--compact{font-size:.82rem}.board-center__info-value--solo{grid-column:1 / -1;justify-self:center;text-align:center}.board-center__info-value--highlight{display:inline-block;animation:board-center-round-highlight 1.2s ease-in-out both;text-shadow:0 0 14px rgba(250,204,21,.65),0 0 26px rgba(250,204,21,.35)}@media (max-width: 960px) and (orientation: landscape){.board-center__info-term-suffix{display:none}}@keyframes board-center-round-highlight{0%{transform:scale(1);color:#f8fafc}30%{transform:scale(1.12);color:#fef9c3}to{transform:scale(1);color:#f8fafc}}.board-center__info-value--dora{justify-self:center}.board-center__info-dora-wrapper{display:flex;justify-content:flex-start;width:100%}.board-center__info-dora-block{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;justify-self:start;width:100%}.board-center__info-dora-label{font-size:.82rem;font-weight:600;color:#bbf7d0}.board-center__info-dora-tiles{display:inline-flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:0;max-width:min(180px,28vw)}.board-center__info-dora-tile{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;background-color:transparent;box-shadow:none}.board-center__info-dora-tile img{display:block;height:var(--river-tile-size);width:auto}.board-center__info-dora-tile--fallback{min-width:var(--river-tile-size);padding:6px 10px;border-radius:6px;border:1px solid rgba(226,232,240,.4);background-color:#0f172a66;color:#f8fafc;font-weight:700;text-align:center}.board-center__info-dora-empty{color:#bbf7d0;font-size:.9rem;font-weight:600}.board-center__info-placeholder{margin:0;padding:12px 18px;border-radius:12px;background-color:#0f3a1fb3;color:#bbf7d0;font-size:.92rem;pointer-events:auto}.board-center__riichi-stick{position:absolute;pointer-events:none;height:var(--riichi-stick-thickness);width:auto}.board-center__riichi-stick img{display:block;height:100%;width:auto}.board-center__riichi-stick--north{top:0;left:50%;transform:translate(-50%,-100%)}.board-center__riichi-stick--south{bottom:0;left:50%;transform:translate(-50%,100%)}.board-center__riichi-stick--east{top:calc(var(--riichi-stick-center-y, 50%) - (var(--riichi-stick-length) / 2));left:100%;transform:translateY(-50%) rotate(90deg);transform-origin:left center}.board-center__riichi-stick--west{top:calc(var(--riichi-stick-center-y, 50%) - (var(--riichi-stick-length) / 2));right:100%;transform:translateY(-50%) rotate(-90deg);transform-origin:right center}.board-center__river--north{grid-area:north;min-width:calc((var(--river-tile-thickness) - var(--river-tile-compact-gap)) * 6)}.board-center__river--south{grid-area:south;min-width:calc((var(--river-tile-thickness) - var(--river-tile-compact-gap)) * 6)}.board-center__river--east{grid-area:east;min-width:calc((var(--river-tile-size) - var(--river-tile-compact-gap)) * 3)}.board-center__river--west{grid-area:west;min-width:calc((var(--river-tile-size) - var(--river-tile-compact-gap)) * 3)}.board-melds{position:absolute;--board-meld-gap: 8px;display:flex;gap:var(--board-meld-gap);pointer-events:none;z-index:2}.board-melds--south{bottom:18px;right:18px;flex-direction:row;justify-content:flex-end;align-items:flex-end}.board-melds--east{top:18px;right:18px;flex-direction:column;justify-content:center;align-items:flex-end}.board-melds--north{top:18px;left:18px;flex-direction:row;justify-content:flex-start;align-items:flex-start}.board-melds--west{bottom:18px;left:18px;flex-direction:column;justify-content:center;align-items:flex-start}.board-meld{display:flex;gap:0;padding:0;border:none;background:none;box-shadow:none;pointer-events:none}.board-meld--south{align-items:flex-end}.board-melds--south .board-meld--nuki+.board-meld--nuki,.board-melds--south .board-meld--pon+.board-meld--nuki,.board-melds--south .board-meld--nuki+.board-meld--pon,.board-melds--north .board-meld--nuki+.board-meld--nuki,.board-melds--north .board-meld--pon+.board-meld--nuki,.board-melds--north .board-meld--nuki+.board-meld--pon{margin-left:calc(var(--board-meld-gap) * -1)}.board-melds--east .board-meld--nuki+.board-meld--nuki,.board-melds--east .board-meld--pon+.board-meld--nuki,.board-melds--east .board-meld--nuki+.board-meld--pon,.board-melds--west .board-meld--nuki+.board-meld--nuki,.board-melds--west .board-meld--pon+.board-meld--nuki,.board-melds--west .board-meld--nuki+.board-meld--pon{margin-top:calc(var(--board-meld-gap) * -1)}.board-meld__tile{display:inline-flex;align-items:center;justify-content:center;width:var(--river-tile-size);height:var(--river-tile-size);position:relative}.board-meld__tile--highlight:before{content:"";position:absolute;inset:-3px;border-radius:8px;background:#facc1526;box-shadow:0 0 0 2px #eab308bf,0 0 12px #eab30899;opacity:0;animation:tile-highlight-pulse 5s ease-out both;pointer-events:none}.board-meld__tile--concealed{overflow:visible}@keyframes tile-highlight-pulse{0%{opacity:0;transform:scale(.9)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.board-meld__concealed{display:block;width:var(--river-tile-thickness);height:var(--river-tile-size);border-radius:6px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(135deg,#0f172a33,#0f172a14);box-shadow:inset 0 0 0 1px #ffffff38;transform-origin:50% 50%}.board-meld__tile-stack{display:inline-flex;align-items:center;justify-content:center;gap:0}.board-meld__tile-stack--kakan .board-meld__tile--kakan-added{margin:0}.board-meld--south .board-meld__tile-stack--kakan{flex-direction:column-reverse}.board-meld--north .board-meld__tile-stack--kakan{flex-direction:column}.board-meld--east .board-meld__tile-stack--kakan{flex-direction:row-reverse}.board-meld--west .board-meld__tile-stack--kakan{flex-direction:row}.board-meld__tile--north,.board-meld__tile--south{width:var(--river-tile-thickness);height:var(--river-tile-size)}.board-meld__tile--east,.board-meld__tile--west,.board-meld__tile--sideways.board-meld__tile--north,.board-meld__tile--sideways.board-meld__tile--south{width:var(--river-tile-size);height:var(--river-tile-thickness)}.board-meld__tile--sideways.board-meld__tile--east,.board-meld__tile--sideways.board-meld__tile--west{width:var(--river-tile-thickness);height:var(--river-tile-size)}.board-meld--east{flex-direction:column;align-items:flex-end}.board-meld--west{flex-direction:column;align-items:flex-start}.board-meld__image{display:block;height:var(--river-tile-size);width:auto;transform-origin:50% 50%}.board-meld__fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid rgba(15,23,42,.18);border-radius:6px;background-color:#fff;font-weight:600;color:#0f172a;transform-origin:50% 50%}@media (max-width: 960px){.board-row--middle{flex-direction:column}.board-seat--east,.board-seat--west{width:min(100%,320px)}.board-center{--board-center-mat-size: 110px;min-width:280px;aspect-ratio:1 / 1;padding:clamp(18px,4vw,28px)}.board-seat__actions{min-width:0}.round-result-overlay__panel{max-width:100%}}@media (max-width: 640px){.game-table-layout{gap:12px;margin-top:12px}.game-table-board-section{padding:6px}.game-table-board{--river-tile-size: clamp(18px, 5vw, 22px);--board-tile-height: clamp(22px, 6.4vw, 32px);--board-tile-height-inline: clamp(20px, 6vw, 30px);--river-tile-compact-gap: 0px;padding:10px}.board-center{--board-center-mat-size: 90px;min-width:220px;padding:clamp(12px,4.5vw,18px);gap:clamp(4px,2.8vw,8px);margin-bottom:clamp(8px,3vw,14px)}.board-center__river{gap:3px}.board-center__river-info-line{gap:4px;padding:1px 4px;max-width:calc(100% - 16px);font-size:.66rem}.board-center__river-info-name{max-width:clamp(70px,22vw,140px)}.board-center__river-label{font-size:.66rem}.board-center__river-label--wind{font-size:.84rem}.board-center__river-label-row{gap:6px}.board-center__river-meta{gap:3px}.board-center__river-info{gap:0;width:100%;font-size:.7rem;line-height:1.05}.board-center__river-player{width:100%;text-overflow:clip}.board-center__river-score-inline{font-size:.66rem}.board-center__river-badge{font-size:.6rem;padding:2px 6px}.round-result-overlay__panel{--round-result-tile-height: clamp(22px, 6vw, 28px);--round-result-tile-height-compact: clamp(20px, 5.6vw, 26px);--round-result-tile-height-dense: clamp(18px, 5vw, 24px);--round-result-dora-height: clamp(18px, 5vw, 24px)}.round-result-overlay__dora{top:10px;right:10px}.round-result-overlay__dora-label{font-size:.68rem}.round-result-overlay__title{font-size:1rem}.round-result-overlay__line{font-size:.82rem}.round-result-overlay__winner-points{font-size:.88rem}.round-result-overlay__note{font-size:.7rem}.round-result-overlay__hand-nuki{font-size:.72rem}.round-result-overlay__payers{font-size:.8rem}.round-result-overlay__yaku-summary{font-size:.86rem}.round-result-overlay__hand-empty{font-size:.75rem}.round-result-overlay__hand-tiles{flex-wrap:wrap}.round-result-overlay__hand-tile--winning .board-tile-image-wrapper--inline{margin-left:4px}.round-result-overlay__hand-meld{margin-left:6px}.river-grid{justify-items:stretch}.river-tile__fallback{width:100%;height:100%}.river-tile__image{object-fit:contain}.board-center__info{gap:3px;max-width:min(100%,clamp(130px,34vw,190px))}.board-center__info-grid{padding:5px 6px;gap:3px 5px;max-width:min(100%,clamp(130px,34vw,190px))}.board-center__info-term{font-size:.6rem}.board-center__info-term--compact{font-size:.52rem}.board-center__info-value{font-size:.74rem}.board-center__info-value--compact{font-size:.62rem}.board-center__info-dora-label{font-size:.58rem}.board-center__info-dora-tiles{max-width:min(120px,30vw)}.board-center__action-popup,.board-center__notice{font-size:.85rem;padding:8px 12px}.board-melds--south{bottom:12px;right:12px}.board-melds--east{top:12px;right:12px}.board-melds--north{top:12px;left:12px}.board-melds--west{bottom:12px;left:12px}.board-seat{padding:5px}.board-seat__header{flex-direction:column;align-items:stretch;gap:2px;min-height:0}.board-seat__name{font-size:.95rem}.board-seat__actions{align-items:stretch;gap:0;width:100%;max-width:100%;flex:1 1 auto;padding:0 2px;--action-button-height: 22px;--action-row-padding-y: 2px;--action-row-min-height: calc(var(--action-button-height) + (var(--action-row-padding-y) * 2))}.board-seat__actions-row{justify-content:flex-start;padding:var(--action-row-padding-y) 4px;min-height:var(--action-row-min-height)}.board-seat__actions-settings{gap:4px}.board-seat__action-toggle{width:18px;height:18px}.board-seat__action-toggle-icon{border-top-width:4px;border-bottom-width:4px;border-left-width:6px}.board-seat__action-settings-panel{gap:4px}.board-seat__actions-buttons{--action-slot-width: clamp(44px, 12vw, 54px);justify-content:flex-end;column-gap:3px}.board-seat__action-button{font-size:.72rem;padding:0 8px}.board-seat__actions-hint{text-align:left;font-size:.7rem;min-height:0;line-height:1.1}.board-seat__actions-hint--hidden{display:none}.board-seat__body{flex:0 0 auto;min-width:0;gap:2px}.board-seat__tiles--images{padding-top:2px;min-width:0;max-width:100%}.board-tile-button--drawn{margin-left:6px}.board-seat--south{width:min(100%,var(--board-seat-width))}}@media (max-width: 420px){.game-table-board{--river-tile-size: clamp(14px, 4.6vw, 18px);--board-tile-height: clamp(20px, 6vw, 28px);--board-tile-height-inline: clamp(18px, 5.6vw, 26px);--river-tile-compact-gap: 0px}.board-center{--board-center-mat-size: 80px;min-width:200px;padding:clamp(9px,4vw,12px);gap:clamp(3px,2.2vw,5px);margin-bottom:clamp(6px,3vw,12px)}.board-center__river{gap:2px}.board-center__river-info-line{gap:3px;padding:1px 3px;max-width:calc(100% - 12px);font-size:.62rem}.board-center__river-info-name{max-width:clamp(64px,24vw,120px)}.board-center__river-label{font-size:.62rem}.board-center__river-label--wind{font-size:.78rem}.board-center__river-label-row{gap:4px}.board-center__river-meta{gap:2px}.board-center__river-info{font-size:.66rem;line-height:1.05}.board-center__river-score-inline{font-size:.62rem}.board-center__river-badge{font-size:.56rem;padding:1px 5px}.board-center__info{max-width:min(100%,clamp(110px,36vw,170px))}.board-center__info-grid{padding:4px 5px;gap:2px 5px;max-width:min(100%,clamp(110px,36vw,170px))}.board-center__info-term{font-size:.56rem}.board-center__info-term--compact{font-size:.5rem}.board-center__info-value{font-size:.68rem}.board-center__info-value--compact{font-size:.58rem}.board-center__info-dora-label{font-size:.54rem}.board-center__info-dora-tiles{max-width:min(110px,30vw)}.board-seat__action-button{font-size:.68rem;padding:2px 6px}}.game-table-actions__buttons button{background-color:#1e293b;border-color:#334155}.game-table-actions__notice{margin:4px 0 8px;color:#b45309;font-weight:600;font-size:.95rem}.game-table-actions__buttons button:hover{background-color:#0f172a}.game-table-actions__button--active{background-color:#14532d;border-color:#166534}.game-table-actions__button--active:hover{background-color:#166534}.game-table-actions__buttons button.game-table-actions__button--tsumogiri{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-off{background-color:#4b5563;border-color:#6b7280;color:#f9fafb}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-off:hover{background-color:#6b7280}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-on{background-color:#ea580c;border-color:#f97316;color:#fff7ed}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-on:hover{background-color:#f97316}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-pending{position:relative}.game-table-actions__buttons button.game-table-actions__button--tsumogiri-pending:after{content:"";position:absolute;inset:0;background-color:#0f172a40;border-radius:inherit;pointer-events:none}.game-table-ws__log{margin-top:16px;max-height:320px;overflow:auto;padding-right:4px}.game-table-ws__log ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.game-table-ws__log li{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:#0f172a8c}.game-table-ws__log code{font-size:.8rem;margin-right:8px}.result-section,.result-navigation,.result-cumulative{margin-top:24px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.result-summary{margin-top:12px}.result-summary table{border-collapse:collapse;width:100%;margin-top:12px}.result-summary th,.result-summary td{border:1px solid var(--color-border);padding:8px 12px;text-align:center}.result-summary th{background-color:#94a3b824}.result-summary__seat{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.result-summary__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#fff}.result-summary__badge--tobi{background-color:var(--color-danger)}.result-summary__badge--tobashi{background-color:var(--color-warning);color:#1f2937}.result-summary__score--negative{color:var(--color-danger)}.result-cumulative__total td{font-weight:600;background-color:#94a3b81f}.replay-section,.replay-navigation{margin-top:24px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.replay-viewer{margin-top:16px;display:flex;flex-direction:column;gap:12px}.replay-viewer__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.replay-viewer pre{margin:0;background-color:#0f172a;color:#e2e8f0;border-radius:8px;padding:16px;overflow-x:auto}.button-emphasis{background-color:#6366f1f2;border-color:#6366f1d9;box-shadow:0 0 0 4px #6366f138}.button-emphasis:hover{background-color:#4f46e5fa}main{flex:1}.app-header{background-color:#020617c7;color:var(--color-text);padding:16px 24px;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header__top{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.app-header__title{margin:0;font-size:1.5rem}.app-header__nav{display:flex;gap:12px}.app-header__link{padding:8px 12px;border-radius:4px;text-decoration:none;background-color:transparent;color:var(--color-text);border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.app-header__link:hover{background-color:#94a3b829}.app-header__link--active{border-color:#6366f199;background-color:#6366f124}.app-header__logout{margin-left:auto;background-color:#ef4444eb;border-color:#f8717199}.app-header__logout:hover{background-color:#dc2626f2}.app-header__banner{margin-top:12px;background-color:#ef44441f;color:#fecaca;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.22);display:flex;align-items:center;gap:8px}.app-header__banner-close{background:transparent;border:none;color:inherit;font-size:1.1rem;cursor:pointer;padding:0 4px}.app-layout{flex:1;display:flex;flex-direction:column}.app-layout__content{flex:1;width:min(100%,1100px);margin:0 auto;padding:24px 24px 48px;box-sizing:border-box}.app-layout__content>section:not([class]){padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.app-footer{margin-top:auto;background-color:#020617c7;color:var(--color-text-muted);text-align:center;padding:16px 24px;border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message{margin:16px 0;padding:12px 16px;border-radius:var(--radius-sm);background-color:#ef44441f;color:#fecaca;border:1px solid rgba(239,68,68,.24);display:flex;justify-content:space-between;align-items:center;gap:12px}.error-message__action{background-color:transparent;color:inherit;border:1px solid rgba(248,113,113,.35);padding:6px 12px}.protected-route__loading{padding:48px 24px;text-align:center;font-size:1.1rem}.callback-status{margin:48px auto 0;max-width:480px;padding:32px 24px;border-radius:var(--radius-md);text-align:center;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.callback-status--error{background-color:#ef44441f;border-color:#ef44443d;color:#fecaca}.callback-status h2{margin-bottom:8px}.callback-status p{margin:0}.lobby-table-list{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:12px}.lobby-table-list__item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.lobby-table-list__item--joined{border-color:#10b98173;background-color:#10b98114;box-shadow:0 0 0 1px #10b98138 inset,var(--shadow-sm)}.lobby-table-list__players{margin-left:8px;font-size:.85rem;color:var(--color-text-dim)}.lobby-table-list__badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:9999px;background-color:#10b981e6;color:#052e16;font-size:.75rem;font-weight:600}.lobby-table-list__actions{display:flex;gap:8px}.lobby-join-success{margin-top:16px;padding:16px;border-radius:var(--radius-md);background-color:#10b9811f;border:1px solid rgba(16,185,129,.28)}.lobby-join-success p{margin:0 0 12px}section+section{margin-top:24px}p{margin:0 0 12px}h2{margin-top:0}@media (max-height: 980px) and (min-width: 641px){.app-header{padding:12px 20px}.app-layout__content{padding:14px 20px 20px}.game-table-layout{gap:14px;margin-top:12px}.game-table-board{--river-tile-size: 28px;--board-tile-height: 44px;--board-tile-height-inline: 40px;max-width:900px}.board-row,.board-row--middle{gap:14px}.board-center{aspect-ratio:1 / 1}.board-center__mat{width:112px;height:112px}.board-seat__header{min-height:52px}}.game-table-board--replay{position:relative;--replay-board-padding-x: 120px;--replay-board-padding-y: 120px;--replay-board-padding-bottom: var(--replay-board-padding-y);--replay-board-edge-gap: 10px;--replay-board-edge-offset: 36px;padding-left:var(--replay-board-padding-x)!important;padding-right:var(--replay-board-padding-x)!important;padding-top:var(--replay-board-padding-y)!important;padding-bottom:var(--replay-board-padding-bottom)!important;width:auto!important;max-width:none!important;display:inline-block}.game-table-board--replay .board-center-frame{width:var(--board-seat-width)!important;flex:0 0 auto;aspect-ratio:1 / 1;margin:0 auto;position:relative;z-index:10}.game-table-board--replay .board-center__river-info-line--north{transform:translate(-50%,-100%)!important}.game-table-board--replay .board-center__river-info-line--south{transform:translate(-50%)!important}.game-table-board--replay .board-center__river-info-line--west{transform:translate(-100%,-50%) rotate(90deg) translate(50%)!important}.game-table-board--replay .board-center__river-info-line--east{transform:translateY(-50%) rotate(-90deg) translate(-50%)!important}.game-table-board--replay .board-row--top,.game-table-board--replay .board-row--left,.game-table-board--replay .board-row--right,.game-table-board--replay .board-row--bottom{width:var(--board-seat-width)!important}.game-table-board--replay .board-row--top{position:absolute;top:var(--replay-board-edge-gap);left:50%;transform:translate(-50%) rotate(180deg);pointer-events:none;z-index:10}.game-table-board--replay .board-row--bottom{position:absolute;bottom:var(--replay-board-edge-gap);left:50%;transform:translate(-50%);z-index:10}.game-table-board--replay .board-row--left{position:absolute;top:50%;left:calc(var(--replay-board-edge-offset) - var(--board-seat-width) / 2);transform:translateY(-50%) rotate(90deg);transform-origin:center center;z-index:10}.game-table-board--replay .board-row--left .board-seat{transform-origin:center;justify-content:center}.game-table-board--replay .board-row--right{position:absolute;top:50%;right:calc(var(--replay-board-edge-offset) - var(--board-seat-width) / 2);transform:translateY(-50%) rotate(-90deg);transform-origin:center center;z-index:10}.board-seat__name{display:none}.game-table-board--replay .board-seat--north,.game-table-board--replay .board-seat--east,.game-table-board--replay .board-seat--west{width:var(--board-seat-width)!important;max-width:none!important}@media (max-width: 640px){.game-table-board--replay{--replay-board-padding-x: clamp(44px, 14vw, 80px);--replay-board-padding-y: clamp(48px, 16vw, 88px);--replay-board-padding-bottom: calc(var(--replay-board-padding-y) + 16px);--replay-board-edge-gap: 8px;--replay-board-edge-offset: 28px}}@media (max-width: 420px){.game-table-board--replay{--replay-board-padding-x: clamp(32px, 12vw, 52px);--replay-board-padding-y: clamp(36px, 14vw, 64px);--replay-board-padding-bottom: calc(var(--replay-board-padding-y) + 16px);--replay-board-edge-gap: 6px;--replay-board-edge-offset: 22px}}.replay-page{display:flex;flex-direction:column;min-height:calc(100vh - 64px);--replay-page-gutter: 24px;width:calc(100% + (var(--replay-page-gutter) * 2));margin-left:calc(var(--replay-page-gutter) * -1);margin-right:calc(var(--replay-page-gutter) * -1);background:#1a1a1a;color:#fff;overflow-y:auto;overflow-x:auto}.replay-board-container{position:relative}@media (max-height: 980px) and (min-width: 641px){.replay-page{--replay-page-gutter: 20px}}.replay-bottom-container{background:#333;border-top:1px solid #444;padding:16px;display:flex;flex-direction:column;gap:16px;z-index:20}.replay-controls{display:grid;grid-template-columns:100px 1fr 100px auto;gap:16px;align-items:center;width:100%;max-width:800px;margin:0 auto}.replay-controls button{padding:10px 12px;background:#555;border:1px solid #666;color:#fff;border-radius:4px;cursor:pointer;white-space:nowrap;width:100%}.replay-status{font-family:monospace;font-size:.9rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-rounds-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;justify-content:flex-start}.replay-round-link{background:none;border:1px solid #666;border-radius:12px;padding:6px 12px;color:#ddd;font-size:.85rem;cursor:pointer;white-space:nowrap}.replay-round-link:hover{background:#555}@media (max-width: 600px){.replay-controls{grid-template-columns:80px 1fr 80px;grid-template-areas:"prev status next" "view view view"}.replay-controls>button:nth-child(1){grid-area:prev}.replay-controls>.replay-status{grid-area:status}.replay-controls>button:nth-child(3){grid-area:next}.replay-controls>select{grid-area:view;margin-top:8px}}.replay-list-page{padding:16px;max-width:800px;margin:0 auto}.replay-list{display:flex;flex-direction:column;gap:12px}.replay-list-item{background:var(--surface-ground, #1e1e1e);border:1px solid var(--border-subtle, #444);border-radius:6px;padding:12px;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;gap:8px}.replay-list-item:hover{background-color:var(--surface-hover, #333)}.replay-list-item__header{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary, #aaa)}.replay-list-item__date{font-weight:700}.replay-list-item__players{display:flex;gap:12px;flex-wrap:wrap}.replay-player-name{background:var(--surface-elevated, #3a3a3a);padding:4px 8px;border-radius:4px;font-size:.95rem;color:var(--text-primary, #fff);display:inline-flex;align-items:baseline;gap:6px}.replay-player-score{font-size:.85rem;color:var(--text-secondary, #cfcfcf);font-variant-numeric:tabular-nums}.replay-player-score--negative{color:#f28b82}.replay-list-pagination{margin-top:20px;text-align:center}.load-more-btn{padding:10px 20px;background:var(--primary-main, #007bff);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.load-more-btn:disabled{background:var(--action-disabled, #555);cursor:not-allowed}.replay-navigation-footer{margin-top:20px;text-align:center}.back-link{color:var(--primary-light, #4dabf7);text-decoration:none}.back-link:hover{text-decoration:underline}