:root{--color-primary: #cc785c;--color-primary-active: #a9583e;--color-primary-disabled: #e6dfd8;--color-primary-tint: rgba(204, 120, 92, .12);--color-primary-ring: rgba(204, 120, 92, .22);--color-accent-teal: #5db8a6;--color-accent-amber: #e8a55a;--color-ink: #141413;--color-body-strong: #252523;--color-body: #3d3d3a;--color-muted: #6c6a64;--color-muted-soft: #8e8b82;--color-on-primary: #ffffff;--color-on-dark: #faf9f5;--color-on-dark-soft: #a09d96;--color-canvas: #faf9f5;--color-surface-soft: #f5f0e8;--color-surface-card: #efe9de;--color-surface-cream-strong: #e8e0d2;--color-surface-dark: #181715;--color-surface-dark-elevated: #252320;--color-surface-dark-soft: #1f1e1b;--color-hairline: #e6dfd8;--color-hairline-soft: #ebe6df;--color-success: #5db872;--color-warning: #d4a017;--color-error: #c64545;--color-team-blue: #4a6d9c;--color-team-blue-strong: #3a5578;--color-team-blue-tint: rgba(74, 109, 156, .1);--color-team-red: #c64545;--color-team-red-strong: #a13636;--color-team-red-tint: rgba(198, 69, 69, .1);--color-team-draw: #8e8b82;--st-clan-0: #c64545;--st-clan-1: #4a6d9c;--st-clan-2: #5b9e6f;--st-clan-3: #cf9c2e;--st-clan-4: #7c5cad;--st-clan-5: #4fa39a;--jh-pride: #7c5cad;--jh-wrath: #c64545;--jh-greed: #5b9e6f;--jh-potion: #8e8b82;--lc-red: #c64545;--lc-green: #5b9e6f;--lc-blue: #4a6d9c;--lc-white: #8e8b82;--lc-yellow: #cf9c2e;--jh-jekyll: #4a6d9c;--jh-hyde: #6d4177;--jh-jekyll-tint: rgba(74, 109, 156, .12);--jh-hyde-tint: rgba(109, 65, 119, .12);--tc-jade: #5b9e6f;--tc-sword: #141413;--tc-pagoda: #4a6d9c;--tc-star: #c64545;--tc-special: #7c5cad;--tc-special-tint: rgba(124, 92, 173, .1);--tc-mah: #3d7fb5;--tc-mah-tint: #e9f2f9;--tc-dog: #9a6a3f;--tc-dog-tint: #f6efe5;--tc-phx: #d05a2e;--tc-phx-tint: #fbeee6;--tc-drg: #b03a3a;--tc-drg-tint: #f9e9e9;--card-face: #fffdf8;--card-face-edge: #f3efe6;--sf-night: #101320;--sf-night-elevated: #1b1f30;--sf-night-soft: #161927;--sf-moon: #aeb6d0;--sf-mafia: #d96a6a;--sf-mafia-tint: rgba(217, 106, 106, .14);--sf-police: #7d9fd1;--sf-police-tint: rgba(125, 159, 209, .14);--sf-doctor: var(--color-accent-teal);--sf-doctor-tint: rgba(93, 184, 166, .14);--sf-citizen: var(--color-on-dark-soft);--sf-day-tint: rgba(232, 165, 90, .14);--sp-dark: #131110;--sp-dark-elevated: #211d17;--sp-dark-soft: #1a1712;--sp-fog: #b8b0a0;--sp-amber: var(--color-accent-amber);--sp-amber-strong: #f2b871;--sp-amber-tint: rgba(232, 165, 90, .14);--sp-danger: #d96a6a;--sp-danger-tint: rgba(217, 106, 106, .14);--sp-citizen: #7d9fd1;--sp-citizen-tint: rgba(125, 159, 209, .14);--av-night: #0d1526;--av-night-elevated: #17233c;--av-night-soft: #121b30;--av-mist: #a9b7d6;--av-gold: #d4af5a;--av-gold-strong: #e8c87e;--av-gold-tint: rgba(212, 175, 90, .14);--av-good: #7d9fd1;--av-good-tint: rgba(125, 159, 209, .16);--av-evil: #d96a6a;--av-evil-tint: rgba(217, 106, 106, .16);--scrim: rgba(20, 20, 19, .6);--font-display: "Cormorant Garamond", "Noto Serif KR", "Tiempos Headline", Garamond, "Times New Roman", serif;--font-sans: Inter, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--weight-display: 500;--text-display-xl: clamp(34px, 7.2vw, 64px);--text-display-lg: clamp(29px, 5.6vw, 48px);--text-display-md: clamp(25px, 4.4vw, 36px);--text-display-sm: clamp(21px, 3.4vw, 28px);--tracking-display-xl: -.023em;--tracking-display-lg: -.021em;--tracking-display-md: -.014em;--tracking-display-sm: -.011em;--text-title-lg: 22px;--text-title-md: 18px;--text-title-sm: 16px;--text-body-md: 16px;--text-body-sm: 14px;--text-caption: 13px;--text-caption-uppercase: 12px;--text-button: 14px;--text-nav-link: 14px;--tracking-uppercase: .125em;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--radius-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 96px;--shadow-subtle: 0 1px 3px rgba(20, 20, 19, .08);--shadow-modal: 0 24px 60px rgba(20, 20, 19, .28);--container-max: 1200px;--control-height: 40px}@media(max-width:768px){:root{--space-section: 56px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background-color:var(--color-canvas)}body{min-width:280px;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-body-md);font-weight:400;line-height:1.55;color:var(--color-body);background-color:var(--color-canvas);font-variant-numeric:lining-nums;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-display);color:var(--color-ink)}h1{font-size:var(--text-display-xl);line-height:1.05;letter-spacing:var(--tracking-display-xl)}h2{font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg)}h3{font-size:var(--text-display-sm);line-height:1.2;letter-spacing:var(--tracking-display-sm)}h4,h5,h6,label,legend{font-family:var(--font-sans);font-weight:500;color:var(--color-ink);line-height:1.4}p{line-height:1.55}a{color:var(--color-primary);font-weight:500;text-decoration:none}a:active{color:var(--color-primary-active);text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{border:none;background:none;cursor:pointer}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-ring);color:var(--color-ink)}.team1-color{color:var(--color-team-blue)}.team2-color{color:var(--color-team-red)}.draw-color{color:var(--color-team-draw)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stats-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:28px;font-size:13px;color:var(--color-muted)}.stats-bar .stats-total{font-weight:700;color:var(--color-body)}.stats-bar-link{width:100%;cursor:pointer}.stats-bar-link:active .stats-open-hint{color:var(--color-primary-active)}.stats-bar .stats-open-hint{font-weight:700;color:var(--color-primary)}.game-selection{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--color-canvas);padding:var(--space-section) var(--space-lg)}.game-selection .game-selection-container{width:100%;max-width:1560px}.game-selection .game-selection-header{text-align:center;margin-bottom:var(--space-xxl)}.game-selection .game-selection-eyebrow{display:block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-md)}.game-selection .game-selection-title{font-size:var(--text-display-xl);line-height:1.05;letter-spacing:var(--tracking-display-xl);color:var(--color-ink)}.game-selection .game-selection-lead{margin-top:var(--space-sm);font-size:var(--text-title-md);color:var(--color-muted)}.game-selection .game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.game-selection .game-card{display:block;width:100%;text-align:left;border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.game-selection .game-card.dark{background:var(--color-surface-dark);color:var(--color-on-dark)}.game-selection .game-card.dark:hover{background:var(--color-surface-dark-elevated)}.game-selection .game-card.dark:active{background:var(--color-surface-dark-soft)}.game-selection .game-card.cream{background:var(--color-surface-card);border-color:var(--color-hairline);color:var(--color-ink)}.game-selection .game-card.cream:hover{background:var(--color-surface-cream-strong)}.game-selection .game-card.cream:active{background:var(--color-surface-cream-strong);border-color:var(--color-primary)}.game-selection .game-card-tag{display:inline-block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);margin-bottom:var(--space-md)}.game-selection .game-card.dark .game-card-tag{background:var(--color-primary);color:var(--color-on-primary)}.game-selection .game-card.cream .game-card-tag{background:var(--color-canvas);color:var(--color-muted)}.game-selection .game-card-content h2{font-size:var(--text-display-md);line-height:1.15;letter-spacing:var(--tracking-display-md);margin-bottom:var(--space-xs)}.game-selection .game-card.dark .game-card-content h2{color:var(--color-on-dark)}.game-selection .game-description{font-size:var(--text-body-md);margin-bottom:var(--space-lg)}.game-selection .game-card.dark .game-description{color:var(--color-on-dark-soft)}.game-selection .game-card.cream .game-description{color:var(--color-body)}.game-selection .game-meta{display:flex;gap:var(--space-md);font-size:var(--text-caption);font-weight:500}.game-selection .game-card.dark .game-meta{color:var(--color-on-dark-soft)}.game-selection .game-card.cream .game-meta{color:var(--color-muted)}.game-selection .game-meta span{display:flex;align-items:center;gap:var(--space-xxs)}.game-selection .game-meta span+span:before{content:"";width:3px;height:3px;border-radius:var(--radius-full);background:currentColor;opacity:.5;margin-right:var(--space-sm)}@media(max-width:768px){.game-selection{padding:var(--space-xxl) var(--space-md)}.game-selection .game-cards{grid-template-columns:1fr;gap:var(--space-md)}.game-selection .game-card{padding:var(--space-lg)}.game-selection .game-selection-header{margin-bottom:var(--space-xl)}}.game-card{position:relative}.game-card-waiting{position:absolute;top:14px;right:14px;background:var(--color-success);color:var(--color-on-primary);font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;animation:waiting-pulse 1.6s ease-in-out infinite}@keyframes waiting-pulse{0%,to{opacity:1}50%{opacity:.65}}.game-selection .game-filters{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.game-selection .game-search{position:relative;display:flex;align-items:center;background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:0 var(--space-md);transition:border-color .15s ease,box-shadow .15s ease}.game-selection .game-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.game-selection .game-search-icon{font-size:15px;opacity:.65;flex-shrink:0}.game-selection .game-search-input{flex:1;min-width:0;border:none;background:transparent;font-size:16px;color:var(--color-ink);padding:14px var(--space-sm);outline:none}.game-selection .game-search-input::placeholder{color:var(--color-muted-soft)}.game-selection .game-search-input::-webkit-search-cancel-button{appearance:none}.game-selection .game-search-clear{flex-shrink:0;width:28px;height:28px;border:none;border-radius:var(--radius-full);background:var(--color-surface-cream-strong);color:var(--color-body);font-size:12px;line-height:1;cursor:pointer}.game-selection .game-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.game-selection .game-chip-label{font-size:var(--text-caption);color:var(--color-muted);margin-right:2px}.game-selection .game-chip{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-body);border-radius:var(--radius-pill);padding:8px 14px;font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.game-selection .game-chip.small{padding:7px 11px}.game-selection .game-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.game-selection .game-chip.on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.game-selection .game-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-caption);color:var(--color-muted);padding-top:2px}.game-selection .game-filter-reset{border:none;background:transparent;color:var(--color-primary);font-size:var(--text-caption);font-weight:600;cursor:pointer;padding:6px 4px}.game-selection .game-empty{text-align:center;padding:var(--space-xxl) var(--space-lg);background:var(--color-surface-soft);border:1px dashed var(--color-hairline);border-radius:var(--radius-xl)}.game-selection .game-empty-title{font-weight:600;color:var(--color-body-strong);margin:0 0 6px}.game-selection .game-empty-hint{font-size:var(--text-caption);color:var(--color-muted);margin:0 0 var(--space-sm)}@media(max-width:480px){.game-selection .game-chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.game-selection .game-chip-row::-webkit-scrollbar{display:none}.game-selection .game-chip{flex-shrink:0}}.waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xxl) var(--space-lg)}.waiting-room .waiting-content,.waiting-room .join-content{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:520px;width:100%}.waiting-room .waiting-content h1,.waiting-room .join-content h1{text-align:center;font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg);color:var(--color-ink);margin-bottom:var(--space-sm)}.waiting-room .game-description{text-align:center;color:var(--color-muted);font-size:var(--text-body-md);margin-bottom:var(--space-xl)}.waiting-room .waiting-animation{display:flex;justify-content:center;margin:var(--space-xl) 0 var(--space-lg)}.waiting-room .spinner{width:44px;height:44px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:waiting-room-spin .9s linear infinite}@keyframes waiting-room-spin{to{transform:rotate(360deg)}}.waiting-room .waiting-text{text-align:center;font-size:var(--text-body-md);color:var(--color-muted)}.waiting-room .join-form{margin-bottom:var(--space-xl)}.waiting-room .form-group{margin-bottom:var(--space-lg)}.waiting-room .form-group label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-caption);font-weight:500;color:var(--color-ink)}.waiting-room .form-group input{width:100%;height:var(--control-height);padding:10px 14px;background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:var(--text-body-md);transition:border-color .2s ease,box-shadow .2s ease}.waiting-room .form-group input::placeholder{color:var(--color-muted-soft)}.waiting-room .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.waiting-room .color-buttons{display:flex;gap:var(--space-sm)}.waiting-room .color-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:var(--control-height);padding:0 var(--space-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:var(--text-button);font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.waiting-room .color-btn:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.waiting-room .color-btn.blue{color:var(--color-team-blue)}.waiting-room .color-btn.red{color:var(--color-team-red)}.waiting-room .color-btn.blue.selected{background:var(--color-team-blue);border-color:var(--color-team-blue);color:var(--color-on-primary)}.waiting-room .color-btn.red.selected{background:var(--color-team-red);border-color:var(--color-team-red);color:var(--color-on-primary)}.waiting-room .join-btn{width:100%;height:48px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.waiting-room .join-btn:active:not(:disabled){background:var(--color-primary-active)}.waiting-room .join-btn:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.waiting-room .bot-btn{width:100%;height:var(--control-height);margin-top:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:var(--text-button);font-weight:700;cursor:pointer}.waiting-room .bot-btn:disabled{opacity:.5;cursor:not-allowed}.waiting-room .game-rules{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-lg)}.waiting-room .game-rules h3{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.waiting-room .game-rules ul{list-style:none}.waiting-room .game-rules li{position:relative;padding-left:var(--space-md);margin-bottom:var(--space-xs);font-size:var(--text-body-sm);color:var(--color-body);line-height:1.55}.waiting-room .game-rules li:last-child{margin-bottom:0}.waiting-room .game-rules li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-primary)}@media(max-width:600px){.waiting-room{padding:var(--space-lg) var(--space-md)}.waiting-room .waiting-content,.waiting-room .join-content{padding:var(--space-lg)}.waiting-room .game-description{font-size:var(--text-body-sm);margin-bottom:var(--space-lg)}.waiting-room .color-buttons{flex-direction:column}.waiting-room .color-btn{flex:none}.waiting-room .game-rules{padding:var(--space-md)}}.tile{width:60px;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--color-hairline);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.tile.odd{background:var(--color-canvas)}.tile.even{background:var(--color-surface-dark)}.tile.blue{border-color:var(--color-team-blue)}.tile.red{border-color:var(--color-team-red)}.tile:hover:not(.disabled):not(.played){transform:translateY(-3px)}.tile:active:not(.disabled):not(.played){transform:translateY(-1px)}.tile.disabled{cursor:not-allowed;opacity:.4}.tile.played{background:var(--color-surface-soft);border-color:var(--color-hairline);border-style:dashed;box-shadow:inset 0 0 0 1px var(--color-canvas);cursor:default}.tile .tile-number{font-family:var(--font-display);font-size:34px;font-weight:var(--weight-display);letter-spacing:var(--tracking-display-md);line-height:1}.tile.odd .tile-number{color:var(--color-ink)}.tile.even .tile-number{color:var(--color-on-dark)}.tile.played .tile-number{display:none}@media(max-width:768px){.tile{width:55px;height:74px}.tile .tile-number{font-size:30px}}@media(max-width:480px){.tile{width:50px;height:66px;border-radius:var(--radius-sm)}.tile .tile-number{font-size:26px}}.game-board{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.game-board .game-info{margin-bottom:var(--space-lg);text-align:center}.game-board .round-info h2{font-size:var(--text-display-md);line-height:1.15;letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.game-board .opponent-tiles-display{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.game-board .opponent-tiles-label{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm);text-align:center}.game-board .opponent-tiles-grid{display:flex;justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.game-board .opponent-tile{width:26px;height:36px;border-radius:var(--radius-sm);border:2px solid}.game-board .opponent-tile.odd{background:var(--color-canvas)}.game-board .opponent-tile.even{background:var(--color-surface-dark)}.game-board .opponent-tile.blue{border-color:var(--color-team-blue)}.game-board .opponent-tile.red{border-color:var(--color-team-red)}.game-board .round-status-board{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.game-board .round-status-header{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.game-board .player-label{flex:1;text-align:center;font-size:var(--text-caption);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-on-primary)}.game-board .player-label.blue{background:var(--color-team-blue)}.game-board .player-label.red{background:var(--color-team-red)}.game-board .round-status-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-xs);margin-bottom:var(--space-md)}.game-board .round-status-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs)}.game-board .round-number{font-size:var(--text-caption-uppercase);font-weight:500;color:var(--color-muted-soft)}.game-board .round-tiles-pair{display:flex;flex-direction:column;gap:var(--space-xxs);width:100%}.game-board .round-tile-indicator{display:flex;align-items:center;justify-content:center;height:34px;border-radius:var(--radius-sm);font-size:20px;line-height:1;border:1px solid}.game-board .round-tile-indicator.blue{background:var(--color-team-blue-tint);border-color:var(--color-team-blue)}.game-board .round-tile-indicator.red{background:var(--color-team-red-tint);border-color:var(--color-team-red)}.game-board .round-tile-indicator.empty{background:var(--color-surface-soft);border-color:var(--color-hairline)}.game-board .round-tile-indicator.current{box-shadow:0 0 0 3px var(--color-primary-ring);border-color:var(--color-primary);animation:game-board-round-pulse 1.6s ease-in-out infinite}@keyframes game-board-round-pulse{0%,to{box-shadow:0 0 0 3px var(--color-primary-ring)}50%{box-shadow:0 0 0 1px var(--color-primary-ring)}}.game-board .white-tile,.game-board .black-tile{color:var(--color-ink)}.game-board .empty-slot{color:var(--color-muted-soft);font-size:var(--text-body-sm)}.game-board .round-winner-bar{width:100%;height:3px;border-radius:var(--radius-pill)}.game-board .round-winner-bar.blue{background:var(--color-team-blue)}.game-board .round-winner-bar.red{background:var(--color-team-red)}.game-board .round-winner-bar.draw{background:var(--color-team-draw)}.game-board .score-summary{display:flex;justify-content:center;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-hairline-soft)}.game-board .score-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent}.game-board .score-item.blue{color:var(--color-team-blue)}.game-board .score-item.red{color:var(--color-team-red)}.game-board .score-item.my-score{background:var(--color-primary-tint);border-color:var(--color-primary)}.game-board .score-label{font-size:var(--text-caption);font-weight:500}.game-board .score-value{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-sm);line-height:1}.game-board .turn-indicator{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.game-board .my-turn,.game-board .opponent-turn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:500}.game-board .my-turn:before,.game-board .opponent-turn:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.game-board .my-turn{background:var(--color-primary);color:var(--color-on-primary)}.game-board .my-turn:before{animation:game-board-turn-blink 1.5s ease-in-out infinite}@keyframes game-board-turn-blink{0%,to{opacity:1}50%{opacity:.3}}.game-board .opponent-turn{background:var(--color-surface-card);color:var(--color-muted)}.game-board .tiles-container{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm);justify-items:center;margin-bottom:var(--space-lg)}.game-board .player-info{text-align:center;font-size:var(--text-body-sm);color:var(--color-muted);padding:var(--space-md);background:var(--color-surface-card);border-radius:var(--radius-lg)}.game-board .color-badge{display:inline-block;font-size:var(--text-caption);font-weight:500;padding:2px var(--space-sm);border-radius:var(--radius-pill);color:var(--color-on-primary)}.game-board .color-badge.blue{background:var(--color-team-blue)}.game-board .color-badge.red{background:var(--color-team-red)}@media(max-width:768px){.game-board{max-width:100%;padding:var(--space-md) var(--space-sm)}.game-board .round-status-grid{grid-template-columns:repeat(3,1fr)}.game-board .round-tile-indicator{height:30px;font-size:18px}.game-board .tiles-container{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.game-board .score-summary{gap:var(--space-sm)}}@media(max-width:480px){.game-board{padding:var(--space-sm)}.game-board .round-status-board{padding:var(--space-md)}.game-board .round-status-grid{gap:var(--space-xxs)}.game-board .round-tile-indicator{height:26px;font-size:15px}.game-board .score-item{padding:var(--space-xs) var(--space-sm)}.game-board .opponent-tiles-display{padding:var(--space-sm) var(--space-md)}.game-board .opponent-tile{width:22px;height:30px}}.game-over-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:game-over-fade-in .25s ease-out}@keyframes game-over-fade-in{0%{opacity:0}to{opacity:1}}.game-over-overlay .game-over-modal{background:var(--color-canvas);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--space-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;text-align:center;animation:game-over-slide-up .28s ease-out}@keyframes game-over-slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-overlay .game-over-title{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-lg)}.game-over-overlay .final-score{display:flex;justify-content:center;align-items:stretch;gap:var(--space-md);margin-bottom:var(--space-xl)}.game-over-overlay .final-score-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border:1px solid;min-width:130px}.game-over-overlay .final-score-item.blue{background:var(--color-team-blue-tint);border-color:var(--color-team-blue);color:var(--color-team-blue)}.game-over-overlay .final-score-item.red{background:var(--color-team-red-tint);border-color:var(--color-team-red);color:var(--color-team-red)}.game-over-overlay .final-score-item.blue.winner{background:var(--color-team-blue);color:var(--color-on-primary)}.game-over-overlay .final-score-item.red.winner{background:var(--color-team-red);color:var(--color-on-primary)}.game-over-overlay .final-score .color-label{font-size:var(--text-caption);font-weight:500}.game-over-overlay .final-score .score-value{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-lg);line-height:1}.game-over-overlay .score-divider{align-self:center;font-family:var(--font-display);font-size:var(--text-display-md);color:var(--color-muted-soft)}.game-over-overlay .result-message{margin-bottom:var(--space-xl)}.game-over-overlay .result-message h2{font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg);margin-bottom:var(--space-xs)}.game-over-overlay .result-message p{font-size:var(--text-body-md);color:var(--color-muted)}.game-over-overlay .result-message.win h2{color:var(--color-primary)}.game-over-overlay .result-message.lose h2{color:var(--color-ink)}.game-over-overlay .result-message.draw h2{color:var(--color-muted)}.game-over-overlay .round-history-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-surface-card);border-radius:var(--radius-lg);text-align:left}.game-over-overlay .history-title{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-md)}.game-over-overlay .round-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.game-over-overlay .history-round{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-sm);text-align:center}.game-over-overlay .history-round-number{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);color:var(--color-muted-soft);margin-bottom:var(--space-xs)}.game-over-overlay .history-tiles{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.game-over-overlay .history-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs);border-radius:var(--radius-sm);border:1px solid;min-width:52px}.game-over-overlay .history-tile.blue{background:var(--color-team-blue-tint);border-color:var(--color-team-blue)}.game-over-overlay .history-tile.red{background:var(--color-team-red-tint);border-color:var(--color-team-red)}.game-over-overlay .history-tile.winner-tile{box-shadow:0 0 0 2px var(--color-primary-ring)}.game-over-overlay .history-tile .tile-number{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-display);font-variant-numeric:lining-nums tabular-nums;line-height:1.15;color:var(--color-ink)}.game-over-overlay .white-circle,.game-over-overlay .black-circle{font-size:var(--text-body-md);line-height:1;color:var(--color-ink)}.game-over-overlay .no-tile{font-size:var(--text-body-md);color:var(--color-muted-soft)}.game-over-overlay .vs-divider{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted-soft)}.game-over-overlay .history-winner-badge{display:inline-block;font-size:var(--text-caption-uppercase);font-weight:500;padding:2px var(--space-xs);border-radius:var(--radius-pill);color:var(--color-on-primary)}.game-over-overlay .history-winner-badge.blue{background:var(--color-team-blue)}.game-over-overlay .history-winner-badge.red{background:var(--color-team-red)}.game-over-overlay .history-winner-badge.draw{background:var(--color-team-draw)}.game-over-overlay .play-again-btn{padding:0 var(--space-xl);height:48px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.game-over-overlay .play-again-btn:active:not(:disabled){background:var(--color-primary-active)}.game-over-overlay .play-again-btn:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.game-over-overlay .rematch-offer{margin:0 0 var(--space-xs);color:var(--color-primary-active);font-size:var(--text-body-sm);font-weight:700}.game-over-overlay .rematch-countdown{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-caption)}.game-over-overlay .secondary-btn{margin-top:var(--space-sm);padding:0 var(--space-xl);height:44px;background:transparent;color:var(--color-body);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:var(--text-body-sm);cursor:pointer}@media(max-width:600px){.game-over-overlay .game-over-modal{padding:var(--space-lg) var(--space-md)}.game-over-overlay .final-score{gap:var(--space-sm)}.game-over-overlay .final-score-item{padding:var(--space-md);min-width:96px}.game-over-overlay .round-history-grid{grid-template-columns:repeat(2,1fr)}.game-over-overlay .round-history-section{padding:var(--space-md)}}@media(max-width:400px){.game-over-overlay .round-history-grid{grid-template-columns:1fr}}.connection-banner{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 16px;text-align:center;font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:600;letter-spacing:.01em}.connection-banner.error{background:var(--color-error);color:var(--color-on-dark)}.connection-banner.warning{background:var(--color-accent-amber);color:var(--color-ink)}.error-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1000;background:var(--color-error);color:var(--color-on-primary);padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #0000002e;animation:error-toast-in .15s ease}@keyframes error-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-info-fab{position:fixed;top:14px;right:14px;z-index:900;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#00000059;color:#f4f1ea;font-size:16px;font-weight:800;font-style:italic;font-family:var(--font-display);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.game-info-fab:hover{background:#0000008c}.mood-cream .game-info-fab{background:var(--color-surface-card);color:var(--color-ink);border-color:var(--color-hairline);box-shadow:var(--shadow-subtle)}.mood-cream .game-info-fab:hover{background:var(--color-surface-cream-strong)}.game-info-overlay{position:fixed;inset:0;z-index:1100;background:#1414138c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg, 20px)}.game-info-modal{width:100%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:0 24px 60px #00000059}.game-info-modal.cream{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink)}.game-info-modal.dark{background:var(--color-surface-dark-elevated);border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark)}.game-info-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px}.game-info-modal.cream .game-info-header{border-bottom:1px solid var(--color-hairline)}.game-info-modal.dark .game-info-header{border-bottom:1px solid rgba(255,255,255,.1)}.game-info-eyebrow{display:block;font-size:var(--text-caption-uppercase, 11px);font-weight:600;letter-spacing:var(--tracking-uppercase, .12em);text-transform:uppercase;color:var(--color-primary);margin-bottom:2px}.game-info-header h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.15}.game-info-modal.cream .game-info-header h2{color:var(--color-ink)}.game-info-modal.dark .game-info-header h2{color:var(--color-on-dark)}.game-info-close{border:none;background:none;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;margin-top:2px}.game-info-modal.cream .game-info-close{color:var(--color-ink-soft, #6b6a66)}.game-info-modal.dark .game-info-close{color:var(--color-on-dark-soft)}.game-info-body{overflow-y:auto;padding:16px 20px 22px}.game-info-body h3{margin:16px 0 6px;font-size:var(--text-caption-uppercase, 11.5px);font-weight:600;letter-spacing:var(--tracking-uppercase, .12em);text-transform:uppercase;color:var(--color-primary)}.game-info-body section:first-child h3{margin-top:0}.game-info-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.game-info-body li{font-size:13.5px;line-height:1.6}.game-info-modal.cream .game-info-body li{color:var(--color-ink)}.game-info-modal.cream .game-info-body li::marker{color:var(--color-primary)}.game-info-modal.dark .game-info-body li{color:var(--color-on-dark)}.game-info-modal.dark .game-info-body li::marker{color:var(--color-primary)}.nc-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xxl) var(--space-lg)}.nc-waiting-container{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:560px;width:100%}.nc-title{font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg);text-align:center;color:var(--color-ink);margin-bottom:var(--space-xs)}.nc-subtitle{text-align:center;color:var(--color-muted);font-size:var(--text-body-md);margin-bottom:var(--space-xl)}.nc-join-form{margin-bottom:var(--space-xl)}.nc-form-group{margin-bottom:var(--space-lg)}.nc-form-group label{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-ink);margin-bottom:var(--space-xs)}.nc-form-group input{width:100%;height:var(--control-height);padding:10px 14px;background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:var(--text-body-md);transition:border-color .2s ease,box-shadow .2s ease}.nc-form-group input::placeholder{color:var(--color-muted-soft)}.nc-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.nc-team-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-xs)}.nc-team-button{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:var(--control-height);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);font-size:var(--text-button);font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nc-team-button:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.nc-team-button.team1{color:var(--color-team-blue)}.nc-team-button.team1.selected{background:var(--color-team-blue);border-color:var(--color-team-blue);color:var(--color-on-primary)}.nc-team-button.team2{color:var(--color-team-red)}.nc-team-button.team2.selected{background:var(--color-team-red);border-color:var(--color-team-red);color:var(--color-on-primary)}.nc-team-hint{display:block;color:var(--color-muted-soft);font-size:var(--text-caption)}.nc-join-button{width:100%;height:48px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.nc-join-button:active:not(:disabled){background:var(--color-primary-active)}.nc-join-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.nc-bot-button{width:100%;height:48px;margin-top:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:var(--text-button);font-weight:700;cursor:pointer}.nc-bot-button:disabled{opacity:.5;cursor:not-allowed}.nc-waiting-message{text-align:center;padding:var(--space-xl) 0}.nc-spinner{width:44px;height:44px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:nc-spin .9s linear infinite;margin:0 auto var(--space-md)}@keyframes nc-spin{to{transform:rotate(360deg)}}.nc-waiting-message p{font-size:var(--text-title-md);font-weight:500;color:var(--color-ink);margin-bottom:var(--space-xxs)}.nc-waiting-message small{font-size:var(--text-body-sm);color:var(--color-muted)}.nc-game-rules{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-lg)}.nc-game-rules h3{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.nc-game-rules ul{list-style:none;padding:0}.nc-game-rules li{position:relative;padding:0 0 0 var(--space-md);margin-bottom:var(--space-xs);font-size:var(--text-body-sm);color:var(--color-body);line-height:1.55}.nc-game-rules li:last-child{margin-bottom:0}.nc-game-rules li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-primary)}@media(max-width:768px){.nc-waiting-room{padding:var(--space-lg) var(--space-md)}.nc-waiting-container{padding:var(--space-lg)}.nc-team-buttons{grid-template-columns:1fr}.nc-game-rules{padding:var(--space-md)}}.nc-game-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.nc-game-container{max-width:900px;margin:0 auto}.nc-game-header{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.nc-round-info{text-align:center;margin-bottom:var(--space-md)}.nc-round-label{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-right:var(--space-xs)}.nc-round-number{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-sm);color:var(--color-ink)}.nc-score-board{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.nc-team-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent}.nc-team-score.your-team{background:var(--color-primary-tint);border-color:var(--color-primary)}.nc-team-label{font-size:var(--text-caption);font-weight:500;color:var(--color-muted)}.nc-score{font-family:var(--font-display);font-size:var(--text-display-md);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-md);line-height:1}.nc-score-separator{font-family:var(--font-display);font-size:var(--text-display-sm);color:var(--color-muted-soft)}.nc-turn-indicator{display:flex;justify-content:center}.nc-your-turn,.nc-opponent-turn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:500}.nc-your-turn:before,.nc-opponent-turn:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.nc-your-turn{background:var(--color-primary);color:var(--color-on-primary)}.nc-your-turn:before{animation:nc-turn-blink 1.5s ease-in-out infinite}@keyframes nc-turn-blink{0%,to{opacity:1}50%{opacity:.3}}.nc-opponent-turn{background:var(--color-surface-card);color:var(--color-muted)}.nc-blocks-section,.nc-selected-blocks,.nc-history{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.nc-blocks-section h3,.nc-selected-blocks h3,.nc-history h3{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-md)}.nc-blocks-grid{display:grid;grid-template-columns:repeat(auto-fit,72px);justify-content:center;gap:var(--space-sm)}.nc-block{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.nc-block-number{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-sm);line-height:1;color:var(--color-ink)}.nc-block:hover:not(.disabled){transform:translateY(-3px);border-color:var(--color-primary)}.nc-block:active:not(.disabled){transform:translateY(-1px)}.nc-block.selected-1{background:var(--color-surface-dark);border-color:var(--color-surface-dark)}.nc-block.selected-1 .nc-block-number{color:var(--color-on-dark)}.nc-block.selected-2{background:var(--color-primary);border-color:var(--color-primary)}.nc-block.selected-2 .nc-block-number{color:var(--color-on-primary)}.nc-block.disabled{opacity:.45;cursor:not-allowed}.nc-selection-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-full);font-size:var(--text-caption-uppercase);font-weight:500}.nc-selected-display{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.nc-selected-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.nc-selected-label{font-size:var(--text-caption);color:var(--color-muted)}.nc-selected-value,.nc-selected-total{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-sm);line-height:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-width:60px;text-align:center}.nc-selected-value{background:var(--color-surface-card);color:var(--color-ink)}.nc-selected-total{background:var(--color-primary);color:var(--color-on-primary)}.nc-selected-plus,.nc-selected-equals{font-family:var(--font-display);font-size:var(--text-display-sm);color:var(--color-muted-soft);padding-bottom:var(--space-sm)}.nc-submit-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.nc-submit-button{flex:1;height:48px;border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.nc-submit-button.normal{background:var(--color-primary);color:var(--color-on-primary)}.nc-submit-button.normal:active:not(:disabled){background:var(--color-primary-active)}.nc-submit-button.hidden{background:var(--color-surface-dark);color:var(--color-on-dark)}.nc-submit-button.hidden:active:not(:disabled){background:var(--color-surface-dark-elevated)}.nc-submit-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.nc-hidden-status{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);display:flex;justify-content:space-around;gap:var(--space-md)}.nc-hidden-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body-sm);font-weight:500;color:var(--color-body-strong)}.nc-hidden-item:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success)}.nc-hidden-item.used{color:var(--color-muted-soft);text-decoration:line-through}.nc-hidden-item.used:before{background:var(--color-muted-soft)}.nc-history{margin-bottom:0}.nc-history-list{display:flex;flex-direction:column;gap:var(--space-xs)}.nc-history-item{border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.nc-history-round{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);color:var(--color-muted-soft);min-width:34px}.nc-history-blocks{flex:1;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-body-sm)}.nc-history-team{flex:1;font-weight:500}.nc-history-vs{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);color:var(--color-muted-soft)}.nc-history-winner{font-size:var(--text-caption);font-weight:500;min-width:96px;text-align:right}.nc-hidden-notification-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;justify-content:center;align-items:center;padding:var(--space-md);z-index:1000;animation:nc-fade-in .25s ease-out}.nc-hidden-notification{background:var(--color-canvas);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);padding:var(--space-xl);max-width:480px;width:100%;text-align:center;animation:nc-slide-up .28s ease-out}.nc-hidden-notification h2{font-size:var(--text-display-sm);line-height:1.2;letter-spacing:var(--tracking-display-sm);color:var(--color-ink);margin-bottom:var(--space-xs)}.nc-hidden-notification p{color:var(--color-muted);font-size:var(--text-body-md);margin-bottom:var(--space-lg)}.nc-hidden-notification>button{height:48px;padding:0 var(--space-xl);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.nc-hidden-notification>button:active{background:var(--color-primary-active)}@keyframes nc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nc-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nc-hidden-block-choices{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);justify-content:center}.nc-hidden-choice{flex:1;max-width:180px;padding:var(--space-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);font-size:var(--text-title-sm);font-weight:500;color:var(--color-ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.nc-hidden-choice:hover{border-color:var(--color-primary)}.nc-hidden-choice.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.nc-confirm-button{height:48px;padding:0 var(--space-xl);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.nc-confirm-button:active:not(:disabled){background:var(--color-primary-active)}.nc-confirm-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}@media(max-width:768px){.nc-game-board{padding:var(--space-md) var(--space-sm)}.nc-game-header,.nc-blocks-section,.nc-selected-blocks,.nc-history{padding:var(--space-md)}.nc-score-board{gap:var(--space-xs)}.nc-team-score{padding:var(--space-xs) var(--space-sm)}.nc-blocks-grid{grid-template-columns:repeat(auto-fit,56px);gap:var(--space-xs)}.nc-submit-section{flex-direction:column}.nc-submit-button{flex:none}.nc-hidden-status{flex-direction:column;align-items:center;gap:var(--space-xs)}.nc-history-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.nc-history-blocks{flex-direction:column;align-items:flex-start;gap:var(--space-xxs);width:100%}.nc-history-winner{width:100%;text-align:left}.nc-hidden-notification{padding:var(--space-lg)}}.nc-game-over{min-height:100vh;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.nc-game-over-container{max-width:860px;margin:0 auto}.nc-result-banner{border-radius:var(--radius-lg);padding:var(--space-xxl) var(--space-xl);text-align:center;margin-bottom:var(--space-md)}.nc-result-banner.win{background:var(--color-primary);color:var(--color-on-primary)}.nc-result-banner.lose{background:var(--color-surface-dark);color:var(--color-on-dark)}.nc-result-banner.draw{background:var(--color-surface-card);color:var(--color-ink)}.nc-result-title{font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg);color:inherit;margin-bottom:var(--space-xxs)}.nc-result-subtitle{font-size:var(--text-title-md);opacity:.8}.nc-final-score,.nc-game-stats,.nc-round-summary{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.nc-game-stats h3,.nc-round-summary h3{font-family:var(--font-sans);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-md)}.nc-final-score{display:flex;justify-content:center;align-items:center;gap:var(--space-lg)}.nc-final-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);border:1px solid transparent}.nc-final-team.your-team{background:var(--color-primary-tint);border-color:var(--color-primary)}.nc-final-team-label{font-size:var(--text-caption);font-weight:500;color:var(--color-muted)}.nc-final-team-score{font-family:var(--font-display);font-size:var(--text-display-lg);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-lg);line-height:1}.nc-final-separator{font-family:var(--font-display);font-size:var(--text-display-md);color:var(--color-muted-soft)}.nc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm)}.nc-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-md);background:var(--color-surface-card);border-radius:var(--radius-md);color:var(--color-ink)}.nc-stat-label{font-size:var(--text-caption);font-weight:500;color:var(--color-muted);text-align:center}.nc-stat-value{font-family:var(--font-display);font-size:var(--text-display-sm);font-weight:var(--weight-display);letter-spacing:var(--tracking-display-sm);line-height:1}.nc-summary-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:400px;overflow-y:auto;padding-right:var(--space-xxs)}.nc-summary-list::-webkit-scrollbar{width:6px}.nc-summary-list::-webkit-scrollbar-track{background:var(--color-surface-soft);border-radius:var(--radius-pill)}.nc-summary-list::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:var(--radius-pill)}.nc-summary-item{border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.nc-summary-round{font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);color:var(--color-muted-soft);min-width:34px}.nc-summary-details{flex:1;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-body-sm)}.nc-summary-team{flex:1;font-weight:500}.nc-summary-vs{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);color:var(--color-muted-soft)}.nc-summary-winner{font-size:var(--text-caption);font-weight:500;min-width:84px;text-align:right}.nc-game-over-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-top:var(--space-xs)}.nc-rematch-offer{margin:0;color:var(--color-primary-active);font-size:var(--text-body-sm);font-weight:700}.nc-rematch-countdown{margin:0;color:var(--color-muted);font-size:var(--text-caption)}.nc-secondary-button{height:44px;padding:0 var(--space-xl);background:transparent;color:var(--color-body);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:var(--text-body-sm);cursor:pointer}.nc-play-again-button{height:48px;padding:0 var(--space-xxl);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-title-sm);font-weight:500;cursor:pointer;transition:background-color .15s ease}.nc-play-again-button:active:not(:disabled){background:var(--color-primary-active)}.nc-play-again-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}@media(max-width:768px){.nc-game-over{padding:var(--space-md) var(--space-sm)}.nc-result-banner{padding:var(--space-xl) var(--space-lg)}.nc-final-score,.nc-game-stats,.nc-round-summary{padding:var(--space-md)}.nc-final-score{gap:var(--space-sm)}.nc-final-team{padding:var(--space-sm) var(--space-md)}.nc-stats-grid{grid-template-columns:repeat(2,1fr)}.nc-summary-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.nc-summary-details{flex-direction:column;align-items:flex-start;gap:var(--space-xxs);width:100%}.nc-summary-winner{width:100%;text-align:left}}.rc-controls,.rc-room-line{--rc-line: var(--color-hairline);--rc-text: var(--color-body);--rc-muted: var(--color-muted);--rc-ink: var(--color-ink);--rc-field-bg: var(--color-canvas);--rc-chip-bg: var(--color-surface-soft);--rc-active-bg: var(--color-primary);--rc-active-text: var(--color-on-primary)}.rc-dark{--rc-line: rgba(255, 255, 255, .18);--rc-text: rgba(255, 255, 255, .78);--rc-muted: rgba(255, 255, 255, .55);--rc-ink: var(--color-on-dark);--rc-field-bg: rgba(0, 0, 0, .25);--rc-chip-bg: rgba(255, 255, 255, .08);--rc-active-bg: var(--color-primary);--rc-active-text: var(--color-on-primary)}.rc-controls{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0}.rc-invite-note{margin:0;padding:8px 12px;border-radius:10px;border:1px dashed var(--rc-line);background:var(--rc-chip-bg);color:var(--rc-text);font-size:12px;line-height:1.5;text-align:center;overflow-wrap:anywhere}.rc-invite-code{color:var(--rc-ink);font-weight:800;letter-spacing:.12em}.rc-segment{display:flex;gap:4px;padding:3px;border:1px solid var(--rc-line);border-radius:10px;background:var(--rc-field-bg)}.rc-segment-option{flex:1;min-width:0;padding:8px 2px;border:none;border-radius:8px;background:transparent;color:var(--rc-muted);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.rc-segment-option.active{background:var(--rc-active-bg);color:var(--rc-active-text);font-weight:700}.rc-code-input{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:10px;border:1px solid var(--rc-line);background:var(--rc-field-bg);color:var(--rc-ink);font-size:18px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.35em;text-align:center;text-transform:uppercase}.rc-code-input::placeholder{color:var(--rc-muted);font-weight:400}.rc-hint{margin:0;color:var(--rc-muted);font-size:12px;line-height:1.5;text-align:center}.rc-room-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-width:0}.rc-room-badge{padding:6px 12px;border-radius:999px;border:1px solid var(--rc-line);background:var(--rc-chip-bg);color:var(--rc-text);font-size:12px;font-weight:600;white-space:nowrap}.rc-room-code{color:var(--rc-ink);font-weight:800;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.rc-copy-button{padding:6px 12px;border-radius:999px;border:1px solid var(--rc-line);background:transparent;color:var(--rc-text);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.rc-copy-button.copied{border-color:var(--color-success);color:var(--color-success)}@media(max-width:340px){.rc-segment-option{font-size:11px;padding:8px 0}}.dv-lobby{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.dv-lobby-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.dv-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.dv-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.dv-join-form,.dv-waiting{display:flex;flex-direction:column;gap:14px}.dv-form-group{text-align:left}.dv-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.dv-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.dv-primary-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.dv-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.dv-ghost-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.dv-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dv-player-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:var(--color-surface-soft);color:var(--color-ink);font-weight:600}.dv-player-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center}.dv-player-item-name{display:flex;align-items:center;gap:6px}.dv-crown{font-size:14px}.dv-dot{width:9px;height:9px;border-radius:50%}.dv-dot.on{background:var(--color-success)}.dv-dot.off{background:var(--color-muted-soft)}.dv-lobby-hint{margin:0;color:var(--color-muted);font-size:13px}.dv-tile-row{padding:10px 12px;border-radius:12px;background:var(--color-surface-soft);border:1px solid transparent;transition:border-color .2s ease,opacity .2s ease}.dv-tile-row.current{border-color:var(--color-primary)}.dv-tile-row.eliminated{opacity:.45}.dv-tile-row-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dv-player-name{font-weight:700;font-size:14px;color:var(--color-ink)}.dv-turn-badge,.dv-out-badge,.dv-offline-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.dv-turn-badge{background:var(--color-primary);color:var(--color-on-primary)}.dv-out-badge{background:var(--color-error);color:var(--color-on-dark)}.dv-offline-badge{background:var(--color-muted);color:var(--color-on-dark)}.dv-tiles{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dv-tile-wrap{display:inline-flex;align-items:center;gap:6px}.dv-tile{width:44px;height:62px;border-radius:8px;border:2px solid transparent;font-size:22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;padding:0}.dv-tile.black{background:linear-gradient(170deg,var(--color-surface-dark-elevated) 0%,var(--color-surface-dark) 100%);color:var(--color-on-dark);border-color:#14141366}.dv-tile.white{background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);color:var(--color-ink);border-color:#1414133d}.dv-tile.unknown{background:repeating-linear-gradient(135deg,var(--color-surface-cream-strong),var(--color-surface-cream-strong) 6px,var(--color-surface-soft) 6px,var(--color-surface-soft) 12px);border-color:var(--color-hairline);color:transparent}.dv-tile.revealed{transform:rotate(-6deg) translateY(4px);opacity:.85;box-shadow:none}.dv-tile.hidden{box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a}.dv-tile.clickable{cursor:pointer}.dv-tile.clickable:hover{transform:translateY(-4px)}.dv-tile.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring),var(--shadow-subtle);transform:translateY(-6px)}.dv-insert-slot{width:26px;height:62px;border-radius:8px;border:2px dashed var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:18px;font-weight:800;cursor:pointer;padding:0}.dv-insert-slot:hover{background:var(--color-primary-ring)}.dv-action-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:14px;background:var(--color-surface-card);border:1px solid var(--color-hairline)}.dv-action-hint{margin:0;color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.dv-action-sub{margin:0;color:var(--color-muted);font-size:12px}.dv-number-pad{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:360px}.dv-pad-button{padding:10px 0;border-radius:8px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px;font-weight:700;cursor:pointer}.dv-pad-button.picked{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.dv-pad-button.joker{grid-column:span 2}.dv-choice-buttons{display:flex;gap:10px;width:100%;max-width:360px}.dv-choice-buttons>button{flex:1}.dv-board{min-height:100vh;background:var(--color-canvas);padding:20px 16px 28px;display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto}.dv-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:6px;width:min(92vw,480px);pointer-events:none}.dv-toast{background:var(--color-surface-dark);border:1px solid var(--color-hairline);color:var(--color-on-dark);border-radius:10px;padding:10px 14px;font-size:13px;text-align:center;animation:dv-toast-in .2s ease}@keyframes dv-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dv-opponents{display:flex;flex-direction:column;gap:10px}.dv-center{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 0}.dv-deck,.dv-drawn{display:flex;flex-direction:column;align-items:center;gap:6px}.dv-deck-pile{width:44px;height:62px;border-radius:8px;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a}.dv-deck-pile.black{background:linear-gradient(170deg,var(--color-surface-dark-elevated) 0%,var(--color-surface-dark) 100%);border:2px solid rgba(20,20,19,.4);color:var(--color-on-dark)}.dv-deck-pile.white{background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:2px solid rgba(20,20,19,.24);color:var(--color-ink)}.dv-deck-pile:disabled{opacity:.5}.dv-deck-pile.drawable{cursor:pointer;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring),var(--shadow-subtle)}.dv-deck-pile.drawable:hover{transform:translateY(-4px)}.dv-deck-label{color:var(--color-muted);font-size:11px}.dv-my-area{margin-top:auto}.dv-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.dv-game-over-container{width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px;text-align:center}.dv-over-title{margin:0;color:var(--color-ink);font-size:34px}.dv-over-winner{margin:0;color:var(--color-body);font-size:16px}.dv-over-board{display:flex;flex-direction:column;gap:10px;text-align:left}.reaction-bar{position:fixed;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:940;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.reaction-bar-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-hairline);background:var(--color-surface-card);color:var(--color-ink);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #0000002e}.reaction-bar-toggle.open{font-size:17px;color:var(--color-muted)}.reaction-bar-toggle:active{transform:scale(.94)}.reaction-bar-panel{display:grid;grid-template-columns:repeat(3,48px);gap:6px;padding:8px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:14px;box-shadow:0 6px 20px #0003;animation:reaction-panel-in .15s ease}.reaction-bar-emoji{width:48px;height:48px;border:none;border-radius:10px;background:transparent;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.reaction-bar-emoji:hover{background:var(--color-primary-tint)}.reaction-bar-emoji:active{transform:scale(.9)}.mood-dark .reaction-bar-toggle{background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-color:#ffffff1f;box-shadow:0 3px 12px #0006}.mood-dark .reaction-bar-toggle.open{color:var(--color-on-dark-soft)}.mood-dark .reaction-bar-panel{background:var(--color-surface-dark-elevated);border-color:#ffffff1f;box-shadow:0 6px 20px #00000073}.mood-dark .reaction-bar-emoji:hover{background:var(--color-primary-tint)}@keyframes reaction-panel-in{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-overlay{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:930;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.reaction-pop{display:flex;flex-direction:column;align-items:center;gap:2px;animation:reaction-pop 1.8s ease forwards}.reaction-pop-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}.reaction-pop-name{font-size:12px;font-weight:700;color:var(--color-body);background:#faf9f5e6;border:1px solid var(--color-hairline);padding:1px 8px;border-radius:999px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mood-dark .reaction-pop-name{color:var(--color-on-dark);background:var(--scrim);border-color:#ffffff1f}@keyframes reaction-pop{0%{opacity:0;transform:translateY(10px) scale(.5)}12%{opacity:1;transform:translateY(0) scale(1.12)}22%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.92)}}.spectator-badge{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:890;background:#0000008c;color:var(--color-on-dark);border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none}.spectator-count{position:fixed;top:14px;left:14px;z-index:890;background:#0006;color:var(--color-on-dark);border:1px solid rgba(255,255,255,.25);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.mood-cream .spectator-badge,.mood-cream .spectator-count{background:var(--color-surface-card);color:var(--color-ink);border:1px solid var(--color-hairline);box-shadow:var(--shadow-subtle)}.st-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.st-waiting-room .st-waiting-container{width:100%;max-width:480px;text-align:center}.st-waiting-room .st-eyebrow{display:block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.st-waiting-room .st-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-lg);letter-spacing:var(--tracking-display-lg);color:var(--color-ink)}.st-waiting-room .st-subtitle{margin-top:var(--space-xs);font-size:var(--text-body-md);color:var(--color-muted);margin-bottom:var(--space-xl)}.st-waiting-room .st-join-form{display:flex;flex-direction:column;gap:var(--space-md);text-align:left}.st-waiting-room .st-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.st-waiting-room .st-form-group label{font-size:var(--text-body-sm);font-weight:600;color:var(--color-body-strong)}.st-waiting-room .st-form-group input{height:var(--control-height);padding:0 var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-soft);font-size:var(--text-body-md);color:var(--color-ink)}.st-waiting-room .st-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.st-waiting-room .st-mode-buttons{display:flex;gap:var(--space-sm)}.st-waiting-room .st-mode-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-soft);color:var(--color-body);font-size:var(--text-body-sm);font-weight:600;cursor:pointer}.st-waiting-room .st-mode-button small{font-weight:400;font-size:var(--text-caption);color:var(--color-muted)}.st-waiting-room .st-mode-button.selected{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-ink)}.st-waiting-room .st-mode-hint{color:var(--color-muted-soft);font-size:var(--text-caption)}.st-waiting-room .st-join-button{height:var(--control-height);border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer}.st-waiting-room .st-join-button:hover{background:var(--color-primary-active)}.st-waiting-room .st-back-button{height:var(--control-height);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:transparent;color:var(--color-muted);font-size:var(--text-button);cursor:pointer}.st-waiting-room .st-back-button:hover{border-color:var(--color-muted);color:var(--color-body)}.st-waiting-room .st-waiting-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) 0;color:var(--color-body)}.st-waiting-room .st-waiting-message small{color:var(--color-muted)}.st-waiting-room .st-spinner{width:28px;height:28px;border-radius:var(--radius-full);border:3px solid var(--color-hairline);border-top-color:var(--color-primary);animation:st-spin .9s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.st-waiting-room .st-game-rules{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);text-align:left}.st-waiting-room .st-game-rules h3{font-size:var(--text-title-sm);color:var(--color-ink);margin-bottom:var(--space-sm)}.st-waiting-room .st-game-rules ul{margin:0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.st-waiting-room .st-game-rules li{font-size:var(--text-body-sm);color:var(--color-body);line-height:1.5}.st-board{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-canvas);padding:var(--space-md);max-width:480px;margin:0 auto;width:100%}.st-board .st-player-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft)}.st-board .st-player-info{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.st-board .st-player-name{font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-board .st-player-meta,.st-board .st-player-stones{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap}.st-board .st-turn-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-hairline);flex-shrink:0}.st-board .st-turn-dot.active{background:var(--color-primary)}.st-board .st-lanes{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xxs);flex:1}.st-board .st-lane{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xxs);border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;cursor:default}.st-board .st-lane.playable{cursor:pointer;border-color:var(--color-primary-ring);background:var(--color-primary-tint)}.st-board .st-lane.playable:hover{border-color:var(--color-primary)}.st-board .st-lane.claimable{cursor:pointer;border-color:var(--color-primary);background:var(--color-primary-tint);animation:st-claim-pulse 1.2s ease-in-out infinite}@keyframes st-claim-pulse{0%,to{box-shadow:0 0 0 0 var(--color-primary-ring)}50%{box-shadow:0 0 0 4px var(--color-primary-ring)}}.st-board .st-lane.flash{background:var(--color-primary-tint)}.st-board .st-lane-cards{display:flex;flex-direction:row;gap:3px;width:112px;flex-shrink:0;justify-content:flex-end}.st-board .st-lane-cards.st-lane-you{justify-content:flex-start}.st-board .st-stone{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-cream-strong);border:1px solid var(--color-hairline);font-size:var(--text-caption);font-weight:600;color:var(--color-muted);flex-shrink:0}.st-board .st-lane.claimable .st-stone{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-size:10px}.st-board .st-stone.owned-you{background:var(--color-primary);border-color:var(--color-primary-active);color:var(--color-on-primary);transform:translate(10px)}.st-board .st-stone.owned-opp{background:var(--color-surface-dark);border-color:var(--color-surface-dark);color:var(--color-on-dark);transform:translate(-10px)}.st-board .st-card{position:relative;width:30px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:var(--text-body-md);font-weight:700;color:var(--color-on-primary);background-image:linear-gradient(170deg,#ffffff47,#ffffff0f 45%,#1414131a);border:1px solid rgba(20,20,19,.3);box-shadow:0 1px 2px #1414132e,0 2px 5px #1414131f}.st-board .st-card.st-card-small{width:28px;height:38px;font-size:var(--text-body-sm)}.st-board .st-card .st-card-corner{position:absolute;font-size:7px;line-height:1;opacity:.9;pointer-events:none}.st-board .st-card .st-card-corner.tl{top:2px;left:3px}.st-board .st-card .st-card-corner.br{bottom:2px;right:3px;transform:rotate(180deg)}.st-board .st-card.st-card-tactic{background:var(--color-surface-dark);color:var(--color-on-dark);font-size:var(--text-caption)}.st-board .st-board-card{padding:0;border:2px solid transparent;border-radius:var(--radius-xs);background:transparent;cursor:default}.st-board .st-board-card.targetable{cursor:pointer;border-color:var(--color-primary);animation:st-claim-pulse 1.2s ease-in-out infinite}.st-board .st-clan-0{background:var(--st-clan-0)}.st-board .st-clan-1{background:var(--st-clan-1)}.st-board .st-clan-2{background:var(--st-clan-2)}.st-board .st-clan-3{background:var(--st-clan-3)}.st-board .st-clan-4{background:var(--st-clan-4)}.st-board .st-clan-5{background:var(--st-clan-5)}.st-board .st-status-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--control-height)}.st-board .st-status-text{font-size:var(--text-body-sm);color:var(--color-body);text-align:center}.st-board .st-action-button{height:32px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:var(--text-button);font-weight:600;cursor:pointer;white-space:nowrap}.st-board .st-action-button:hover{background:var(--color-primary-tint)}.st-board .st-action-button.ghost{border-color:var(--color-hairline);color:var(--color-muted)}.st-board .st-action-button.ghost:hover{border-color:var(--color-muted);background:transparent}.st-board .st-stone{position:relative}.st-board .st-stone-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-dark);color:var(--color-on-dark);font-size:10px;font-weight:700}.st-board .st-discard-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs)}.st-board .st-discard-toggle{border:none;background:transparent;color:var(--color-muted);font-size:var(--text-caption);cursor:pointer}.st-board .st-discard-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.st-board .st-deck-row{display:flex;justify-content:center;gap:var(--space-sm)}.st-board .st-deck-button{height:40px;padding:0 var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer}.st-board .st-deck-button.tactic{background:var(--color-surface-dark);border-color:var(--color-surface-dark);color:var(--color-on-dark)}.st-board .st-deck-button:disabled{opacity:.4;cursor:default}.st-board .st-hand{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;padding-top:10px;padding-bottom:var(--space-md);box-sizing:border-box}.st-board .st-hand>*{flex-shrink:0}.st-board .st-hand>*:not(:first-child){margin-left:var(--fan-ml, 8px)}.st-board .st-hand-slot{position:relative}.st-board .st-hand-slot.selected{z-index:5}.st-board .st-hand-slot:hover{z-index:6}.st-board .st-hand-slot{padding:var(--space-xxs);border-radius:var(--radius-sm);border:2px solid transparent;background:transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.st-board .st-hand-slot:disabled{cursor:default;opacity:.6}.st-board .st-hand-slot:not(:disabled):hover{transform:translateY(-4px)}.st-board .st-hand-slot.selected{border-color:var(--color-primary);transform:translateY(-8px)}.st-board .st-hand-slot .st-card{width:40px;height:56px;font-size:var(--text-title-sm);border-radius:5px}.st-board .st-hand-slot .st-card .st-card-corner{font-size:8px}@media(max-width:480px){.st-board{padding:var(--space-xs);gap:var(--space-xs)}.st-board .st-card{font-size:var(--text-caption)}.st-board .st-card.st-card-small{width:25px;height:34px;font-size:12px}.st-board .st-lane-cards{width:92px}.st-board .st-stone{width:34px;height:34px;font-size:11px}.st-board .st-lane.claimable .st-stone{font-size:9px}.st-board .st-hand-slot .st-card{width:34px;height:48px}}.st-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.st-game-over .st-game-over-container{width:100%;max-width:420px;text-align:center}.st-game-over .st-game-over-eyebrow{display:block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.st-game-over .st-game-over-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-lg);letter-spacing:var(--tracking-display-lg);color:var(--color-ink)}.st-game-over .st-game-over-title.win{color:var(--color-primary)}.st-game-over .st-game-over-reason{margin-top:var(--space-sm);font-size:var(--text-body-md);color:var(--color-body)}.st-game-over .st-game-over-score{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin:var(--space-xl) 0;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline)}.st-game-over .st-score-cell{display:flex;flex-direction:column;gap:var(--space-xxs)}.st-game-over .st-score-label{font-size:var(--text-caption);color:var(--color-muted)}.st-game-over .st-score-value{font-size:var(--text-display-md);font-weight:600;color:var(--color-ink)}.st-game-over .st-score-divider{font-size:var(--text-display-md);color:var(--color-muted-soft)}.st-game-over .st-rematch-offer{margin-bottom:var(--space-sm);color:var(--color-primary-active);font-size:var(--text-caption);font-weight:700}.st-game-over .st-action-button{display:block;margin:0 auto;height:var(--control-height);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer}.st-game-over .st-action-button:hover{background:var(--color-primary-active)}.st-game-over .st-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.st-game-over .st-rematch-countdown{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-caption)}.st-game-over .st-secondary-button{display:block;margin:var(--space-sm) auto 0;height:var(--control-height);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:transparent;color:var(--color-body);font-size:var(--text-caption);cursor:pointer}.jh-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.jh-waiting-room .jh-waiting-container{width:100%;max-width:480px;text-align:center}.jh-waiting-room .jh-eyebrow{display:block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.jh-waiting-room .jh-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-lg);letter-spacing:var(--tracking-display-lg);color:var(--color-ink)}.jh-waiting-room .jh-subtitle{margin-top:var(--space-xs);font-size:var(--text-body-md);color:var(--color-muted);margin-bottom:var(--space-xl)}.jh-waiting-room .jh-join-form{display:flex;flex-direction:column;gap:var(--space-md);text-align:left}.jh-waiting-room .jh-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.jh-waiting-room .jh-form-group label{font-size:var(--text-body-sm);font-weight:600;color:var(--color-body-strong)}.jh-waiting-room .jh-form-group input{height:var(--control-height);padding:0 var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-soft);font-size:var(--text-body-md);color:var(--color-ink)}.jh-waiting-room .jh-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.jh-waiting-room .jh-join-button{height:var(--control-height);border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer}.jh-waiting-room .jh-join-button:hover{background:var(--color-primary-active)}.jh-waiting-room .jh-back-button{height:var(--control-height);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:transparent;color:var(--color-muted);font-size:var(--text-button);cursor:pointer}.jh-waiting-room .jh-back-button:hover{border-color:var(--color-muted);color:var(--color-body)}.jh-waiting-room .jh-waiting-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) 0;color:var(--color-body)}.jh-waiting-room .jh-waiting-message small{color:var(--color-muted)}.jh-waiting-room .jh-spinner{width:28px;height:28px;border-radius:var(--radius-full);border:3px solid var(--color-hairline);border-top-color:var(--color-primary);animation:jh-spin .9s linear infinite}@keyframes jh-spin{to{transform:rotate(360deg)}}.jh-waiting-room .jh-game-rules{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);text-align:left}.jh-waiting-room .jh-game-rules h3{font-size:var(--text-title-sm);color:var(--color-ink);margin-bottom:var(--space-sm)}.jh-waiting-room .jh-game-rules ul{margin:0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.jh-waiting-room .jh-game-rules li{font-size:var(--text-body-sm);color:var(--color-body);line-height:1.5}.jh-board{min-height:100vh;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-canvas);padding:var(--space-md);max-width:720px;margin:0 auto;width:100%}.jh-board .jh-player-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft)}.jh-board .jh-player-info{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.jh-board .jh-player-name{font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jh-board .jh-player-meta{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap}.jh-board .jh-turn-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-hairline);flex-shrink:0}.jh-board .jh-turn-dot.active{background:var(--color-primary)}.jh-board .jh-role-chip{padding:1px var(--space-xs);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:600;color:var(--color-on-primary);flex-shrink:0}.jh-board .jh-role-jekyll{background:var(--jh-jekyll)}.jh-board .jh-role-hyde{background:var(--jh-hyde)}.jh-board .jh-track-section{padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-card);border:1px solid var(--color-hairline)}.jh-board .jh-track-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-xs)}.jh-board .jh-round-label{font-size:var(--text-body-sm);font-weight:700;color:var(--color-ink)}.jh-board .jh-track-caption{font-size:var(--text-caption);color:var(--color-muted)}.jh-board .jh-track{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.jh-board .jh-track-cell{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:center}.jh-board .jh-track-cell.jekyll-home,.jh-board .jh-track-cell.jekyll-zone{background:var(--jh-jekyll-tint);border-color:var(--jh-jekyll)}.jh-board .jh-track-cell.hyde-zone{background:var(--jh-hyde-tint);border-color:var(--jh-hyde)}.jh-board .jh-track-cell.hyde-home{background:var(--jh-hyde)}.jh-board .jh-track-cell.has-marker{box-shadow:0 0 0 2px var(--color-primary-ring)}.jh-board .jh-marker{width:60%;height:60%;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:var(--shadow-subtle)}.jh-board .jh-track-ends{display:flex;justify-content:space-between;margin-top:var(--space-xxs);font-size:var(--text-caption);color:var(--color-muted)}.jh-board .jh-rank-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);flex-wrap:wrap}.jh-board .jh-rank-title{font-size:var(--text-caption);font-weight:700;color:var(--color-muted);white-space:nowrap}.jh-board .jh-rank-empty{font-size:var(--text-caption);color:var(--color-muted-soft)}.jh-board .jh-rank-chips{display:flex;align-items:center;gap:var(--space-xxs);flex-wrap:wrap}.jh-board .jh-rank-item{display:inline-flex;align-items:center;gap:var(--space-xxs)}.jh-board .jh-rank-lt{font-size:var(--text-caption);color:var(--color-muted-soft)}.jh-board .jh-rank-chip,.jh-board .jh-declared-badge{padding:1px var(--space-xs);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:600;color:var(--color-on-primary)}.jh-board .jh-chip-pride{background:var(--jh-pride)}.jh-board .jh-chip-wrath{background:var(--jh-wrath)}.jh-board .jh-chip-greed{background:var(--jh-greed)}.jh-board .jh-chip-potion{background:var(--jh-potion)}.jh-board .jh-table{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-sm) 0;flex:1;align-items:center}.jh-board .jh-table-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:84px}.jh-board .jh-slot-label{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap}.jh-board .jh-card-placeholder{width:64px;height:88px;border-radius:var(--radius-sm);border:1px dashed var(--color-hairline);background:var(--color-surface-soft)}.jh-board .jh-card{position:relative;width:64px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:6px;color:var(--color-on-primary);background-image:linear-gradient(170deg,#ffffff38,#ffffff0d 45%,#1414131f);border:1px solid rgba(20,20,19,.3);box-shadow:0 1px 2px #1414132e,0 2px 6px #1414131f}.jh-board .jh-card .jh-card-corner{position:absolute;font-size:10px;font-weight:700;line-height:1;opacity:.9;pointer-events:none}.jh-board .jh-card .jh-card-corner.tl{top:4px;left:5px}.jh-board .jh-card .jh-card-corner.br{bottom:4px;right:5px;transform:rotate(180deg)}.jh-board .jh-card.jh-card-small .jh-card-corner{display:none}.jh-board .jh-suit-pride{background:var(--jh-pride)}.jh-board .jh-suit-wrath{background:var(--jh-wrath)}.jh-board .jh-suit-greed{background:var(--jh-greed)}.jh-board .jh-suit-potion{background:var(--color-surface-cream-strong);color:var(--color-ink);border:1px solid var(--color-hairline)}.jh-board .jh-card-value{font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:700;line-height:1}.jh-board .jh-card-suit{font-size:var(--text-caption);opacity:.85}.jh-board .jh-card.jh-card-small{width:26px;height:36px;gap:0}.jh-board .jh-card.jh-card-small .jh-card-value{font-size:var(--text-body-sm)}.jh-board .jh-card.jh-card-small .jh-card-suit{display:none}.jh-board .jh-card.jh-card-faded{opacity:.45}.jh-board .jh-event-banner{text-align:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-primary-tint);border:1px solid var(--color-primary-ring);font-size:var(--text-body-sm);font-weight:600;color:var(--color-ink)}.jh-board .jh-status-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--control-height);flex-wrap:wrap}.jh-board .jh-status-text{font-size:var(--text-body-sm);color:var(--color-body);text-align:center}.jh-board .jh-confirm-button{height:32px;padding:0 var(--space-md);border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer;white-space:nowrap}.jh-board .jh-confirm-button:hover:not(:disabled){background:var(--color-primary-active)}.jh-board .jh-confirm-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:default}.jh-board .jh-declare-row{display:flex;justify-content:center;gap:var(--space-sm)}.jh-board .jh-declare-button{height:var(--control-height);padding:0 var(--space-lg);border-radius:var(--radius-pill);border:none;font-size:var(--text-button);font-weight:600;color:var(--color-on-primary);cursor:pointer;transition:transform .15s ease}.jh-board .jh-declare-button:hover{transform:translateY(-2px)}.jh-board .jh-tricks-section{display:flex;flex-direction:column;gap:var(--space-xxs)}.jh-board .jh-tricks-row{display:flex;align-items:center;gap:var(--space-sm);min-height:40px}.jh-board .jh-tricks-label{font-size:var(--text-caption);color:var(--color-muted);white-space:nowrap;width:72px;flex-shrink:0}.jh-board .jh-tricks-list{display:flex;gap:var(--space-xs);flex-wrap:wrap}.jh-board .jh-trick-pair{display:flex;gap:2px}.jh-board .jh-trick-steal-button{padding:var(--space-xxs);border-radius:var(--radius-sm);border:2px solid var(--color-primary);background:var(--color-primary-tint);cursor:pointer;animation:jh-steal-pulse 1.2s ease-in-out infinite}@keyframes jh-steal-pulse{0%,to{box-shadow:0 0 0 0 var(--color-primary-ring)}50%{box-shadow:0 0 0 4px var(--color-primary-ring)}}.jh-board .jh-hand{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;padding-top:12px;padding-bottom:var(--space-md);box-sizing:border-box}.jh-board .jh-hand>*{flex-shrink:0}.jh-board .jh-hand>*:not(:first-child){margin-left:var(--fan-ml, 4px)}.jh-board .jh-hand-slot{position:relative}.jh-board .jh-hand-slot.selected{z-index:5}.jh-board .jh-hand-slot:hover{z-index:6}.jh-board .jh-hand-slot{padding:var(--space-xxs);border-radius:var(--radius-sm);border:2px solid transparent;background:transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.jh-board .jh-hand-slot:disabled{cursor:default}.jh-board .jh-hand-slot:not(:disabled):hover{transform:translateY(-4px)}.jh-board .jh-hand-slot.selected{border-color:var(--color-primary);transform:translateY(-8px)}.jh-board .jh-hand-slot .jh-card{width:48px;height:68px}@media(max-width:480px){.jh-board{padding:var(--space-xs);gap:var(--space-xs)}.jh-board .jh-table{gap:var(--space-lg)}.jh-board .jh-card,.jh-board .jh-card-placeholder{width:52px;height:72px}.jh-board .jh-hand-slot .jh-card{width:40px;height:58px}.jh-board .jh-hand-slot .jh-card .jh-card-suit{display:none}.jh-board .jh-tricks-label{width:60px}}.jh-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-xl) var(--space-lg)}.jh-game-over .jh-game-over-container{width:100%;max-width:420px;text-align:center}.jh-game-over .jh-game-over-eyebrow{display:block;font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm)}.jh-game-over .jh-game-over-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-lg);letter-spacing:var(--tracking-display-lg);color:var(--color-ink)}.jh-game-over .jh-game-over-title.win{color:var(--color-primary)}.jh-game-over .jh-game-over-reason{margin-top:var(--space-sm);font-size:var(--text-body-md);color:var(--color-body)}.jh-game-over .jh-round-table{width:100%;margin:var(--space-xl) 0;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-card);border:1px solid var(--color-hairline)}.jh-game-over .jh-round-table th,.jh-game-over .jh-round-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--text-body-sm);border-bottom:1px solid var(--color-hairline-soft)}.jh-game-over .jh-round-table th{font-weight:600;color:var(--color-muted);background:var(--color-surface-soft)}.jh-game-over .jh-round-table td{color:var(--color-ink)}.jh-game-over .jh-round-table tr:last-child td{border-bottom:none}.jh-game-over .jh-rematch-offer{margin-bottom:var(--space-sm);color:var(--color-primary-active);font-size:var(--text-caption);font-weight:700}.jh-game-over .jh-action-button{display:block;margin:0 auto;height:var(--control-height);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:600;cursor:pointer}.jh-game-over .jh-action-button:hover{background:var(--color-primary-active)}.jh-game-over .jh-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.jh-game-over .jh-rematch-countdown{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-caption)}.jh-game-over .jh-secondary-button{display:block;margin:var(--space-sm) auto 0;height:var(--control-height);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:transparent;color:var(--color-body);font-size:var(--text-caption);cursor:pointer}.gs-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.gs-waiting-room .gs-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.gs-waiting-room .gs-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.gs-waiting-room .gs-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.gs-waiting-room .gs-join-form{display:flex;flex-direction:column;gap:14px}.gs-waiting-room .gs-form-group{text-align:left}.gs-waiting-room .gs-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.gs-waiting-room .gs-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.gs-waiting-room .gs-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.gs-waiting-room .gs-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.gs-waiting-room .gs-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.gs-waiting-room .gs-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.gs-waiting-room .gs-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:gs-spin .9s linear infinite}@keyframes gs-spin{to{transform:rotate(360deg)}}.gs-waiting-room .gs-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.gs-waiting-room .gs-bot-button:disabled{opacity:.5;cursor:not-allowed}.gs-board-page{min-height:100vh;background:var(--color-canvas);padding:56px 16px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto}.gs-board-page .gs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%;max-width:420px;aspect-ratio:1;background:var(--color-surface-cream-strong);border:1px solid var(--color-hairline);border-radius:12px;padding:6px;box-sizing:border-box}.gs-board-page .gs-cell{aspect-ratio:1;position:relative;border:1px solid var(--color-hairline-soft);border-radius:8px;background:var(--color-surface-card);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:clamp(18px,6vw,30px);transition:background-color .12s ease,box-shadow .12s ease}.gs-board-page .gs-cell.exit{background:var(--color-primary-tint);border-color:var(--color-primary);border-style:dashed}.gs-board-page .gs-cell.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.gs-board-page .gs-cell.target{background:var(--color-primary-tint);box-shadow:inset 0 0 0 2px var(--color-primary-ring)}.gs-board-page .gs-cell.flash{animation:gs-flash .8s ease}@keyframes gs-flash{0%{background:var(--color-primary-tint)}to{background:var(--color-surface-card)}}.gs-board-page .gs-ghost{line-height:1;filter:grayscale(1) opacity(.75)}.gs-board-page .gs-ghost.mine{filter:none}.gs-board-page .gs-ghost.mine:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-canvas)}.gs-board-page .gs-ghost.mine.good:after{background:var(--color-team-blue)}.gs-board-page .gs-ghost.mine.evil:after{background:var(--color-team-red)}.gs-board-page .gs-ghost.mine.unset:after{background:var(--color-hairline)}.gs-board-page .gs-tray{width:100%;max-width:420px;display:flex;align-items:center;gap:10px;min-height:26px}.gs-board-page .gs-tray-label{font-size:12px;color:var(--color-muted);white-space:nowrap}.gs-board-page .gs-tray-ghosts{display:flex;gap:5px}.gs-board-page .gs-mini-ghost{width:16px;height:16px;border-radius:50%}.gs-board-page .gs-mini-ghost.good{background:var(--color-team-blue)}.gs-board-page .gs-mini-ghost.evil{background:var(--color-team-red)}.gs-board-page .gs-status{color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.gs-board-page .gs-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.gs-board-page .gs-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.gs-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.gs-game-over .gs-over-container{width:100%;max-width:440px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;gap:16px}.gs-game-over .gs-over-title{margin:0;font-size:32px;color:var(--color-ink)}.gs-game-over .gs-over-reason{margin:0;color:var(--color-body);font-size:15px}.gs-game-over .gs-over-summary{display:flex;flex-direction:column;gap:10px}.gs-game-over .gs-over-side{display:flex;align-items:center;gap:10px}.gs-game-over .gs-over-side-label{font-size:13px;color:var(--color-muted);width:36px;text-align:left}.gs-game-over .gs-over-ghosts{display:flex;gap:6px;font-size:22px}.gs-game-over .gs-over-ghost{position:relative;line-height:1}.gs-game-over .gs-over-ghost:after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%}.gs-game-over .gs-over-ghost.good:after{background:var(--color-team-blue)}.gs-game-over .gs-over-ghost.evil:after{background:var(--color-team-red)}.gs-game-over .gs-over-ghost.captured{filter:grayscale(1) opacity(.45)}.gs-game-over .gs-over-ghost.escaped{filter:drop-shadow(0 0 4px var(--color-team-blue))}.gs-game-over .gs-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.gs-game-over .gs-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.gs-game-over .gs-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.gs-game-over .gs-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.gs-game-over .gs-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.qd-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.qd-waiting-room .qd-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.qd-waiting-room .qd-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.qd-waiting-room .qd-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.qd-waiting-room .qd-join-form{display:flex;flex-direction:column;gap:14px}.qd-waiting-room .qd-form-group{text-align:left}.qd-waiting-room .qd-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.qd-waiting-room .qd-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.qd-waiting-room .qd-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.qd-waiting-room .qd-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.qd-waiting-room .qd-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.qd-waiting-room .qd-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.qd-waiting-room .qd-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:qd-spin .9s linear infinite}@keyframes qd-spin{to{transform:rotate(360deg)}}.qd-waiting-room .qd-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.qd-waiting-room .qd-bot-button:disabled{opacity:.5;cursor:not-allowed}.qd-board-page{min-height:100vh;background:var(--color-canvas);padding:56px 16px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;box-sizing:border-box}.qd-board-page .qd-grid{display:grid;grid-template-columns:repeat(8,1fr 7px) 1fr;grid-template-rows:repeat(8,1fr 7px) 1fr;width:100%;max-width:440px;aspect-ratio:1;background:var(--color-surface-cream-strong);border:1px solid var(--color-hairline);border-radius:12px;padding:7px;box-sizing:border-box}.qd-board-page .qd-cell{position:relative;border:1px solid var(--color-hairline-soft);border-radius:6px;background:var(--color-surface-card);cursor:default;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .12s ease,box-shadow .12s ease}.qd-board-page .qd-cell.goal{background:var(--color-primary-tint);border-color:var(--color-primary);border-style:dashed}.qd-board-page .qd-cell.legal{background:var(--color-primary-tint);box-shadow:inset 0 0 0 2px var(--color-primary-ring);cursor:pointer}.qd-board-page .qd-cell.flash{animation:qd-flash .8s ease}@keyframes qd-flash{0%{background:var(--color-primary-tint)}to{background:var(--color-surface-card)}}.qd-board-page .qd-pawn{width:58%;aspect-ratio:1;border-radius:50%;border:2px solid var(--color-canvas);box-sizing:border-box}.qd-board-page .qd-pawn.south{background:var(--color-team-blue)}.qd-board-page .qd-pawn.north{background:var(--color-team-red)}.qd-board-page .qd-wall{background:var(--color-ink);border-radius:3px;z-index:2;pointer-events:none}.qd-board-page .qd-wall.flash{animation:qd-wall-flash .8s ease}@keyframes qd-wall-flash{0%{background:var(--color-primary)}to{background:var(--color-ink)}}.qd-board-page .qd-slot{border:none;border-radius:3px;background:var(--color-primary-ring);opacity:.55;cursor:pointer;z-index:3;padding:0;transition:opacity .1s ease}.qd-board-page .qd-slot.h{margin:-5px 0}.qd-board-page .qd-slot.v{margin:0 -5px}.qd-board-page .qd-slot:hover{opacity:1;background:var(--color-primary)}.qd-board-page .qd-tray{width:100%;max-width:440px;display:flex;align-items:center;gap:10px;min-height:20px}.qd-board-page .qd-tray-label{font-size:12px;color:var(--color-muted);white-space:nowrap}.qd-board-page .qd-tray-walls{display:flex;gap:4px}.qd-board-page .qd-mini-wall{width:5px;height:16px;border-radius:2px;background:var(--color-ink);opacity:.7}.qd-board-page .qd-status{color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.qd-board-page .qd-mode-row{display:flex;gap:8px}.qd-board-page .qd-mode-button{padding:10px 18px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-card);color:var(--color-body);font-size:14px;font-weight:600;cursor:pointer}.qd-board-page .qd-mode-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.qd-board-page .qd-mode-button:disabled{opacity:.4;cursor:not-allowed}.qd-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.qd-game-over .qd-over-container{width:100%;max-width:440px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;gap:16px}.qd-game-over .qd-over-title{margin:0;font-size:32px;color:var(--color-ink)}.qd-game-over .qd-over-reason{margin:0;color:var(--color-body);font-size:15px}.qd-game-over .qd-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.qd-game-over .qd-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.qd-game-over .qd-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.qd-game-over .qd-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.qd-game-over .qd-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.ot-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.ot-waiting-room .ot-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.ot-waiting-room .ot-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.ot-waiting-room .ot-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.ot-waiting-room .ot-join-form{display:flex;flex-direction:column;gap:14px}.ot-waiting-room .ot-form-group{text-align:left}.ot-waiting-room .ot-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.ot-waiting-room .ot-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.ot-waiting-room .ot-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.ot-waiting-room .ot-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.ot-waiting-room .ot-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.ot-waiting-room .ot-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.ot-waiting-room .ot-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:ot-spin .9s linear infinite}@keyframes ot-spin{to{transform:rotate(360deg)}}.ot-waiting-room .ot-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.ot-waiting-room .ot-bot-button:disabled{opacity:.5;cursor:not-allowed}.ot-board-page{min-height:100vh;background:var(--color-canvas);padding:52px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;box-sizing:border-box}.ot-board-page .ot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;max-width:340px;aspect-ratio:1;background:var(--color-surface-cream-strong);border:1px solid var(--color-hairline);border-radius:12px;padding:6px;box-sizing:border-box;flex-shrink:0}.ot-board-page .ot-mid{display:flex;align-items:center;gap:12px;width:100%;max-width:460px;justify-content:center;flex-wrap:wrap}.ot-board-page .ot-cell{aspect-ratio:1;position:relative;border:1px solid var(--color-hairline-soft);border-radius:8px;background:var(--color-surface-card);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .12s ease,box-shadow .12s ease}.ot-board-page .ot-cell.temple{background:var(--color-primary-tint);border-color:var(--color-primary);border-style:dashed}.ot-board-page .ot-cell.from{box-shadow:inset 0 0 0 2px var(--color-primary-ring)}.ot-board-page .ot-cell.selected{box-shadow:inset 0 0 0 2px var(--color-primary)}.ot-board-page .ot-cell.target{background:var(--color-primary-tint);box-shadow:inset 0 0 0 2px var(--color-primary-ring)}.ot-board-page .ot-cell.flash{animation:ot-flash .8s ease}@keyframes ot-flash{0%{background:var(--color-primary-tint)}to{background:var(--color-surface-card)}}.ot-board-page .ot-piece{width:62%;aspect-ratio:1;border-radius:50%;border:2px solid var(--color-canvas);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:var(--color-on-primary);font-size:18px;line-height:1}.ot-board-page .ot-piece.south{background:var(--color-team-blue)}.ot-board-page .ot-piece.north{background:var(--color-team-red)}.ot-board-page .ot-hand{display:flex;gap:10px;min-height:96px}.ot-board-page .ot-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-card);cursor:default}.ot-board-page .ot-card.clickable{cursor:pointer}.ot-board-page .ot-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.ot-board-page .ot-card.rotated .ot-card-grid{transform:rotate(180deg)}.ot-board-page .ot-card.waiting{opacity:.85}.ot-board-page .ot-card-label{font-size:12px;font-weight:700;color:var(--color-ink)}.ot-board-page .ot-card-grid{display:grid;grid-template-columns:repeat(5,11px);grid-template-rows:repeat(5,11px);gap:1px}.ot-board-page .ot-card-cell{background:var(--color-canvas);border-radius:2px}.ot-board-page .ot-card-cell.center{background:var(--color-ink)}.ot-board-page .ot-card-cell.mark{background:var(--color-primary)}.ot-board-page .ot-waiting-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.ot-board-page .ot-waiting-label{font-size:11px;color:var(--color-muted)}.ot-board-page .ot-status{color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.ot-board-page .ot-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.ot-board-page .ot-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.ot-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.ot-game-over .ot-over-container{width:100%;max-width:440px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;gap:16px}.ot-game-over .ot-over-title{margin:0;font-size:32px;color:var(--color-ink)}.ot-game-over .ot-over-reason{margin:0;color:var(--color-body);font-size:15px}.ot-game-over .ot-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.ot-game-over .ot-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.ot-game-over .ot-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.ot-game-over .ot-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.ot-game-over .ot-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.lc-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.lc-waiting-room .lc-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.lc-waiting-room .lc-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.lc-waiting-room .lc-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.lc-waiting-room .lc-join-form{display:flex;flex-direction:column;gap:14px}.lc-waiting-room .lc-form-group{text-align:left}.lc-waiting-room .lc-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.lc-waiting-room .lc-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.lc-waiting-room .lc-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.lc-waiting-room .lc-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.lc-waiting-room .lc-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.lc-waiting-room .lc-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.lc-waiting-room .lc-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:lc-spin .9s linear infinite}@keyframes lc-spin{to{transform:rotate(360deg)}}.lc-waiting-room .lc-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.lc-waiting-room .lc-bot-button:disabled{opacity:.5;cursor:not-allowed}.lc-board-page{min-height:100vh;background:var(--color-canvas);padding:52px 12px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:560px;margin:0 auto;box-sizing:border-box}.lc-board-page .lc-player-bar{width:100%;max-width:480px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-body);min-height:24px}.lc-board-page .lc-player-name{font-weight:700;color:var(--color-ink)}.lc-board-page .lc-score{margin-left:auto;font-weight:700;color:var(--color-ink)}.lc-board-page .lc-hand-count{color:var(--color-muted)}.lc-board-page .lc-exped-row{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lc-board-page .lc-exped{min-height:96px;border:1px dashed var(--color-hairline);border-radius:10px;background:var(--color-surface-soft);padding:4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default}.lc-board-page .lc-exped.playable{border-color:var(--color-primary);background:var(--color-primary-tint);cursor:pointer}.lc-board-page .lc-exped-score{font-size:11px;font-weight:700;color:var(--color-muted);min-height:13px}.lc-board-page .lc-exped-cards{display:flex;flex-direction:column;gap:0;align-items:center}.lc-board-page .lc-exped-cards .lc-chip:not(:first-child){margin-top:-6px}.lc-board-page .lc-chip{width:26px;height:34px;border-radius:5px;border:1.5px solid var(--color-canvas);color:var(--color-on-primary);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.lc-board-page .lc-chip.preview{opacity:.55;border-style:dashed}.lc-board-page .lc-chip.lc-red,.lc-board-page .lc-hand-card.lc-red{background:var(--lc-red)}.lc-board-page .lc-chip.lc-green,.lc-board-page .lc-hand-card.lc-green{background:var(--lc-green)}.lc-board-page .lc-chip.lc-blue,.lc-board-page .lc-hand-card.lc-blue{background:var(--lc-blue)}.lc-board-page .lc-chip.lc-white,.lc-board-page .lc-hand-card.lc-white{background:var(--lc-white)}.lc-board-page .lc-chip.lc-yellow,.lc-board-page .lc-hand-card.lc-yellow{background:var(--lc-yellow)}.lc-board-page .lc-middle{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:stretch}.lc-board-page .lc-deck{border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-dark);color:var(--color-on-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0;cursor:default}.lc-board-page .lc-deck-count{font-size:16px;font-weight:800}.lc-board-page .lc-deck-label{font-size:11px;color:var(--color-on-dark-soft)}.lc-board-page .lc-discard{position:relative;border:1px dashed var(--color-hairline);border-radius:10px;background:var(--color-surface-soft);display:flex;align-items:center;justify-content:center;padding:8px 0;cursor:default}.lc-board-page .lc-discard-empty{font-size:11px;color:var(--color-muted-soft)}.lc-board-page .lc-discard-count{position:absolute;right:3px;bottom:2px;font-size:10px;color:var(--color-muted)}.lc-board-page .lc-discard.discardable{border-color:var(--color-warning);background:var(--color-primary-tint);cursor:pointer}.lc-board-page .lc-deck.drawable,.lc-board-page .lc-discard.drawable{border:2px solid var(--color-primary);cursor:pointer}.lc-board-page .lc-hand{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;min-height:56px;padding-top:8px;box-sizing:border-box}.lc-board-page .lc-hand>*{flex-shrink:0}.lc-board-page .lc-hand>*:not(:first-child){margin-left:var(--fan-ml, 6px)}.lc-board-page .lc-hand-card.selected,.lc-board-page .lc-hand-card.pending{z-index:5}.lc-board-page .lc-hand-card:hover{z-index:6}.lc-board-page .lc-hand-card{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:52px;border-radius:5px;color:var(--color-on-primary);font-size:18px;font-weight:800;cursor:pointer;background-image:linear-gradient(170deg,#ffffff42,#ffffff0f 45%,#1414131a);border:1px solid rgba(20,20,19,.3);box-shadow:0 1px 2px #1414132e,0 2px 5px #1414131f;transition:transform .1s ease,box-shadow .1s ease}.lc-board-page .lc-hand-card .lc-card-corner{position:absolute;font-size:8px;font-weight:700;line-height:1;opacity:.9;pointer-events:none}.lc-board-page .lc-hand-card .lc-card-corner.tl{top:3px;left:4px}.lc-board-page .lc-hand-card .lc-card-corner.br{bottom:3px;right:4px;transform:rotate(180deg)}.lc-board-page .lc-hand-card.selected{transform:translateY(-6px);box-shadow:0 0 0 2px var(--color-primary)}.lc-board-page .lc-hand-card.pending{opacity:.4}.lc-board-page .lc-status{color:var(--color-ink);font-size:14px;font-weight:600;text-align:center}.lc-board-page .lc-event{color:var(--color-muted);font-size:12px;text-align:center}.lc-board-page .lc-cancel-button{padding:4px 12px;border:1px solid var(--color-hairline);border-radius:8px;background:transparent;color:var(--color-body);font-size:12px;cursor:pointer}.lc-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.lc-game-over .lc-over-container{width:100%;max-width:440px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;gap:16px}.lc-game-over .lc-over-title{margin:0;font-size:32px;color:var(--color-ink)}.lc-game-over .lc-over-reason{margin:0;color:var(--color-body);font-size:15px}.lc-game-over .lc-over-scores{display:flex;justify-content:center;gap:28px}.lc-game-over .lc-over-score{display:flex;flex-direction:column;gap:4px}.lc-game-over .lc-over-score-label{font-size:12px;color:var(--color-muted)}.lc-game-over .lc-over-score-value{font-size:24px;font-weight:800;color:var(--color-ink)}.lc-game-over .lc-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.lc-game-over .lc-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.lc-game-over .lc-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.lc-game-over .lc-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.lc-game-over .lc-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.cs-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.cs-waiting-room .cs-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.cs-waiting-room .cs-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.cs-waiting-room .cs-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.cs-waiting-room .cs-join-form{display:flex;flex-direction:column;gap:14px}.cs-waiting-room .cs-form-group{text-align:left}.cs-waiting-room .cs-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.cs-waiting-room .cs-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.cs-waiting-room .cs-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.cs-waiting-room .cs-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.cs-waiting-room .cs-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.cs-waiting-room .cs-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.cs-waiting-room .cs-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:cs-spin .9s linear infinite}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-waiting-room .cs-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.cs-waiting-room .cs-bot-button:disabled{opacity:.5;cursor:not-allowed}.cs-board-page{min-height:100vh;background:var(--color-canvas);padding:52px 12px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;box-sizing:border-box}.cs-board-page .cs-score-bar{width:100%;max-width:480px;display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--color-body)}.cs-board-page .cs-score-side.mine{color:var(--color-team-blue)}.cs-board-page .cs-mountain{width:100%;max-width:480px;display:flex;gap:4px;align-items:flex-end;justify-content:center;background:var(--color-surface-cream-strong);border:1px solid var(--color-hairline);border-radius:12px;padding:10px 8px 6px;box-sizing:border-box}.cs-board-page .cs-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;max-width:38px}.cs-board-page .cs-col-steps{display:flex;flex-direction:column;gap:3px;width:100%}.cs-board-page .cs-step{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--color-hairline-soft);border-radius:6px;background:var(--color-surface-card);display:flex;align-items:center;justify-content:center}.cs-board-page .cs-step.top{border-color:var(--color-primary);border-style:dashed;background:var(--color-primary-tint)}.cs-board-page .cs-col-label{font-size:12px;font-weight:800;color:var(--color-body)}.cs-board-page .cs-col.claimed-mine .cs-step{background:var(--color-team-blue-tint);border-color:var(--color-team-blue)}.cs-board-page .cs-col.claimed-opp .cs-step{background:var(--color-team-red-tint);border-color:var(--color-team-red)}.cs-board-page .cs-col.claimed-mine .cs-col-label{color:var(--color-team-blue)}.cs-board-page .cs-col.claimed-opp .cs-col-label{color:var(--color-team-red)}.cs-board-page .cs-marker{position:absolute;border-radius:50%}.cs-board-page .cs-marker.banked{width:42%;height:42%}.cs-board-page .cs-marker.banked.mine{background:var(--color-team-blue);left:10%;bottom:10%}.cs-board-page .cs-marker.banked.opp{background:var(--color-team-red);right:10%;bottom:10%}.cs-board-page .cs-marker.temp{width:66%;height:66%;background:var(--color-canvas);z-index:2}.cs-board-page .cs-marker.temp.mine{border:3px solid var(--color-team-blue)}.cs-board-page .cs-marker.temp.opp{border:3px solid var(--color-team-red)}.cs-board-page .cs-dice{display:flex;gap:8px;font-size:40px;line-height:1;color:var(--color-ink);min-height:44px}.cs-board-page .cs-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cs-board-page .cs-option-button{padding:10px 18px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-ink);font-size:16px;font-weight:800;cursor:pointer}.cs-board-page .cs-actions{display:flex;gap:10px}.cs-board-page .cs-action-button{padding:12px 24px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.cs-board-page .cs-action-button.stop{background:var(--color-surface-dark)}.cs-board-page .cs-status{color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.cs-board-page .cs-status.bust{color:var(--color-error)}.cs-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.cs-game-over .cs-over-container{width:100%;max-width:440px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center;display:flex;flex-direction:column;gap:16px}.cs-game-over .cs-over-title{margin:0;font-size:32px;color:var(--color-ink)}.cs-game-over .cs-over-reason{margin:0;color:var(--color-body);font-size:15px}.cs-game-over .cs-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.cs-game-over .cs-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.cs-game-over .cs-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.cs-game-over .cs-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.cs-game-over .cs-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.tc-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.tc-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.tc-waiting-title{margin:0 0 var(--space-xxs);font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.tc-waiting-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.tc-join-form,.tc-waiting-body{display:flex;flex-direction:column;gap:14px}.tc-form-group{text-align:left}.tc-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.tc-form-group input{width:100%;box-sizing:border-box;padding:var(--space-sm) 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.tc-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.tc-primary-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.tc-ghost-button{padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.tc-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.tc-seat-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm) 14px;border-radius:var(--radius-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-left-width:4px;color:var(--color-ink);font-weight:600}.tc-seat-item.team02{border-left-color:var(--color-team-blue)}.tc-seat-item.team13{border-left-color:var(--color-team-red)}.tc-seat-item.empty{background:transparent;border-style:dashed;border-left-style:solid}.tc-seat-team{font-size:var(--text-caption-uppercase);font-weight:700;color:var(--color-muted);flex-shrink:0}.tc-seat-item.team02 .tc-seat-team{color:var(--color-team-blue)}.tc-seat-item.team13 .tc-seat-team{color:var(--color-team-red)}.tc-seat-name{display:flex;align-items:center;gap:6px}.tc-seat-empty-label{color:var(--color-muted-soft);font-weight:400;font-size:var(--text-body-sm)}.tc-crown,.tc-bot-mark{font-size:var(--text-body-sm)}.tc-dot{width:9px;height:9px;border-radius:var(--radius-full)}.tc-dot.on{background:var(--color-success)}.tc-dot.off{background:var(--color-muted-soft)}.tc-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}.tc-target-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.tc-target-label{font-size:var(--text-body-sm);color:var(--color-body);font-weight:600}.tc-target-toggle{display:flex;gap:var(--space-xxs)}.tc-target-option{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-canvas);color:var(--color-body);font-size:var(--text-body-sm);font-weight:600;cursor:pointer}.tc-target-option:disabled{cursor:default}.tc-target-option.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tc-bot-button{padding:var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.tc-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.tc-waiting-toast{background:var(--color-surface-dark);border:1px solid var(--color-hairline);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.tc-card{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);font-family:var(--font-sans);font-weight:700;line-height:1;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.tc-card-md{width:52px;height:74px;border-radius:6px}.tc-card-sm{width:34px;height:48px;border-radius:4px}.tc-card.clickable{cursor:pointer}.tc-card.clickable:disabled{cursor:not-allowed;opacity:.5}.tc-card.selected{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring),var(--shadow-subtle)}.tc-card-index{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:none}.tc-card-index.tl{top:4px;left:4px}.tc-card-index.br{bottom:4px;right:4px;transform:rotate(180deg)}.tc-card-md .tc-card-index-rank{font-size:12px;letter-spacing:-.5px}.tc-card-md .tc-card-index-suit{font-size:9px;margin-top:1px}.tc-card-sm .tc-card-index-rank{font-size:9px;letter-spacing:-.5px}.tc-card-sm .tc-card-index-suit{font-size:7px}.tc-card-pip{pointer-events:none}.tc-card-md .tc-card-pip{font-size:24px}.tc-card-sm .tc-card-pip{font-size:16px}.tc-card-md .tc-card-pip.ace{font-size:30px}.tc-card-sm .tc-card-pip.ace{font-size:20px}.tc-suit-G{color:var(--tc-jade)}.tc-suit-B{color:var(--tc-sword)}.tc-suit-U{color:var(--tc-pagoda)}.tc-suit-R{color:var(--tc-star)}.tc-card-special .tc-card-art{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.tc-card-md .tc-card-glyph{font-size:24px}.tc-card-sm .tc-card-glyph{font-size:15px}.tc-card-name{font-weight:700;line-height:1}.tc-card-md .tc-card-name{font-size:10px}.tc-card-sm .tc-card-name{font-size:8px}.tc-card-special .tc-card-index-rank{font-size:10px}.tc-card-sm.tc-card-special .tc-card-index-rank{font-size:8px}.tc-sp-mah{color:var(--tc-mah);background:linear-gradient(170deg,var(--card-face) 0%,var(--tc-mah-tint) 100%);border-color:var(--tc-mah)}.tc-sp-dog{color:var(--tc-dog);background:linear-gradient(170deg,var(--card-face) 0%,var(--tc-dog-tint) 100%);border-color:var(--tc-dog)}.tc-sp-phx{color:var(--tc-phx);background:linear-gradient(170deg,var(--card-face) 0%,var(--tc-phx-tint) 100%);border-color:var(--tc-phx)}.tc-sp-drg{color:var(--tc-drg);background:linear-gradient(170deg,var(--card-face) 0%,var(--tc-drg-tint) 100%);border-color:var(--tc-drg)}@media(max-width:480px){.tc-card-md{width:44px;height:62px;border-radius:5px}.tc-card-md .tc-card-index-rank{font-size:10px}.tc-card-md .tc-card-index-suit{font-size:8px}.tc-card-md .tc-card-pip{font-size:20px}.tc-card-md .tc-card-pip.ace{font-size:25px}.tc-card-md .tc-card-glyph{font-size:19px}.tc-card-md .tc-card-name{font-size:9px}}.tc-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);max-width:860px;margin:0 auto;box-sizing:border-box}.tc-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,480px);pointer-events:none}.tc-toast{background:var(--color-surface-dark);border:1px solid var(--color-hairline);color:var(--color-on-dark);border-radius:var(--radius-md);padding:var(--space-xs) 14px;font-size:var(--text-caption);text-align:center;animation:tc-toast-in .2s ease}@keyframes tc-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tc-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.tc-score{display:flex;align-items:baseline;gap:6px;padding:6px var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline);font-size:var(--text-body-sm);color:var(--color-body)}.tc-score strong{font-size:var(--text-title-md);color:var(--color-ink)}.tc-score.team02{border-left:4px solid var(--color-team-blue)}.tc-score.team13{border-left:4px solid var(--color-team-red)}.tc-score.mine{background:var(--color-surface-card)}.tc-score-label{font-weight:700}.tc-score.team02 .tc-score-label{color:var(--color-team-blue)}.tc-score.team13 .tc-score-label{color:var(--color-team-red)}.tc-header-mid{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-caption);color:var(--color-muted);flex-wrap:wrap;justify-content:center}.tc-wish-chip{background:var(--tc-special-tint);border:1px solid var(--tc-special);color:var(--tc-special);border-radius:var(--radius-pill);padding:2px var(--space-xs);font-weight:700}.tc-table{display:grid;grid-template-areas:". top ." "left center right" ". bottom .";grid-template-columns:minmax(84px,1fr) minmax(0,2.4fr) minmax(84px,1fr);gap:var(--space-xs);align-items:center;flex:1}.tc-pos-top{grid-area:top;display:flex;justify-content:center}.tc-pos-left{grid-area:left;display:flex;justify-content:flex-start}.tc-pos-center{grid-area:center;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);border:1px dashed var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xs);background:var(--color-surface-soft)}.tc-pos-right{grid-area:right;display:flex;justify-content:flex-end}.tc-pos-bottom{grid-area:bottom;display:flex;justify-content:center}.tc-plate{display:flex;flex-direction:column;gap:4px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-top-width:3px;min-width:84px;max-width:180px}.tc-plate.team02{border-top-color:var(--color-team-blue)}.tc-plate.team13{border-top-color:var(--color-team-red)}.tc-plate.turn{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.tc-plate.offline{opacity:.45}.tc-plate-name{display:flex;align-items:center;gap:4px;font-weight:700;font-size:var(--text-body-sm);color:var(--color-ink);min-width:0}.tc-plate-name>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-plate-you{color:var(--color-muted);font-weight:400;font-size:var(--text-caption)}.tc-plate-badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tc-plate-count{font-size:var(--text-caption);color:var(--color-muted)}.tc-badge{font-size:11px;font-weight:700;border-radius:var(--radius-pill);padding:1px 7px}.tc-badge-tichu{background:var(--color-primary-tint);color:var(--color-primary-active);border:1px solid var(--color-primary)}.tc-badge-grand{background:var(--tc-special-tint);color:var(--tc-special);border:1px solid var(--tc-special)}.tc-badge-out{background:var(--color-surface-cream-strong);color:var(--color-body-strong);border:1px solid var(--color-hairline)}.tc-badge-offline{background:var(--color-surface-soft);color:var(--color-error);border:1px solid var(--color-error)}.tc-badge-dragon{background:var(--color-surface-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.tc-center-note{font-size:var(--text-caption);color:var(--color-muted);text-align:center;padding:0 var(--space-xs)}.tc-trick{display:flex;flex-direction:column;width:100%;align-items:center;padding-top:4px}.tc-trick-play{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-surface-soft);border:1px solid var(--color-hairline)}.tc-trick-play:not(:first-child){margin-top:-52px}.tc-trick-play.last{background:var(--color-canvas);border-color:var(--color-primary);box-shadow:var(--shadow-modal)}.tc-trick-meta{font-size:11px;color:var(--color-muted);font-weight:600}.tc-trick-play.last .tc-trick-meta{color:var(--color-body-strong)}.tc-trick-cards{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.tc-exchange-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline)}.tc-exchange-slots{display:flex;gap:var(--space-md);justify-content:center}.tc-exchange-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.tc-exchange-target{font-size:11px;font-weight:700;color:var(--color-body);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-exchange-empty{width:34px;height:48px;border:1px dashed var(--color-hairline);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-muted-soft);box-sizing:border-box}.tc-hand-area{display:flex;justify-content:center;padding-top:var(--space-sm)}.tc-hand{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;padding-top:12px}.tc-hand>*{flex-shrink:0}.tc-hand>*:not(:first-child){margin-left:var(--fan-ml, 6px)}.tc-hand .tc-card.selected{z-index:5}.tc-hand .tc-card.clickable:not(:disabled):hover{z-index:6}.tc-out-note{color:var(--color-muted);font-size:var(--text-body-sm);padding:var(--space-md)}.tc-action-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.tc-turn-note{font-size:var(--text-caption);color:var(--color-muted)}.tc-action-buttons{display:flex;gap:var(--space-xs)}.tc-primary-button{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:700;cursor:pointer}.tc-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.tc-pass-button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-body);font-size:var(--text-button);font-weight:700;cursor:pointer}.tc-pass-button:disabled{opacity:.45;cursor:not-allowed}.tc-tichu-button{padding:var(--space-sm) var(--space-md);border:1px solid var(--tc-special);border-radius:var(--radius-md);background:var(--tc-special-tint);color:var(--tc-special);font-size:var(--text-button);font-weight:700;cursor:pointer}.tc-wish-picker{display:flex;flex-direction:column;align-items:center;gap:4px}.tc-wish-label{font-size:var(--text-caption);font-weight:700;color:var(--tc-special)}.tc-wish-options{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:420px}.tc-wish-option{min-width:34px;padding:5px 7px;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-body);font-size:var(--text-caption);font-weight:600;cursor:pointer}.tc-wish-option.active{background:var(--tc-special);border-color:var(--tc-special);color:var(--color-on-primary)}.tc-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md)}.tc-overlay-panel{width:100%;max-width:440px;max-height:86vh;overflow-y:auto;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;box-shadow:var(--shadow-modal);box-sizing:border-box}.tc-overlay-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink)}.tc-overlay-desc{margin:0;font-size:var(--text-body-sm);color:var(--color-body)}.tc-overlay-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tc-overlay-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.tc-result-rows{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.tc-result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-left-width:4px;font-size:var(--text-body-sm);color:var(--color-body)}.tc-result-row.team02{border-left-color:var(--color-team-blue)}.tc-result-row.team13{border-left-color:var(--color-team-red)}.tc-result-row.mine{background:var(--color-surface-card);font-weight:700}.tc-result-delta{font-weight:700;color:var(--color-primary-active)}.tc-result-row strong{font-size:var(--text-title-sm);color:var(--color-ink)}.tc-result-detail{margin:0;font-size:var(--text-caption);color:var(--color-muted);white-space:pre-line}@media(max-width:480px){.tc-board{padding:var(--space-sm) var(--space-xs) var(--space-md)}.tc-header{padding-right:52px}.tc-table{grid-template-columns:minmax(72px,1fr) minmax(0,1.8fr) minmax(72px,1fr)}.tc-plate{min-width:68px;padding:6px var(--space-xs)}.tc-pos-center{min-height:120px}.tc-exchange-slots{gap:var(--space-sm)}}.tc-wish-options button{min-height:34px;min-width:34px}.tc-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.tc-game-over-panel{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}.tc-game-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.tc-game-over-winner{margin:0;font-size:var(--text-body-md);color:var(--color-body)}.tc-game-over-team{font-weight:700}.tc-game-over-team.team02{color:var(--color-team-blue)}.tc-game-over-team.team13{color:var(--color-team-red)}.tc-final-scores{display:flex;flex-direction:column;gap:var(--space-xs)}.tc-final-score{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-sm) 14px;border-radius:var(--radius-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-left-width:4px;color:var(--color-body);font-size:var(--text-body-sm)}.tc-final-score.team02{border-left-color:var(--color-team-blue)}.tc-final-score.team13{border-left-color:var(--color-team-red)}.tc-final-score.winner{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.tc-final-team{font-weight:700;flex-shrink:0}.tc-final-score.team02 .tc-final-team{color:var(--color-team-blue)}.tc-final-score.team13 .tc-final-team{color:var(--color-team-red)}.tc-final-names{flex:1;text-align:left;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-final-score strong{font-size:var(--text-title-md);color:var(--color-ink)}.tc-new-game-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.mt-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-surface-dark-elevated) 0%,var(--color-surface-dark) 100%);padding:var(--space-lg)}.mt-waiting-container{width:100%;max-width:420px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.mt-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.mt-subtitle{margin:0 0 var(--space-lg);color:var(--color-on-dark-soft);font-size:var(--text-body-sm)}.mt-join-form,.mt-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.mt-form-group{text-align:left}.mt-form-group label{display:block;color:var(--color-on-dark-soft);font-size:var(--text-caption);margin-bottom:6px}.mt-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--color-on-dark);font-size:var(--text-body-md)}.mt-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.mt-primary-button:not(:disabled):active{background:var(--color-primary-active)}.mt-primary-button:disabled{background:#ffffff1f;color:var(--color-on-dark-soft);cursor:not-allowed}.mt-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--color-on-dark-soft);font-size:var(--text-body-sm);cursor:pointer}.mt-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.mt-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:#ffffff12;color:var(--color-on-dark);font-weight:600}.mt-seat-item.empty{color:var(--color-on-dark-soft);font-weight:400;border:1px dashed rgba(255,255,255,.15);background:transparent;justify-content:center}.mt-seat-item-name{display:flex;align-items:center;gap:6px}.mt-crown{font-size:var(--text-body-sm)}.mt-dot{width:9px;height:9px;border-radius:var(--radius-full)}.mt-dot.on{background:var(--color-success)}.mt-dot.off{background:var(--color-muted-soft)}.mt-waiting-hint{margin:0;color:var(--color-on-dark-soft);font-size:var(--text-caption)}.mt-card{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.28);font-family:var(--font-sans);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;padding:0;box-shadow:0 1px 2px #1414132e,0 2px 6px #1414131f}.mt-card-md{width:44px;height:62px;border-radius:5px}.mt-card-sm{width:32px;height:45px;border-radius:4px}.mt-card-index{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.mt-card-index.tl{top:3px;left:3px}.mt-card-index.br{bottom:3px;right:3px;transform:rotate(180deg)}.mt-card-md .mt-card-index-rank{font-size:11px;letter-spacing:-.5px}.mt-card-md .mt-card-index-suit{font-size:9px;margin-top:1px}.mt-card-sm .mt-card-index-rank{font-size:9px;letter-spacing:-.5px}.mt-card-sm .mt-card-index-suit{font-size:7px}.mt-card-pip{pointer-events:none}.mt-card-md .mt-card-pip{font-size:21px}.mt-card-sm .mt-card-pip{font-size:15px}.mt-card-md .mt-card-pip.ace{font-size:26px}.mt-card-sm .mt-card-pip.ace{font-size:18px}.mt-card-court{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid currentColor;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--card-face);outline:1px solid currentColor;outline-offset:-3.5px;pointer-events:none}.mt-card-md .mt-card-court{width:24px;height:34px}.mt-card-sm .mt-card-court{width:17px;height:24px}.mt-card-court-letter{font-family:var(--font-display);font-weight:700}.mt-card-md .mt-card-court-letter{font-size:17px}.mt-card-sm .mt-card-court-letter{font-size:12px}.mt-card-md .mt-card-court-suit{font-size:8px}.mt-card-sm .mt-card-court-suit{font-size:6px}.mt-card.black{color:var(--color-ink)}.mt-card.red{color:var(--color-team-red)}.mt-card.joker{color:var(--tc-special, #7c5cad);background:linear-gradient(170deg,var(--card-face) 0%,var(--tc-special-tint) 100%)}.mt-card.joker .mt-card-index.jk .mt-card-index-rank{line-height:1.05}.mt-card-md .mt-card-jester{font-size:24px}.mt-card-sm .mt-card-jester{font-size:17px}button.mt-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button.mt-card:disabled{cursor:not-allowed;opacity:.35}button.mt-card:not(:disabled):hover{transform:translateY(-4px)}.mt-card.selected{outline:2px solid var(--color-primary);outline-offset:1px;transform:translateY(-6px)}button.mt-card.selected:not(:disabled):hover{transform:translateY(-6px)}.mt-card.highlighted{box-shadow:0 0 0 2px var(--color-accent-amber)}.mt-panel{display:flex;flex-direction:column;gap:10px;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);width:100%;max-width:560px;box-sizing:border-box}.mt-panel-title{margin:0;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;text-align:center}.mt-panel-hint{margin:0;color:var(--color-on-dark-soft);font-size:var(--text-caption);text-align:center}.mt-panel-warning{margin:0;color:var(--color-accent-amber);font-size:var(--text-caption);font-weight:700;text-align:center}.mt-suit-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mt-suit-button{min-width:44px;height:40px;padding:0 10px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#00000040;color:var(--color-on-dark);font-size:var(--text-title-md);font-weight:700;cursor:pointer}.mt-suit-button.wide{font-size:var(--text-body-sm)}.mt-suit-button.active{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-primary)}.mt-suit-button:disabled{opacity:.3;cursor:not-allowed}.mt-suit-red{color:#e06c6c}.mt-bid-stepper{display:flex;align-items:center;gap:var(--space-sm)}.mt-step-button{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);background:#00000040;color:var(--color-on-dark);font-size:var(--text-title-lg);line-height:1;cursor:pointer}.mt-step-button:disabled{opacity:.3;cursor:not-allowed}.mt-bid-value{min-width:90px;text-align:center;color:var(--color-on-dark);font-size:var(--text-title-lg);font-weight:800}.mt-panel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.mt-action-button{padding:11px 18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--color-on-dark);font-size:var(--text-button);font-weight:700;cursor:pointer}.mt-action-button.primary{border:none;background:var(--color-primary);color:var(--color-on-primary)}.mt-action-button.primary:active:not(:disabled){background:var(--color-primary-active)}.mt-action-button:disabled{opacity:.4;cursor:not-allowed}.mt-rank-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.mt-rank-button{min-width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;cursor:pointer}.mt-rank-button.active{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-primary)}.mt-friend-card-picker{display:flex;flex-direction:column;gap:8px;align-items:center}.mt-friend-preview{display:flex;align-items:center;gap:10px}.mt-board{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--color-surface-dark-elevated) 0%,var(--color-surface-dark) 100%);color:var(--color-on-dark);padding:var(--space-sm);box-sizing:border-box;gap:var(--space-sm)}.mt-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.mt-toast{background:#141413e0;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:mt-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes mt-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mt-status-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mt-chip{padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);font-weight:600;color:var(--color-on-dark)}.mt-chip.accent{border-color:var(--color-accent-amber);color:var(--color-accent-amber)}.mt-chip.teal{border-color:var(--color-accent-teal);color:var(--color-accent-teal)}.mt-chip.warn{background:var(--color-error);border-color:var(--color-error);color:var(--color-on-primary);animation:mt-pulse 1s ease infinite}@keyframes mt-pulse{50%{opacity:.6}}.mt-table{flex:1;display:grid;grid-template-areas:"s2 center s3" "s1 center s4";grid-template-columns:minmax(108px,1fr) minmax(0,2.2fr) minmax(108px,1fr);grid-template-rows:1fr 1fr;gap:var(--space-xs);align-items:center}.mt-seat-pos-1{grid-area:s1}.mt-seat-pos-2{grid-area:s2}.mt-seat-pos-3{grid-area:s3}.mt-seat-pos-4{grid-area:s4}.mt-seat{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}.mt-seat.turn{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.mt-seat.dim{opacity:.45}.mt-seat-name{display:flex;align-items:center;gap:4px;font-weight:700;font-size:var(--text-body-sm);min-width:0}.mt-seat-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-seat-stats{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-caption-uppercase);color:var(--color-on-dark-soft)}.mt-seat-offline{font-size:var(--text-caption-uppercase);color:var(--color-warning)}.mt-friend-badge{padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-accent-teal);color:var(--color-surface-dark);font-size:var(--text-caption-uppercase);font-weight:800;animation:mt-badge-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes mt-badge-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.mt-pass-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff24;color:var(--color-on-dark-soft);font-size:var(--text-caption-uppercase);font-weight:700}.mt-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-width:0}.mt-center-info{text-align:center}.mt-center-line{margin:0;font-size:var(--text-body-md);font-weight:700}.mt-center-sub{margin:0;font-size:var(--text-caption);color:var(--color-on-dark-soft)}.mt-trick{display:grid;grid-template-areas:"t2 t3" "t1 t4" "t0 t0";gap:6px;justify-items:center;align-items:center}.mt-trick-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.mt-trick-slot.slot-0{grid-area:t0}.mt-trick-slot.slot-1{grid-area:t1}.mt-trick-slot.slot-2{grid-area:t2}.mt-trick-slot.slot-3{grid-area:t3}.mt-trick-slot.slot-4{grid-area:t4}.mt-trick-name{font-size:var(--text-caption-uppercase);color:var(--color-on-dark-soft);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-trick-empty{width:32px;height:45px;border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-sm)}.mt-last-trick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;background:#0003;border-radius:var(--radius-md);padding:4px 8px}.mt-last-trick-label{font-size:var(--text-caption-uppercase);color:var(--color-on-dark-soft)}.mt-last-trick-cards{display:inline-flex;gap:3px}.mt-last-trick-cards .mt-card{width:24px;height:34px;font-size:10px}.mt-my-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.mt-my-info{display:flex;align-items:center;gap:8px;font-size:var(--text-body-sm);padding:4px 12px;border-radius:var(--radius-pill);border:1px solid transparent}.mt-my-info.turn{border-color:var(--color-primary);background:var(--color-primary-tint)}.mt-seat-stats-inline{color:var(--color-on-dark-soft);font-size:var(--text-caption)}.mt-hand{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;max-width:720px;padding:10px 0 8px}.mt-hand>*{flex-shrink:0}.mt-hand>*:not(:first-child){margin-left:var(--fan-ml, 4px)}.mt-hand-slot.suit-break{margin-left:var(--fan-ml, 4px)}.mt-hand-slot{position:relative}.mt-hand-slot:has(.mt-card.selected),.mt-hand-slot:has(.mt-card.highlighted){z-index:5}.mt-hand-slot:hover{z-index:6}@media(max-width:480px){.mt-board{padding:var(--space-xs)}.mt-table{grid-template-columns:minmax(88px,1fr) minmax(0,1.6fr) minmax(88px,1fr)}.mt-seat{padding:6px}.mt-seat-name{font-size:var(--text-caption)}.mt-seat-stats{gap:4px;font-size:11px}.mt-card-md{width:38px;height:54px;font-size:14px}.mt-trick-name{max-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-trick{max-width:100%;min-width:0;overflow:hidden}}.mt-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg)}.mt-game-over-container{width:100%;max-width:440px;background:var(--color-surface-dark-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.mt-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.mt-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.mt-over-verdict.win{color:var(--color-success)}.mt-over-verdict.lose{color:var(--color-error)}.mt-over-teams{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.mt-over-team{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-sm)}.mt-over-team.winner{border-color:var(--color-accent-amber)}.mt-over-team h2{margin:0 0 4px;font-size:var(--text-body-sm);color:var(--color-on-dark-soft)}.mt-over-names{margin:0 0 6px;font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark);word-break:keep-all}.mt-over-points{margin:0;font-size:var(--text-caption);color:var(--color-on-dark-soft)}.mt-over-points strong{color:var(--color-on-dark);font-size:var(--text-body-md)}.sf-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--sf-night-elevated) 0%,var(--sf-night) 100%);padding:var(--space-lg)}.sf-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.sf-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.sf-subtitle{margin:0 0 var(--space-lg);color:var(--sf-moon);font-size:var(--text-body-sm)}.sf-join-form,.sf-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.sf-form-group{text-align:left}.sf-form-group label{display:block;color:var(--sf-moon);font-size:var(--text-caption);margin-bottom:6px}.sf-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.sf-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.sf-primary-button:not(:disabled):active{background:var(--color-primary-active)}.sf-primary-button:disabled{background:#ffffff1f;color:var(--sf-moon);cursor:not-allowed}.sf-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sf-moon);font-size:var(--text-body-sm);cursor:pointer}.sf-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.sf-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sf-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.sf-seat-item.empty{color:var(--sf-moon);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.sf-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-crown{font-size:var(--text-body-sm)}.sf-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.sf-dot.on{background:var(--color-success)}.sf-dot.off{background:var(--color-muted-soft)}.sf-waiting-hint{margin:0;color:var(--sf-moon);font-size:var(--text-caption)}@media(max-width:360px){.sf-waiting{padding:var(--space-sm)}.sf-waiting-container{padding:var(--space-lg) var(--space-md)}}.sf-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.sf-waiting-toast{background:var(--sf-night-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.sf-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--sf-night-elevated) 0%,var(--sf-night) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:96px;box-sizing:border-box;gap:var(--space-sm)}.sf-board.day{background:linear-gradient(170deg,var(--color-surface-dark-elevated) 0%,var(--sf-night-soft) 100%)}.sf-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.sf-toast{background:#0a0c14e6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:sf-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes sf-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sf-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center}.sf-phase-banner.night{background:#7d9fd114;border:1px solid rgba(125,159,209,.25)}.sf-phase-banner.day{background:var(--sf-day-tint);border:1px solid var(--color-accent-amber)}.sf-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.sf-phase-sub{font-size:var(--text-caption);color:var(--sf-moon)}.sf-dead-banner{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:6px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--sf-moon);font-size:var(--text-caption)}.sf-announce{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-title-md);font-weight:700;animation:sf-announce-in .4s ease}.sf-announce.killed{background:var(--sf-mafia-tint);border:1px solid var(--sf-mafia);color:var(--sf-mafia)}.sf-announce.saved{background:var(--sf-doctor-tint);border:1px solid var(--sf-doctor);color:var(--sf-doctor)}@keyframes sf-announce-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sf-announce-chip{padding:4px 12px;border-radius:var(--radius-pill);background:#ffffff12;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);color:var(--sf-moon)}.sf-role-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);text-align:center;animation:sf-role-reveal .7s cubic-bezier(.34,1.56,.64,1)}@keyframes sf-role-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.sf-role-card.role-mafia{border-color:var(--sf-mafia);background:var(--sf-mafia-tint)}.sf-role-card.role-police{border-color:var(--sf-police);background:var(--sf-police-tint)}.sf-role-card.role-doctor{border-color:var(--sf-doctor);background:var(--sf-doctor-tint)}.sf-role-card.role-citizen{border-color:#fff3}.sf-role-head{display:flex;align-items:center;gap:8px}.sf-role-icon{font-size:var(--text-title-lg)}.sf-role-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.sf-role-card.role-mafia .sf-role-name{color:var(--sf-mafia)}.sf-role-card.role-police .sf-role-name{color:var(--sf-police)}.sf-role-card.role-doctor .sf-role-name{color:var(--sf-doctor)}.sf-role-desc{margin:0;font-size:var(--text-caption);color:var(--sf-moon)}.sf-role-mates{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--sf-mafia)}.sf-invest-chip{padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:700}.sf-invest-chip.mafia{background:var(--sf-mafia-tint);border:1px solid var(--sf-mafia);color:var(--sf-mafia)}.sf-invest-chip.clear{background:var(--sf-police-tint);border:1px solid var(--sf-police);color:var(--sf-police)}.sf-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.sf-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark);font-size:var(--text-body-sm);text-align:left;cursor:default;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sf-tile.me{border-color:#ffffff52}.sf-tile.selectable{cursor:pointer}.sf-tile.selectable:hover{border-color:var(--color-primary)}.sf-tile.selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-primary);transform:scale(1.02)}.sf-tile.dead{opacity:.55;background:#00000059;border-color:#ffffff0f}.sf-tile:disabled{color:var(--color-on-dark)}.sf-tile-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-tile-badges{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.sf-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--sf-moon)}.sf-badge.off{background:#d4a0172e;color:var(--color-warning)}.sf-badge.mate{background:var(--sf-mafia-tint);color:var(--sf-mafia);font-weight:700}.sf-badge.voted{background:#5db87229;color:var(--color-success)}.sf-badge.count{background:var(--color-primary);color:var(--color-on-primary);font-weight:800}.sf-tile-dead-line{display:flex;align-items:center;gap:6px;font-size:var(--text-caption-uppercase);color:var(--sf-moon)}.sf-role-chip{padding:1px 6px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark)}.sf-role-chip.role-mafia{background:var(--sf-mafia-tint);color:var(--sf-mafia)}.sf-role-chip.role-police{background:var(--sf-police-tint);color:var(--sf-police)}.sf-role-chip.role-doctor{background:var(--sf-doctor-tint);color:var(--sf-doctor)}.sf-role-chip.role-citizen{color:var(--sf-citizen)}.sf-role-chip.big{font-size:var(--text-body-md);padding:4px 14px}.sf-night-pending{margin:0;font-size:var(--text-caption);color:var(--sf-moon)}.sf-vote-list{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius-lg);background:#00000040;border:1px solid rgba(255,255,255,.1)}.sf-vote-list-title{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sf-moon)}.sf-vote-row{font-size:var(--text-body-sm);color:var(--color-on-dark)}.sf-vote-row em{color:var(--sf-moon);font-style:normal}.sf-vote-row strong{color:var(--color-accent-amber)}.sf-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--sf-night-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:sf-announce-in .2s ease}.sf-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0}.sf-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.sf-confirm-button{padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.sf-confirm-button:active{background:var(--color-primary-active)}.sf-cancel-button{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sf-moon);font-size:var(--text-button);cursor:pointer}.sf-abstain-button{padding:9px 22px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-pill);background:#ffffff0f;color:var(--color-on-dark);font-size:var(--text-button);font-weight:700;cursor:pointer}.sf-exec-overlay{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg)}.sf-exec-card{width:100%;max-width:380px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);background:var(--sf-night-elevated);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-modal);text-align:center;animation:sf-role-reveal .5s cubic-bezier(.34,1.56,.64,1)}.sf-exec-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.sf-exec-sub{margin:0;font-size:var(--text-caption);color:var(--sf-moon)}@media(max-width:420px){.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-board{padding:var(--space-xs);padding-bottom:96px}.sf-tile{padding:8px}.sf-tile-name{font-size:var(--text-caption)}}.sf-board .sf-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--sf-moon);font-size:var(--text-body-sm)}.sf-board .sf-deadline.urgent{color:var(--sf-mafia);animation:sf-deadline-pulse 1s ease infinite}@keyframes sf-deadline-pulse{50%{opacity:.55}}.sf-board .sf-confirm-bar button{min-height:44px}.sf-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.sf-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--sf-night-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.sf-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.sf-over-title.mafia{color:var(--sf-mafia)}.sf-over-title.citizen{color:var(--sf-police)}.sf-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.sf-over-verdict.win{color:var(--color-success)}.sf-over-verdict.lose{color:var(--color-error)}.sf-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sf-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.sf-over-row.dead{opacity:.6}.sf-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-over-role{flex-shrink:0;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark)}.sf-over-role.role-mafia{background:var(--sf-mafia-tint);color:var(--sf-mafia)}.sf-over-role.role-police{background:var(--sf-police-tint);color:var(--sf-police)}.sf-over-role.role-doctor{background:var(--sf-doctor-tint);color:var(--sf-doctor)}.sf-over-role.role-citizen{color:var(--sf-citizen)}@media(max-width:360px){.sf-game-over{padding:var(--space-sm)}.sf-game-over-container{padding:var(--space-lg) var(--space-md)}}.sp-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--sp-dark-elevated) 0%,var(--sp-dark) 100%);padding:var(--space-lg)}.sp-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.sp-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.sp-subtitle{margin:0 0 var(--space-lg);color:var(--sp-fog);font-size:var(--text-body-sm)}.sp-join-form,.sp-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.sp-form-group{text-align:left}.sp-form-group label{display:block;color:var(--sp-fog);font-size:var(--text-caption);margin-bottom:6px}.sp-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.sp-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.sp-primary-button:not(:disabled):active{background:var(--color-primary-active)}.sp-primary-button:disabled{background:#ffffff1f;color:var(--sp-fog);cursor:not-allowed}.sp-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sp-fog);font-size:var(--text-body-sm);cursor:pointer}.sp-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.sp-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sp-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.sp-seat-item.empty{color:var(--sp-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.sp-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-crown{font-size:var(--text-body-sm)}.sp-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.sp-dot.on{background:var(--color-success)}.sp-dot.off{background:var(--color-muted-soft)}.sp-timer-picker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-md);background:#00000040;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.sp-timer-label{color:var(--sp-fog);font-size:var(--text-caption);font-weight:700}.sp-timer-options{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sp-timer-option{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--sp-fog);font-size:var(--text-caption);font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.sp-timer-option:disabled{cursor:default}.sp-timer-option.active{border-color:var(--sp-amber);background:var(--sp-amber-tint);color:var(--sp-amber-strong)}.sp-waiting-hint{margin:0;color:var(--sp-fog);font-size:var(--text-caption)}@media(max-width:360px){.sp-waiting{padding:var(--space-sm)}.sp-waiting-container{padding:var(--space-lg) var(--space-md)}.sp-timer-picker{justify-content:center}}.sp-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--sp-dark-elevated) 0%,var(--sp-dark) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:96px;box-sizing:border-box;gap:var(--space-sm)}.sp-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.sp-toast{background:#0f0d0ae6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:sp-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sp-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--sp-amber-tint);border:1px solid var(--sp-amber);transition:border-color .3s ease,background .3s ease}.sp-phase-banner.urgent{background:var(--sp-danger-tint);border-color:var(--sp-danger)}.sp-phase-banner.voting{background:var(--sp-citizen-tint);border-color:var(--sp-citizen)}.sp-timer-caption{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sp-fog)}.sp-timer-digits{font-family:var(--font-mono);font-size:var(--text-display-sm);font-weight:700;letter-spacing:.04em;color:var(--sp-amber-strong);font-variant-numeric:tabular-nums}.sp-timer-digits.urgent{color:var(--sp-danger);animation:sp-timer-pulse 1s ease-in-out infinite}@keyframes sp-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.sp-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.sp-phase-sub{font-size:var(--text-caption);color:var(--sp-fog)}.sp-identity-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;border-radius:var(--radius-lg);text-align:center;animation:sp-reveal .7s cubic-bezier(.34,1.56,.64,1)}@keyframes sp-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.sp-identity-card.spy{background:var(--sp-danger-tint);border:1px solid var(--sp-danger)}.sp-identity-card.agent{background:var(--sp-amber-tint);border:1px solid var(--sp-amber)}.sp-identity-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--sp-danger)}.sp-identity-caption{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sp-fog)}.sp-identity-location{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--sp-amber-strong)}.sp-identity-desc{margin:0;font-size:var(--text-caption);color:var(--sp-fog)}.sp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap}.sp-section-title{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sp-fog);font-weight:700}.sp-section-hint{font-size:var(--text-caption);color:var(--sp-fog)}.sp-locations,.sp-players{width:100%;max-width:560px;display:flex;flex-direction:column;gap:6px}.sp-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xxs)}.sp-location{min-width:0;padding:9px 6px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease,opacity .15s ease,transform .15s ease}.sp-location.mine{border-color:var(--sp-amber);background:var(--sp-amber-tint);color:var(--sp-amber-strong);font-weight:800}.sp-location.picked{border-color:var(--sp-danger);background:var(--sp-danger-tint);color:var(--sp-danger);box-shadow:0 0 0 1px var(--sp-danger);transform:scale(1.03)}.sp-location.struck{opacity:.4;text-decoration:line-through;background:#0000004d}.sp-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.sp-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark);font-size:var(--text-body-sm);text-align:left;cursor:default;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sp-tile.me{border-color:#ffffff52}.sp-tile.selectable{cursor:pointer}.sp-tile.selectable:hover{border-color:var(--sp-amber)}.sp-tile.selected{border-color:var(--sp-amber);background:var(--sp-amber-tint);box-shadow:0 0 0 1px var(--sp-amber);transform:scale(1.02)}.sp-tile:disabled{color:var(--color-on-dark)}.sp-tile-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tile-badges{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.sp-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--sp-fog)}.sp-badge.off{background:#d4a0172e;color:var(--color-warning)}.sp-badge.voted{background:#5db87229;color:var(--color-success)}.sp-badge.count{background:var(--sp-amber);color:var(--sp-dark);font-weight:800}.sp-vote-list{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius-lg);background:#00000040;border:1px solid rgba(255,255,255,.1)}.sp-vote-list-title{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sp-fog)}.sp-vote-row{font-size:var(--text-body-sm);color:var(--color-on-dark)}.sp-vote-row strong{color:var(--sp-amber-strong)}.sp-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--sp-dark-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:sp-toast-in .2s ease}.sp-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0}.sp-confirm-text strong{color:var(--sp-amber-strong)}.sp-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.sp-confirm-button{padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.sp-confirm-button:active{background:var(--color-primary-active)}.sp-cancel-button{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sp-fog);font-size:var(--text-button);cursor:pointer}@media(max-width:420px){.sp-board{padding:var(--space-xs);padding-bottom:96px}.sp-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-tile{padding:8px}.sp-tile-name,.sp-location{font-size:var(--text-caption)}}@media(max-width:340px){.sp-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-board .sp-confirm-bar button,.sp-board .sp-abstain-button{min-height:44px}.sp-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.sp-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--sp-dark-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.sp-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.sp-over-title.spy{color:var(--sp-danger)}.sp-over-title.citizen{color:var(--sp-citizen)}.sp-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.sp-over-verdict.win{color:var(--color-success)}.sp-over-verdict.lose{color:var(--color-error)}.sp-over-dossier{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);background:#00000040;border:1px solid rgba(255,255,255,.1)}.sp-over-fact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.sp-over-fact-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--sp-fog)}.sp-over-fact-value{font-weight:800;font-size:var(--text-body-md);color:var(--color-on-dark);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-over-fact-value.spy{color:var(--sp-danger)}.sp-over-fact-value.location{color:var(--sp-amber-strong)}.sp-over-reason{margin:4px 0 0;font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark)}.sp-over-reason-detail{font-weight:400;color:var(--sp-fog)}.sp-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sp-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.sp-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-over-spy-chip{flex-shrink:0;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:var(--sp-danger-tint);color:var(--sp-danger)}@media(max-width:360px){.sp-game-over{padding:var(--space-sm)}.sp-game-over-container{padding:var(--space-lg) var(--space-md)}}.av-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--av-night-elevated) 0%,var(--av-night) 100%);padding:var(--space-lg)}.av-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(212,175,90,.22);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.av-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--av-gold-strong)}.av-subtitle{margin:0 0 var(--space-lg);color:var(--av-mist);font-size:var(--text-body-sm)}.av-join-form,.av-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.av-form-group{text-align:left}.av-form-group label{display:block;color:var(--av-mist);font-size:var(--text-caption);margin-bottom:6px}.av-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.av-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.av-primary-button:not(:disabled):active{background:var(--color-primary-active)}.av-primary-button:disabled{background:#ffffff1f;color:var(--av-mist);cursor:not-allowed}.av-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--av-mist);font-size:var(--text-body-sm);cursor:pointer}.av-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.av-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.av-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.av-seat-item.empty{color:var(--av-mist);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.av-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-crown{font-size:var(--text-body-sm)}.av-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.av-dot.on{background:var(--color-success)}.av-dot.off{background:var(--color-muted-soft)}.av-waiting-hint{margin:0;color:var(--av-mist);font-size:var(--text-caption)}@media(max-width:360px){.av-waiting{padding:var(--space-sm)}.av-waiting-container{padding:var(--space-lg) var(--space-md)}}.av-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.av-waiting-toast{background:var(--av-night-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.av-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--av-night-elevated) 0%,var(--av-night) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:96px;box-sizing:border-box;gap:var(--space-sm)}.av-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.av-toast{background:#080c18e6;border:1px solid rgba(212,175,90,.3);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:av-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes av-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.av-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--av-gold-tint);border:1px solid rgba(212,175,90,.35)}.av-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);color:var(--av-gold-strong)}.av-phase-sub{font-size:var(--text-caption);color:var(--av-mist)}.av-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--av-mist);font-size:var(--text-body-sm)}.av-deadline.urgent{color:var(--av-evil);animation:av-deadline-pulse 1s ease infinite}@keyframes av-deadline-pulse{50%{opacity:.55}}.av-track-wrap{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.av-quest-track{display:flex;gap:10px;justify-content:center}.av-quest-slot{position:relative;display:flex;flex-direction:column;align-items:center}.av-quest-circle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-title-sm);background:#ffffff0f;border:2px solid rgba(255,255,255,.18);color:var(--av-mist);box-sizing:border-box;transition:border-color .3s ease,background .3s ease}.av-quest-circle.current{border-color:var(--av-gold);color:var(--av-gold-strong);box-shadow:0 0 0 3px var(--av-gold-tint)}.av-quest-circle.good{background:var(--av-good-tint);border-color:var(--av-good);color:var(--av-good)}.av-quest-circle.evil{background:var(--av-evil-tint);border-color:var(--av-evil);color:var(--av-evil)}.av-two-fail-mark{position:absolute;bottom:-12px;font-size:9px;letter-spacing:1px;color:var(--av-evil);font-weight:800}.av-reject-track{display:flex;align-items:center;gap:6px;margin-top:6px}.av-reject-label{font-size:var(--text-caption-uppercase);color:var(--av-mist);margin-right:4px}.av-reject-cell{width:18px;height:10px;border-radius:var(--radius-xs);background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-sizing:border-box}.av-reject-cell.filled{background:var(--av-evil);border-color:var(--av-evil)}.av-reject-cell.last{border-color:#d96a6a99}.av-track-note{margin:0;font-size:var(--text-caption-uppercase);color:var(--av-mist)}.av-quest-announce{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:10px 14px;border-radius:var(--radius-lg);font-size:var(--text-body-md);font-weight:700;animation:av-announce-in .4s ease}.av-quest-announce.good{background:var(--av-good-tint);border:1px solid var(--av-good);color:var(--av-good)}.av-quest-announce.evil{background:var(--av-evil-tint);border:1px solid var(--av-evil);color:var(--av-evil)}@keyframes av-announce-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.av-role-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);text-align:center;animation:av-role-reveal .7s cubic-bezier(.34,1.56,.64,1)}@keyframes av-role-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.av-role-card.faction-good{border-color:var(--av-good);background:var(--av-good-tint)}.av-role-card.faction-evil{border-color:var(--av-evil);background:var(--av-evil-tint)}.av-role-card.role-merlin{border-color:var(--av-gold);background:var(--av-gold-tint)}.av-role-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.av-role-icon{font-size:var(--text-title-lg)}.av-role-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.av-role-card.role-merlin .av-role-name{color:var(--av-gold-strong)}.av-role-card.faction-good:not(.role-merlin) .av-role-name{color:var(--av-good)}.av-role-card.faction-evil .av-role-name{color:var(--av-evil)}.av-faction-chip{padding:1px 8px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800}.av-faction-chip.good{background:var(--av-good-tint);color:var(--av-good);border:1px solid var(--av-good)}.av-faction-chip.evil{background:var(--av-evil-tint);color:var(--av-evil);border:1px solid var(--av-evil)}.av-role-desc{margin:0;font-size:var(--text-caption);color:var(--av-mist)}.av-role-mates{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--av-evil)}.av-role-card.role-merlin .av-role-mates{color:var(--av-gold-strong)}.av-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.av-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark);font-size:var(--text-body-sm);text-align:left;cursor:default;transition:border-color .15s ease,background .15s ease,transform .15s ease}.av-tile.me{border-color:#ffffff52}.av-tile.selectable{cursor:pointer}.av-tile.selectable:hover{border-color:var(--av-gold)}.av-tile.picked{border-color:var(--av-gold);background:var(--av-gold-tint);box-shadow:0 0 0 1px var(--av-gold)}.av-tile.selectable.picked{transform:scale(1.02)}.av-tile:disabled{color:var(--color-on-dark)}.av-tile-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-tile-crown{margin-right:4px}.av-tile-badges{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.av-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--av-mist)}.av-badge.off{background:#d4a0172e;color:var(--color-warning)}.av-badge.evil-mark{background:var(--av-evil-tint);color:var(--av-evil);font-weight:700}.av-badge.team{background:var(--av-gold-tint);color:var(--av-gold-strong);font-weight:700}.av-badge.voted{background:#5db87229;color:var(--color-success)}.av-vote-panel{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.av-vote-team-line{margin:0;font-size:var(--text-body-sm);font-weight:700;text-align:center;color:var(--av-gold-strong)}.av-vote-buttons{display:flex;gap:var(--space-sm);width:100%;max-width:360px}.av-vote-button{flex:1;min-height:56px;border-radius:var(--radius-lg);font-size:var(--text-title-sm);font-weight:800;cursor:pointer;border:2px solid;background:transparent;transition:transform .1s ease,background .15s ease}.av-vote-button:active{transform:scale(.97)}.av-vote-button.approve{border-color:var(--av-good);background:var(--av-good-tint);color:var(--av-good)}.av-vote-button.reject{border-color:var(--av-evil);background:var(--av-evil-tint);color:var(--av-evil)}.av-vote-done{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--color-success)}.av-vote-progress{margin:0;font-size:var(--text-caption);color:var(--av-mist)}.av-vote-list{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:var(--radius-lg);background:#00000040;border:1px solid rgba(255,255,255,.1);animation:av-announce-in .3s ease}.av-vote-list-title{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--av-mist)}.av-vote-rows{display:flex;flex-wrap:wrap;gap:6px}.av-vote-row{padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:700}.av-vote-row.approve{background:var(--av-good-tint);color:var(--av-good)}.av-vote-row.reject{background:var(--av-evil-tint);color:var(--av-evil)}.av-quest-panel{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.av-quest-cards{display:flex;gap:var(--space-sm);width:100%;max-width:360px}.av-quest-card{flex:1;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-lg);font-size:var(--text-title-sm);font-weight:800;cursor:pointer;border:2px solid;background:transparent;transition:transform .12s ease,box-shadow .12s ease}.av-quest-card-icon{font-size:var(--text-title-lg)}.av-quest-card.success{border-color:var(--av-good);background:var(--av-good-tint);color:var(--av-good)}.av-quest-card.fail{border-color:var(--av-evil);background:var(--av-evil-tint);color:var(--av-evil)}.av-quest-card.selected{transform:translateY(-4px) scale(1.03)}.av-quest-card.success.selected{box-shadow:0 0 0 2px var(--av-good)}.av-quest-card.fail.selected{box-shadow:0 0 0 2px var(--av-evil)}.av-quest-card:disabled{opacity:.35;cursor:not-allowed;transform:none}.av-quest-hint{margin:0;font-size:var(--text-caption);color:var(--av-mist)}.av-quest-waiting{margin:0;font-size:var(--text-body-sm);color:var(--av-mist)}.av-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--av-night-elevated);border:1px solid rgba(212,175,90,.4);box-shadow:var(--shadow-modal);animation:av-announce-in .2s ease}.av-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0}.av-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.av-confirm-button{padding:9px 18px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.av-confirm-button:active{background:var(--color-primary-active)}.av-confirm-button:disabled{background:#ffffff1f;color:var(--av-mist);cursor:not-allowed}.av-confirm-button.wide{width:100%}.av-cancel-button{padding:9px 14px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--av-mist);font-size:var(--text-button);cursor:pointer}.av-assassin-overlay{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.av-assassin-card{width:100%;max-width:420px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);background:var(--av-night-elevated);border:1px solid var(--av-evil);box-shadow:var(--shadow-modal);text-align:center;animation:av-role-reveal .5s cubic-bezier(.34,1.56,.64,1)}.av-assassin-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--av-evil)}.av-assassin-sub{margin:0;font-size:var(--text-caption);color:var(--av-mist)}.av-assassin-merlin{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--av-gold-strong)}.av-assassin-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.av-assassin-tile{min-height:44px;padding:8px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-assassin-tile.selected{border-color:var(--av-evil);background:var(--av-evil-tint);box-shadow:0 0 0 1px var(--av-evil)}@media(max-width:420px){.av-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.av-board{padding:var(--space-xs);padding-bottom:96px}.av-tile{padding:8px}.av-tile-name{font-size:var(--text-caption)}.av-quest-track{gap:6px}.av-quest-circle{width:38px;height:38px;font-size:var(--text-body-sm)}}.av-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.av-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--av-night-elevated);border:1px solid rgba(212,175,90,.3);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.av-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.av-over-title.good{color:var(--av-good)}.av-over-title.evil{color:var(--av-evil)}.av-over-reason{margin:-8px 0 0;font-size:var(--text-body-sm);color:var(--av-gold-strong);font-weight:700}.av-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.av-over-verdict.win{color:var(--color-success)}.av-over-verdict.lose{color:var(--color-error)}.av-over-track{display:flex;gap:8px;justify-content:center}.av-over-circle{width:34px;height:34px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-body-sm);box-sizing:border-box;border:2px solid rgba(255,255,255,.18);color:var(--av-mist);background:#ffffff0d}.av-over-circle.good{background:var(--av-good-tint);border-color:var(--av-good);color:var(--av-good)}.av-over-circle.evil{background:var(--av-evil-tint);border-color:var(--av-evil);color:var(--av-evil)}.av-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.av-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.av-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.av-over-target{padding:1px 8px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:var(--av-evil-tint);color:var(--av-evil);border:1px solid var(--av-evil);flex-shrink:0}.av-over-role{flex-shrink:0;white-space:nowrap;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark)}.av-over-role.good{background:var(--av-good-tint);color:var(--av-good)}.av-over-role.evil{background:var(--av-evil-tint);color:var(--av-evil)}.av-over-role.role-merlin{background:var(--av-gold-tint);color:var(--av-gold-strong)}@media(max-width:360px){.av-game-over{padding:var(--space-sm)}.av-game-over-container{padding:var(--space-lg) var(--space-md)}}.lv-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.lv-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.lv-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.lv-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.lv-join-form,.lv-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.lv-form-group{text-align:left}.lv-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.lv-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.lv-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.lv-primary-button:not(:disabled):active{background:var(--color-primary-active)}.lv-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.lv-ghost-button{padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.lv-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.lv-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.lv-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.lv-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.lv-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-crown{font-size:var(--text-body-sm)}.lv-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.lv-dot.on{background:var(--color-success)}.lv-dot.off{background:var(--color-muted-soft)}.lv-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.lv-waiting{padding:var(--space-sm)}.lv-waiting-container{padding:var(--space-lg) var(--space-md)}}.lv-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.lv-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.lv-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 120px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.lv-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.lv-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.lv-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.lv-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lv-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.lv-deadline.urgent{color:var(--color-error)}.lv-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.lv-table{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xs) 0;flex-wrap:wrap}.lv-deck{display:flex;flex-direction:column;align-items:center;gap:4px}.lv-deck-back{width:44px;height:62px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--color-primary) 0%,var(--color-primary-active) 100%);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-title-md);box-shadow:var(--shadow-subtle)}.lv-deck-label,.lv-removed-label{color:var(--color-muted);font-size:var(--text-caption-uppercase)}.lv-removed{display:flex;flex-direction:column;align-items:center;gap:4px}.lv-removed-cards{display:flex;gap:4px}.lv-round-result{background:var(--color-primary-tint);border:1px solid var(--color-primary-ring);color:var(--color-ink);border-radius:var(--radius-lg);padding:12px 14px;text-align:center;font-size:var(--text-body-sm);animation:lv-pop-in .25s ease}@keyframes lv-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xs)}.lv-tile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.lv-tile.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.lv-tile.out{opacity:.55}.lv-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.lv-tile-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-tile-turn{color:var(--color-primary)}.lv-tile-tokens{color:var(--color-body);font-size:var(--text-caption);font-weight:700;flex-shrink:0}.lv-tile-badges{display:flex;gap:4px;flex-wrap:wrap}.lv-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.lv-badge.shield{background:var(--color-team-blue-tint);color:var(--color-team-blue-strong);border-color:var(--color-team-blue)}.lv-badge.out{background:var(--color-team-red-tint);color:var(--color-team-red-strong);border-color:var(--color-team-red)}.lv-badge.off{color:var(--color-muted-soft)}.lv-tile-discards{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.lv-mini-card{flex-shrink:0;width:30px;height:42px;border-radius:var(--radius-xs);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;-webkit-user-select:none;user-select:none}.lv-mini-value{font-weight:800;font-size:13px;line-height:1}.lv-mini-name{font-size:7px;line-height:1;color:var(--color-muted);white-space:nowrap}.lv-private-panel{display:flex;align-items:center;gap:10px;background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-lg);padding:12px 14px;font-size:var(--text-body-sm);animation:lv-pop-in .25s ease}.lv-private-icon{font-size:var(--text-title-md);flex-shrink:0}.lv-private-text{flex:1;min-width:0}.lv-private-close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:#ffffff1f;color:var(--color-on-dark);font-size:var(--text-title-md);line-height:1;cursor:pointer}.lv-hand-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding-top:var(--space-xs)}.lv-hand-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}.lv-hand{display:flex;justify-content:center;gap:var(--space-sm)}.lv-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}.lv-card{position:relative;width:clamp(104px,34vw,128px);height:clamp(150px,49vw,184px);border-radius:var(--radius-md);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:3px solid currentColor;font-family:var(--font-sans);padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.lv-card.clickable{cursor:pointer}.lv-card.clickable:disabled{cursor:not-allowed;opacity:.45}.lv-card.selected{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring),var(--shadow-subtle)}.lv-card-index{position:absolute;font-weight:800;font-size:var(--text-body-md);line-height:1;pointer-events:none}.lv-card-index.tl{top:8px;left:9px}.lv-card-index.br{bottom:8px;right:9px;transform:rotate(180deg)}.lv-card-face{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px;pointer-events:none;text-align:center}.lv-card-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);line-height:1.1}.lv-card-effect{color:var(--color-body);font-size:11px;line-height:1.45;word-break:keep-all}.lv-card-v1{color:var(--st-clan-1)}.lv-card-v2{color:var(--st-clan-5)}.lv-card-v3{color:var(--st-clan-2)}.lv-card-v4{color:var(--st-clan-3)}.lv-card-v5{color:var(--st-clan-4)}.lv-card-v6{color:var(--tc-drg)}.lv-card-v7{color:var(--tc-phx)}.lv-card-v8{color:var(--color-primary)}.lv-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:320;width:min(94vw,480px);box-sizing:border-box;background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-lg);padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-modal)}.lv-confirm-text{font-size:var(--text-body-sm);text-align:center}.lv-confirm-actions{display:flex;gap:var(--space-xs);justify-content:center}.lv-confirm-button{min-height:44px;padding:0 22px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.lv-confirm-button:not(:disabled):active{background:var(--color-primary-active)}.lv-confirm-button:disabled{opacity:.55;cursor:not-allowed}.lv-cancel-button{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-md);background:transparent;color:var(--color-on-dark);font-size:var(--text-body-sm);cursor:pointer}.lv-confirm-button.wide,.lv-cancel-button.wide{width:100%}.lv-overlay{position:fixed;inset:0;z-index:400;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.lv-overlay-card{width:100%;max-width:400px;max-height:86vh;overflow-y:auto;box-sizing:border-box;background:var(--color-canvas);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal)}.lv-overlay-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);text-align:center}.lv-overlay-sub{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.lv-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-xs)}.lv-target-tile{min-height:48px;padding:10px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-ink);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-target-tile.selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 2px var(--color-primary-ring)}.lv-guess-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.lv-guess-tile{min-height:52px;padding:6px 4px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.lv-guess-tile.selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 2px var(--color-primary-ring)}.lv-guess-value{font-weight:800;font-size:var(--text-title-md);color:var(--color-ink);line-height:1}.lv-guess-name{font-size:11px;color:var(--color-muted);line-height:1}.lv-overlay-actions{display:flex;flex-direction:column;gap:var(--space-xs)}@media(max-width:360px){.lv-board{padding:var(--space-sm) var(--space-xs) 120px}.lv-grid{grid-template-columns:1fr}.lv-hand{gap:var(--space-xs)}.lv-card{width:clamp(96px,40vw,118px);height:clamp(140px,58vw,170px)}.lv-card-name{font-size:var(--text-title-md)}.lv-card-effect{font-size:10px}.lv-guess-grid{grid-template-columns:repeat(4,1fr)}}.lv-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.lv-game-over-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px}.lv-over-mark{font-size:40px;line-height:1}.lv-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink)}.lv-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.lv-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.lv-over-verdict.win{color:var(--color-primary)}.lv-over-verdict.lose{color:var(--color-muted)}.lv-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.lv-over-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.lv-over-row.winner{border:1px solid var(--color-primary);background:var(--color-primary-tint)}.lv-over-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-over-tokens{flex-shrink:0;font-weight:800}@media(max-width:360px){.lv-game-over{padding:var(--space-sm)}.lv-game-over-container{padding:var(--space-lg) var(--space-md)}}.omok-waiting-room{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:24px}.omok-waiting-room .omok-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:32px 28px;text-align:center}.omok-waiting-room .omok-title{margin:0 0 4px;font-size:32px;color:var(--color-ink)}.omok-waiting-room .omok-subtitle{margin:0 0 24px;color:var(--color-muted);font-size:14px}.omok-waiting-room .omok-join-form{display:flex;flex-direction:column;gap:14px}.omok-waiting-room .omok-form-group{text-align:left}.omok-waiting-room .omok-form-group label{display:block;color:var(--color-body);font-size:13px;margin-bottom:6px}.omok-waiting-room .omok-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:16px}.omok-waiting-room .omok-join-button{padding:13px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.omok-waiting-room .omok-join-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.omok-waiting-room .omok-bot-button{padding:12px;border:1px solid var(--color-primary);border-radius:10px;background:var(--color-primary-tint);color:var(--color-primary-active);font-size:15px;font-weight:700;cursor:pointer}.omok-waiting-room .omok-bot-button:disabled{opacity:.5;cursor:not-allowed}.omok-waiting-room .omok-back-button{padding:11px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}.omok-waiting-room .omok-waiting-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-body)}.omok-waiting-room .omok-spinner{width:28px;height:28px;border:3px solid var(--color-hairline);border-top-color:var(--color-primary);border-radius:50%;animation:omok-spin .9s linear infinite}@keyframes omok-spin{to{transform:rotate(360deg)}}.omok-board-page{min-height:100vh;background:var(--color-canvas);padding:56px 12px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto;box-sizing:border-box}.omok-seats{width:100%;max-width:440px;display:flex;align-items:center;justify-content:space-between;gap:8px}.omok-seat{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-surface-card);min-width:0}.omok-seat.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.omok-seat-stone{flex-shrink:0;width:16px;height:16px;border-radius:50%;box-shadow:0 1px 2px #1414134d}.omok-seat-stone.black{background:radial-gradient(circle at 33% 30%,var(--color-muted) 0%,var(--color-ink) 75%)}.omok-seat-stone.white{background:radial-gradient(circle at 33% 30%,var(--color-on-primary) 0%,var(--card-face) 55%,var(--color-primary-disabled) 100%);border:1px solid var(--color-hairline);box-sizing:border-box}.omok-seat-name{color:var(--color-body);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omok-move-count{flex-shrink:0;color:var(--color-muted);font-size:12px}.omok-grid{position:relative;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));width:100%;max-width:440px;aspect-ratio:1;padding:6px;box-sizing:border-box;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-surface-cream-strong) 0%,var(--color-surface-card) 55%,var(--color-surface-cream-strong) 100%);box-shadow:var(--shadow-subtle);overflow:hidden}.omok-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(97deg,transparent 0 16px,rgba(20,20,19,.025) 16px 23px,transparent 23px 38px,rgba(204,120,92,.035) 38px 46px)}.omok-point{position:relative;margin:0;padding:0;border:none;background:transparent;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;cursor:default}.omok-point:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;margin-top:-.5px;background:var(--color-ink);opacity:.45;pointer-events:none}.omok-point:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--color-ink);opacity:.45;pointer-events:none}.omok-point.edge-left:before{left:50%}.omok-point.edge-right:before{right:50%}.omok-point.edge-top:after{top:50%}.omok-point.edge-bottom:after{bottom:50%}.omok-hoshi{position:absolute;top:50%;left:50%;width:22%;max-width:6px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--color-ink);opacity:.5;z-index:1;pointer-events:none}.omok-grid.playable .omok-point:enabled{cursor:pointer}.omok-grid.playable.black-turn .omok-point:enabled:hover{background:radial-gradient(circle,rgba(20,20,19,.4) 0 34%,transparent 38%)}.omok-grid.playable.white-turn .omok-point:enabled:hover{background:radial-gradient(circle,rgba(255,255,255,.75) 0 34%,transparent 38%)}.omok-stone{position:relative;z-index:2;display:block;width:82%;aspect-ratio:1;border-radius:50%;box-shadow:0 1px 3px #14141359}.omok-stone.black{background:radial-gradient(circle at 33% 28%,var(--color-muted) 0%,var(--color-body-strong) 45%,var(--color-ink) 100%)}.omok-stone.white{background:radial-gradient(circle at 33% 28%,var(--color-on-primary) 0%,var(--card-face) 50%,var(--color-primary-disabled) 100%);border:1px solid var(--color-hairline);box-sizing:border-box}.omok-stone.last:after{content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 1px var(--color-canvas)}.omok-stone.win{z-index:3;box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px var(--color-primary),0 1px 3px #14141359;animation:omok-win-pulse 1s ease-in-out infinite alternate}@keyframes omok-win-pulse{0%{box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px var(--color-primary),0 1px 3px #14141359}to{box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px var(--color-primary-active),0 0 10px #cc785cb3}}.omok-status{color:var(--color-ink);font-size:15px;font-weight:600;text-align:center}.omok-status.my-turn{color:var(--color-primary-active)}@media(max-width:340px){.omok-board-page{padding-left:4px;padding-right:4px}.omok-grid{padding:2px}}.omok-game-over{min-height:100vh;display:flex;justify-content:center;background:var(--color-canvas);padding:56px 12px 28px;box-sizing:border-box}.omok-game-over .omok-over-layout{width:100%;max-width:440px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.omok-game-over .omok-over-container{width:100%;box-sizing:border-box;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:16px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:14px}.omok-game-over .omok-over-title{margin:0;font-size:32px;color:var(--color-ink)}.omok-game-over .omok-over-reason{margin:0;color:var(--color-body);font-size:15px}.omok-game-over .omok-rematch-offer{margin:0;color:var(--color-primary-active);font-size:14px;font-weight:700}.omok-game-over .omok-action-button{padding:12px 28px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer}.omok-game-over .omok-action-button:disabled{background:var(--color-primary-disabled);cursor:not-allowed}.omok-game-over .omok-rematch-countdown{margin:-6px 0 0;color:var(--color-muted);font-size:13px}.omok-game-over .omok-secondary-button{padding:11px 28px;border:1px solid var(--color-hairline);border-radius:10px;background:transparent;color:var(--color-body);font-size:14px;cursor:pointer}@media(max-width:340px){.omok-game-over{padding-left:4px;padding-right:4px}}.sk-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--sk-dark-elevated) 0%,var(--sk-dark) 100%);padding:var(--space-lg)}.sk-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.sk-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.sk-subtitle{margin:0 0 var(--space-lg);color:var(--sk-fog);font-size:var(--text-body-sm)}.sk-join-form,.sk-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.sk-form-group{text-align:left}.sk-form-group label{display:block;color:var(--sk-fog);font-size:var(--text-caption);margin-bottom:6px}.sk-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.sk-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.sk-primary-button:not(:disabled):active{background:var(--color-primary-active)}.sk-primary-button:disabled{background:#ffffff1f;color:var(--sk-fog);cursor:not-allowed}.sk-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sk-fog);font-size:var(--text-body-sm);cursor:pointer}.sk-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.sk-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sk-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.sk-seat-item.empty{color:var(--sk-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.sk-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-crown{font-size:var(--text-body-sm)}.sk-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.sk-dot.on{background:var(--color-success)}.sk-dot.off{background:var(--color-muted-soft)}.sk-waiting-hint{margin:0;color:var(--sk-fog);font-size:var(--text-caption)}@media(max-width:360px){.sk-waiting{padding:var(--space-sm)}.sk-waiting-container{padding:var(--space-lg) var(--space-md)}}.sk-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.sk-waiting-toast{background:var(--sk-dark-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.sk-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--sk-dark-elevated) 0%,var(--sk-dark) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:110px;box-sizing:border-box;gap:var(--space-sm)}.sk-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.sk-toast{background:#120b09eb;border:1px solid rgba(228,116,133,.3);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:sk-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes sk-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sk-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--sk-amber-tint);border:1px solid rgba(232,165,90,.35)}.sk-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);color:var(--sk-amber-strong)}.sk-phase-sub{font-size:var(--text-caption);color:var(--sk-fog)}.sk-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--sk-fog);font-size:var(--text-body-sm)}.sk-deadline.urgent{color:var(--sk-danger);animation:sk-deadline-pulse 1s ease infinite}@keyframes sk-deadline-pulse{50%{opacity:.55}}.sk-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:520px){.sk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sk-tile{position:relative;display:flex;flex-direction:column;gap:6px;min-height:96px;padding:10px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--color-on-dark);text-align:left;font:inherit;box-sizing:border-box;min-width:0}.sk-tile:disabled{cursor:default;opacity:1}.sk-tile.me{border-color:#e8a55a73}.sk-tile.turn{border-color:var(--sk-amber);box-shadow:0 0 0 1px var(--sk-amber) inset;background:var(--sk-amber-tint)}.sk-tile.challenger{border-color:#e4748599;background:var(--sk-rose-tint)}.sk-tile.tappable{cursor:pointer;border-color:var(--sk-rose);box-shadow:0 0 0 1px var(--sk-rose) inset;animation:sk-tappable-pulse 1.6s ease infinite}.sk-tile.tappable:active{transform:scale(.97)}@keyframes sk-tappable-pulse{50%{box-shadow:0 0 0 1px var(--sk-rose) inset,0 0 14px #e4748559}}.sk-tile.dead{opacity:.45}.sk-tile-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.sk-tile-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-turn-mark{color:var(--sk-amber-strong);margin-right:4px}.sk-tile-points{flex-shrink:0;display:inline-flex;gap:1px;font-size:var(--text-caption)}.sk-point{opacity:.18;filter:grayscale(1)}.sk-point.won{opacity:1;filter:none}.sk-tile-stack{display:flex;align-items:center;gap:8px;min-height:30px;flex-wrap:wrap}.sk-stack-discs{display:inline-flex;align-items:flex-end;padding-left:4px}.sk-stack-disc{width:26px;height:26px;margin-left:-10px;border-radius:var(--radius-full);border:1px solid rgba(228,116,133,.45);background:radial-gradient(circle at 35% 30%,#ffffff24,#fff0 60%),#331d1e;box-shadow:inset 0 0 0 3px #0000004d,0 2px 4px #00000073;display:inline-flex;align-items:center;justify-content:center;transform:translateY(calc(var(--i, 0) * -2px))}.sk-stack-disc:after{content:"✿";font-size:11px;line-height:1;color:#e474858c}.sk-stack-count{font-size:var(--text-caption);color:var(--sk-fog);font-weight:700}.sk-stack-none{font-size:var(--text-caption);color:var(--sk-fog);opacity:.7}.sk-flip-hint{font-size:var(--text-caption-uppercase);font-weight:800;color:var(--sk-rose-strong)}.sk-tile-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sk-hand-count{font-size:var(--text-caption-uppercase);color:var(--sk-fog)}.sk-badge{font-size:var(--text-caption-uppercase);font-weight:800;padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff1a;color:var(--color-on-dark)}.sk-badge.bid{background:var(--sk-amber-tint);color:var(--sk-amber-strong);border:1px solid rgba(232,165,90,.4)}.sk-badge.challenger{background:var(--sk-rose-tint);color:var(--sk-rose-strong);border:1px solid rgba(228,116,133,.45)}.sk-badge.passed{background:#ffffff14;color:var(--sk-fog)}.sk-badge.off{background:#d96a6a2e;color:var(--sk-danger)}.sk-tile-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-body-sm);color:var(--sk-bone);background:#00000059;border-radius:var(--radius-lg)}.sk-flip-strip{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.sk-flip-title{font-size:var(--text-caption);font-weight:700;color:var(--sk-fog)}.sk-flip-cards{display:flex;flex-wrap:wrap;gap:8px}.sk-flip-card{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px}.sk-flip-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle at 32% 28%,#ffffff29,#fff0 55%),var(--sk-dark-elevated);border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 3px #0000004d}.sk-flip-card.rose .sk-flip-icon{border-color:#e4748599}.sk-flip-card.skull .sk-flip-icon{border-color:#e9e2d08c;background:radial-gradient(circle at 32% 28%,#ffffff29,#fff0 55%),#2e2821}.sk-flip-card.reveal{animation:sk-flip-in .5s cubic-bezier(.2,.9,.3,1.15)}@keyframes sk-flip-in{0%{transform:rotateY(90deg) scale(.7);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}.sk-flip-owner{font-size:var(--text-caption-uppercase);color:var(--sk-fog);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-round-result{width:100%;max-width:560px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);animation:sk-rr-pop .4s cubic-bezier(.2,.9,.3,1.2)}.sk-round-result.success{background:var(--sk-rose-tint);border:1px solid rgba(228,116,133,.5)}.sk-round-result.fail{background:var(--sk-bone-tint);border:1px solid rgba(233,226,208,.4)}@keyframes sk-rr-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.sk-rr-icon{font-size:26px;flex-shrink:0}.sk-rr-body{display:flex;flex-direction:column;gap:2px;min-width:0}.sk-rr-title{font-weight:800;font-size:var(--text-body-sm)}.sk-round-result.success .sk-rr-title{color:var(--sk-rose-strong)}.sk-round-result.fail .sk-rr-title{color:var(--sk-bone)}.sk-rr-sub{font-size:var(--text-caption);color:var(--sk-fog)}.sk-my-area{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);padding:12px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.sk-my-label{font-size:var(--text-caption);color:var(--sk-fog);font-weight:700}.sk-my-stack,.sk-my-hand{display:flex;flex-direction:column;gap:8px}.sk-my-stack-cards{display:flex;flex-wrap:wrap;gap:6px}.sk-mini-disc{width:34px;height:34px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:16px;background:radial-gradient(circle at 32% 28%,#ffffff24,#fff0 55%),var(--sk-dark-elevated);border:2px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 2px #0000004d}.sk-mini-disc.rose{border-color:#e4748580}.sk-mini-disc.skull{border-color:#e9e2d073}.sk-hand-cards{display:flex;flex-wrap:wrap;gap:10px}.sk-disc{width:76px;height:76px;border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:inherit;color:var(--color-on-dark);background:radial-gradient(circle at 32% 26%,#ffffff29,#fff0 55%),repeating-conic-gradient(#0000001a 0deg 10deg,#0000 10deg 20deg),var(--sk-dark-elevated);border:3px solid rgba(233,226,208,.28);box-shadow:inset 0 0 0 4px #00000052,inset 0 0 0 5px #e9e2d024,0 4px 10px #00000073;transition:transform .15s ease,box-shadow .15s ease}.sk-disc.rose{border-color:#e474858c}.sk-disc.skull{border-color:#e9e2d08c;background:radial-gradient(circle at 32% 26%,#ffffff29,#fff0 55%),repeating-conic-gradient(#0000001f 0deg 10deg,#0000 10deg 20deg),#2e2821}.sk-disc:not(:disabled){cursor:pointer}.sk-disc:not(:disabled):active{transform:scale(.95)}.sk-disc.selected{transform:translateY(-6px);box-shadow:inset 0 0 0 4px #00000052,inset 0 0 0 5px #e9e2d024,0 0 0 3px var(--sk-amber),0 8px 16px #00000080}.sk-disc:disabled{opacity:.75;cursor:default}.sk-disc-face{font-size:26px;line-height:1}.sk-disc-label{font-size:var(--text-caption-uppercase);font-weight:700;color:var(--sk-fog)}.sk-my-empty{margin:0;font-size:var(--text-caption);color:var(--sk-fog)}.sk-bid-panel{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;border-radius:var(--radius-lg);background:var(--sk-amber-tint);border:1px solid rgba(232,165,90,.4)}.sk-bid-title{font-size:var(--text-body-sm);font-weight:700;color:var(--sk-amber-strong);text-align:center}.sk-bid-stepper{display:flex;align-items:center;gap:14px}.sk-step-button{width:48px;height:48px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--color-on-dark);font-size:22px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.sk-step-button:not(:disabled):active{background:#ffffff29}.sk-step-button:disabled{opacity:.35;cursor:not-allowed}.sk-bid-count{min-width:56px;text-align:center;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);color:var(--color-on-dark);font-variant-numeric:tabular-nums}.sk-bid-hint{font-size:var(--text-caption);color:var(--sk-fog);text-align:center}.sk-bid-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.sk-bid-declare{min-height:44px;padding:0 20px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.sk-bid-declare:active{background:var(--color-primary-active)}.sk-bid-pass{min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);background:transparent;color:var(--sk-fog);font-size:var(--text-body-sm);font-weight:700;cursor:pointer}.sk-bid-pass:active{background:#ffffff14}.sk-confirm-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:950;width:min(94vw,560px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--sk-dark-elevated);border:1px solid rgba(232,165,90,.45);box-shadow:var(--shadow-modal);animation:sk-toast-in .2s ease}.sk-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0}.sk-confirm-actions{display:flex;gap:var(--space-xxs);flex-shrink:0}.sk-confirm-button{min-height:44px;padding:0 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.sk-confirm-button:active{background:var(--color-primary-active)}.sk-cancel-button{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);background:transparent;color:var(--sk-fog);font-size:var(--text-body-sm);cursor:pointer}.sk-observer-note{margin:0;font-size:var(--text-caption);color:var(--sk-fog)}@media(max-width:340px){.sk-board{padding:var(--space-xs);padding-bottom:120px}.sk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sk-tile{padding:8px}.sk-disc{width:64px;height:64px}.sk-disc-face{font-size:22px}}.sk-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.sk-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--sk-dark-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.sk-over-icon{font-size:40px;line-height:1}.sk-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--sk-rose-strong);overflow-wrap:anywhere}.sk-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.sk-over-verdict.win{color:var(--color-success)}.sk-over-verdict.lose{color:var(--sk-fog)}.sk-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sk-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.sk-over-row.winner{background:var(--sk-rose-tint);border-color:#e4748580}.sk-over-row.dead{opacity:.55}.sk-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-over-points{flex-shrink:0;display:inline-flex;gap:2px}.sk-over-point{opacity:.18;filter:grayscale(1)}.sk-over-point.won{opacity:1;filter:none}@media(max-width:360px){.sk-game-over{padding:var(--space-sm)}.sk-game-over-container{padding:var(--space-lg) var(--space-md)}}.sk-scope{--sk-dark: rgb(22, 15, 13);--sk-dark-elevated: rgb(39, 27, 23);--sk-dark-soft: rgb(29, 20, 17);--sk-fog: rgb(192, 177, 165);--sk-rose: rgb(228, 116, 133);--sk-rose-strong: rgb(241, 148, 162);--sk-rose-tint: rgba(228, 116, 133, .14);--sk-bone: rgb(233, 226, 208);--sk-bone-tint: rgba(233, 226, 208, .12);--sk-amber: var(--color-accent-amber);--sk-amber-strong: rgb(242, 184, 113);--sk-amber-tint: rgba(232, 165, 90, .14);--sk-danger: rgb(217, 106, 106)}.cn-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--cn-dark-elevated) 0%,var(--cn-dark) 100%);padding:var(--space-lg)}.cn-waiting-container{width:100%;max-width:460px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.cn-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.cn-subtitle{margin:0 0 var(--space-lg);color:var(--cn-fog);font-size:var(--text-body-sm)}.cn-join-form,.cn-lobby{display:flex;flex-direction:column;gap:14px}.cn-form-group{text-align:left}.cn-form-group label{display:block;color:var(--cn-fog);font-size:var(--text-caption);margin-bottom:6px}.cn-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.cn-team-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.cn-team-panel{border-radius:var(--radius-lg);padding:10px;text-align:left;border:1px solid rgba(255,255,255,.1)}.cn-team-panel.red{background:var(--cn-red-tint);border-color:var(--cn-red)}.cn-team-panel.blue{background:var(--cn-blue-tint);border-color:var(--cn-blue)}.cn-team-panel-title{margin:0 0 8px;font-size:var(--text-body-sm);font-weight:800;color:var(--color-on-dark)}.cn-team-empty{margin:0;color:var(--cn-fog);font-size:var(--text-caption)}.cn-team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.cn-team-member{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-caption)}.cn-member-name{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-member-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.cn-crown{font-size:var(--text-caption)}.cn-role-chip{font-size:11px;font-weight:400;color:var(--cn-fog)}.cn-role-chip.spymaster{font-weight:700;color:var(--color-on-dark)}.cn-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.cn-dot.on{background:var(--color-success)}.cn-dot.off{background:var(--color-muted-soft)}.cn-preview-note{margin:0;color:var(--cn-fog);font-size:var(--text-caption)}.cn-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.cn-waiting-hint{margin:0;color:var(--cn-fog);font-size:var(--text-caption)}@media(max-width:400px){.cn-waiting{padding:var(--space-sm)}.cn-waiting-container{padding:var(--space-lg) var(--space-md)}.cn-team-preview{grid-template-columns:1fr}}.cn-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--cn-dark-elevated) 0%,var(--cn-dark) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:96px;box-sizing:border-box;gap:var(--space-sm)}.cn-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;transition:border-color .3s ease,background .3s ease}.cn-phase-banner.red{background:var(--cn-red-tint);border:1px solid var(--cn-red)}.cn-phase-banner.blue{background:var(--cn-blue-tint);border:1px solid var(--cn-blue)}.cn-phase-title{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:var(--text-body-sm)}.cn-deadline{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--cn-fog)}.cn-deadline.urgent{color:var(--cn-red);animation:cn-deadline-pulse 1s ease-in-out infinite}@keyframes cn-deadline-pulse{0%,to{opacity:1}50%{opacity:.55}}.cn-phase-sub{font-size:var(--text-caption);color:var(--cn-fog)}.cn-score-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);width:100%;max-width:560px}.cn-left-badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums}.cn-left-badge.red{background:var(--cn-red-tint);border:1px solid var(--cn-red);color:var(--cn-red)}.cn-left-badge.blue{background:var(--cn-blue-tint);border:1px solid var(--cn-blue);color:var(--cn-blue)}.cn-me-badge{padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption);border:1px solid rgba(255,255,255,.2);color:var(--cn-fog)}.cn-me-badge.red{color:var(--cn-red);border-color:var(--cn-red)}.cn-me-badge.blue{color:var(--cn-blue);border-color:var(--cn-blue)}.cn-clue-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;align-items:baseline;justify-content:center;gap:10px;padding:8px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.cn-clue-card.red{border-color:var(--cn-red)}.cn-clue-card.blue{border-color:var(--cn-blue)}.cn-clue-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--cn-fog)}.cn-clue-word{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);color:var(--color-on-dark)}.cn-clue-remaining{font-size:var(--text-caption);color:var(--cn-fog);font-variant-numeric:tabular-nums}.cn-clue-form{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-xs);padding:12px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.cn-clue-input{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.cn-clue-counts{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.cn-count-chip{min-width:0;padding:8px 0;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.cn-count-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.cn-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;max-width:560px}.cn-card{position:relative;min-width:0;aspect-ratio:5 / 4;min-height:42px;padding:0;border:none;background:transparent;perspective:480px;cursor:default}.cn-card.clickable{cursor:pointer}.cn-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.1,.2,1)}.cn-card.revealed .cn-card-inner{transform:rotateY(180deg)}.cn-card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);backface-visibility:hidden;padding:2px 4px;box-sizing:border-box;overflow:hidden}.cn-card-face.front{background:var(--cn-card-face);border:2px solid var(--cn-card-edge);color:var(--color-ink)}.cn-card-face.back{transform:rotateY(180deg);color:var(--color-on-dark);border:2px solid transparent}.cn-card.revealed.red .cn-card-face.back{background:var(--cn-red-deep)}.cn-card.revealed.blue .cn-card-face.back{background:var(--cn-blue-deep)}.cn-card.revealed.neutral .cn-card-face.back{background:var(--cn-neutral);color:var(--color-ink)}.cn-card.revealed.assassin .cn-card-face.back{background:var(--cn-assassin);border-color:var(--cn-red)}.cn-card.revealed{opacity:.85}.cn-card-word{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,3.2vw,15px);font-weight:700;line-height:1.2}@media(min-width:561px){.cn-card-word{font-size:15px}}.cn-card.selected .cn-card-face.front{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.cn-card.key-red .cn-card-face.front{border-color:var(--cn-red);box-shadow:inset 0 0 0 1px var(--cn-red)}.cn-card.key-blue .cn-card-face.front{border-color:var(--cn-blue);box-shadow:inset 0 0 0 1px var(--cn-blue)}.cn-card.key-neutral .cn-card-face.front{border-style:dashed;border-color:var(--cn-neutral)}.cn-card.key-assassin .cn-card-face.front{border-color:var(--cn-assassin);box-shadow:inset 0 0 0 2px var(--cn-assassin)}.cn-card.selected.key-red .cn-card-face.front,.cn-card.selected.key-blue .cn-card-face.front,.cn-card.selected.key-neutral .cn-card-face.front,.cn-card.selected.key-assassin .cn-card-face.front{border-color:var(--color-primary);border-style:solid;box-shadow:0 0 0 2px var(--color-primary-ring)}.cn-key-mark{position:absolute;top:1px;right:4px;font-size:10px;line-height:1;opacity:.8}.cn-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:800;width:min(92vw,560px);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:10px 14px;border-radius:var(--radius-lg);background:var(--cn-dark-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:cn-toast-in .2s ease}.cn-confirm-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body-sm);color:var(--color-on-dark)}.cn-confirm-actions{display:flex;gap:6px;flex-shrink:0}.cn-confirm-button{padding:9px 16px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.cn-confirm-button:not(:disabled):active{background:var(--color-primary-active)}.cn-confirm-button:disabled{background:#ffffff1f;color:var(--cn-fog);cursor:not-allowed}.cn-cancel-button{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--cn-fog);font-size:var(--text-button);cursor:pointer}.cn-endturn-button{width:100%;max-width:560px;box-sizing:border-box;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff0d;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;cursor:pointer}.cn-endturn-button:disabled{color:var(--cn-fog);cursor:not-allowed}.cn-spectator-note{margin:0;color:var(--cn-fog);font-size:var(--text-caption)}.cn-history{width:100%;max-width:560px;box-sizing:border-box;padding:12px;border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.cn-history-title{margin:0 0 8px;font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--cn-fog)}.cn-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cn-history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;border-radius:var(--radius-md);font-size:var(--text-caption)}.cn-history-item.red{background:var(--cn-red-tint)}.cn-history-item.blue{background:var(--cn-blue-tint)}.cn-history-team{color:var(--cn-fog);flex-shrink:0}.cn-history-clue{font-weight:700;color:var(--color-on-dark);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-roster{width:100%;max-width:560px;display:flex;flex-direction:column;gap:4px}.cn-roster-team{display:flex;align-items:baseline;gap:8px;font-size:var(--text-caption);padding:4px 10px;border-radius:var(--radius-md)}.cn-roster-team.red{background:var(--cn-red-tint)}.cn-roster-team.blue{background:var(--cn-blue-tint)}.cn-roster-title{font-weight:800;flex-shrink:0}.cn-roster-names{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--color-on-dark)}.cn-roster-name.off{color:var(--cn-fog);text-decoration:line-through}@media(max-width:340px){.cn-board{padding:var(--space-xs);padding-bottom:88px}.cn-grid{gap:3px}.cn-card{min-height:36px}.cn-card-face{padding:1px 2px;border-radius:var(--radius-sm)}.cn-clue-counts{gap:2px}}.cn-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--cn-dark-elevated) 0%,var(--cn-dark) 100%);padding:var(--space-lg)}.cn-over-container{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.cn-over-mark{font-size:40px;line-height:1}.cn-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.cn-over-title.red{color:var(--cn-red)}.cn-over-title.blue{color:var(--cn-blue)}.cn-over-sub{margin:0;color:var(--cn-fog);font-size:var(--text-body-sm)}.cn-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:800}.cn-over-verdict.win{color:var(--color-success)}.cn-over-verdict.lose{color:var(--cn-fog)}.cn-over-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.cn-over-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 2px;border-radius:var(--radius-xs);font-size:clamp(8px,2.4vw,11px);font-weight:700;line-height:1.2}.cn-over-cell.red{background:var(--cn-red-deep);color:var(--color-on-dark)}.cn-over-cell.blue{background:var(--cn-blue-deep);color:var(--color-on-dark)}.cn-over-cell.neutral{background:var(--cn-neutral);color:var(--color-ink)}.cn-over-cell.assassin{background:var(--cn-assassin);color:var(--color-on-dark);border:1px solid var(--cn-red)}.cn-over-cell.hidden{background:var(--cn-card-face);color:var(--color-muted)}.cn-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cn-over-row{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);text-align:left}.cn-over-row.red{background:var(--cn-red-tint)}.cn-over-row.blue{background:var(--cn-blue-tint)}.cn-over-row.winner{border-color:#ffffff73}.cn-over-team{font-weight:800;font-size:var(--text-body-sm);color:var(--color-on-dark)}.cn-over-names{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:var(--text-caption);color:var(--cn-fog)}@media(max-width:400px){.cn-game-over{padding:var(--space-sm)}.cn-over-container{padding:var(--space-lg) var(--space-md)}}.cn-app{--cn-dark: var(--sp-dark);--cn-dark-elevated: var(--sp-dark-elevated);--cn-dark-soft: var(--sp-dark-soft);--cn-fog: var(--sp-fog);--cn-red: var(--sf-mafia);--cn-red-tint: var(--sf-mafia-tint);--cn-red-deep: var(--color-team-red-strong);--cn-blue: var(--sf-police);--cn-blue-tint: var(--sf-police-tint);--cn-blue-deep: var(--color-team-blue-strong);--cn-neutral: var(--color-muted-soft);--cn-assassin: var(--color-ink);--cn-card-face: var(--card-face);--cn-card-edge: var(--card-face-edge)}.cn-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.cn-primary-button:not(:disabled):active{background:var(--color-primary-active)}.cn-primary-button:disabled{background:#ffffff1f;color:var(--cn-fog);cursor:not-allowed}.cn-ghost-button{padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--cn-fog);font-size:var(--text-body-sm);cursor:pointer}.cn-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.cn-toast{background:#000000b8;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:cn-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes cn-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.yt-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.yt-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.yt-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.yt-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.yt-join-form,.yt-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.yt-form-group{text-align:left}.yt-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.yt-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.yt-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.yt-ghost-button{padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.yt-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.yt-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.yt-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.yt-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.yt-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-crown{font-size:var(--text-body-sm)}.yt-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.yt-dot.on{background:var(--color-success)}.yt-dot.off{background:var(--color-muted-soft)}.yt-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.yt-waiting{padding:var(--space-sm)}.yt-waiting-container{padding:var(--space-lg) var(--space-md)}}.yt-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.yt-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.yt-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 120px;max-width:640px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);overflow-x:hidden}.yt-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.yt-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.yt-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.yt-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.yt-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.yt-deadline.urgent{color:var(--color-error)}.yt-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.yt-last-action{color:var(--color-muted-soft);font-size:var(--text-caption)}.yt-dice-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.yt-dice-row{display:flex;justify-content:center;gap:10px}.yt-die{position:relative;width:54px;height:54px;padding:0;border:2px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--card-face);box-shadow:var(--shadow-subtle);flex-shrink:0}.yt-die.clickable{cursor:pointer}.yt-die.held{border-color:var(--color-primary);background:var(--color-primary-tint);transform:translateY(3px)}.yt-die-face{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.yt-pip-cell{display:flex;align-items:center;justify-content:center}.yt-pip-cell.on:before{content:"";width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-ink)}.yt-die.held .yt-pip-cell.on:before{background:var(--color-primary-active)}.yt-die-hold-tag{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-on-primary);font-size:10px;font-weight:700;line-height:1;padding:2px 6px;border-radius:var(--radius-pill);white-space:nowrap}@keyframes yt-shake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px,-3px) rotate(-8deg)}40%{transform:translate(3px,1px) rotate(6deg)}60%{transform:translate(-3px,2px) rotate(-5deg)}80%{transform:translate(2px,-2px) rotate(4deg)}to{transform:translate(0) rotate(0)}}.yt-die.rolling{animation:yt-shake .55s ease-in-out}@media(prefers-reduced-motion:reduce){.yt-die.rolling{animation:none}}.yt-roll-area{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.yt-roll-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.yt-roll-button{width:100%;max-width:320px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.yt-roll-button:not(:disabled):active{background:var(--color-primary-active)}.yt-roll-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.yt-spectator-note{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.yt-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card)}.yt-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);min-width:100%}.yt-table th,.yt-table td{border-bottom:1px solid var(--color-hairline-soft);padding:7px 8px}.yt-table tbody tr:last-child th,.yt-table tbody tr:last-child td{border-bottom:none}.yt-col-cat{position:sticky;left:0;z-index:1;background:var(--color-surface-card);text-align:left;min-width:108px;max-width:150px;box-shadow:inset -1px 0 0 var(--color-hairline-soft)}.yt-col-head{color:var(--color-muted);font-size:var(--text-caption);font-weight:600}.yt-cat-label{display:block;color:var(--color-ink);font-weight:600;font-size:var(--text-caption);line-height:1.25}.yt-cat-hint{display:block;color:var(--color-muted-soft);font-size:11px;line-height:1.3}.yt-col-player{text-align:center;min-width:64px;vertical-align:bottom}.yt-player-name{display:block;color:var(--color-ink);font-weight:700;font-size:var(--text-caption);max-width:96px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-turn-mark{color:var(--color-primary);margin-right:2px}.yt-player-tags{display:block;color:var(--color-muted);font-size:11px;white-space:nowrap}.yt-cell{text-align:center;font-variant-numeric:tabular-nums}.yt-cell.current,.yt-col-player.current{background:var(--color-primary-tint)}.yt-cell-empty{color:var(--color-muted-soft)}.yt-cell-score{color:var(--color-ink);font-weight:600}.yt-cell-score.zero{color:var(--color-muted-soft);font-weight:400}.yt-cell-score.bonus{color:var(--color-success);font-weight:700}.yt-bonus-progress{color:var(--color-muted);font-size:var(--text-caption)}.yt-bonus-row th,.yt-bonus-row td,.yt-bonus-row .yt-col-cat{background:var(--color-surface-soft)}.yt-bonus-row .yt-cell.current{background:var(--color-primary-tint)}.yt-cell.scorable{padding:2px}.yt-score-button{width:100%;min-height:34px;border:1px dashed var(--color-primary);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-primary);font-weight:700;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;cursor:pointer;padding:4px 6px}.yt-score-button:active{background:var(--color-primary);color:var(--color-on-primary)}.yt-total-row th,.yt-total-row td{border-top:2px solid var(--color-hairline);background:var(--color-surface-cream-strong)}.yt-total-row .yt-col-cat{background:var(--color-surface-cream-strong)}.yt-total-row .yt-cell.current{background:var(--color-primary-tint)}.yt-cell-total{color:var(--color-ink);font-weight:800;font-size:var(--text-body-md)}@media(max-width:400px){.yt-die{width:46px;height:46px}.yt-dice-row{gap:7px}}@media(max-width:320px){.yt-board{padding:var(--space-sm) var(--space-xs) 120px}.yt-die{width:40px;height:40px;border-radius:var(--radius-md)}.yt-die-face{inset:5px}.yt-pip-cell.on:before{width:7px;height:7px}.yt-dice-row{gap:6px}.yt-dice-panel{padding:var(--space-sm) var(--space-xs)}.yt-col-cat{min-width:92px}}.yt-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.yt-game-over-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px}.yt-over-mark{font-size:40px;line-height:1}.yt-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);overflow-wrap:anywhere}.yt-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.yt-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.yt-over-verdict.win{color:var(--color-primary)}.yt-over-verdict.lose{color:var(--color-muted)}.yt-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.yt-over-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.yt-over-row.winner{border:1px solid var(--color-primary);background:var(--color-primary-tint)}.yt-over-rank{flex-shrink:0;color:var(--color-muted);font-size:var(--text-caption);font-weight:700;min-width:28px;text-align:left}.yt-over-row.winner .yt-over-rank{color:var(--color-primary)}.yt-over-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.yt-over-score{flex-shrink:0;font-weight:800;font-variant-numeric:tabular-nums}.yt-primary-button{padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.yt-primary-button:not(:disabled):active{background:var(--color-primary-active)}@media(max-width:360px){.yt-game-over{padding:var(--space-sm)}.yt-game-over-container{padding:var(--space-lg) var(--space-md)}}.ip-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--ip-felt-elevated) 0%,var(--ip-felt) 100%);padding:var(--space-lg)}.ip-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid var(--ip-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.ip-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.ip-subtitle{margin:0 0 var(--space-lg);color:var(--ip-fog);font-size:var(--text-body-sm)}.ip-join-form,.ip-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.ip-form-group{text-align:left}.ip-form-group label{display:block;color:var(--ip-fog);font-size:var(--text-caption);margin-bottom:6px}.ip-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.ip-primary-button{padding:13px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.ip-primary-button:not(:disabled):active{background:var(--color-primary-active)}.ip-primary-button:disabled{background:#ffffff1f;color:var(--ip-fog);cursor:not-allowed}.ip-ghost-button{padding:11px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--ip-fog);font-size:var(--text-body-sm);cursor:pointer}.ip-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.ip-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.ip-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.ip-seat-item.empty{color:var(--ip-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.ip-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-crown{font-size:var(--text-body-sm)}.ip-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.ip-dot.on{background:var(--color-success)}.ip-dot.off{background:var(--color-muted-soft)}.ip-waiting-hint{margin:0;color:var(--ip-fog);font-size:var(--text-caption)}@media(max-width:360px){.ip-waiting{padding:var(--space-sm)}.ip-waiting-container{padding:var(--space-lg) var(--space-md)}}.ip-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.ip-waiting-toast{background:var(--ip-felt-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.ip-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 30%,var(--ip-felt-elevated) 0%,var(--ip-felt) 70%),var(--ip-felt);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:var(--space-xl);box-sizing:border-box;gap:var(--space-sm)}.ip-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.ip-toast{background:#06140feb;border:1px solid var(--ip-rail);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:ip-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes ip-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ip-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--ip-gold-tint);border:1px solid var(--ip-rail)}.ip-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);color:var(--ip-gold-strong)}.ip-phase-sub{font-size:var(--text-caption);color:var(--ip-fog)}.ip-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--ip-fog);font-size:var(--text-body-sm)}.ip-deadline.urgent{color:var(--ip-danger);animation:ip-deadline-pulse 1s ease infinite}@keyframes ip-deadline-pulse{50%{opacity:.55}}.ip-pot{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px 14px;border-radius:var(--radius-xl);background:#00000038;border:1px solid var(--ip-rail);box-shadow:inset 0 0 0 4px #0000002e}.ip-pot-chips{display:inline-flex;align-items:flex-end;padding-left:10px;min-height:34px}.ip-chip-disc{width:30px;height:30px;margin-left:-12px;border-radius:var(--radius-full);background:radial-gradient(circle at 35% 30%,#ffffff59,#fff0 55%),var(--ip-gold);border:2px dashed rgba(0,0,0,.45);box-shadow:inset 0 0 0 3px var(--ip-gold-strong),0 2px 4px #00000080;transform:translateY(calc(var(--i, 0) * -3px))}.ip-pot-amount{font-size:var(--text-body-sm);color:var(--ip-fog)}.ip-pot-amount strong{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--ip-gold-strong);font-variant-numeric:tabular-nums;margin-left:4px}.ip-pot-sub{font-size:var(--text-caption);color:var(--ip-fog)}.ip-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:520px){.ip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ip-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:var(--radius-lg);border:1px solid var(--ip-line);background:#ffffff0d;color:var(--color-on-dark);box-sizing:border-box;min-width:0}.ip-tile.me{border-color:var(--ip-rail)}.ip-tile.turn{border-color:var(--ip-gold);box-shadow:0 0 0 1px var(--ip-gold) inset;background:var(--ip-gold-tint)}.ip-tile.folded{background:#00000040}.ip-tile.winner{border-color:var(--ip-gold-strong);box-shadow:0 0 14px #e8a55a59;background:var(--ip-gold-tint)}.ip-tile.dead{opacity:.45}.ip-tile-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.ip-tile-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-turn-mark{color:var(--ip-gold-strong);margin-right:4px}.ip-tile-chips{flex-shrink:0;font-size:var(--text-caption);font-weight:700;color:var(--ip-gold-strong);font-variant-numeric:tabular-nums}.ip-tile-card{display:flex;flex-direction:column;align-items:center;gap:4px}.ip-tile-hint{font-size:var(--text-caption-uppercase);color:var(--ip-fog)}.ip-tile-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:18px}.ip-badge{font-size:var(--text-caption-uppercase);font-weight:800;padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff1a;color:var(--color-on-dark)}.ip-badge.bet{background:var(--ip-gold-tint);color:var(--ip-gold-strong);border:1px solid var(--ip-rail)}.ip-badge.folded{background:#00000059;color:var(--ip-fog)}.ip-badge.allin{background:var(--ip-danger-tint);color:var(--ip-danger);border:1px solid rgba(217,106,106,.45)}.ip-badge.off{background:var(--ip-danger-tint);color:var(--ip-danger)}.ip-badge.win{background:var(--ip-gold-tint);color:var(--ip-gold-strong);border:1px solid rgba(232,165,90,.5)}.ip-tile-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-body-sm);color:var(--color-on-dark);background:#00000073;border-radius:var(--radius-lg)}.ip-card{position:relative;width:72px;height:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.ip-card.face{background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);box-shadow:0 1px 2px #1414134d,0 3px 8px #00000059;color:var(--color-ink)}.ip-card-rank{font-family:var(--font-display);font-weight:var(--weight-display);font-size:40px;line-height:1;letter-spacing:var(--tracking-display-sm);font-variant-numeric:tabular-nums;margin-top:-8px}.ip-card-pip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:12px;color:var(--color-primary);pointer-events:none}.ip-card-index{position:absolute;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.ip-card-index.tl{top:5px;left:6px}.ip-card-index.br{bottom:5px;right:6px;transform:rotate(180deg)}.ip-card.back{background:repeating-linear-gradient(45deg,#e8a55a1f 0 6px,#e8a55a00 6px 12px),repeating-linear-gradient(-45deg,#e8a55a1f 0 6px,#e8a55a00 6px 12px),var(--ip-felt-elevated);border:1px solid var(--ip-rail);box-shadow:inset 0 0 0 4px #00000040,0 3px 8px #00000059}.ip-card-question{font-family:var(--font-display);font-weight:var(--weight-display);font-size:38px;line-height:1;color:var(--ip-gold-strong);animation:ip-question-pulse 2s ease infinite}@keyframes ip-question-pulse{50%{opacity:.55}}.ip-card-back-pip{font-size:18px;color:var(--ip-rail)}.ip-card.folded{filter:brightness(.5) grayscale(.5);transform:rotate(7deg)}.ip-card.reveal{animation:ip-card-flip .6s cubic-bezier(.2,.9,.3,1.1)}@keyframes ip-card-flip{0%{transform:rotateY(90deg) scale(.85);opacity:.4}to{transform:rotateY(0) scale(1);opacity:1}}.ip-round-result{width:100%;max-width:560px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--ip-gold-tint);border:1px solid rgba(232,165,90,.5);animation:ip-rr-pop .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes ip-rr-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.ip-rr-icon{font-size:26px;flex-shrink:0}.ip-rr-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ip-rr-title{font-weight:800;font-size:var(--text-body-sm);color:var(--ip-gold-strong)}.ip-rr-sub{font-size:var(--text-caption);color:var(--ip-fog)}.ip-controls{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:var(--radius-lg);background:var(--ip-gold-tint);border:1px solid var(--ip-rail)}.ip-controls-title{font-size:var(--text-body-sm);font-weight:700;color:var(--ip-gold-strong);text-align:center}.ip-controls-row{width:100%;display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.ip-call-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 14px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.ip-call-button:not(:disabled):active{background:var(--color-primary-active)}.ip-fold-button{flex:0 1 auto;min-height:48px;padding:0 18px;border:1px solid rgba(217,106,106,.5);border-radius:var(--radius-md);background:var(--ip-danger-tint);color:var(--ip-danger);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.ip-fold-button:not(:disabled):active{background:#d96a6a47}.ip-raise-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 8px;border:1px solid var(--ip-rail);border-radius:var(--radius-md);background:#ffffff14;color:var(--ip-gold-strong);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.ip-raise-button:not(:disabled):active{background:#ffffff29}.ip-call-button:disabled,.ip-fold-button:disabled,.ip-raise-button:disabled{opacity:.35;cursor:not-allowed}.ip-controls-hint{font-size:var(--text-caption);color:var(--ip-fog);text-align:center}.ip-observer-note{margin:0;font-size:var(--text-caption);color:var(--ip-fog);text-align:center}@media(max-width:340px){.ip-board{padding:var(--space-xs);padding-bottom:var(--space-lg)}.ip-grid{gap:6px}.ip-tile{padding:8px}.ip-card{width:60px;height:84px}.ip-card-rank{font-size:32px}.ip-card-question{font-size:30px}.ip-raise-button{padding:0 6px;font-size:var(--text-caption)}}.ip-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.ip-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--ip-felt-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.ip-over-icon{font-size:40px;line-height:1}.ip-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--ip-gold-strong);overflow-wrap:anywhere}.ip-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.ip-over-verdict.win{color:var(--color-success)}.ip-over-verdict.lose{color:var(--ip-fog)}.ip-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.ip-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.ip-over-row.winner{background:var(--ip-gold-tint);border-color:#e8a55a80}.ip-over-row.dead{opacity:.55}.ip-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-over-rank{display:inline-block;margin-right:6px;font-size:var(--text-caption-uppercase);color:var(--ip-fog);font-variant-numeric:tabular-nums}.ip-over-chips{flex-shrink:0;font-weight:800;color:var(--ip-gold-strong);font-variant-numeric:tabular-nums}@media(max-width:360px){.ip-game-over{padding:var(--space-sm)}.ip-game-over-container{padding:var(--space-lg) var(--space-md)}}.ip-scope{--ip-felt: rgb(10, 32, 24);--ip-felt-elevated: rgb(17, 48, 36);--ip-felt-soft: rgb(13, 40, 30);--ip-fog: rgb(168, 191, 178);--ip-gold: var(--color-accent-amber);--ip-gold-strong: rgb(242, 184, 113);--ip-gold-tint: rgba(232, 165, 90, .14);--ip-line: rgba(255, 255, 255, .12);--ip-rail: rgba(232, 165, 90, .35);--ip-danger: rgb(217, 106, 106);--ip-danger-tint: rgba(217, 106, 106, .14)}.nt-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.nt-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.nt-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.nt-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.nt-join-form,.nt-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.nt-form-group{text-align:left}.nt-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.nt-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.nt-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.nt-primary-button:not(:disabled):active{background:var(--color-primary-active)}.nt-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.nt-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.nt-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.nt-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nt-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.nt-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.nt-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-crown{font-size:var(--text-body-sm)}.nt-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.nt-dot.on{background:var(--color-success)}.nt-dot.off{background:var(--color-muted-soft)}.nt-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.nt-waiting{padding:var(--space-sm)}.nt-waiting-container{padding:var(--space-lg) var(--space-md)}}.nt-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.nt-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.nt-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.nt-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.nt-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.nt-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.nt-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.nt-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.nt-deadline.urgent{color:var(--color-error)}.nt-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.nt-table{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-sm) 0 var(--space-xs);flex-wrap:wrap}.nt-deck{display:flex;flex-direction:column;align-items:center;gap:4px}.nt-deck-back{width:48px;height:68px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--color-primary) 0%,var(--color-primary-active) 100%);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-title-md);box-shadow:var(--shadow-subtle)}.nt-deck-label,.nt-open-label{color:var(--color-muted);font-size:var(--text-caption-uppercase)}.nt-open-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.nt-open-card{position:relative;width:clamp(108px,34vw,132px);height:clamp(152px,48vw,186px);border-radius:var(--radius-md);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:3px solid currentColor;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a}.nt-open-card.empty{color:var(--color-muted-soft);border-top-color:var(--color-hairline)}.nt-open-index{position:absolute;font-weight:800;font-size:var(--text-body-md);line-height:1;pointer-events:none}.nt-open-index.tl{top:8px;left:10px}.nt-open-index.br{bottom:8px;right:10px;transform:rotate(180deg)}.nt-open-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(56px,16vw,76px);letter-spacing:var(--tracking-display-md);line-height:1}.nt-pot{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-pill);padding:4px 10px;box-shadow:var(--shadow-subtle);white-space:nowrap}.nt-pot-stack{display:inline-flex}.nt-pot-chip{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-accent-amber);border:1px solid rgba(20,20,19,.35);margin-left:-5px}.nt-pot-chip:first-child{margin-left:0}.nt-pot-count{font-weight:800;font-size:var(--text-caption);font-variant-numeric:tabular-nums}.nt-open-card.tier-low,.nt-mini-card.tier-low{color:var(--st-clan-2)}.nt-open-card.tier-mid,.nt-mini-card.tier-mid{color:var(--st-clan-3)}.nt-open-card.tier-high,.nt-mini-card.tier-high{color:var(--st-clan-0)}.nt-actions-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding-top:var(--space-xs)}.nt-my-chips{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-body);border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-body-sm)}.nt-my-chips strong{color:var(--color-ink);font-weight:800;font-variant-numeric:tabular-nums}.nt-actions{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;width:100%}.nt-pass-button,.nt-take-button{min-height:48px;padding:0 18px;border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;flex:1 1 130px;max-width:240px}.nt-pass-button{border:1px solid var(--color-hairline);background:var(--color-surface-card);color:var(--color-ink)}.nt-pass-button:not(:disabled):active{background:var(--color-surface-cream-strong)}.nt-take-button{border:none;background:var(--color-primary);color:var(--color-on-primary)}.nt-take-button:not(:disabled):active{background:var(--color-primary-active)}.nt-pass-button:disabled,.nt-take-button:disabled{opacity:.45;cursor:not-allowed}.nt-actions-hint{color:var(--color-error);font-size:var(--text-caption)}.nt-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}.nt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xs)}.nt-tile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.nt-tile.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.nt-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.nt-tile-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-tile-turn{color:var(--color-primary)}.nt-tile-chips{color:var(--color-body);font-size:var(--text-caption);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.nt-tile-badges{display:flex;gap:4px;flex-wrap:wrap}.nt-tile-badges:empty{display:none}.nt-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.nt-badge.off{color:var(--color-muted-soft)}.nt-tile-sum{color:var(--color-muted);font-size:11px}.nt-tile-empty{color:var(--color-muted-soft);font-size:var(--text-caption)}.nt-runs{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:flex-start}.nt-run{display:inline-flex}.nt-mini-card{flex-shrink:0;width:28px;height:40px;border-radius:var(--radius-xs);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;line-height:1;-webkit-user-select:none;user-select:none;margin-left:-9px;box-shadow:-1px 1px 2px #1414131a}.nt-run .nt-mini-card:first-child{margin-left:0}.nt-mini-card.min{font-weight:800;border-color:currentColor;background:var(--card-face)}.nt-mini-card:not(.min){opacity:.72}@media(max-width:360px){.nt-board{padding:var(--space-sm) var(--space-xs) 96px}.nt-grid{grid-template-columns:1fr}.nt-table{gap:var(--space-md)}.nt-open-card{width:clamp(96px,38vw,118px);height:clamp(138px,54vw,166px)}.nt-open-value{font-size:clamp(46px,18vw,60px)}.nt-pass-button,.nt-take-button{flex:1 1 100%;max-width:none}.nt-mini-card{width:25px;height:36px;font-size:13px;margin-left:-8px}}.nt-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.nt-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.nt-over-mark{font-size:40px;line-height:1}.nt-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.nt-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.nt-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.nt-over-verdict.win{color:var(--color-primary)}.nt-over-verdict.lose{color:var(--color-muted)}.nt-over-table-wrap{overflow-x:auto}.nt-over-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);color:var(--color-ink)}.nt-over-table th{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--color-hairline);text-align:right;white-space:nowrap}.nt-over-table td{padding:10px 8px;border-bottom:1px solid var(--color-hairline-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nt-over-table th.left,.nt-over-table td.left{text-align:left}.nt-over-table tr.winner td{background:var(--color-primary-tint);font-weight:700}.nt-over-score{font-weight:800}.nt-over-name{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:600}.nt-over-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nt-over-cards-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-surface-soft)}.nt-over-cards-name{color:var(--color-body);font-size:var(--text-caption);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nt-over-cards-none{color:var(--color-muted-soft);font-size:var(--text-caption)}@media(max-width:360px){.nt-game-over{padding:var(--space-sm)}.nt-game-over-container{padding:var(--space-lg) var(--space-md)}.nt-over-name{max-width:96px}}.vg-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--vg-night-elevated) 0%,var(--vg-night) 100%);padding:var(--space-lg)}.vg-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid var(--vg-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.vg-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.vg-subtitle{margin:0 0 var(--space-lg);color:var(--vg-fog);font-size:var(--text-body-sm)}.vg-join-form,.vg-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.vg-form-group{text-align:left}.vg-form-group label{display:block;color:var(--vg-fog);font-size:var(--text-caption);margin-bottom:6px}.vg-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.vg-primary-button{padding:13px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.vg-primary-button:not(:disabled):active{background:var(--color-primary-active)}.vg-primary-button:disabled{background:#ffffff1f;color:var(--vg-fog);cursor:not-allowed}.vg-ghost-button{padding:11px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--vg-fog);font-size:var(--text-body-sm);cursor:pointer}.vg-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.vg-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.vg-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.vg-seat-item.empty{color:var(--vg-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.vg-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-crown{font-size:var(--text-body-sm)}.vg-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.vg-dot.on{background:var(--color-success)}.vg-dot.off{background:var(--color-muted-soft)}.vg-waiting-hint{margin:0;color:var(--vg-fog);font-size:var(--text-caption)}@media(max-width:360px){.vg-waiting{padding:var(--space-sm)}.vg-waiting-container{padding:var(--space-lg) var(--space-md)}}.vg-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.vg-waiting-toast{background:var(--vg-night-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.vg-board{min-height:100vh;background:linear-gradient(170deg,var(--vg-night-elevated) 0%,var(--vg-night) 55%);padding:var(--space-md) var(--space-md) 120px;max-width:640px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);overflow-x:hidden}.vg-sc0{--seat-color: var(--vg-seat-0);--seat-tint: var(--vg-seat-0-tint)}.vg-sc1{--seat-color: var(--vg-seat-1);--seat-tint: var(--vg-seat-1-tint)}.vg-sc2{--seat-color: var(--vg-seat-2);--seat-tint: var(--vg-seat-2-tint)}.vg-sc3{--seat-color: var(--vg-seat-3);--seat-tint: var(--vg-seat-3-tint)}.vg-sc4{--seat-color: var(--vg-seat-4);--seat-tint: var(--vg-seat-4-tint)}.vg-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.vg-toast{background:var(--vg-night-elevated);border:1px solid var(--vg-line);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.vg-phase-banner{display:flex;flex-direction:column;gap:3px;background:#ffffff0a;border:1px solid var(--vg-line);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.vg-phase-banner.settle{border-color:#e8a55a73;background:var(--vg-gold-tint)}.vg-phase-title{color:var(--color-on-dark);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.vg-deadline{font-variant-numeric:tabular-nums;color:var(--vg-fog);font-weight:600}.vg-deadline.urgent{color:var(--vg-danger)}.vg-phase-sub{color:var(--vg-fog);font-size:var(--text-caption)}.vg-phase-banner.settle .vg-phase-sub{color:var(--vg-gold-strong);font-weight:600}.vg-players{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.vg-player{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--vg-line-soft);background:#ffffff0d;font-size:var(--text-caption);color:var(--color-on-dark);max-width:100%}.vg-player.current{border-color:var(--seat-color);background:var(--seat-tint)}.vg-player-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--seat-color);flex-shrink:0}.vg-player-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.vg-turn-mark{color:var(--seat-color);margin-right:2px}.vg-player-dice{color:var(--vg-fog);font-variant-numeric:tabular-nums;flex-shrink:0}.vg-player-cash{color:var(--vg-gold-strong);font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}.vg-casino-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vg-casino{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--radius-lg);border:1px solid var(--vg-line);background:var(--vg-night-soft);min-width:0}.vg-casino.placeable{border-color:var(--vg-neon);background:var(--vg-neon-tint)}.vg-casino-head{display:flex;align-items:center;justify-content:center}.vg-die{position:relative;display:inline-block;width:34px;height:34px;border:1.5px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--card-face);flex-shrink:0}.vg-die.vg-casino-die{width:42px;height:42px;border-radius:var(--radius-lg)}.vg-die-face{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.vg-pip-cell{display:flex;align-items:center;justify-content:center}.vg-pip-cell.on:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-ink)}.vg-die.vg-casino-die .vg-pip-cell.on:before{width:7px;height:7px}@keyframes vg-shake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-2px,-3px) rotate(-8deg)}40%{transform:translate(3px,1px) rotate(6deg)}60%{transform:translate(-3px,2px) rotate(-5deg)}80%{transform:translate(2px,-2px) rotate(4deg)}to{transform:translate(0) rotate(0)}}.vg-die.rolling{animation:vg-shake .55s ease-in-out}.vg-bills{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%}.vg-bill{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:3px 6px;border-radius:var(--radius-xs);border:1px solid rgba(232,165,90,.45);background:var(--vg-gold-tint);color:var(--vg-gold-strong);font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.vg-bills-empty{color:var(--vg-fog);font-size:11px;text-align:center}.vg-bill.awarded{border-color:var(--seat-color);background:var(--seat-tint);color:var(--color-on-dark);animation:vg-award-pop .6s ease-out}@keyframes vg-award-pop{0%{transform:scale(.85);opacity:.4}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.vg-bill-to{color:var(--seat-color);font-size:10px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-bill.discarded{opacity:.35;text-decoration:line-through}.vg-placed{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.vg-placed-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--seat-color);background:var(--seat-tint);color:var(--color-on-dark);font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums}.vg-placed-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--seat-color);flex-shrink:0}.vg-placed-badge.cancelled{opacity:.55;border-color:var(--vg-danger);background:var(--vg-danger-tint);text-decoration:line-through}.vg-cancel-tag{color:var(--vg-danger);font-size:10px;font-weight:700;text-decoration:none}.vg-dice-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:#ffffff0a;border:1px solid var(--vg-line);border-radius:var(--radius-lg);padding:var(--space-md)}.vg-dice-owner{margin:0;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.vg-dice-left-badge{padding:2px 8px;border-radius:var(--radius-pill);border:1px solid var(--vg-line);background:#ffffff0f;color:var(--vg-fog);font-size:var(--text-caption);font-weight:600;font-variant-numeric:tabular-nums}.vg-dice-groups{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.vg-dice-group{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--vg-line);background:var(--vg-night-soft)}.vg-dice-group.tappable{cursor:pointer;border-color:var(--vg-neon);background:var(--vg-neon-tint)}.vg-dice-group.tappable:not(:disabled):active{transform:translateY(2px)}.vg-dice-group.tappable:disabled{cursor:not-allowed;opacity:.55}.vg-group-dice{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:128px}.vg-group-label{color:var(--vg-fog);font-size:var(--text-caption);font-weight:700;font-variant-numeric:tabular-nums}.vg-dice-group.tappable .vg-group-label{color:var(--vg-neon)}.vg-dice-hint,.vg-spectator-note{margin:0;color:var(--vg-fog);font-size:var(--text-caption);text-align:center}@media(prefers-reduced-motion:reduce){.vg-die.rolling,.vg-bill.awarded{animation:none}}@media(max-width:400px){.vg-die{width:30px;height:30px}.vg-die.vg-casino-die{width:36px;height:36px}}@media(max-width:340px){.vg-board{padding:var(--space-sm) var(--space-xs) 120px}.vg-casino-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vg-die{width:26px;height:26px;border-radius:var(--radius-sm)}.vg-die-face{inset:3px}.vg-pip-cell.on:before{width:5px;height:5px}.vg-die.vg-casino-die{width:32px;height:32px}.vg-dice-panel{padding:var(--space-sm) var(--space-xs)}.vg-group-dice{max-width:96px}}.vg-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--vg-night-elevated) 0%,var(--vg-night) 100%);padding:var(--space-lg)}.vg-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:#ffffff0a;border:1px solid var(--vg-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}.vg-over-mark{font-size:40px;line-height:1}.vg-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--vg-gold-strong);overflow-wrap:anywhere}.vg-over-sub{margin:0;color:var(--vg-fog);font-size:var(--text-caption)}.vg-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.vg-over-verdict.win{color:var(--color-success)}.vg-over-verdict.lose{color:var(--vg-fog)}.vg-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.vg-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.vg-over-row.winner{background:var(--vg-gold-tint);border-color:#e8a55a80}.vg-over-rank{flex-shrink:0;font-size:var(--text-caption-uppercase);color:var(--vg-fog);font-variant-numeric:tabular-nums}.vg-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-over-cash{flex-shrink:0;font-weight:800;color:var(--vg-gold-strong);font-variant-numeric:tabular-nums}@media(max-width:360px){.vg-game-over{padding:var(--space-sm)}.vg-game-over-container{padding:var(--space-lg) var(--space-md)}}.vg-scope{--vg-night: rgb(21, 13, 27);--vg-night-elevated: rgb(36, 22, 45);--vg-night-soft: rgb(28, 17, 36);--vg-fog: rgb(184, 172, 198);--vg-gold: var(--color-accent-amber);--vg-gold-strong: rgb(242, 184, 113);--vg-gold-tint: rgba(232, 165, 90, .14);--vg-neon: rgb(224, 108, 158);--vg-neon-tint: rgba(224, 108, 158, .16);--vg-line: rgba(255, 255, 255, .12);--vg-line-soft: rgba(255, 255, 255, .08);--vg-danger: rgb(217, 106, 106);--vg-danger-tint: rgba(217, 106, 106, .16);--vg-seat-0: rgb(232, 165, 90);--vg-seat-1: rgb(125, 159, 209);--vg-seat-2: rgb(217, 106, 154);--vg-seat-3: rgb(103, 184, 135);--vg-seat-4: rgb(159, 134, 213);--vg-seat-0-tint: rgba(232, 165, 90, .18);--vg-seat-1-tint: rgba(125, 159, 209, .18);--vg-seat-2-tint: rgba(217, 106, 154, .18);--vg-seat-3-tint: rgba(103, 184, 135, .18);--vg-seat-4-tint: rgba(159, 134, 213, .18)}.cp-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--cp-court-elevated) 0%,var(--cp-court) 100%);padding:var(--space-lg)}.cp-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid var(--cp-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.cp-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.cp-subtitle{margin:0 0 var(--space-lg);color:var(--cp-fog);font-size:var(--text-body-sm)}.cp-join-form,.cp-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.cp-form-group{text-align:left}.cp-form-group label{display:block;color:var(--cp-fog);font-size:var(--text-caption);margin-bottom:6px}.cp-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.cp-primary-button{padding:13px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.cp-primary-button:not(:disabled):active{background:var(--color-primary-active)}.cp-primary-button:disabled{background:#ffffff1f;color:var(--cp-fog);cursor:not-allowed}.cp-ghost-button{padding:11px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--cp-fog);font-size:var(--text-body-sm);cursor:pointer}.cp-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.cp-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.cp-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.cp-seat-item.empty{color:var(--cp-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.cp-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-crown{font-size:var(--text-body-sm)}.cp-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.cp-dot.on{background:var(--color-success)}.cp-dot.off{background:var(--color-muted-soft)}.cp-waiting-hint{margin:0;color:var(--cp-fog);font-size:var(--text-caption)}@media(max-width:360px){.cp-waiting{padding:var(--space-sm)}.cp-waiting-container{padding:var(--space-lg) var(--space-md)}}.cp-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cp-waiting-toast{background:var(--cp-court-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.cp-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 25%,var(--cp-court-elevated) 0%,var(--cp-court) 72%),var(--cp-court);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:var(--space-xl);box-sizing:border-box;gap:var(--space-sm)}.cp-board.with-bar{padding-bottom:132px}.cp-feed{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.cp-feed-line{background:#10080eeb;border:1px solid var(--cp-rail);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:cp-feed-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes cp-feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--cp-gold-tint);border:1px solid var(--cp-rail)}.cp-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);color:var(--cp-gold-strong)}.cp-phase-sub{font-size:var(--text-caption);color:var(--cp-fog)}.cp-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--cp-fog);font-size:var(--text-body-sm)}.cp-deadline.urgent{color:var(--cp-danger);animation:cp-deadline-pulse 1s ease infinite}@keyframes cp-deadline-pulse{50%{opacity:.55}}.cp-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:520px){.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cp-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:var(--radius-lg);border:1px solid var(--cp-line);background:#ffffff0d;color:var(--color-on-dark);box-sizing:border-box;min-width:0}.cp-tile.me{border-color:var(--cp-rail)}.cp-tile.turn{border-color:var(--cp-gold);box-shadow:0 0 0 1px var(--cp-gold) inset;background:var(--cp-gold-tint)}.cp-tile.target{border-color:#d96a6a99;box-shadow:0 0 0 1px #d96a6a99 inset}.cp-tile.dead{opacity:.45}.cp-tile-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.cp-tile-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-turn-mark{color:var(--cp-gold-strong);margin-right:4px}.cp-tile-chips{flex-shrink:0;font-size:var(--text-caption);font-weight:700;color:var(--cp-gold-strong);font-variant-numeric:tabular-nums}.cp-tile-cards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:40px}.cp-mini-card{display:inline-flex;align-items:center;justify-content:center;width:32px;height:44px;border-radius:5px;box-sizing:border-box;font-size:var(--text-caption-uppercase);line-height:1.05;text-align:center}.cp-mini-card.back{background:repeating-linear-gradient(45deg,#e8a55a24 0 4px,#e8a55a00 4px 8px),var(--cp-court-elevated);border:1px solid var(--cp-rail);color:var(--cp-rail);font-size:11px}.cp-mini-card.face{background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.28);border-top:3px solid var(--cp-role, var(--color-muted));color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-display);padding:2px;word-break:keep-all;filter:saturate(.8) brightness(.94)}.cp-mini-card.face.role-duke{--cp-role: var(--cp-duke)}.cp-mini-card.face.role-assassin{--cp-role: var(--cp-assassin)}.cp-mini-card.face.role-captain{--cp-role: var(--cp-captain)}.cp-mini-card.face.role-ambassador{--cp-role: var(--cp-ambassador)}.cp-mini-card.face.role-contessa{--cp-role: var(--cp-contessa)}.cp-tile-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:18px}.cp-badge{font-size:var(--text-caption-uppercase);font-weight:800;padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff1a;color:var(--color-on-dark)}.cp-badge.act{background:var(--cp-gold-tint);color:var(--cp-gold-strong);border:1px solid var(--cp-rail)}.cp-badge.tgt{background:var(--cp-danger-tint);color:var(--cp-danger);border:1px solid rgba(217,106,106,.45)}.cp-badge.blk{background:var(--cp-safe-tint);color:var(--cp-safe);border:1px solid rgba(125,159,209,.45)}.cp-badge.lose,.cp-badge.off{background:var(--cp-danger-tint);color:var(--cp-danger)}.cp-tile-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-body-sm);color:var(--color-on-dark);background:#00000073;border-radius:var(--radius-lg)}.cp-hand{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px 14px;border-radius:var(--radius-xl);background:#00000038;border:1px solid var(--cp-rail)}.cp-hand-title{font-size:var(--text-body-sm);font-weight:700;color:var(--cp-gold-strong);font-variant-numeric:tabular-nums}.cp-hand-row{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.cp-hand-card{position:relative;width:128px;height:172px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px 12px;box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);box-shadow:0 1px 2px #1414134d,0 3px 8px #00000059;color:var(--color-ink);overflow:hidden}.cp-hand-ribbon{position:absolute;top:0;left:0;right:0;height:6px;background:var(--cp-role, var(--color-muted))}.cp-hand-card.role-duke{--cp-role: var(--cp-duke)}.cp-hand-card.role-assassin{--cp-role: var(--cp-assassin)}.cp-hand-card.role-captain{--cp-role: var(--cp-captain)}.cp-hand-card.role-ambassador{--cp-role: var(--cp-ambassador)}.cp-hand-card.role-contessa{--cp-role: var(--cp-contessa)}.cp-hand-en{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--cp-role, var(--color-muted));font-weight:700}.cp-hand-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:28px;line-height:1.1;letter-spacing:var(--tracking-display-sm);word-break:keep-all}.cp-hand-ability{font-size:var(--text-caption-uppercase);line-height:1.35;color:var(--color-muted);word-break:keep-all}.cp-hand-card.tappable{cursor:pointer;font-family:inherit}.cp-hand-card.tappable:not(:disabled):active{transform:translateY(1px) scale(.99)}.cp-hand-card.selected{outline:3px solid var(--cp-gold-strong);outline-offset:-3px;box-shadow:0 0 14px #e8a55a66,0 3px 8px #00000059}.cp-hand-card.dimmed{opacity:.55}.cp-actions{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:var(--radius-lg);background:var(--cp-gold-tint);border:1px solid var(--cp-rail)}.cp-actions-title{font-size:var(--text-body-sm);font-weight:700;color:var(--cp-gold-strong);text-align:center}.cp-actions-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:440px){.cp-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cp-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:8px 6px;border:1px solid var(--cp-line);border-radius:var(--radius-md);background:#ffffff12;color:var(--color-on-dark);cursor:pointer;text-align:center;font-family:inherit;min-width:0}.cp-action-button.claim{border-color:var(--cp-rail)}.cp-action-button:not(:disabled):active{background:#ffffff24}.cp-action-button:disabled{opacity:.35;cursor:not-allowed}.cp-action-label{font-size:var(--text-body-sm);font-weight:800}.cp-action-cost{color:var(--cp-danger);font-variant-numeric:tabular-nums}.cp-action-sub{font-size:var(--text-caption-uppercase);color:var(--cp-gold-strong);word-break:keep-all}.cp-action-note{font-size:var(--text-caption-uppercase);color:var(--cp-fog);word-break:keep-all}.cp-observer-note{margin:0;font-size:var(--text-caption);color:var(--cp-fog);text-align:center}.cp-response-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px var(--space-sm) calc(12px + env(safe-area-inset-bottom,0px));background:#10080ef5;border-top:1px solid var(--cp-rail);box-shadow:0 -8px 24px #00000073;animation:cp-bar-up .25s ease}@keyframes cp-bar-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cp-bar-prompt{font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark);text-align:center;max-width:560px}.cp-bar-timer{margin-left:8px;color:var(--cp-gold-strong);font-variant-numeric:tabular-nums}.cp-bar-timer.urgent{color:var(--cp-danger);animation:cp-deadline-pulse 1s ease infinite}.cp-bar-buttons{width:100%;max-width:560px;display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.cp-challenge-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:1px solid rgba(217,106,106,.5);border-radius:var(--radius-md);background:var(--cp-danger-tint);color:var(--cp-danger);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.cp-challenge-button:not(:disabled):active{background:#d96a6a47}.cp-block-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:1px solid rgba(125,159,209,.5);border-radius:var(--radius-md);background:var(--cp-safe-tint);color:var(--cp-safe);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.cp-block-button:not(:disabled):active{background:#7d9fd147}.cp-allow-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.cp-allow-button:not(:disabled):active{background:var(--color-primary-active)}.cp-challenge-button:disabled,.cp-block-button:disabled,.cp-allow-button:disabled{opacity:.35;cursor:not-allowed}.cp-response-bar.passive .cp-bar-prompt{color:var(--cp-fog);font-weight:400}.cp-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-md);overflow-y:auto}.cp-overlay-panel{width:100%;max-width:420px;box-sizing:border-box;background:var(--cp-court-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal);animation:cp-panel-pop .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes cp-panel-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.cp-overlay-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--cp-gold-strong);word-break:keep-all}.cp-overlay-sub{margin:0;font-size:var(--text-caption);color:var(--cp-fog)}.cp-overlay-cards{display:flex;gap:var(--space-xs);justify-content:center}.cp-overlay-cards.wrap{flex-wrap:wrap}.cp-target-list{display:flex;flex-direction:column;gap:var(--space-xxs)}.cp-target-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:48px;padding:8px 14px;border:1px solid var(--cp-line);border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);cursor:pointer;font-family:inherit}.cp-target-button:not(:disabled):active{background:var(--cp-gold-tint);border-color:var(--cp-rail)}.cp-target-button:disabled{opacity:.35;cursor:not-allowed}.cp-target-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-target-info{flex-shrink:0;font-size:var(--text-caption);color:var(--cp-gold-strong);font-variant-numeric:tabular-nums}.cp-overlay-confirm{min-height:48px;padding:0 14px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.cp-overlay-confirm:not(:disabled):active{background:var(--color-primary-active)}.cp-overlay-confirm:disabled{background:#ffffff1f;color:var(--cp-fog);cursor:not-allowed}.cp-overlay-cancel{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--cp-fog);font-size:var(--text-body-sm);cursor:pointer}@media(max-width:340px){.cp-board{padding:var(--space-xs);padding-bottom:var(--space-lg)}.cp-board.with-bar{padding-bottom:128px}.cp-grid{gap:6px}.cp-tile{padding:8px}.cp-mini-card{width:28px;height:38px}.cp-hand-card{width:106px;height:150px;padding:12px 8px 10px}.cp-hand-name{font-size:23px}.cp-actions-grid{gap:6px}.cp-action-button{min-height:58px;padding:6px 4px}.cp-bar-buttons{gap:6px}.cp-challenge-button,.cp-block-button,.cp-allow-button{padding:0 8px;font-size:var(--text-caption)}}.cp-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.cp-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--cp-court-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.cp-over-icon{font-size:40px;line-height:1}.cp-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--cp-gold-strong);overflow-wrap:anywhere}.cp-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.cp-over-verdict.win{color:var(--color-success)}.cp-over-verdict.lose{color:var(--cp-fog)}.cp-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.cp-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.cp-over-row.winner{background:var(--cp-gold-tint);border-color:#e8a55a80}.cp-over-row.dead{opacity:.55}.cp-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-over-rank{display:inline-block;margin-right:6px;font-size:var(--text-caption-uppercase);color:var(--cp-fog);font-variant-numeric:tabular-nums}.cp-over-info{flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.cp-over-revealed{font-size:var(--text-caption-uppercase);color:var(--cp-fog)}.cp-over-chips{font-weight:800;color:var(--cp-gold-strong);font-variant-numeric:tabular-nums}@media(max-width:360px){.cp-game-over{padding:var(--space-sm)}.cp-game-over-container{padding:var(--space-lg) var(--space-md)}}.cp-scope{--cp-court: rgb(26, 14, 23);--cp-court-elevated: rgb(43, 24, 39);--cp-court-soft: rgb(34, 19, 31);--cp-fog: rgb(190, 172, 188);--cp-gold: var(--color-accent-amber);--cp-gold-strong: rgb(242, 184, 113);--cp-gold-tint: rgba(232, 165, 90, .14);--cp-line: rgba(255, 255, 255, .12);--cp-rail: rgba(232, 165, 90, .35);--cp-danger: rgb(217, 106, 106);--cp-danger-tint: rgba(217, 106, 106, .14);--cp-safe: rgb(125, 159, 209);--cp-safe-tint: rgba(125, 159, 209, .14);--cp-duke: rgb(124, 92, 173);--cp-assassin: rgb(176, 58, 58);--cp-captain: rgb(74, 109, 156);--cp-ambassador: rgb(91, 158, 111);--cp-contessa: rgb(199, 106, 140)}.nm-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.nm-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.nm-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.nm-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.nm-join-form,.nm-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.nm-form-group{text-align:left}.nm-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.nm-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.nm-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.nm-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.nm-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.nm-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nm-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.nm-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.nm-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-crown{font-size:var(--text-body-sm)}.nm-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.nm-dot.on{background:var(--color-success)}.nm-dot.off{background:var(--color-muted-soft)}.nm-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.nm-waiting{padding:var(--space-sm)}.nm-waiting-container{padding:var(--space-lg) var(--space-md)}}.nm-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.nm-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.nm-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);overflow-x:hidden}.nm-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.nm-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.nm-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.nm-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.nm-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.nm-deadline.urgent{color:var(--color-error)}.nm-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.nm-card{position:relative;flex-shrink:0;width:42px;height:60px;border-radius:var(--radius-xs);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:2px solid currentColor;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;-webkit-user-select:none;user-select:none;box-shadow:-1px 1px 2px #1414131a}.nm-card-value{font-family:var(--font-display);font-weight:600;font-size:var(--text-title-sm);line-height:1}.nm-bulls{font-size:10px;line-height:1;color:var(--color-body);white-space:nowrap}.nm-card.tier-low,.nm-hand-card.tier-low{color:var(--st-clan-2)}.nm-card.tier-mid,.nm-hand-card.tier-mid{color:var(--st-clan-3)}.nm-card.tier-high,.nm-hand-card.tier-high{color:var(--st-clan-0)}.nm-rows{display:flex;flex-direction:column;gap:var(--space-xs)}.nm-row{display:flex;align-items:center;gap:10px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:8px 12px;min-height:44px;text-align:left;min-width:0}.nm-row.full{border-color:var(--color-error);background:var(--color-team-red-tint)}.nm-row.choosable{cursor:pointer;font:inherit;color:inherit;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.nm-row.choosable:active{background:var(--color-surface-cream-strong)}.nm-row.placed{border-color:var(--color-primary)}.nm-row-label{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:700;flex-shrink:0;width:26px}.nm-row-cards{display:flex;align-items:center;flex:1;min-width:0}.nm-row-cards .nm-card{margin-left:-14px;justify-content:flex-start;padding-top:8px;box-sizing:border-box}.nm-row-cards .nm-card:first-child{margin-left:0}.nm-row-cards .nm-card .nm-card-value,.nm-row-cards .nm-card .nm-bulls{align-self:flex-start;margin-left:5px}.nm-row-empty{color:var(--color-muted-soft);font-size:var(--text-caption)}.nm-card.just-placed{box-shadow:0 0 0 2px var(--color-primary-ring);animation:nm-pop .5s ease-out}.nm-row-sum{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;color:var(--color-body);font-size:var(--text-caption);font-weight:700;font-variant-numeric:tabular-nums}.nm-row-warn{color:var(--color-error);font-size:11px;font-weight:800}.nm-choose-hint{margin:0;text-align:center;color:var(--color-primary);font-size:var(--text-caption);font-weight:700}.nm-placement{margin:0;text-align:center;color:var(--color-muted);font-size:var(--text-caption)}.nm-placement.ate{color:var(--color-error);font-weight:700}.nm-reveal{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px}.nm-reveal-title{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:700;text-align:center}.nm-reveal-list{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.nm-reveal-item{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;animation:nm-reveal-in .45s ease-out forwards}.nm-reveal-item.me .nm-reveal-name{color:var(--color-primary);font-weight:800}.nm-card.reveal{width:46px;height:64px}.nm-reveal-name{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-body);font-size:11px;font-weight:600}@keyframes nm-reveal-in{0%{opacity:0;transform:translateY(6px) scale(.9)}55%{opacity:1;transform:translateY(0) scale(1.08);filter:drop-shadow(0 0 6px var(--color-primary-ring))}to{opacity:1;transform:none;filter:none}}@keyframes nm-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.nm-players{display:flex;flex-direction:column;gap:4px}.nm-player{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:7px 12px;min-width:0}.nm-player.me{border-color:var(--color-primary)}.nm-player.chooser{box-shadow:0 0 0 2px var(--color-primary-ring)}.nm-player-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-player-meta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.nm-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.nm-badge.off{color:var(--color-muted-soft)}.nm-pick-status{min-width:22px;text-align:center;font-size:var(--text-caption);font-weight:800;color:var(--color-muted-soft)}.nm-pick-status.done{color:var(--color-success)}.nm-pick-status.choosing{color:var(--color-primary);font-size:11px}.nm-player-penalty{color:var(--color-body);font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.nm-hand-wrap{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs)}.nm-hand-label{color:var(--color-muted);font-size:var(--text-caption);text-align:center}.nm-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.nm-hand-card{position:relative;width:44px;height:64px;border-radius:var(--radius-xs);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:2px solid currentColor;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:-1px 1px 2px #1414131a;font:inherit;transition:transform .12s ease-out}.nm-hand-card .nm-card-value{font-size:var(--text-title-md)}.nm-hand-card:disabled{cursor:not-allowed;opacity:.55}.nm-hand-card.selected{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.nm-confirm-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-lg);padding:8px 8px 8px 16px;box-shadow:var(--shadow-subtle)}.nm-confirm-text{font-size:var(--text-body-sm);font-weight:700;font-variant-numeric:tabular-nums}.nm-confirm-button{min-height:44px;padding:0 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.nm-confirm-button:active{background:var(--color-primary-active)}.nm-hand-hint{margin:0;text-align:center;color:var(--color-success);font-size:var(--text-caption);font-weight:700}.nm-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}@media(max-width:360px){.nm-board{padding:var(--space-sm) var(--space-xs) 96px}.nm-card{width:38px;height:54px}.nm-card-value{font-size:14px}.nm-row{gap:6px;padding:7px 8px}.nm-row-label{width:22px}.nm-row-cards .nm-card{margin-left:-20px}.nm-row-cards .nm-card:first-child{margin-left:0}.nm-hand-card,.nm-card.reveal{width:40px;height:58px}}.nm-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.nm-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.nm-over-mark{font-size:40px;line-height:1}.nm-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.nm-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.nm-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.nm-over-verdict.win{color:var(--color-primary)}.nm-over-verdict.lose{color:var(--color-muted)}.nm-over-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nm-over-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);min-width:0}.nm-over-row.winner{background:var(--color-primary-tint)}.nm-over-name{flex-shrink:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);font-size:var(--text-body-sm);font-weight:600;text-align:left}.nm-over-row.winner .nm-over-name{font-weight:800}.nm-over-bar-wrap{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--color-surface-cream-strong);overflow:hidden;min-width:24px}.nm-over-bar{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-error);min-width:2px}.nm-over-row.winner .nm-over-bar{background:var(--color-success)}.nm-over-penalty{flex-shrink:0;color:var(--color-ink);font-size:var(--text-body-sm);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.nm-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.nm-primary-button:not(:disabled):active{background:var(--color-primary-active)}@media(max-width:360px){.nm-game-over{padding:var(--space-sm)}.nm-game-over-container{padding:var(--space-lg) var(--space-md)}.nm-over-name{max-width:40%}}.cc-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.cc-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.cc-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.cc-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.cc-join-form,.cc-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.cc-form-group{text-align:left}.cc-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.cc-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.cc-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.cc-primary-button:not(:disabled):active{background:var(--color-primary-active)}.cc-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.cc-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.cc-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.cc-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cc-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.cc-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.cc-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-crown{font-size:var(--text-body-sm)}.cc-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.cc-dot.on{background:var(--color-success)}.cc-dot.off{background:var(--color-muted-soft)}.cc-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.cc-waiting{padding:var(--space-sm)}.cc-waiting-container{padding:var(--space-lg) var(--space-md)}}.cc-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cc-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.cc-seat-color-0{--cc-seat: var(--st-clan-1)}.cc-seat-color-1{--cc-seat: var(--st-clan-0)}.cc-seat-color-2{--cc-seat: var(--st-clan-2)}.cc-seat-color-3{--cc-seat: var(--st-clan-3)}.cc-pawn{display:inline-block;width:14px;height:14px;border-radius:var(--radius-full);background:var(--cc-seat, var(--color-muted-soft));border:1px solid rgba(20,20,19,.3);box-shadow:inset 0 -2px #1414132e;flex-shrink:0}.cc-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 132px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.cc-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cc-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.cc-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.cc-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cc-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.cc-deadline.urgent{color:var(--color-error)}.cc-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.cc-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:12px 14px;animation:cc-reveal-in .25s ease}@keyframes cc-reveal-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cc-reveal-dice{display:flex;align-items:flex-end;gap:var(--space-sm)}.cc-reveal-slot{display:flex;flex-direction:column;align-items:center;gap:4px}.cc-reveal-label{color:var(--color-muted);font-size:var(--text-caption-uppercase)}.cc-reveal-vs{color:var(--color-muted-soft);font-weight:800;padding-bottom:12px}.cc-reveal-flip{display:inline-block;perspective:300px}.cc-reveal-flip .cc-die{animation:cc-flip .6s ease;backface-visibility:hidden}@keyframes cc-flip{0%{transform:rotateY(90deg)}60%{transform:rotateY(-14deg)}to{transform:rotateY(0)}}.cc-reveal-text{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--color-ink);display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;word-break:keep-all}.cc-reveal-text.lied{color:var(--color-error)}.cc-reveal-text.honest{color:var(--color-body)}.cc-reveal-drop{animation:cc-pawn-drop .9s ease forwards}@keyframes cc-pawn-drop{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(14px) rotate(120deg);opacity:.25}}.cc-bridge-wrap{display:flex;flex-direction:column;gap:6px;overflow-x:auto}.cc-bridge{display:flex;align-items:stretch;gap:3px;justify-content:center;padding:var(--space-xs) 2px;min-width:0}.cc-bridge-end{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:40px;padding:6px 4px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline);flex-shrink:0}.cc-bridge-end.goal{background:var(--color-primary-tint);border-color:var(--color-primary)}.cc-bridge-end-icon{font-size:var(--text-title-sm);line-height:1}.cc-bridge-end-label{color:var(--color-muted);font-size:10px}.cc-goal-flags{display:flex;flex-direction:column;gap:2px;align-items:center}.cc-goal-flag{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:800;color:var(--color-ink);font-variant-numeric:tabular-nums}.cc-cell{position:relative;flex:1 1 0;min-width:26px;max-width:52px;min-height:64px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:3px solid var(--color-accent-amber);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px 2px;box-shadow:var(--shadow-subtle)}.cc-cell-num{position:absolute;top:4px;left:0;right:0;text-align:center;color:var(--color-muted-soft);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.cc-cell-pawns{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;flex-wrap:wrap;max-height:44px}.cc-bridge-hint{margin:0;text-align:center;color:var(--color-muted);font-size:var(--text-caption)}.cc-roll-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.cc-cup-row{display:flex;align-items:center;gap:var(--space-lg)}.cc-cup{position:relative;display:inline-flex;flex-direction:column;align-items:center;transform:rotate(-14deg)}.cc-cup-body{width:44px;height:50px;background:linear-gradient(170deg,var(--color-surface-dark-elevated) 0%,var(--color-surface-dark) 100%);clip-path:polygon(12% 0%,88% 0%,100% 100%,0% 100%);border-radius:4px 4px 8px 8px}.cc-cup-rim{width:52px;height:7px;margin-top:-2px;background:var(--color-surface-dark-elevated);border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle)}.cc-secret{display:flex;flex-direction:column;align-items:center;gap:6px}.cc-secret-label{color:var(--color-muted);font-size:var(--text-caption);font-weight:600}.cc-secret-rolling{color:var(--color-muted);font-size:var(--text-body-sm)}.cc-x-warning{margin:0;color:var(--color-error);font-size:var(--text-body-sm);font-weight:700;background:var(--color-team-red-tint);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:6px 12px;text-align:center;word-break:keep-all}.cc-declare-row{display:flex;gap:var(--space-xs);justify-content:center;width:100%}.cc-declare-button{flex:1 1 0;min-width:44px;max-width:76px;min-height:52px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-title-md);font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}.cc-declare-button:not(:disabled):active{background:var(--color-primary-active)}.cc-declare-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.cc-declare-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.cc-doubt-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.cc-declared-card{display:flex;flex-direction:column;align-items:center;gap:6px}.cc-declared-name{color:var(--color-muted);font-size:var(--text-caption)}.cc-declared-value{color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);line-height:1}.cc-doubt-passive{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.cc-doubt-bar{position:fixed;left:12px;right:68px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;gap:var(--space-xs);max-width:420px;margin:0 auto}.cc-doubt-button,.cc-allow-button{flex:1 1 0;min-height:52px;border-radius:var(--radius-md);font-size:var(--text-body-md);font-weight:800;cursor:pointer;box-shadow:var(--shadow-subtle)}.cc-doubt-button{border:none;background:var(--color-primary);color:var(--color-on-primary)}.cc-doubt-button:not(:disabled):active{background:var(--color-primary-active)}.cc-allow-button{border:1px solid var(--color-hairline);background:var(--color-surface-card);color:var(--color-ink)}.cc-allow-button:not(:disabled):active{background:var(--color-surface-cream-strong)}.cc-doubt-button:disabled,.cc-allow-button:disabled{opacity:.45;cursor:not-allowed}.cc-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}.cc-die{position:relative;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:2px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--card-face);box-shadow:var(--shadow-subtle);flex-shrink:0}.cc-die.sm{width:44px;height:44px;border-radius:var(--radius-md)}.cc-die.x{border-color:var(--color-error);background:var(--color-team-red-tint)}.cc-die-skull{font-size:26px;line-height:1;color:var(--color-error)}.cc-die.sm .cc-die-skull{font-size:21px}.cc-die-face{position:absolute;inset:6px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.cc-pip-cell{display:flex;align-items:center;justify-content:center}.cc-pip-cell.on:before{content:"";width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-ink)}.cc-die.sm .cc-pip-cell.on:before{width:7px;height:7px}.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xs)}.cc-tile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.cc-tile.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.cc-tile.dead{opacity:.55}.cc-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-tile-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-tile-turn{color:var(--color-primary)}.cc-tile-crossed{color:var(--color-body);font-size:var(--text-caption);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.cc-tile-badges{display:flex;gap:4px;flex-wrap:wrap}.cc-tile-badges:empty{display:none}.cc-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.cc-badge.off{color:var(--color-muted-soft)}.cc-tile-pawns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cc-tile-pawns-label{color:var(--color-muted);font-size:11px}.cc-tile-pawns-row{display:inline-flex;gap:3px}.cc-tile-pawns-none{color:var(--color-muted-soft);font-size:11px}.cc-tile-onbridge{color:var(--color-muted);font-size:11px}@media(prefers-reduced-motion:reduce){.cc-reveal,.cc-reveal-flip .cc-die,.cc-reveal-drop{animation:none}}@media(max-width:360px){.cc-board{padding:var(--space-sm) var(--space-xs) 132px}.cc-grid{grid-template-columns:1fr}.cc-bridge{gap:2px}.cc-cell{min-width:22px;min-height:56px;border-top-width:2px}.cc-bridge-end{min-width:32px}.cc-cup-row{gap:var(--space-md)}.cc-declare-button{min-height:48px}.cc-doubt-bar{left:var(--space-xs);right:62px}}.cc-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.cc-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.cc-over-mark{font-size:40px;line-height:1}.cc-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.cc-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.cc-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.cc-over-verdict.win{color:var(--color-primary)}.cc-over-verdict.lose{color:var(--color-muted)}.cc-over-table-wrap{overflow-x:auto}.cc-over-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);color:var(--color-ink)}.cc-over-table th{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--color-hairline);text-align:right;white-space:nowrap}.cc-over-table td{padding:10px 8px;border-bottom:1px solid var(--color-hairline-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cc-over-table th.left,.cc-over-table td.left{text-align:left}.cc-over-table tr.winner td{background:var(--color-primary-tint);font-weight:700}.cc-over-crossed{font-weight:800}.cc-over-name{display:inline-flex;align-items:center;gap:6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:600}@media(max-width:360px){.cc-game-over{padding:var(--space-sm)}.cc-game-over-container{padding:var(--space-lg) var(--space-md)}.cc-over-name{max-width:110px}}.cr-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.cr-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.cr-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.cr-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.cr-join-form,.cr-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.cr-form-group{text-align:left}.cr-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.cr-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.cr-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.cr-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.cr-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.cr-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cr-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.cr-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.cr-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-crown{font-size:var(--text-body-sm)}.cr-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.cr-dot.on{background:var(--color-success)}.cr-dot.off{background:var(--color-muted-soft)}.cr-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.cr-waiting{padding:var(--space-sm)}.cr-waiting-container{padding:var(--space-lg) var(--space-md)}}.cr-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cr-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.cr-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.cr-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cr-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.cr-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.cr-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cr-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.cr-deadline.urgent{color:var(--color-error)}.cr-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.cr-chain{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);border-radius:var(--radius-lg);padding:8px 12px}.cr-chain-route{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;font-size:var(--text-caption);color:var(--color-body)}.cr-chain-step{display:inline-flex;align-items:center;gap:4px}.cr-chain-arrow{color:var(--color-primary);font-weight:800}.cr-chain-name{font-weight:600}.cr-chain-name.origin{color:var(--color-muted)}.cr-chain-name.holder{color:var(--color-primary-active);font-weight:800}.cr-chain-claim{background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-pill);padding:3px 12px;font-size:var(--text-caption);font-weight:700;white-space:nowrap}.cr-decide{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cr-claim-card{width:min(100%,300px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a}.cr-claim-emoji{font-size:56px;line-height:1}.cr-claim-text{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);text-align:center;word-break:keep-all}.cr-claim-from{color:var(--color-muted);font-size:var(--text-caption)}.cr-judge-actions{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;width:100%}.cr-judge-button{min-height:52px;padding:0 18px;border-radius:var(--radius-md);font-size:var(--text-body-md);font-weight:800;cursor:pointer;flex:1 1 120px;max-width:220px;background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-top-width:3px}.cr-judge-button.true{border-top-color:var(--color-success)}.cr-judge-button.false{border-top-color:var(--color-error)}.cr-judge-button:not(:disabled):active{background:var(--color-surface-cream-strong)}.cr-judge-button:disabled{opacity:.45;cursor:not-allowed}.cr-relay-open-button{min-height:48px;width:min(100%,300px);padding:0 18px;border-radius:var(--radius-md);border:1px dashed var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.cr-relay-open-button:not(:disabled):active{background:var(--color-surface-cream-strong)}.cr-relay-open-button:disabled{opacity:.45;cursor:not-allowed}.cr-decide-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}.cr-decide-note{margin:0;color:var(--color-muted-soft);font-size:var(--text-caption);text-align:center}.cr-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.cr-panel-title{color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm)}.cr-panel-waiting{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.cr-panel-note{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center}.cr-real-card{width:104px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 1px 2px #14141324,0 2px 6px #1414131a;-webkit-user-select:none;user-select:none}.cr-real-emoji{font-size:44px;line-height:1}.cr-real-label{color:var(--color-ink);font-weight:700;font-size:var(--text-caption)}.cr-pick-group{width:100%;display:flex;flex-direction:column;gap:6px}.cr-pick-label{color:var(--color-body);font-size:var(--text-caption);font-weight:700;text-align:left}.cr-target-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cr-target-option{min-height:44px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-target-option.selected{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-active);box-shadow:0 0 0 2px var(--color-primary-ring);font-weight:800}.cr-animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.cr-animal-option{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-body);cursor:pointer;padding:4px 2px;min-width:0}.cr-animal-option.selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 2px var(--color-primary-ring)}.cr-animal-option-emoji{font-size:22px;line-height:1}.cr-animal-option-label{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cr-animal-option.selected .cr-animal-option-label{color:var(--color-primary-active)}.cr-send-button{min-height:48px;width:100%;padding:0 16px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.cr-send-button:not(:disabled):active{background:var(--color-primary-active)}.cr-send-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.cr-back-button{min-height:44px;width:100%;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.cr-hand-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft);border-radius:var(--radius-lg);padding:10px 12px}.cr-hand-label{color:var(--color-muted);font-size:var(--text-caption)}.cr-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cr-hand-card{width:54px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);border-top:2px solid var(--color-primary);cursor:pointer;box-shadow:var(--shadow-subtle);padding:2px;min-width:0}.cr-hand-card:disabled{cursor:default;opacity:.75}.cr-hand-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring);transform:translateY(-3px)}.cr-hand-emoji{font-size:24px;line-height:1}.cr-hand-name{font-size:10px;font-weight:700;color:var(--color-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cr-hand-empty{color:var(--color-error);font-size:var(--text-caption);font-weight:700}.cr-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}.cr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xs)}.cr-tile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.cr-tile.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.cr-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cr-tile-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-tile-turn{color:var(--color-primary)}.cr-tile-hand{color:var(--color-body);font-size:var(--text-caption);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.cr-tile-badges{display:flex;gap:4px;flex-wrap:wrap}.cr-tile-badges:empty{display:none}.cr-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.cr-badge.off{color:var(--color-muted-soft)}.cr-display{display:flex;flex-wrap:wrap;gap:4px}.cr-display-cell{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-canvas);border:1px solid var(--color-hairline);font-size:var(--text-caption)}.cr-display-emoji{line-height:1}.cr-display-count{font-weight:700;color:var(--color-body);font-variant-numeric:tabular-nums}.cr-display-cell.warn{border-color:var(--color-warning)}.cr-display-cell.warn .cr-display-count{color:var(--color-warning);font-weight:800}.cr-display-cell.danger{border-color:var(--color-error)}.cr-display-cell.danger .cr-display-count{color:var(--color-error);font-weight:800}.cr-display-empty{color:var(--color-muted-soft);font-size:var(--text-caption)}@media(max-width:360px){.cr-board{padding:var(--space-sm) var(--space-xs) 96px}.cr-grid{grid-template-columns:1fr}.cr-claim-emoji{font-size:44px}.cr-judge-button{flex:1 1 100%;max-width:none}.cr-animal-grid{gap:4px}.cr-animal-option-emoji{font-size:18px}.cr-hand-card{width:48px;height:66px}}.cr-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.cr-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.cr-over-mark{font-size:40px;line-height:1}.cr-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.cr-over-reason-badge{align-self:center;padding:4px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-error);color:var(--color-error);font-size:var(--text-caption);font-weight:800}.cr-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.cr-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.cr-over-verdict.win{color:var(--color-primary)}.cr-over-verdict.lose{color:var(--color-error)}.cr-over-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.cr-over-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft)}.cr-over-row.loser{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.cr-over-row-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.cr-over-name{color:var(--color-ink);font-size:var(--text-body-sm);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-over-row.loser .cr-over-name{color:var(--color-error)}.cr-over-handcount{color:var(--color-muted);font-size:var(--text-caption);flex-shrink:0;font-variant-numeric:tabular-nums}.cr-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.cr-primary-button:not(:disabled):active{background:var(--color-primary-active)}@media(max-width:360px){.cr-game-over{padding:var(--space-sm)}.cr-game-over-container{padding:var(--space-lg) var(--space-md)}}.id-scope{--id-bg: var(--sp-dark);--id-bg-elevated: var(--sp-dark-elevated);--id-bg-soft: var(--sp-dark-soft);--id-fog: var(--sp-fog);--id-master: var(--sp-amber-strong);--id-master-tint: var(--sp-amber-tint);--id-insider: var(--sp-danger);--id-insider-tint: var(--sp-danger-tint);--id-citizen: var(--sp-citizen);--id-citizen-tint: var(--sp-citizen-tint)}.id-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--id-bg-elevated) 0%,var(--id-bg) 100%);padding:var(--space-lg)}.id-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.id-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.id-subtitle{margin:0 0 var(--space-lg);color:var(--id-fog);font-size:var(--text-body-sm)}.id-join-form,.id-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.id-form-group{text-align:left}.id-form-group label{display:block;color:var(--id-fog);font-size:var(--text-caption);margin-bottom:6px}.id-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.id-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.id-primary-button:not(:disabled):active{background:var(--color-primary-active)}.id-primary-button:disabled{background:#ffffff1f;color:var(--id-fog);cursor:not-allowed}.id-ghost-button{min-height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--id-fog);font-size:var(--text-body-sm);cursor:pointer}.id-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.id-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.id-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.id-seat-item.empty{color:var(--id-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.id-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-crown{font-size:var(--text-body-sm)}.id-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.id-dot.on{background:var(--color-success)}.id-dot.off{background:var(--color-muted-soft)}.id-waiting-hint{margin:0;color:var(--id-fog);font-size:var(--text-caption)}@media(max-width:360px){.id-waiting{padding:var(--space-sm)}.id-waiting-container{padding:var(--space-lg) var(--space-md)}}.id-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.id-waiting-toast{background:var(--id-bg-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.id-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--id-bg-elevated) 0%,var(--id-bg) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:96px;box-sizing:border-box;gap:var(--space-sm)}.id-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.id-toast{background:#0a0806e6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:id-toast-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes id-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.id-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--id-master-tint);border:1px solid var(--id-master)}.id-phase-banner.discussion{background:var(--id-citizen-tint);border-color:var(--id-citizen)}.id-phase-banner.voting{background:var(--id-insider-tint);border-color:var(--id-insider)}.id-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.id-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-display-lg);font-weight:700;line-height:1.1;color:var(--color-on-dark)}.id-timer.small{font-size:var(--text-display-sm)}.id-timer.urgent{color:var(--id-insider);animation:id-timer-pulse 1s ease infinite}@keyframes id-timer-pulse{50%{opacity:.55}}.id-phase-sub{font-size:var(--text-caption);color:var(--id-fog)}.id-role-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);text-align:center;animation:id-role-reveal .7s cubic-bezier(.34,1.56,.64,1)}@keyframes id-role-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.id-role-card.role-master{border-color:var(--id-master);background:var(--id-master-tint)}.id-role-card.role-insider{border-color:var(--id-insider);background:var(--id-insider-tint)}.id-role-card.role-citizen{border-color:var(--id-citizen);background:var(--id-citizen-tint)}.id-role-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.id-role-icon{font-size:var(--text-title-lg)}.id-role-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.id-role-card.role-master .id-role-name{color:var(--id-master)}.id-role-card.role-insider .id-role-name{color:var(--id-insider)}.id-role-card.role-citizen .id-role-name{color:var(--id-citizen)}.id-role-public{padding:2px 10px;border-radius:var(--radius-pill);background:var(--id-master-tint);border:1px solid var(--id-master);color:var(--id-master);font-size:var(--text-caption-uppercase);font-weight:800}.id-role-desc{margin:0;font-size:var(--text-caption);color:var(--id-fog)}.id-spectator-note{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:6px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--id-fog);font-size:var(--text-caption)}.id-word-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;border-radius:var(--radius-lg);background:#00000059;border:1px dashed var(--id-master);text-align:center}.id-word-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--id-master);font-weight:800}.id-word{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark);word-break:keep-all}.id-word-hint{font-size:var(--text-caption);color:var(--id-fog)}.id-master-button{width:100%;max-width:560px;box-sizing:border-box;min-height:52px;padding:14px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.id-master-button:not(:disabled):active{background:var(--color-primary-active)}.id-master-button:disabled{background:#ffffff1f;color:var(--id-fog);cursor:not-allowed}.id-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.id-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;min-height:44px;padding:10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--color-on-dark);font-size:var(--text-body-sm);text-align:left;cursor:default;transition:border-color .15s ease,background .15s ease,transform .15s ease}.id-tile.me{border-color:#ffffff52}.id-tile.selectable{cursor:pointer}.id-tile.selectable:hover{border-color:var(--color-primary)}.id-tile.selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-primary);transform:scale(1.02)}.id-tile:disabled{color:var(--color-on-dark)}.id-tile-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-tile-badges{display:flex;flex-wrap:wrap;gap:4px;min-height:18px}.id-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--id-fog)}.id-badge.master{background:var(--id-master-tint);color:var(--id-master);font-weight:800}.id-badge.off{background:#d4a0172e;color:var(--color-warning)}.id-badge.voted{background:#5db87229;color:var(--color-success)}.id-vote-pending{margin:0;font-size:var(--text-caption);color:var(--id-fog)}.id-tally{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-xxs)}.id-tally-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:var(--text-body-sm);opacity:0;animation:id-tally-in .45s ease forwards}.id-tally-row.top{border-color:var(--id-insider);background:var(--id-insider-tint);font-weight:800}@keyframes id-tally-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.id-tally-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.id-tally-votes{flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--id-master);font-weight:800}.id-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--id-bg-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:id-toast-in .2s ease}.id-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0}.id-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.id-confirm-button{min-height:44px;padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.id-confirm-button:active{background:var(--color-primary-active)}.id-cancel-button{min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--id-fog);font-size:var(--text-button);cursor:pointer}@media(max-width:420px){.id-board{padding:var(--space-xs);padding-bottom:96px}.id-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-tile{padding:8px}.id-tile-name{font-size:var(--text-caption)}}@media(max-width:300px){.id-grid{grid-template-columns:minmax(0,1fr)}.id-timer{font-size:var(--text-display-md)}}.id-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.id-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--id-bg-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.id-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark)}.id-over-title.citizens{color:var(--id-citizen)}.id-over-title.insider{color:var(--id-insider)}.id-over-title.none{color:var(--id-fog)}.id-over-message{margin:0;font-size:var(--text-body-sm);color:var(--id-fog)}.id-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.id-over-verdict.win{color:var(--color-success)}.id-over-verdict.lose{color:var(--color-error)}.id-over-word{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);background:#0000004d;border:1px dashed var(--id-master)}.id-over-word-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--id-master);font-weight:800}.id-over-word-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark);word-break:keep-all}.id-over-top{margin:0;font-size:var(--text-body-sm);color:var(--color-on-dark)}.id-over-top strong{color:var(--id-master)}.id-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.id-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.id-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-over-tags{display:flex;align-items:center;gap:6px;flex-shrink:0}.id-over-votes{font-variant-numeric:tabular-nums;font-size:var(--text-caption-uppercase);color:var(--id-fog)}.id-over-role{padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark)}.id-over-role.role-master{background:var(--id-master-tint);color:var(--id-master)}.id-over-role.role-insider{background:var(--id-insider-tint);color:var(--id-insider)}.id-over-role.role-citizen{background:var(--id-citizen-tint);color:var(--id-citizen)}@media(max-width:360px){.id-game-over{padding:var(--space-sm)}.id-game-over-container{padding:var(--space-lg) var(--space-md)}}.dm-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.dm-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center}.dm-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.dm-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.dm-join-form,.dm-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.dm-form-group{text-align:left}.dm-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.dm-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.dm-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.dm-primary-button:not(:disabled):active{background:var(--color-primary-active)}.dm-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.dm-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.dm-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.dm-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.dm-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.dm-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.dm-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-crown{font-size:var(--text-body-sm)}.dm-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.dm-dot.on{background:var(--color-success)}.dm-dot.off{background:var(--color-muted-soft)}.dm-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.dm-waiting{padding:var(--space-sm)}.dm-waiting-container{padding:var(--space-lg) var(--space-md)}}.dm-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.dm-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.dm-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.dm-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.dm-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.dm-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.dm-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dm-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:600}.dm-deadline.urgent{color:var(--color-error)}.dm-phase-sub{color:var(--color-muted);font-size:var(--text-caption)}.dm-card{position:relative;flex-shrink:0;width:56px;height:78px;border-radius:var(--radius-sm);background:linear-gradient(170deg,var(--dm-card-face) 0%,var(--dm-card-edge) 100%);border:1px solid var(--dm-card-line);border-top:3px solid currentColor;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px var(--dm-card-shadow),0 2px 6px var(--dm-card-shadow)}.dm-card.sm{width:44px;height:62px;border-top-width:2px}.dm-card-index{position:absolute;font-weight:800;font-size:11px;line-height:1;pointer-events:none}.dm-card-index.tl{top:5px;left:6px}.dm-card-index.br{bottom:5px;right:6px;transform:rotate(180deg)}.dm-card-center{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.dm-card-rank{font-family:var(--font-display);font-weight:var(--weight-display);font-size:26px;letter-spacing:var(--tracking-display-sm);line-height:1}.dm-card.sm .dm-card-rank{font-size:21px}.dm-card-name{font-size:8px;font-weight:700;color:var(--color-muted);letter-spacing:.02em}.dm-card.sm .dm-card-name{font-size:7px}.dm-card.tier-noble{color:var(--dm-noble)}.dm-card.tier-mid{color:var(--dm-mid)}.dm-card.tier-low{color:var(--dm-low)}.dm-card.tier-joker{color:var(--dm-joker);background:linear-gradient(170deg,var(--dm-card-face) 0%,var(--dm-joker-tint) 100%)}.dm-table{display:flex;justify-content:center;padding:var(--space-sm) 0 var(--space-xs)}.dm-table-set{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.dm-table-stack{display:flex;align-items:flex-end;padding-left:12px}.dm-table-stack .dm-card{margin-left:-34px}.dm-table-stack .dm-card:first-child{margin-left:0}.dm-table-count{align-self:center;margin-left:8px;background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-pill);padding:3px 10px;font-weight:800;font-size:var(--text-caption);font-variant-numeric:tabular-nums}.dm-table-empty{width:76px;height:100px;border-radius:var(--radius-md);border:1px dashed var(--color-hairline);display:flex;align-items:center;justify-content:center}.dm-table-empty-mark{font-size:30px;opacity:.5}.dm-table-label{color:var(--color-muted);font-size:var(--text-caption);text-align:center;max-width:100%}.dm-table-label strong{color:var(--color-ink)}.dm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xs)}.dm-tile{background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}.dm-tile.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.dm-tile.out{background:var(--color-surface-soft)}.dm-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dm-tile-name{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-tile-turn{color:var(--color-primary)}.dm-tile-points{color:var(--color-body);font-size:var(--text-caption);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.dm-tile-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dm-tile-count{color:var(--color-body);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.dm-tile-out{color:var(--color-success);font-size:var(--text-caption);font-weight:800}.dm-rank-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline);font-weight:700}.dm-rank-badge.first{background:var(--dm-gold-tint);border-color:var(--dm-gold);color:var(--color-ink)}.dm-badge{font-size:11px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-body);border:1px solid var(--color-hairline)}.dm-badge.off{color:var(--color-muted-soft)}.dm-hand-area{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:12px}.dm-hand-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.dm-hand-title{color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm)}.dm-hand-hint{color:var(--color-muted);font-size:11px}.dm-hand{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.dm-group{position:relative;display:flex;align-items:flex-end;min-height:44px;padding:6px 14px 6px 6px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.dm-group .dm-card{margin-left:-32px}.dm-group .dm-card:first-child{margin-left:0}.dm-group-stack{display:flex;align-items:flex-end}.dm-group-count{position:absolute;top:-2px;right:2px;background:var(--color-surface-dark-elevated);color:var(--color-on-dark);border-radius:var(--radius-pill);padding:2px 7px;font-weight:800;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}.dm-group.selected{transform:translateY(-6px);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring);background:var(--color-primary-tint)}.dm-group.dim{opacity:.4}.dm-group:disabled{cursor:not-allowed}.dm-hand-empty{margin:0;color:var(--color-muted);font-size:var(--text-body-sm);text-align:center;padding:var(--space-xs) 0}.dm-joker-panel{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-soft);border:1px solid var(--dm-joker);border-radius:var(--radius-md);padding:10px 12px}.dm-joker-title{color:var(--color-ink);font-weight:700;font-size:var(--text-caption)}.dm-joker-options{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.dm-joker-option{min-width:52px;min-height:48px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--dm-card-face);color:var(--color-ink);font-weight:800;font-size:var(--text-body-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 8px}.dm-joker-option small{font-size:9px;font-weight:600;color:var(--color-muted)}.dm-joker-option:active{border-color:var(--color-primary);background:var(--color-primary-tint)}.dm-joker-option.alone{color:var(--dm-joker);border-color:var(--dm-joker)}.dm-joker-none{color:var(--color-error);font-size:var(--text-caption);text-align:center}.dm-joker-cancel{min-height:44px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-caption);cursor:pointer}.dm-actions-wrap{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:2px}.dm-stepper-row{display:flex;flex-direction:column;align-items:center;gap:4px}.dm-stepper{display:inline-flex;align-items:center;gap:6px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:4px;align-self:center}.dm-step-button{width:44px;height:44px;border:none;border-radius:var(--radius-full);background:var(--color-surface-cream-strong);color:var(--color-ink);font-size:var(--text-title-md);font-weight:800;cursor:pointer;line-height:1}.dm-step-button:not(:disabled):active{background:var(--color-primary-tint)}.dm-step-button:disabled{opacity:.35;cursor:not-allowed}.dm-step-count{min-width:76px;text-align:center;color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.dm-joker-note{color:var(--dm-joker);font-size:var(--text-caption);font-weight:700;text-align:center}.dm-actions{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;width:100%}.dm-pass-button,.dm-play-button{min-height:48px;padding:0 18px;border-radius:var(--radius-md);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;flex:1 1 130px;max-width:240px}.dm-pass-button{border:1px solid var(--color-hairline);background:var(--color-surface-card);color:var(--color-ink)}.dm-pass-button:not(:disabled):active{background:var(--color-surface-cream-strong)}.dm-play-button{border:none;background:var(--color-primary);color:var(--color-on-primary)}.dm-play-button:not(:disabled):active{background:var(--color-primary-active)}.dm-pass-button:disabled,.dm-play-button:disabled{opacity:.45;cursor:not-allowed}.dm-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-body-sm)}.dm-hand-end-overlay{position:fixed;inset:0;z-index:400;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.dm-hand-end-panel{width:100%;max-width:380px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal);box-sizing:border-box}.dm-hand-end-mark{font-size:34px;line-height:1}.dm-hand-end-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink)}.dm-hand-end-message{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.dm-hand-end-order{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dm-hand-end-order li{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);font-size:var(--text-body-sm)}.dm-hand-end-order li.first{background:var(--dm-gold-tint);border:1px solid var(--dm-gold)}.dm-hand-end-rank{flex-shrink:0;font-weight:800;color:var(--color-body);min-width:52px;text-align:left}.dm-hand-end-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--color-ink);font-weight:600}.dm-hand-end-points{flex-shrink:0;color:var(--color-primary);font-weight:800;font-variant-numeric:tabular-nums}.dm-hand-end-countdown{margin:0;color:var(--color-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums}@media(max-width:360px){.dm-board{padding:var(--space-sm) var(--space-xs) 96px}.dm-grid{grid-template-columns:1fr}.dm-card{width:48px;height:68px}.dm-card-rank{font-size:22px}.dm-card.sm{width:38px;height:54px}.dm-card.sm .dm-card-rank{font-size:18px}.dm-table-stack .dm-card{margin-left:-32px}.dm-group .dm-card{margin-left:-28px}.dm-pass-button,.dm-play-button{flex:1 1 100%;max-width:none}}.dm-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.dm-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.dm-over-mark{font-size:40px;line-height:1}.dm-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.dm-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm)}.dm-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.dm-over-verdict.win{color:var(--color-primary)}.dm-over-verdict.lose{color:var(--color-muted)}.dm-over-table-wrap{overflow-x:auto}.dm-over-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);color:var(--color-ink)}.dm-over-table th{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--color-hairline);text-align:right;white-space:nowrap}.dm-over-table td{padding:10px 8px;border-bottom:1px solid var(--color-hairline-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dm-over-table th.left,.dm-over-table td.left{text-align:left}.dm-over-table tr.winner td{background:var(--dm-gold-tint);font-weight:700}.dm-over-place{font-weight:700}.dm-over-score{font-weight:800}.dm-over-name{display:inline-block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:600}@media(max-width:360px){.dm-game-over{padding:var(--space-sm)}.dm-game-over-container{padding:var(--space-lg) var(--space-md)}.dm-over-name{max-width:100px}}.dm-scope{--dm-noble: var(--st-clan-3);--dm-mid: var(--st-clan-1);--dm-low: var(--st-clan-2);--dm-joker: var(--st-clan-4);--dm-joker-tint: rgba(124, 92, 173, .1);--dm-gold: var(--color-accent-amber);--dm-gold-tint: rgba(232, 165, 90, .16);--dm-card-face: var(--card-face);--dm-card-edge: var(--card-face-edge);--dm-card-line: rgba(20, 20, 19, .24);--dm-card-shadow: rgba(20, 20, 19, .12)}.kr-scope{--kr-bg: var(--sp-dark);--kr-bg-elevated: var(--sp-dark-elevated);--kr-bg-soft: var(--sp-dark-soft);--kr-fog: var(--sp-fog);--kr-exp: var(--sp-citizen);--kr-exp-tint: var(--sp-citizen-tint);--kr-skull: var(--sp-danger);--kr-skull-tint: var(--sp-danger-tint);--kr-treasure: var(--sp-amber-strong);--kr-treasure-tint: var(--sp-amber-tint);--kr-blank: var(--color-on-dark-soft)}.kr-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--kr-bg-elevated) 0%,var(--kr-bg) 100%);padding:var(--space-lg)}.kr-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.kr-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);word-break:keep-all}.kr-subtitle{margin:0 0 var(--space-lg);color:var(--kr-fog);font-size:var(--text-body-sm)}.kr-join-form,.kr-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.kr-form-group{text-align:left}.kr-form-group label{display:block;color:var(--kr-fog);font-size:var(--text-caption);margin-bottom:6px}.kr-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.kr-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.kr-primary-button:not(:disabled):active{background:var(--color-primary-active)}.kr-primary-button:disabled{background:#ffffff1f;color:var(--kr-fog);cursor:not-allowed}.kr-ghost-button{min-height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--kr-fog);font-size:var(--text-body-sm);cursor:pointer}.kr-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.kr-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.kr-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.kr-seat-item.empty{color:var(--kr-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.kr-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-crown{font-size:var(--text-body-sm)}.kr-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.kr-dot.on{background:var(--color-success)}.kr-dot.off{background:var(--color-muted-soft)}.kr-waiting-hint{margin:0;color:var(--kr-fog);font-size:var(--text-caption)}.kr-pool-hint{margin:0;padding:8px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px dashed var(--kr-exp);color:var(--kr-fog);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.kr-waiting{padding:var(--space-sm)}.kr-waiting-container{padding:var(--space-lg) var(--space-md)}}.kr-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.kr-waiting-toast{background:var(--kr-bg-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.kr-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--kr-bg-elevated) 0%,var(--kr-bg) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:108px;box-sizing:border-box;gap:var(--space-sm)}.kr-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.kr-toast{background:#080a0ee6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:kr-fade-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes kr-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kr-status-bar{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);text-align:center;background:var(--kr-exp-tint);border:1px solid var(--kr-exp)}.kr-status-bar.round_end{background:var(--kr-treasure-tint);border-color:var(--kr-treasure)}.kr-status-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.kr-status-chip{padding:3px 10px;border-radius:var(--radius-pill);background:#00000059;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);font-weight:700;color:var(--color-on-dark);white-space:nowrap}.kr-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-md);font-weight:800;color:var(--color-on-dark);white-space:nowrap}.kr-timer.urgent{color:var(--kr-skull);animation:kr-pulse 1s ease infinite}@keyframes kr-pulse{50%{opacity:.5}}.kr-status-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);word-break:keep-all}.kr-status-sub{font-size:var(--text-caption);color:var(--kr-fog);word-break:keep-all}.kr-progress{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.kr-progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap;font-size:var(--text-caption)}.kr-progress-label{font-weight:800;color:var(--kr-treasure);font-variant-numeric:tabular-nums}.kr-kraken-mark{color:var(--kr-fog);font-weight:700}.kr-kraken-mark.hit{color:var(--kr-skull);animation:kr-pulse 1s ease infinite}.kr-progress-track{width:100%;height:8px;border-radius:var(--radius-pill);background:#0006;overflow:hidden}.kr-progress-fill{height:100%;background:var(--kr-treasure);border-radius:var(--radius-pill);transition:width .4s ease}.kr-role-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);text-align:center;animation:kr-role-reveal .7s cubic-bezier(.34,1.56,.64,1)}@keyframes kr-role-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.kr-role-card.role-expedition{border-color:var(--kr-exp);background:var(--kr-exp-tint)}.kr-role-card.role-skeleton{border-color:var(--kr-skull);background:var(--kr-skull-tint)}.kr-role-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.kr-role-icon{font-size:var(--text-title-lg)}.kr-role-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm)}.kr-role-card.role-expedition .kr-role-name{color:var(--kr-exp)}.kr-role-card.role-skeleton .kr-role-name{color:var(--kr-skull)}.kr-role-desc,.kr-role-pool{margin:0;font-size:var(--text-caption);color:var(--kr-fog);word-break:keep-all}.kr-role-pool{padding-top:4px;border-top:1px dashed rgba(255,255,255,.14);width:100%}.kr-spectator-note{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:6px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--kr-fog);font-size:var(--text-caption)}.kr-reveal{width:100%;max-width:560px;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;border-radius:var(--radius-lg);background:#00000059;border:1px solid rgba(255,255,255,.14);animation:kr-fade-in .3s ease}.kr-reveal.card-treasure{border-color:var(--kr-treasure);background:var(--kr-treasure-tint)}.kr-reveal.card-kraken{border-color:var(--kr-skull);background:var(--kr-skull-tint)}.kr-reveal-card{font-size:var(--text-display-sm);line-height:1;flex-shrink:0;transform-origin:center;animation:kr-flip .6s cubic-bezier(.34,1.4,.64,1)}@keyframes kr-flip{0%{transform:rotateY(90deg) scale(.7);opacity:0}60%{transform:rotateY(-8deg) scale(1.12);opacity:1}to{transform:rotateY(0) scale(1)}}.kr-reveal-text{font-size:var(--text-body-sm);font-weight:700;min-width:0;word-break:keep-all}.kr-round-end{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:var(--radius-lg);background:#00000059;border:1px dashed var(--kr-treasure);text-align:center;animation:kr-fade-in .3s ease}.kr-round-end-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);color:var(--kr-treasure)}.kr-round-end-sub{font-size:var(--text-caption);color:var(--kr-fog);word-break:keep-all}.kr-my-hand,.kr-claim-box{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.kr-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap}.kr-section-title{font-weight:800;font-size:var(--text-body-sm)}.kr-section-note{font-size:var(--text-caption);color:var(--kr-fog)}.kr-hand-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.kr-hand-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:68px;padding:6px 8px;border-radius:var(--radius-md);background:linear-gradient(150deg,#ffffff1a,#0006);border:1px solid rgba(255,255,255,.18)}.kr-hand-card.card-treasure{border-color:var(--kr-treasure);background:var(--kr-treasure-tint)}.kr-hand-card.card-kraken{border-color:var(--kr-skull);background:var(--kr-skull-tint)}.kr-hand-icon{font-size:var(--text-title-lg);line-height:1}.kr-hand-label{font-size:var(--text-caption-uppercase);font-weight:800;color:var(--kr-fog)}.kr-hand-card.card-treasure .kr-hand-label{color:var(--kr-treasure)}.kr-hand-card.card-kraken .kr-hand-label{color:var(--kr-skull)}.kr-hand-empty{font-size:var(--text-caption);color:var(--kr-fog)}.kr-seats{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.kr-seat{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease,background .15s ease}.kr-seat.me{border-color:#ffffff52}.kr-seat.active{border-color:var(--kr-exp);background:var(--kr-exp-tint)}.kr-seat.targetable{border-color:var(--color-primary)}.kr-seat-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.kr-seat-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-seat-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.kr-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--kr-fog);white-space:nowrap}.kr-badge.off{background:#d4a0172e;color:var(--color-warning)}.kr-badge.count{font-variant-numeric:tabular-nums;font-weight:800}.kr-back-row{display:flex;flex-wrap:wrap;gap:4px;min-height:44px;align-items:center}.kr-back-card{width:34px;min-height:44px;padding:0;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);background:linear-gradient(150deg,#7d9fd138,#00000080);color:var(--color-on-dark);font-size:var(--text-body-md);line-height:1;cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.kr-back-card.selectable{cursor:pointer;border-color:var(--color-primary)}.kr-back-card.selectable:hover{transform:translateY(-3px)}.kr-back-card.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 2px var(--color-primary-ring);transform:translateY(-4px)}.kr-back-card:disabled{color:var(--color-on-dark);opacity:1}.kr-back-empty{font-size:var(--text-caption);color:var(--kr-fog)}.kr-revealed-row{display:flex;flex-wrap:wrap;gap:3px}.kr-revealed-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:var(--radius-sm);background:#0006;border:1px solid rgba(255,255,255,.12);font-size:var(--text-caption)}.kr-revealed-chip.card-treasure{border-color:var(--kr-treasure)}.kr-revealed-chip.card-kraken{border-color:var(--kr-skull)}.kr-claim-pill{align-self:flex-start;max-width:100%;padding:2px 10px;border-radius:var(--radius-pill);background:var(--kr-treasure-tint);border:1px dashed var(--kr-treasure);color:var(--kr-treasure);font-size:var(--text-caption-uppercase);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-claim-controls{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.kr-stepper{display:flex;align-items:center;gap:4px;padding:3px;border-radius:var(--radius-md);background:#00000059;border:1px solid rgba(255,255,255,.14)}.kr-step-button{width:44px;min-height:44px;border:none;border-radius:var(--radius-sm);background:#ffffff1a;color:var(--color-on-dark);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.kr-step-button:disabled{color:var(--kr-fog);opacity:.5;cursor:not-allowed}.kr-step-value{min-width:56px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;font-size:var(--text-body-sm)}.kr-toggle{flex:1 1 auto;min-width:120px;min-height:44px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#00000059;color:var(--kr-fog);font-size:var(--text-body-sm);font-weight:700;cursor:pointer}.kr-toggle.on{border-color:var(--kr-skull);background:var(--kr-skull-tint);color:var(--kr-skull)}.kr-claim-summary{margin:0;font-size:var(--text-caption);color:var(--kr-fog);font-variant-numeric:tabular-nums}.kr-claim-button{min-height:44px;padding:11px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.kr-claim-button:not(:disabled):active{background:var(--color-primary-active)}.kr-claim-button:disabled{background:#ffffff1f;color:var(--kr-fog);cursor:not-allowed}.kr-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--kr-bg-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:kr-fade-in .2s ease}.kr-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0;word-break:keep-all}.kr-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.kr-confirm-button{min-height:44px;padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.kr-confirm-button:active{background:var(--color-primary-active)}.kr-cancel-button{min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--kr-fog);font-size:var(--text-button);cursor:pointer}@media(max-width:420px){.kr-board{padding:var(--space-xs);padding-bottom:108px}.kr-seat{padding:8px}.kr-seat-name{font-size:var(--text-caption)}}@media(max-width:340px){.kr-seats{grid-template-columns:minmax(0,1fr)}.kr-back-card{width:30px}.kr-hand-card{min-width:46px}.kr-toggle{min-width:0;width:100%}.kr-stepper{width:100%;justify-content:space-between}.kr-confirm-bar{justify-content:center;text-align:center}}.kr-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.kr-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--kr-bg-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.kr-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark);word-break:keep-all}.kr-over-title.expedition{color:var(--kr-exp)}.kr-over-title.skeleton{color:var(--kr-skull)}.kr-over-title.none{color:var(--kr-fog)}.kr-over-message{margin:0;font-size:var(--text-body-sm);color:var(--kr-fog);word-break:keep-all}.kr-over-reason{margin:0;font-size:var(--text-caption);color:var(--kr-fog)}.kr-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.kr-over-verdict.win{color:var(--color-success)}.kr-over-verdict.lose{color:var(--color-error)}.kr-over-found{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kr-over-found-item{padding:4px 10px;border-radius:var(--radius-pill);background:#00000059;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);color:var(--color-on-dark);font-variant-numeric:tabular-nums;white-space:nowrap}.kr-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.kr-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.kr-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kr-over-role{flex-shrink:0;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark);white-space:nowrap}.kr-over-role.role-expedition{background:var(--kr-exp-tint);color:var(--kr-exp)}.kr-over-role.role-skeleton{background:var(--kr-skull-tint);color:var(--kr-skull)}@media(max-width:360px){.kr-game-over{padding:var(--space-sm)}.kr-game-over-container{padding:var(--space-lg) var(--space-md)}}.kg-scope{--kg-bg: var(--sp-dark);--kg-bg-elevated: var(--sp-dark-elevated);--kg-bg-soft: var(--sp-dark-soft);--kg-fog: var(--sp-fog);--kg-gold: var(--sp-amber-strong);--kg-gold-tint: var(--sp-amber-tint);--kg-danger: var(--sp-danger);--kg-danger-tint: var(--sp-danger-tint);--kg-sea: var(--sp-citizen);--kg-sea-tint: var(--sp-citizen-tint);--kg-green: var(--color-success);--kg-green-tint: rgba(93, 184, 114, .16);--kg-yellow: var(--sp-amber-strong);--kg-yellow-tint: var(--sp-amber-tint);--kg-purple: #a98ad6;--kg-purple-tint: rgba(169, 138, 214, .18);--kg-black: var(--color-on-dark);--kg-black-tint: rgba(250, 249, 245, .1)}.kg-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--kg-bg-elevated) 0%,var(--kg-bg) 100%);padding:var(--space-lg)}.kg-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.kg-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);word-break:keep-all}.kg-subtitle{margin:0 0 var(--space-lg);color:var(--kg-fog);font-size:var(--text-body-sm)}.kg-join-form,.kg-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.kg-form-group{text-align:left}.kg-form-group label{display:block;color:var(--kg-fog);font-size:var(--text-caption);margin-bottom:6px}.kg-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.kg-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.kg-primary-button:not(:disabled):active{background:var(--color-primary-active)}.kg-primary-button:disabled{background:#ffffff1f;color:var(--kg-fog);cursor:not-allowed}.kg-ghost-button{min-height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--kg-fog);font-size:var(--text-body-sm);cursor:pointer}.kg-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.kg-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.kg-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.kg-seat-item.empty{color:var(--kg-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.kg-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-crown{font-size:var(--text-body-sm)}.kg-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.kg-dot.on{background:var(--color-success)}.kg-dot.off{background:var(--color-muted-soft)}.kg-waiting-hint{margin:0;color:var(--kg-fog);font-size:var(--text-caption)}.kg-round-hint{margin:0;padding:8px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px dashed var(--kg-gold);color:var(--kg-fog);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.kg-waiting{padding:var(--space-sm)}.kg-waiting-container{padding:var(--space-lg) var(--space-md)}}.kg-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.kg-waiting-toast{background:var(--kg-bg-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.kg-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--kg-bg-elevated) 0%,var(--kg-bg) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:108px;box-sizing:border-box;gap:var(--space-sm)}.kg-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.kg-toast{background:#080a0ee6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:kg-fade-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes kg-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kg-status-bar{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);text-align:center;background:var(--kg-sea-tint);border:1px solid var(--kg-sea)}.kg-status-bar.bidding{background:var(--kg-gold-tint);border-color:var(--kg-gold)}.kg-status-bar.round_end{background:#00000059;border-color:var(--kg-fog)}.kg-status-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.kg-status-chip{padding:3px 10px;border-radius:var(--radius-pill);background:#00000059;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);font-weight:700;color:var(--color-on-dark);white-space:nowrap}.kg-status-chip.lead.suit-green{border-color:var(--kg-green);color:var(--kg-green)}.kg-status-chip.lead.suit-yellow{border-color:var(--kg-yellow);color:var(--kg-yellow)}.kg-status-chip.lead.suit-purple{border-color:var(--kg-purple);color:var(--kg-purple)}.kg-status-chip.lead.suit-black{border-color:var(--kg-black);color:var(--kg-black)}.kg-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-md);font-weight:800;color:var(--color-on-dark);white-space:nowrap}.kg-timer.urgent{color:var(--kg-danger);animation:kg-pulse 1s ease infinite}@keyframes kg-pulse{50%{opacity:.5}}.kg-status-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);word-break:keep-all}.kg-status-sub{font-size:var(--text-caption);color:var(--kg-fog);word-break:keep-all}.kg-spectator-note{width:100%;max-width:560px;box-sizing:border-box;text-align:center;padding:6px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--kg-fog);font-size:var(--text-caption)}.kg-bid-box,.kg-trick-area,.kg-round-table,.kg-my-hand{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.kg-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap}.kg-section-title{font-weight:800;font-size:var(--text-body-sm)}.kg-section-note{font-size:var(--text-caption);color:var(--kg-fog);font-variant-numeric:tabular-nums}.kg-bid-grid{display:flex;flex-wrap:wrap;gap:var(--space-xxs)}.kg-bid-button{min-width:44px;min-height:44px;padding:10px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#00000059;color:var(--color-on-dark);font-size:var(--text-body-md);font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.kg-bid-button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--color-primary)}.kg-bid-button.picked{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.kg-bid-button:disabled{cursor:not-allowed;opacity:.55}.kg-bid-button.picked:disabled{opacity:1}.kg-bid-hint{margin:0;font-size:var(--text-caption);color:var(--kg-fog);word-break:keep-all}.kg-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:46px;min-height:62px;padding:6px 4px;box-sizing:border-box;border-radius:var(--radius-md);background:linear-gradient(150deg,#ffffff1a,#00000073);border:1px solid rgba(255,255,255,.2);line-height:1.1}.kg-card.sm{min-width:34px;min-height:44px;padding:4px 2px}.kg-card-suit{font-size:var(--text-caption);line-height:1}.kg-card-rank{font-size:var(--text-title-md);font-weight:800;font-variant-numeric:tabular-nums}.kg-card.sm .kg-card-rank{font-size:var(--text-body-sm)}.kg-card-icon{font-size:var(--text-title-md);line-height:1}.kg-card.sm .kg-card-icon{font-size:var(--text-body-sm)}.kg-card-name{font-size:var(--text-caption-uppercase);font-weight:800;color:var(--kg-fog);white-space:nowrap}.kg-card.sm .kg-card-name{display:none}.kg-card.suit-green{border-color:var(--kg-green);background:var(--kg-green-tint)}.kg-card.suit-green .kg-card-rank{color:var(--kg-green)}.kg-card.suit-yellow{border-color:var(--kg-yellow);background:var(--kg-yellow-tint)}.kg-card.suit-yellow .kg-card-rank{color:var(--kg-yellow)}.kg-card.suit-purple{border-color:var(--kg-purple);background:var(--kg-purple-tint)}.kg-card.suit-purple .kg-card-rank{color:var(--kg-purple)}.kg-card.suit-black{border-color:var(--kg-black);background:linear-gradient(150deg,var(--kg-black-tint),rgba(0,0,0,.7))}.kg-card.suit-black .kg-card-rank{color:var(--kg-black)}.kg-card.kind-skullking{border-color:var(--kg-gold);background:var(--kg-gold-tint)}.kg-card.kind-skullking .kg-card-name{color:var(--kg-gold)}.kg-card.kind-pirate{border-color:var(--kg-danger);background:var(--kg-danger-tint)}.kg-card.kind-pirate .kg-card-name{color:var(--kg-danger)}.kg-card.kind-mermaid{border-color:var(--kg-sea);background:var(--kg-sea-tint)}.kg-card.kind-mermaid .kg-card-name{color:var(--kg-sea)}.kg-card.kind-escape{border-style:dashed;border-color:#ffffff47}.kg-trick-fan{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2px;min-height:92px;padding:4px 0}.kg-trick-slot{display:flex;flex-direction:column;align-items:center;gap:2px;transform-origin:bottom center;animation:kg-card-drop .28s cubic-bezier(.34,1.4,.64,1)}@keyframes kg-card-drop{0%{opacity:0;transform:translateY(-14px) scale(.9)}to{opacity:1}}.kg-trick-slot.mine .kg-card{box-shadow:0 0 0 2px var(--color-primary-ring)}.kg-trick-name{max-width:62px;font-size:var(--text-caption-uppercase);color:var(--kg-fog);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-trick-empty{font-size:var(--text-caption);color:var(--kg-fog)}.kg-last-trick{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--kg-gold-tint);border:1px solid var(--kg-gold);animation:kg-win-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes kg-win-pop{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.kg-last-trick-title{font-weight:800;font-size:var(--text-body-sm);color:var(--kg-gold);word-break:keep-all;text-align:center}.kg-last-trick-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.kg-last-trick-card{display:inline-flex;opacity:.62}.kg-last-trick-card.won{opacity:1;transform:translateY(-2px)}.kg-table{display:flex;flex-direction:column;gap:2px}.kg-table-row{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px 44px 46px;align-items:center;gap:2px;padding:7px 8px;border-radius:var(--radius-sm);background:#ffffff0d;font-size:var(--text-caption)}.kg-table-row.head{background:transparent;color:var(--kg-fog);font-size:var(--text-caption-uppercase);padding-bottom:2px}.kg-table-row.me{background:#ffffff1f;font-weight:700}.kg-col{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-col.num{text-align:right;font-variant-numeric:tabular-nums}.kg-col.hit{color:var(--kg-gold);font-weight:800}.kg-col.miss{color:var(--kg-fog)}.kg-col.plus{color:var(--color-success);font-weight:800}.kg-col.minus{color:var(--kg-danger);font-weight:800}.kg-col.total{font-weight:800}.kg-seats{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xxs)}.kg-seat{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:border-color .15s ease,background .15s ease}.kg-seat.me{border-color:#ffffff52}.kg-seat.active{border-color:var(--kg-sea);background:var(--kg-sea-tint)}.kg-seat.won{border-color:var(--kg-gold)}.kg-seat-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.kg-seat-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-seat-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.kg-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--kg-fog);white-space:nowrap}.kg-badge.off{background:#d4a0172e;color:var(--color-warning)}.kg-seat-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--text-caption);color:var(--kg-fog);font-variant-numeric:tabular-nums}.kg-stat{white-space:nowrap}.kg-stat.hit{color:var(--kg-gold);font-weight:800}.kg-stat.score{color:var(--color-on-dark);font-weight:800}.kg-hand-row{display:flex;flex-wrap:wrap;gap:var(--space-xxs)}.kg-hand-card{padding:0;border:none;background:none;border-radius:var(--radius-md);min-height:44px;cursor:default;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.kg-hand-card.selectable{cursor:pointer}.kg-hand-card.selectable:hover{transform:translateY(-4px)}.kg-hand-card.selected{transform:translateY(-6px)}.kg-hand-card.selected .kg-card{box-shadow:0 0 0 2px var(--color-primary)}.kg-hand-card.blocked{filter:grayscale(.8);opacity:.38;cursor:not-allowed}.kg-hand-card:disabled{color:var(--color-on-dark)}.kg-hand-empty{font-size:var(--text-caption);color:var(--kg-fog)}.kg-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--kg-bg-elevated);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-modal);animation:kg-fade-in .2s ease}.kg-confirm-text{font-size:var(--text-body-sm);font-weight:700;min-width:0;word-break:keep-all}.kg-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.kg-confirm-button{min-height:44px;padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.kg-confirm-button:active{background:var(--color-primary-active)}.kg-cancel-button{min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--kg-fog);font-size:var(--text-button);cursor:pointer}@media(max-width:420px){.kg-board{padding:var(--space-xs);padding-bottom:108px}.kg-seat-name{font-size:var(--text-caption)}}@media(max-width:340px){.kg-seats{grid-template-columns:minmax(0,1fr)}.kg-bid-box,.kg-trick-area,.kg-round-table,.kg-my-hand{padding:8px 10px}.kg-table-row{grid-template-columns:minmax(0,1fr) 30px 30px 38px 40px;padding:6px 4px;font-size:var(--text-caption-uppercase)}.kg-card{min-width:40px;min-height:56px}.kg-card-rank{font-size:var(--text-body-md)}.kg-confirm-bar{justify-content:center;text-align:center}}.kg-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.kg-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--kg-bg-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.kg-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--kg-gold);word-break:keep-all}.kg-over-message{margin:0;font-size:var(--text-body-sm);color:var(--kg-fog);word-break:keep-all}.kg-over-reason{margin:0;font-size:var(--text-caption);color:var(--kg-fog)}.kg-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.kg-over-verdict.win{color:var(--color-success)}.kg-over-verdict.lose{color:var(--kg-fog)}.kg-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.kg-over-row{display:flex;align-items:center;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.kg-over-row.winner{border-color:var(--kg-gold);background:var(--kg-gold-tint)}.kg-over-rank{flex-shrink:0;min-width:34px;text-align:left;font-size:var(--text-caption-uppercase);font-weight:800;color:var(--kg-fog);font-variant-numeric:tabular-nums}.kg-over-row.winner .kg-over-rank{color:var(--kg-gold)}.kg-over-name{flex:1 1 auto;min-width:0;text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-over-score{flex-shrink:0;font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:360px){.kg-game-over{padding:var(--space-sm)}.kg-game-over-container{padding:var(--space-lg) var(--space-md)}}.cw-scope{--cw-bg: var(--av-night);--cw-bg-elevated: var(--av-night-elevated);--cw-bg-soft: var(--av-night-soft);--cw-fog: var(--av-mist);--cw-blue: var(--sp-citizen);--cw-blue-tint: var(--sp-citizen-tint);--cw-green: var(--color-accent-teal);--cw-green-tint: rgba(93, 184, 166, .16);--cw-pink: #e08ab5;--cw-pink-tint: rgba(224, 138, 181, .16);--cw-yellow: var(--sp-amber-strong);--cw-yellow-tint: var(--sp-amber-tint);--cw-rocket: #a98ad6;--cw-rocket-tint: rgba(169, 138, 214, .18);--cw-ok: var(--color-success);--cw-ok-tint: rgba(93, 184, 114, .16);--cw-danger: var(--sp-danger);--cw-danger-tint: var(--sp-danger-tint);--cw-gold: var(--av-gold-strong);--cw-gold-tint: var(--av-gold-tint);--cw-panel: rgba(255, 255, 255, .05);--cw-line: rgba(255, 255, 255, .12);--cw-line-strong: rgba(255, 255, 255, .24);--cw-well: rgba(0, 0, 0, .35)}.cw-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--cw-bg-elevated) 0%,var(--cw-bg) 100%);padding:var(--space-lg)}.cw-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.cw-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);word-break:keep-all}.cw-subtitle{margin:0 0 var(--space-lg);color:var(--cw-fog);font-size:var(--text-body-sm);word-break:keep-all}.cw-join-form,.cw-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.cw-form-group{text-align:left}.cw-form-group label{display:block;color:var(--cw-fog);font-size:var(--text-caption);margin-bottom:6px}.cw-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.cw-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.cw-primary-button:not(:disabled):active{background:var(--color-primary-active)}.cw-primary-button:disabled{background:#ffffff1f;color:var(--cw-fog);cursor:not-allowed}.cw-ghost-button{min-height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--cw-fog);font-size:var(--text-body-sm);cursor:pointer}.cw-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.cw-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.cw-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.cw-seat-item.empty{color:var(--cw-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.cw-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-crown{font-size:var(--text-body-sm)}.cw-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.cw-dot.on{background:var(--color-success)}.cw-dot.off{background:var(--color-muted-soft)}.cw-waiting-hint{margin:0;color:var(--cw-fog);font-size:var(--text-caption);word-break:keep-all}.cw-brief{margin:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--cw-well);border:1px dashed var(--cw-blue);color:var(--cw-fog);font-size:var(--text-caption);line-height:1.6;text-align:left;word-break:keep-all}.cw-brief strong{color:var(--cw-gold)}@media(max-width:360px){.cw-waiting{padding:var(--space-sm)}.cw-waiting-container{padding:var(--space-lg) var(--space-md)}}.cw-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.cw-waiting-toast{background:var(--cw-bg-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.cw-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--cw-bg-elevated) 0%,var(--cw-bg) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:116px;box-sizing:border-box;gap:var(--space-sm)}.cw-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.cw-toast{background:#060a14eb;border:1px solid var(--cw-line-strong);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:cw-fade-in .2s ease;max-width:100%;box-sizing:border-box;word-break:keep-all}@keyframes cw-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes cw-pulse{50%{opacity:.5}}.cw-status-bar,.cw-missions,.cw-trick-panel,.cw-my-hand,.cw-comm-bar,.cw-round-end,.cw-spectator-note{width:100%;max-width:560px;box-sizing:border-box}.cw-missions,.cw-trick-panel,.cw-my-hand,.cw-comm-bar{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--cw-panel);border:1px solid var(--cw-line)}.cw-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap}.cw-section-title{font-weight:800;font-size:var(--text-body-sm)}.cw-section-note{font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-empty-note{margin:0;font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-status-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);text-align:center;background:var(--cw-blue-tint);border:1px solid var(--cw-blue)}.cw-status-bar.round_end{background:var(--cw-ok-tint);border-color:var(--cw-ok)}.cw-status-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.cw-status-chip{padding:3px 10px;border-radius:var(--radius-pill);background:var(--cw-well);border:1px solid var(--cw-line);font-size:var(--text-caption);font-weight:700;color:var(--color-on-dark);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.cw-status-chip.commander{border-color:var(--cw-rocket);color:var(--cw-rocket)}.cw-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-md);font-weight:800;color:var(--color-on-dark);white-space:nowrap}.cw-timer.urgent{color:var(--cw-danger);animation:cw-pulse 1s ease infinite}.cw-status-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);word-break:keep-all}.cw-status-sub{font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1;border-radius:var(--radius-sm);border:1px solid currentColor;background:#00000073;font-variant-numeric:tabular-nums}.cw-card.size-sm{min-width:24px;padding:3px 4px;gap:1px}.cw-card.size-md{min-width:34px;padding:5px 6px;gap:2px}.cw-card.size-lg{min-width:44px;padding:8px;gap:2px}.cw-card-rank{font-weight:800}.cw-card.size-sm .cw-card-rank{font-size:var(--text-caption)}.cw-card.size-md .cw-card-rank{font-size:var(--text-body-md)}.cw-card.size-lg .cw-card-rank{font-size:var(--text-title-lg)}.cw-card-mark{font-size:var(--text-caption-uppercase);opacity:.85}.cw-card.size-sm .cw-card-mark{font-size:10px}.suit-blue{color:var(--cw-blue)}.suit-green{color:var(--cw-green)}.suit-pink{color:var(--cw-pink)}.suit-yellow{color:var(--cw-yellow)}.suit-rocket{color:var(--cw-rocket)}.cw-card.suit-blue{background:var(--cw-blue-tint)}.cw-card.suit-green{background:var(--cw-green-tint)}.cw-card.suit-pink{background:var(--cw-pink-tint)}.cw-card.suit-yellow{background:var(--cw-yellow-tint)}.cw-card.suit-rocket{background:var(--cw-rocket-tint)}.cw-missions{border-color:var(--cw-gold);background:linear-gradient(160deg,var(--cw-gold-tint) 0%,rgba(255,255,255,.04) 60%)}.cw-missions .cw-section-title{color:var(--cw-gold);font-size:var(--text-body-md)}.cw-mission-track{width:100%;height:6px;border-radius:var(--radius-pill);background:#00000073;overflow:hidden}.cw-mission-fill{height:100%;background:var(--cw-ok);border-radius:var(--radius-pill);transition:width .4s ease}.cw-mission-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cw-mission-item{display:flex;align-items:center;gap:var(--space-xs);min-height:48px;min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--cw-well);border:1px solid var(--cw-line);transition:border-color .15s ease,background .15s ease}.cw-mission-item.mine{border-color:var(--cw-gold);background:var(--cw-gold-tint);box-shadow:inset 3px 0 0 var(--cw-gold)}.cw-mission-item.live{border-color:var(--cw-danger);background:var(--cw-danger-tint);animation:cw-pulse 1.4s ease infinite}.cw-mission-item.done{border-color:var(--cw-ok);background:var(--cw-ok-tint);animation:none;box-shadow:none}.cw-mission-who{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.cw-mission-owner{font-weight:800;font-size:var(--text-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-mission-you{color:var(--cw-gold)}.cw-mission-role{font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-mission-item.done .cw-mission-owner{color:var(--cw-fog);text-decoration:line-through;text-decoration-thickness:1px}.cw-mission-state{flex-shrink:0;padding:3px 8px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--cw-fog);font-size:var(--text-caption-uppercase);font-weight:800;white-space:nowrap}.cw-mission-state.ok{background:var(--cw-ok-tint);color:var(--cw-ok)}.cw-mission-state.warn{background:var(--cw-danger-tint);color:var(--cw-danger)}.cw-lead-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:var(--radius-pill);border:1px solid currentColor;font-weight:800;white-space:nowrap}.cw-trick-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-xs);min-height:68px}.cw-trick-slot{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:92px;padding:6px;border-radius:var(--radius-md);border:1px solid transparent;animation:cw-play-in .3s cubic-bezier(.34,1.4,.64,1)}@keyframes cw-play-in{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.cw-trick-slot.task{border-color:var(--cw-gold);background:var(--cw-gold-tint)}.cw-trick-name{font-size:var(--text-caption);color:var(--cw-fog);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-trick-task-flag{font-size:10px;font-weight:800;color:var(--cw-gold);letter-spacing:var(--tracking-uppercase)}.cw-last-trick{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding-top:8px;border-top:1px dashed var(--cw-line)}.cw-last-trick-label{font-size:var(--text-caption);color:var(--cw-fog);white-space:nowrap}.cw-last-trick-cards{display:flex;flex-wrap:wrap;gap:3px}.cw-seats{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.cw-seat{display:flex;flex-direction:column;gap:5px;min-width:0;padding:9px 10px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid var(--cw-line);transition:border-color .15s ease,background .15s ease}.cw-seat.me{border-color:var(--cw-line-strong)}.cw-seat.active{border-color:var(--cw-blue);background:var(--cw-blue-tint)}.cw-seat-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.cw-seat-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-seat-badges,.cw-seat-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cw-seat-badges{flex-shrink:0;flex-wrap:nowrap}.cw-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#ffffff1a;font-size:var(--text-caption-uppercase);color:var(--cw-fog);white-space:nowrap}.cw-badge.off{background:#d4a0172e;color:var(--color-warning)}.cw-badge.count{font-variant-numeric:tabular-nums;font-weight:800;color:var(--color-on-dark)}.cw-badge.token.on{background:var(--cw-blue-tint);color:var(--cw-blue);font-weight:700}.cw-badge.task{background:var(--cw-gold-tint);color:var(--cw-gold);font-weight:700}.cw-badge.task.ok{background:#ffffff14;color:var(--cw-fog);font-weight:400}.cw-reveal-pill{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;max-width:100%;padding:3px 8px 3px 4px;border-radius:var(--radius-pill);border:1px dashed currentColor;background:#0000004d}.cw-reveal-hint{font-size:var(--text-caption-uppercase);font-weight:800;white-space:nowrap}.cw-round-end{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--cw-ok-tint);border:1px dashed var(--cw-ok);text-align:center;animation:cw-fade-in .3s ease}.cw-round-end.failed{background:var(--cw-danger-tint);border-color:var(--cw-danger)}.cw-round-end-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);color:var(--cw-ok)}.cw-round-end.failed .cw-round-end-title{color:var(--cw-danger)}.cw-round-end-sub{font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-spectator-note{text-align:center;padding:8px 12px;border-radius:var(--radius-md);background:var(--cw-well);border:1px solid var(--cw-line);color:var(--cw-fog);font-size:var(--text-caption)}.cw-comm-bar.open{border-color:var(--cw-blue);background:var(--cw-blue-tint)}.cw-comm-open-button{min-height:44px;padding:11px;border:1px solid var(--cw-blue);border-radius:var(--radius-md);background:var(--cw-blue-tint);color:var(--cw-blue);font-size:var(--text-button);font-weight:800;cursor:pointer}.cw-comm-open-button:disabled{border-color:var(--cw-line);background:transparent;color:var(--cw-fog);cursor:not-allowed}.cw-comm-step{margin:0;font-size:var(--text-caption);color:var(--cw-fog);word-break:keep-all}.cw-comm-picked{display:flex;align-items:center;gap:var(--space-xs)}.cw-comm-picked-text{font-size:var(--text-body-sm);font-weight:800}.cw-hint-row{display:flex;gap:var(--space-xs);flex-wrap:wrap}.cw-hint-button{flex:1 1 72px;min-width:72px;min-height:44px;padding:10px 8px;border-radius:var(--radius-md);border:1px solid var(--cw-line-strong);background:var(--cw-well);color:var(--color-on-dark);font-size:var(--text-button);font-weight:700;cursor:pointer}.cw-hint-button.on{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.cw-hint-button:disabled{cursor:not-allowed;opacity:.35;color:var(--cw-fog)}.cw-hint-button.false{text-decoration:line-through}.cw-comm-actions{display:flex;gap:var(--space-xs)}.cw-comm-actions .cw-primary-button{flex:2 1 0;min-width:0}.cw-comm-actions .cw-ghost-button{flex:1 1 0;min-width:0}.cw-my-hand.comm-mode{border-color:var(--cw-blue)}.cw-hand-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.cw-hand-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:40px;min-height:56px;padding:4px;border-radius:var(--radius-md);border:1px solid currentColor;background:#00000073;font-variant-numeric:tabular-nums;cursor:default;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.cw-hand-card.suit-break{margin-left:10px}.cw-hand-card.suit-blue{background:var(--cw-blue-tint)}.cw-hand-card.suit-green{background:var(--cw-green-tint)}.cw-hand-card.suit-pink{background:var(--cw-pink-tint)}.cw-hand-card.suit-yellow{background:var(--cw-yellow-tint)}.cw-hand-card.suit-rocket{background:var(--cw-rocket-tint)}.cw-hand-rank{font-size:var(--text-body-md);font-weight:800;line-height:1}.cw-hand-mark{font-size:10px;opacity:.85;line-height:1}.cw-hand-task-dot{position:absolute;top:2px;right:3px;font-size:10px;line-height:1;color:var(--cw-gold)}.cw-hand-card.is-task{box-shadow:inset 0 -3px 0 var(--cw-gold)}.cw-hand-card.my-task{border-width:2px}.cw-hand-card.clickable{cursor:pointer}.cw-hand-card.clickable:hover{transform:translateY(-4px)}.cw-hand-card.active{transform:translateY(-6px);box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary)}.cw-hand-card.dim{opacity:.3}.cw-hand-card:disabled{color:currentColor}.cw-hand-legend{margin:0;font-size:var(--text-caption);color:var(--cw-fog)}.cw-confirm-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:950;width:calc(100% - 24px);max-width:480px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;padding:12px 14px;border-radius:var(--radius-lg);background:var(--cw-bg-elevated);border:1px solid var(--cw-line-strong);box-shadow:var(--shadow-modal);animation:cw-fade-in .2s ease}.cw-confirm-text{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark);min-width:0;word-break:keep-all}.cw-confirm-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.cw-confirm-button{min-height:44px;padding:9px 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-button);font-weight:800;cursor:pointer}.cw-confirm-button:active{background:var(--color-primary-active)}.cw-cancel-button{min-height:44px;padding:9px 14px;border:1px solid var(--cw-line-strong);border-radius:var(--radius-md);background:transparent;color:var(--cw-fog);font-size:var(--text-button);cursor:pointer}@media(max-width:420px){.cw-board{padding:var(--space-xs);padding-bottom:116px}.cw-seat{padding:8px}.cw-seat-name{font-size:var(--text-caption)}}@media(max-width:340px){.cw-seats{grid-template-columns:minmax(0,1fr)}.cw-missions,.cw-trick-panel,.cw-my-hand,.cw-comm-bar{padding:10px}.cw-mission-item{gap:6px;padding:8px 6px}.cw-mission-role{display:none}.cw-hand-card{width:34px;min-height:52px}.cw-hand-card.suit-break{margin-left:6px}.cw-hint-button{flex:1 1 60px;min-width:60px}.cw-confirm-bar{justify-content:center;text-align:center}}.cw-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.cw-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--cw-bg-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.cw-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark);word-break:keep-all}.cw-over-title.cleared{color:var(--cw-ok)}.cw-over-title.failed{color:var(--cw-danger)}.cw-over-message{margin:0;font-size:var(--text-body-sm);color:var(--cw-fog);word-break:keep-all}.cw-over-score{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--radius-lg);background:#0000004d;border:1px solid var(--cw-line)}.cw-over-score-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);color:var(--cw-gold);font-variant-numeric:tabular-nums;line-height:1}.cw-over-score-max{font-size:var(--text-title-md);color:var(--cw-fog)}.cw-over-score-label{font-size:var(--text-caption);color:var(--cw-fog);letter-spacing:var(--tracking-uppercase)}.cw-over-track{width:100%;height:6px;margin-top:4px;border-radius:var(--radius-pill);background:#00000073;overflow:hidden}.cw-over-fill{height:100%;border-radius:var(--radius-pill);background:var(--cw-gold)}.cw-over-fill.cleared{background:var(--cw-ok)}.cw-over-reach{font-size:var(--text-caption);color:var(--cw-danger)}.cw-over-tasks,.cw-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.cw-over-task{display:flex;align-items:center;gap:var(--space-xs);padding:7px 10px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid var(--cw-line);font-size:var(--text-body-sm);color:var(--color-on-dark);text-align:left}.cw-over-task.done{border-color:var(--cw-ok);background:var(--cw-ok-tint)}.cw-over-task.fail{border-color:var(--cw-danger);background:var(--cw-danger-tint)}.cw-over-task-card{flex-shrink:0;padding:2px 7px;border-radius:var(--radius-sm);border:1px solid currentColor;background:#0006;font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.cw-over-task-card.suit-blue{color:var(--cw-blue)}.cw-over-task-card.suit-green{color:var(--cw-green)}.cw-over-task-card.suit-pink{color:var(--cw-pink)}.cw-over-task-card.suit-yellow{color:var(--cw-yellow)}.cw-over-task-name{font-weight:700;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-over-task-state{flex-shrink:0}.cw-over-task-suit{flex-shrink:0;font-size:var(--text-caption);color:var(--cw-fog)}.cw-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.cw-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-over-tag{flex-shrink:0;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--cw-fog);white-space:nowrap}.cw-over-tag.ok{background:var(--cw-ok-tint);color:var(--cw-ok)}@media(max-width:360px){.cw-game-over{padding:var(--space-sm)}.cw-game-over-container{padding:var(--space-lg) var(--space-md)}.cw-over-task-suit{display:none}}.jo-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.jo-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.jo-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.jo-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm);word-break:keep-all}.jo-join-form,.jo-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.jo-form-group{text-align:left}.jo-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.jo-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.jo-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.jo-primary-button:not(:disabled):active{background:var(--color-primary-active)}.jo-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.jo-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.jo-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.jo-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.jo-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.jo-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.jo-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jo-crown{font-size:var(--text-body-sm)}.jo-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.jo-dot.on{background:var(--color-success)}.jo-dot.off{background:var(--color-muted-soft)}.jo-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.jo-waiting{padding:var(--space-sm)}.jo-waiting-container{padding:var(--space-lg) var(--space-md)}}.jo-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.jo-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.jo-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.jo-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.jo-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.jo-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.jo-phase-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.jo-round,.jo-score,.jo-deadline{font-variant-numeric:tabular-nums;white-space:nowrap}.jo-score{color:var(--color-primary)}.jo-deadline{color:var(--jo-pencil-soft);font-weight:600}.jo-deadline.urgent{color:var(--jo-wrong)}.jo-phase-sub{color:var(--jo-pencil-soft);font-size:var(--text-caption);word-break:keep-all}.jo-word-wrap{display:flex;justify-content:center}.jo-word-card{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg);background:linear-gradient(170deg,var(--jo-paper) 0%,var(--jo-paper-edge) 100%);border:1px solid var(--jo-paper-line);border-top:3px solid var(--color-primary);box-shadow:0 1px 3px var(--jo-paper-shadow);text-align:center}.jo-word-card.secret{border-top-color:var(--color-hairline);background:var(--color-surface-soft)}.jo-word-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--jo-pencil-soft)}.jo-word-text{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink);line-height:1.15;word-break:keep-all;overflow-wrap:anywhere}.jo-word-text.secret{font-family:var(--font-sans);font-size:var(--text-title-md);font-weight:600;color:var(--jo-erased)}.jo-word-hint{font-size:var(--text-caption);color:var(--jo-pencil-soft);word-break:keep-all}.jo-panel{display:flex;flex-direction:column;gap:var(--space-xs);background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:12px 14px;scroll-margin:80px 0}.jo-panel-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm)}.jo-panel-note,.jo-empty{margin:0;color:var(--jo-pencil-soft);font-size:var(--text-caption);word-break:keep-all}.jo-wait-panel{align-items:center;text-align:center}.jo-wait-title{color:var(--color-body);font-size:var(--text-body-sm);font-weight:600}.jo-input-form{display:flex;flex-direction:column;gap:var(--space-xs);scroll-margin:96px 0}.jo-input-label{color:var(--color-body);font-size:var(--text-caption);font-weight:600}.jo-input-row{position:relative;display:flex;align-items:center}.jo-text-input{width:100%;box-sizing:border-box;min-height:48px;padding:12px 62px 12px 14px;border-radius:var(--radius-md);border:1px solid var(--jo-paper-line);background:var(--jo-paper);color:var(--color-ink);font-size:var(--text-body-md);font-weight:600}.jo-text-input::placeholder{color:var(--jo-erased);font-weight:400}.jo-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-ring)}.jo-counter{position:absolute;right:12px;color:var(--jo-erased);font-size:var(--text-caption);font-variant-numeric:tabular-nums;pointer-events:none}.jo-counter.full{color:var(--color-primary);font-weight:700}.jo-input-note{color:var(--jo-pencil-soft);font-size:var(--text-caption);word-break:keep-all}.jo-input-warn{color:var(--jo-wrong);font-size:var(--text-caption);word-break:keep-all}.jo-locked{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px dashed var(--color-hairline);text-align:center}.jo-locked-label{font-size:var(--text-caption);color:var(--jo-pencil-soft);font-weight:700}.jo-locked-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);color:var(--color-ink);word-break:keep-all;overflow-wrap:anywhere}.jo-locked-note{font-size:var(--text-caption);color:var(--jo-erased)}.jo-progress{display:flex;flex-direction:column;gap:5px;width:100%}.jo-progress-text{color:var(--jo-pencil-soft);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.jo-progress-bar{display:block;height:5px;border-radius:var(--radius-pill);background:var(--color-surface-cream-strong);overflow:hidden}.jo-progress-fill{display:block;height:100%;background:var(--color-primary);transition:width .3s ease}.jo-clue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.jo-clue-card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-md);background:linear-gradient(170deg,var(--jo-paper) 0%,var(--jo-paper-edge) 100%);border:1px solid var(--jo-paper-line);box-shadow:0 1px 2px var(--jo-paper-shadow);min-width:0}.jo-clue-text{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);color:var(--color-ink);line-height:1.2;word-break:keep-all;overflow-wrap:anywhere}.jo-clue-by{font-size:var(--text-caption);color:var(--jo-pencil-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jo-clue-card.removed{background:var(--jo-erased-tint);border-style:dashed;box-shadow:none}.jo-clue-card.removed .jo-clue-text{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--jo-wrong);color:var(--jo-erased)}.jo-clue-card.removed .jo-clue-by{color:var(--jo-erased)}.jo-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.jo-submit-button{min-height:48px;padding:0 18px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;flex:1 1 140px}.jo-submit-button:not(:disabled):active{background:var(--color-primary-active)}.jo-submit-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.jo-skip-button{min-height:48px;padding:0 18px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-card);color:var(--color-body);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;flex:1 1 120px}.jo-skip-button:active{background:var(--color-surface-cream-strong)}.jo-verdict{align-items:stretch}.jo-verdict.correct{border-color:var(--jo-correct);background:var(--jo-correct-tint)}.jo-verdict.wrong{border-color:var(--jo-wrong);background:var(--jo-wrong-tint)}.jo-verdict-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);min-width:0}.jo-verdict-label{color:var(--jo-pencil-soft);font-size:var(--text-caption);flex-shrink:0}.jo-verdict-value{color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-md);text-align:right;min-width:0;word-break:keep-all;overflow-wrap:anywhere}.jo-verdict-mark{text-align:center;font-weight:800;font-size:var(--text-body-md);color:var(--color-ink)}.jo-verdict-note{text-align:center;color:var(--jo-pencil-soft);font-size:var(--text-caption);word-break:keep-all}.jo-accept-wrap{display:flex;flex-direction:column;gap:6px;align-items:stretch;padding-top:var(--space-xs);border-top:1px solid var(--color-hairline)}.jo-accept-hint{color:var(--jo-pencil-soft);font-size:var(--text-caption);text-align:center;word-break:keep-all}.jo-accept-button{min-height:48px;border:none;border-radius:var(--radius-md);background:var(--jo-correct);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer}.jo-accept-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.jo-seat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.jo-seat-chip{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-surface-card);border:1px solid var(--color-hairline);font-size:var(--text-caption)}.jo-seat-chip.guesser{border-color:var(--jo-mark);background:var(--jo-mark-tint)}.jo-seat-chip.me{box-shadow:0 0 0 2px var(--color-primary-ring)}.jo-seat-chip.offline{opacity:.55}.jo-seat-mark{flex-shrink:0;width:16px;text-align:center;color:var(--jo-correct);font-weight:800}.jo-seat-name{color:var(--color-ink);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jo-seat-state{margin-left:auto;flex-shrink:0;color:var(--jo-pencil-soft);font-size:11px}.jo-spectator-note{margin:var(--space-xs) 0 0;text-align:center;color:var(--jo-pencil-soft);font-size:var(--text-body-sm);word-break:keep-all}@media(max-width:360px){.jo-board{padding:var(--space-sm) var(--space-xs) 96px}.jo-seat-strip{grid-template-columns:1fr}.jo-submit-button,.jo-skip-button{flex:1 1 100%}.jo-word-text{font-size:var(--text-display-sm)}.jo-clue-text{font-size:var(--text-title-md)}}.jo-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.jo-game-over-container{width:100%;max-width:460px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.jo-over-mark{font-size:40px;line-height:1}.jo-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);font-variant-numeric:tabular-nums}.jo-over-grade{margin:0;font-weight:800;font-size:var(--text-title-md);letter-spacing:var(--tracking-uppercase)}.jo-over-grade.perfect,.jo-over-grade.great{color:var(--color-primary)}.jo-over-grade.good{color:var(--jo-pencil)}.jo-over-grade.retry{color:var(--jo-pencil-soft)}.jo-over-sub{margin:0;color:var(--jo-pencil-soft);font-size:var(--text-body-sm);word-break:keep-all}.jo-over-meter{height:6px;border-radius:var(--radius-pill);background:var(--color-surface-cream-strong);overflow:hidden}.jo-over-meter-fill{display:block;height:100%;background:var(--color-primary)}.jo-over-count{margin:0;color:var(--jo-pencil-soft);font-size:var(--text-caption)}.jo-over-table-wrap{overflow-x:auto}.jo-over-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);color:var(--color-ink)}.jo-over-table th{color:var(--jo-pencil-soft);font-size:var(--text-caption-uppercase);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--color-hairline);text-align:center;white-space:nowrap}.jo-over-table td{padding:9px 8px;border-bottom:1px solid var(--color-hairline-soft);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.jo-over-table th.left,.jo-over-table td.left{text-align:left}.jo-over-table tr.correct td{background:var(--jo-correct-tint)}.jo-over-word{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:700}.jo-over-guess{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--jo-pencil)}.jo-over-guess.miss{color:var(--jo-erased);text-decoration:line-through;text-decoration-color:var(--jo-wrong)}@media(max-width:360px){.jo-game-over{padding:var(--space-sm)}.jo-game-over-container{padding:var(--space-lg) var(--space-md)}.jo-over-word,.jo-over-guess{max-width:68px}}.jo-scope{--jo-paper: var(--card-face);--jo-paper-edge: var(--card-face-edge);--jo-paper-line: rgba(20, 20, 19, .22);--jo-paper-shadow: rgba(20, 20, 19, .12);--jo-pencil: var(--color-body);--jo-pencil-soft: var(--color-muted);--jo-erased: var(--color-muted-soft);--jo-erased-tint: rgba(142, 139, 130, .12);--jo-mark: var(--color-accent-amber);--jo-mark-tint: rgba(232, 165, 90, .16);--jo-correct: var(--color-success);--jo-correct-tint: rgba(93, 184, 114, .14);--jo-wrong: var(--color-error);--jo-wrong-tint: rgba(198, 69, 69, .12)}.se-scope{--se-red: var(--st-clan-0);--se-green: var(--st-clan-2);--se-purple: var(--st-clan-4);--se-card-face: var(--card-face);--se-card-edge: var(--card-face-edge);--se-ok: var(--color-success);--se-fail: var(--color-error);--se-lock-scrim: var(--scrim)}.se-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.se-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.se-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink)}.se-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm)}.se-join-form,.se-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.se-form-group{text-align:left}.se-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.se-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.se-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.se-primary-button:not(:disabled):active{background:var(--color-primary-active)}.se-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.se-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.se-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.se-rule-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);text-align:left}.se-rule-line{margin:0;color:var(--color-body);font-size:var(--text-caption);line-height:1.5;word-break:keep-all}.se-rule-line strong{color:var(--color-ink);font-weight:800}.se-rule-line.muted{color:var(--color-muted)}.se-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.se-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.se-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.se-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-crown{font-size:var(--text-body-sm)}.se-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.se-dot.on{background:var(--color-success)}.se-dot.off{background:var(--color-muted-soft)}.se-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption)}@media(max-width:360px){.se-waiting{padding:var(--space-sm)}.se-waiting-container{padding:var(--space-lg) var(--space-md)}}.se-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.se-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.se-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-md) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.se-defs{position:absolute;width:0;height:0;overflow:hidden}.se-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.se-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.se-hud{display:flex;flex-direction:column;gap:8px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 12px;text-align:center}.se-hud-title{color:var(--color-ink);font-weight:700;font-size:var(--text-body-sm)}.se-hud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.se-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.se-stat-label{color:var(--color-muted);font-size:11px;white-space:nowrap}.se-stat-value{color:var(--color-ink);font-weight:800;font-size:var(--text-body-md);font-variant-numeric:tabular-nums}.se-stat-value.urgent{color:var(--color-error)}.se-claim-slot{min-height:44px;display:flex}.se-claim-banner{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;border-radius:var(--radius-md);padding:8px 12px;text-align:center;border:1px solid var(--color-hairline);animation:se-claim-in .16s ease-out}.se-claim-banner.idle{background:transparent;border-style:dashed;color:var(--color-muted-soft);font-size:var(--text-caption);animation:none}.se-claim-banner.ok{background:var(--color-surface-soft);border-color:var(--se-ok)}.se-claim-banner.fail{background:var(--color-surface-soft);border-color:var(--se-fail)}.se-claim-headline{font-weight:800;font-size:var(--text-body-sm);word-break:keep-all}.se-claim-banner.ok .se-claim-headline{color:var(--se-ok)}.se-claim-banner.fail .se-claim-headline{color:var(--se-fail)}.se-claim-sub{color:var(--color-muted);font-size:11px}@keyframes se-claim-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.se-grid-wrap{position:relative}.se-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs);transition:filter .12s ease}.se-grid.locked{filter:grayscale(.4)}.se-grid-empty{grid-column:1 / -1;margin:0;padding:var(--space-lg) 0;text-align:center;color:var(--color-muted-soft);font-size:var(--text-caption)}.se-card{position:relative;aspect-ratio:3 / 4;min-height:96px;box-sizing:border-box;padding:8px 6px;border-radius:var(--radius-md);border:1px solid rgba(20,20,19,.24);background:linear-gradient(170deg,var(--se-card-face) 0%,var(--se-card-edge) 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 1px 2px #14141324,0 2px 6px #14141314;transition:transform 90ms ease,box-shadow 90ms ease,border-color 90ms ease}.se-card:disabled{cursor:default}.se-card:not(:disabled):active{transform:scale(.97)}.se-card.selected{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 0 0 3px var(--color-primary-ring),0 6px 14px #14141329}.se-card.selected:not(:disabled):active{transform:translateY(-3px) scale(.97)}.se-grid.submitting .se-card.selected{animation:se-pending .7s ease-in-out infinite}@keyframes se-pending{0%,to{box-shadow:0 0 0 3px var(--color-primary-ring),0 6px 14px #14141329}50%{box-shadow:0 0 0 7px var(--color-primary-ring),0 6px 14px #14141329}}.se-pick{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:11px;font-weight:800;line-height:20px;text-align:center;box-shadow:var(--shadow-subtle)}.se-card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%}.se-symbol{display:block;width:68%;height:auto;aspect-ratio:44 / 22;overflow:visible;flex-shrink:0}.se-symbol-shape{stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.se-stripe-line{stroke:currentColor;stroke-width:1.8}.se-c-red{color:var(--se-red)}.se-c-green{color:var(--se-green)}.se-c-purple{color:var(--se-purple)}.se-lock-overlay{position:absolute;inset:0;z-index:5;border-radius:var(--radius-lg);background:var(--se-lock-scrim);color:var(--color-on-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:var(--space-sm);box-sizing:border-box}.se-lock-icon{font-size:22px;line-height:1}.se-lock-count{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(48px,18vw,76px);line-height:1.05;font-variant-numeric:tabular-nums}.se-lock-text{font-size:var(--text-body-sm);color:var(--color-on-dark-soft)}.se-hint{margin:0;text-align:center;color:var(--color-muted);font-size:var(--text-caption)}.se-hint.busy{color:var(--color-primary);font-weight:700}.se-hint.spectator{color:var(--color-body);font-size:var(--text-body-sm)}.se-hint.muted{color:var(--color-muted-soft)}.se-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px}.se-seat{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--color-surface-card);border:1px solid var(--color-hairline)}.se-seat.me{border-color:var(--color-primary);background:var(--color-primary-tint)}.se-seat.locked{opacity:.6}.se-seat-name{color:var(--color-ink);font-size:var(--text-caption);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-seat-meta{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.se-seat-score{color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums}.se-seat-lock{font-size:10px;color:var(--se-fail);font-variant-numeric:tabular-nums}.se-seat-off{font-size:10px;color:var(--color-muted-soft)}@media(min-width:460px){.se-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:360px){.se-board{padding:var(--space-sm) var(--space-xs) 96px}.se-hud-stats{grid-template-columns:repeat(2,1fr);gap:8px 4px}.se-card{min-height:84px;padding:6px 4px}.se-card-face{gap:4px}.se-symbol{width:74%}.se-seats{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}@media(prefers-reduced-motion:reduce){.se-card,.se-grid{transition:none}.se-claim-banner,.se-grid.submitting .se-card.selected{animation:none}}.se-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.se-game-over-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.se-over-mark{font-size:40px;line-height:1}.se-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.se-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm);word-break:keep-all}.se-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md)}.se-over-verdict.win{color:var(--color-primary)}.se-over-verdict.lose{color:var(--color-muted)}.se-over-table-wrap{overflow-x:auto}.se-over-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm);color:var(--color-ink)}.se-over-table th{color:var(--color-muted);font-size:var(--text-caption-uppercase);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--color-hairline);text-align:right;white-space:nowrap}.se-over-table td{padding:10px 8px;border-bottom:1px solid var(--color-hairline-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.se-over-table th.left,.se-over-table td.left{text-align:left}.se-over-table tr.winner td{background:var(--color-primary-tint);font-weight:700}.se-over-rank{color:var(--color-muted);width:1%}.se-over-score{font-weight:800}.se-over-name{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;font-weight:600}@media(max-width:360px){.se-game-over{padding:var(--space-sm)}.se-game-over-container{padding:var(--space-lg) var(--space-md)}.se-over-name{max-width:110px}}.ek-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.ek-waiting-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.ek-waiting-mark{display:block;font-size:40px;line-height:1;margin-bottom:6px}.ek-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-ink);word-break:keep-all}.ek-subtitle{margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-body-sm);word-break:keep-all}.ek-join-form,.ek-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.ek-form-group{text-align:left}.ek-form-group label{display:block;color:var(--color-body);font-size:var(--text-caption);margin-bottom:6px}.ek-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md)}.ek-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.ek-primary-button:not(:disabled):active{background:var(--color-primary-active)}.ek-primary-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.ek-ghost-button{min-height:44px;padding:11px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:transparent;color:var(--color-body);font-size:var(--text-body-sm);cursor:pointer}.ek-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.ek-rule-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface-soft);text-align:left}.ek-rule-line{margin:0;color:var(--color-body);font-size:var(--text-caption);line-height:1.5;word-break:keep-all}.ek-rule-line strong{color:var(--color-ink);font-weight:800}.ek-rule-line.muted{color:var(--color-muted)}.ek-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.ek-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;font-size:var(--text-body-sm)}.ek-seat-item.empty{color:var(--color-muted-soft);font-weight:400;border:1px dashed var(--color-hairline);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.ek-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-crown{font-size:var(--text-body-sm)}.ek-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.ek-dot.on{background:var(--color-success)}.ek-dot.off{background:var(--color-muted-soft)}.ek-waiting-hint{margin:0;color:var(--color-muted);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.ek-waiting{padding:var(--space-sm)}.ek-waiting-container{padding:var(--space-lg) var(--space-md)}}.ek-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.ek-waiting-toast{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.ek-board{min-height:100vh;background:var(--color-canvas);padding:var(--space-md) var(--space-sm) 96px;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.ek-board.with-bar{padding-bottom:260px}.ek-feed{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.ek-feed-line{background:var(--color-surface-card);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.ek-phase-banner{display:flex;flex-direction:column;gap:3px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:10px 14px;text-align:center}.ek-phase-title{color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.ek-deadline{font-variant-numeric:tabular-nums;color:var(--color-muted);font-weight:700}.ek-deadline.urgent{color:var(--ek-danger);animation:ek-pulse 1s ease infinite}@keyframes ek-pulse{0%,to{opacity:1}50%{opacity:.45}}.ek-phase-sub{color:var(--color-muted);font-size:var(--text-caption);word-break:keep-all}.ek-last-action{color:var(--color-body);font-size:var(--text-caption);font-weight:600;word-break:keep-all}.ek-stat-row{display:flex;gap:6px}.ek-stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft)}.ek-stat.hot{background:var(--color-primary-tint);border-color:var(--color-primary-ring)}.ek-stat-key{color:var(--color-muted);font-size:11px;letter-spacing:.02em}.ek-stat-value{color:var(--color-ink);font-weight:800;font-size:var(--text-body-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-seat-strip{display:flex;flex-direction:column;gap:4px}.ek-seat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:var(--radius-md);background:var(--color-surface-card);border:1px solid var(--color-hairline);font-size:var(--text-caption)}.ek-seat.turn{border-color:var(--color-primary);background:var(--color-primary-tint)}.ek-seat.me .ek-seat-name{font-weight:800}.ek-seat.target{border-color:var(--color-accent-amber)}.ek-seat.dead{opacity:.55;background:var(--color-surface-soft)}.ek-seat-name{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink);font-weight:600}.ek-turn-mark{color:var(--color-primary);font-size:10px}.ek-seat-meta{display:flex;align-items:center;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ek-seat-hand{font-variant-numeric:tabular-nums;color:var(--color-body);font-weight:700}.ek-seat-badge{padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-surface-soft);border:1px solid var(--color-hairline);color:var(--color-muted);font-size:11px;white-space:nowrap}.ek-seat-badge.off{color:var(--ek-danger);border-color:var(--ek-danger)}.ek-seat-badge.act{color:var(--color-primary);border-color:var(--color-primary)}.ek-seat-badge.tgt{color:var(--color-accent-amber);border-color:var(--color-accent-amber)}.ek-seat-out{color:var(--color-muted);font-size:11px;flex-shrink:0}.ek-card{position:relative;flex-shrink:0;display:inline-flex;flex-direction:column;align-items:stretch;overflow:hidden;border-radius:var(--radius-sm);border:2px solid var(--ek-card-color, var(--ek-c-unknown));background:var(--ek-card-face);box-shadow:var(--shadow-subtle);padding:0;-webkit-user-select:none;user-select:none}.ek-card.tappable{cursor:pointer}.ek-card.tappable:disabled{cursor:not-allowed}.ek-card.dimmed{opacity:.72}.ek-card.selected{outline:3px solid var(--color-primary);outline-offset:1px;transform:translateY(-4px)}.ek-card-emoji{display:flex;align-items:center;justify-content:center;background:var(--ek-card-color, var(--ek-c-unknown));line-height:1}.ek-card-name{display:block;text-align:center;color:var(--color-ink);font-weight:800;line-height:1.15;padding:3px 2px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-card-corner{position:absolute;top:2px;left:2px;z-index:1;padding:0 4px;border-radius:var(--radius-xs);background:var(--color-surface-card);color:var(--color-body);font-size:9px;font-weight:700;line-height:1.5}.ek-card.size-sm{width:52px;min-height:72px}.ek-card.size-sm .ek-card-emoji{height:46px;font-size:22px}.ek-card.size-sm .ek-card-name{font-size:11px}.ek-card.size-md{width:64px;min-height:88px}.ek-card.size-md .ek-card-emoji{height:58px;font-size:28px}.ek-card.size-md .ek-card-name{font-size:var(--text-caption)}.ek-card.size-lg{width:82px;min-height:112px}.ek-card.size-lg .ek-card-emoji{height:76px;font-size:38px}.ek-card.size-lg .ek-card-name{font-size:var(--text-body-sm)}.ek-card.kind-bomb{--ek-card-color: var(--ek-c-bomb)}.ek-card.kind-defuse{--ek-card-color: var(--ek-c-defuse)}.ek-card.kind-attack{--ek-card-color: var(--ek-c-attack)}.ek-card.kind-skip{--ek-card-color: var(--ek-c-skip)}.ek-card.kind-favor{--ek-card-color: var(--ek-c-favor)}.ek-card.kind-shuffle{--ek-card-color: var(--ek-c-shuffle)}.ek-card.kind-future{--ek-card-color: var(--ek-c-future)}.ek-card.kind-nope{--ek-card-color: var(--ek-c-nope)}.ek-card.kind-taco{--ek-card-color: var(--ek-c-taco)}.ek-card.kind-rainbow{--ek-card-color: var(--ek-c-rainbow)}.ek-card.kind-beard{--ek-card-color: var(--ek-c-beard)}.ek-card.kind-potato{--ek-card-color: var(--ek-c-potato)}.ek-card.kind-melon{--ek-card-color: var(--ek-c-melon)}.ek-card.kind-unknown{--ek-card-color: var(--ek-c-unknown)}.ek-piles{display:flex;gap:var(--space-sm);justify-content:center;align-items:flex-start;padding:var(--space-sm) 0;border-radius:var(--radius-lg);background:var(--color-surface-soft);border:1px solid var(--color-hairline-soft)}.ek-pile{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.ek-pile-title{color:var(--color-muted);font-size:11px;letter-spacing:var(--tracking-uppercase);text-transform:uppercase}.ek-pile-note{color:var(--color-muted);font-size:11px;text-align:center;word-break:keep-all}.ek-deck{width:64px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-sm);border:2px dashed var(--color-muted-soft);background:var(--color-surface-cream-strong);color:var(--color-body);cursor:default;padding:0}.ek-deck.live:not(:disabled){border-style:solid;border-color:var(--color-primary);background:var(--color-primary-tint);cursor:pointer;animation:ek-deck-breathe 2s ease-in-out infinite}@keyframes ek-deck-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.ek-deck-back{font-size:28px;line-height:1}.ek-deck-count{font-size:var(--text-caption);font-weight:800;font-variant-numeric:tabular-nums}.ek-discard-empty{width:64px;min-height:88px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px dashed var(--color-hairline);color:var(--color-muted-soft);font-size:11px}.ek-future{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--color-surface-card);border:2px solid var(--ek-c-future)}.ek-future-title{color:var(--color-ink);font-size:var(--text-caption);font-weight:800;word-break:keep-all}.ek-future-row{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:2px}.ek-hand{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline)}.ek-hand-title{color:var(--color-ink);font-size:var(--text-caption);font-weight:800;word-break:keep-all}.ek-hand-hint{color:var(--color-muted);font-weight:400}.ek-hand-row{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 8px;-webkit-overflow-scrolling:touch}.ek-turn-actions{display:flex;flex-direction:column;gap:6px}.ek-play-button{min-height:48px;padding:12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer;word-break:keep-all}.ek-play-button:not(:disabled):active{background:var(--color-primary-active)}.ek-play-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.ek-draw-button{min-height:48px;padding:12px;border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.ek-draw-button:disabled{border-color:var(--color-hairline);color:var(--color-muted-soft);cursor:not-allowed}.ek-note{margin:0;color:var(--color-muted);font-size:var(--text-caption);text-align:center;word-break:keep-all}.ek-note.warn{color:var(--ek-danger)}.ek-note.big{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface-soft);font-size:var(--text-body-sm)}.ek-nope-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px var(--space-sm) calc(14px + env(safe-area-inset-bottom,0px));background:var(--color-surface-card);border-top:3px solid var(--ek-c-nope);box-shadow:0 -8px 24px #1414132e;animation:ek-bar-up .22s ease}@keyframes ek-bar-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ek-nope-bar.passive{border-top-color:var(--color-hairline)}.ek-nope-head{width:100%;max-width:520px;display:flex;align-items:center;gap:var(--space-sm)}.ek-nope-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ek-nope-who{color:var(--color-muted);font-size:var(--text-caption)}.ek-nope-what{color:var(--color-ink);font-size:var(--text-title-md);font-weight:800;line-height:1.2;word-break:keep-all}.ek-nope-target{color:var(--color-accent-amber)}.ek-nope-stack{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--text-caption)}.ek-nope-count{padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-surface-soft);border:1px solid var(--color-hairline);color:var(--color-body);font-weight:700;font-variant-numeric:tabular-nums}.ek-nope-verdict{padding:1px 8px;border-radius:var(--radius-pill);font-weight:700;border:1px solid currentColor}.ek-nope-verdict.alive{color:var(--ek-ok)}.ek-nope-verdict.dead{color:var(--ek-danger)}.ek-nope-timer{color:var(--color-muted);font-weight:800;font-variant-numeric:tabular-nums}.ek-nope-timer.urgent{color:var(--ek-danger);animation:ek-pulse 1s ease infinite}.ek-nope-buttons{width:100%;max-width:520px;display:flex;gap:var(--space-xs)}.ek-nope-button{flex:2 1 0;min-width:0;min-height:60px;padding:0 12px;border:none;border-radius:var(--radius-md);background:var(--ek-c-nope);color:var(--color-on-primary);font-size:var(--text-title-md);font-weight:800;cursor:pointer}.ek-nope-button:disabled{background:var(--color-primary-disabled);color:var(--color-muted-soft);cursor:not-allowed}.ek-pass-button{flex:1 1 0;min-width:0;min-height:60px;padding:0 12px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-body);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.ek-nope-wait{margin:0;max-width:520px;color:var(--color-muted);font-size:var(--text-caption);text-align:center;word-break:keep-all}.ek-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--ek-scrim);padding:var(--space-md);overflow-y:auto}.ek-overlay-panel{width:100%;max-width:420px;box-sizing:border-box;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal);animation:ek-panel-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes ek-panel-pop{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}.ek-overlay-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.ek-overlay-sub{margin:0;font-size:var(--text-caption);color:var(--color-muted);word-break:keep-all}.ek-overlay-cards{display:flex;gap:6px;justify-content:flex-start;overflow-x:auto;padding:4px 2px 8px}.ek-target-list{display:flex;flex-direction:column;gap:var(--space-xxs)}.ek-target-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:48px;padding:8px 14px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-ink);font-size:var(--text-body-sm);cursor:pointer}.ek-target-button:not(:disabled):active{background:var(--color-primary-tint)}.ek-target-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ek-target-info{color:var(--color-muted);font-size:var(--text-caption);flex-shrink:0;font-variant-numeric:tabular-nums}.ek-place-readout{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--color-surface-soft);border:2px solid var(--ek-c-bomb)}.ek-place-emoji{font-size:32px;line-height:1}.ek-place-label{color:var(--color-ink);font-size:var(--text-title-md);font-weight:800}.ek-place-sub{color:var(--color-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.ek-place-slider{width:100%;min-height:44px;accent-color:var(--color-primary)}.ek-place-quick{display:flex;gap:6px}.ek-quick-button{flex:1 1 0;min-width:0;min-height:44px;padding:0 8px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-body);font-size:var(--text-body-sm);font-weight:700;cursor:pointer}.ek-quick-button:active{background:var(--color-primary-tint)}@media(max-width:360px){.ek-board{padding:var(--space-sm) var(--space-xs) 92px}.ek-stat-value{font-size:var(--text-caption)}.ek-card.size-lg{width:68px;min-height:94px}.ek-card.size-lg .ek-card-emoji{height:62px;font-size:30px}.ek-nope-what{font-size:var(--text-body-md)}.ek-nope-button{min-height:54px;font-size:var(--text-body-md)}.ek-pass-button{min-height:54px}}.ek-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-lg)}.ek-game-over-container{width:100%;max-width:420px;background:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.ek-over-mark{font-size:44px;line-height:1}.ek-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-ink);word-break:keep-all}.ek-over-sub{margin:0;color:var(--color-muted);font-size:var(--text-body-sm);word-break:keep-all}.ek-over-verdict{margin:0;font-weight:800;font-size:var(--text-body-md);word-break:keep-all}.ek-over-verdict.win{color:var(--color-primary)}.ek-over-verdict.lose{color:var(--color-muted)}.ek-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs);text-align:left}.ek-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:10px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);font-size:var(--text-body-sm);color:var(--color-ink)}.ek-over-row.dead{opacity:.6}.ek-over-row.winner{background:var(--color-primary-tint);border:1px solid var(--color-primary-ring);font-weight:800}.ek-over-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ek-over-info{flex-shrink:0;color:var(--color-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums}@media(max-width:360px){.ek-game-over{padding:var(--space-sm)}.ek-game-over-container{padding:var(--space-lg) var(--space-md)}}.ek-scope{--ek-c-bomb: var(--color-error);--ek-c-defuse: var(--st-clan-2);--ek-c-attack: var(--tc-phx);--ek-c-skip: var(--st-clan-1);--ek-c-favor: var(--st-clan-4);--ek-c-shuffle: var(--st-clan-5);--ek-c-future: var(--tc-mah);--ek-c-nope: var(--tc-drg);--ek-c-taco: var(--color-accent-amber);--ek-c-rainbow: var(--jh-hyde);--ek-c-beard: var(--tc-dog);--ek-c-potato: var(--st-clan-3);--ek-c-melon: var(--color-accent-teal);--ek-c-unknown: var(--color-muted);--ek-card-face: var(--card-face);--ek-card-edge: var(--card-face-edge);--ek-card-line: var(--color-hairline);--ek-danger: var(--color-error);--ek-ok: var(--color-success);--ek-scrim: var(--scrim)}.mi-scope{--mi-bg: var(--av-night);--mi-bg-elevated: var(--av-night-elevated);--mi-mist: var(--av-mist);--mi-star: var(--av-gold-strong);--mi-star-soft: var(--av-gold);--mi-star-tint: var(--av-gold-tint);--mi-life: var(--sp-danger);--mi-life-tint: var(--sp-danger-tint);--mi-calm: var(--sp-citizen);--mi-calm-tint: var(--sp-citizen-tint);--mi-ok: var(--color-success);--mi-ok-tint: rgba(93, 184, 114, .16);--mi-panel: rgba(255, 255, 255, .05);--mi-panel-strong: rgba(255, 255, 255, .09);--mi-line: rgba(255, 255, 255, .12);--mi-line-strong: rgba(255, 255, 255, .24);--mi-well: rgba(0, 0, 0, .35)}.mi-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--mi-bg-elevated) 0%,var(--mi-bg) 100%);padding:var(--space-lg)}.mi-waiting-container{width:100%;max-width:420px;background:var(--mi-panel);border:1px solid var(--mi-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.mi-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark)}.mi-subtitle{margin:0 0 var(--space-lg);color:var(--mi-mist);font-size:var(--text-body-sm);word-break:keep-all}.mi-join-form,.mi-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.mi-form-group{text-align:left}.mi-form-group label{display:block;color:var(--mi-mist);font-size:var(--text-caption);margin-bottom:6px}.mi-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--mi-line);background:var(--mi-well);color:var(--color-on-dark);font-size:var(--text-body-md)}.mi-form-group input::placeholder{color:var(--color-on-dark-soft)}.mi-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:700;cursor:pointer}.mi-primary-button:not(:disabled):active{background:var(--color-primary-active)}.mi-primary-button:disabled{background:var(--mi-panel-strong);color:var(--color-on-dark-soft);cursor:not-allowed}.mi-ghost-button{min-height:44px;padding:11px;border:1px solid var(--mi-line-strong);border-radius:var(--radius-md);background:transparent;color:var(--mi-mist);font-size:var(--text-body-sm);cursor:pointer}.mi-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.mi-rule-card{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-radius:var(--radius-md);background:var(--mi-well);border:1px solid var(--mi-line);text-align:left}.mi-rule-line{margin:0;color:var(--mi-mist);font-size:var(--text-caption);line-height:1.55;word-break:keep-all}.mi-rule-line strong{color:var(--color-on-dark);font-weight:800}.mi-rule-line.danger{color:var(--mi-star)}.mi-rule-line.muted{color:var(--color-on-dark-soft)}.mi-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.mi-seat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--mi-panel-strong);color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.mi-seat-item.empty{color:var(--color-on-dark-soft);font-weight:400;border:1px dashed var(--mi-line);background:transparent;justify-content:center;padding:10px 14px;font-size:var(--text-caption)}.mi-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-crown{font-size:var(--text-body-sm)}.mi-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.mi-dot.on{background:var(--mi-ok)}.mi-dot.off{background:var(--color-on-dark-soft)}.mi-waiting-hint{margin:0;color:var(--color-on-dark-soft);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.mi-waiting{padding:var(--space-sm)}.mi-waiting-container{padding:var(--space-lg) var(--space-md)}}.mi-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.mi-waiting-toast{background:var(--mi-bg-elevated);border:1px solid var(--mi-line);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.mi-board{min-height:100vh;background:linear-gradient(170deg,var(--mi-bg-elevated) 0%,var(--mi-bg) 100%);padding:var(--space-md) var(--space-md) var(--space-xl);max-width:520px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm)}.mi-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.mi-toast{background:var(--mi-bg-elevated);border:1px solid var(--mi-line);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center;box-shadow:var(--shadow-subtle)}.mi-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap;background:var(--mi-panel);border:1px solid var(--mi-line);border-radius:var(--radius-lg);padding:10px 12px}.mi-hud-round{color:var(--mi-mist);font-size:var(--text-caption);white-space:nowrap}.mi-hud-round strong{color:var(--color-on-dark);font-size:var(--text-title-sm);font-weight:800;font-variant-numeric:tabular-nums}.mi-hud-round-max{color:var(--color-on-dark-soft)}.mi-hud-right{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.mi-hud-meter{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--mi-line);white-space:nowrap}.mi-hud-meter.life{background:var(--mi-life-tint);border-color:var(--mi-life)}.mi-hud-meter.star{background:var(--mi-star-tint);border-color:var(--mi-star-soft)}.mi-hud-icon{font-size:14px;line-height:1}.mi-hud-count{color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:800;font-variant-numeric:tabular-nums}.mi-hud-meter.life .mi-hud-count{color:var(--mi-life)}.mi-hud-meter.star .mi-hud-count{color:var(--mi-star)}.mi-hud-meter.life.hit{animation:mi-life-hit 1.1s ease-out}@keyframes mi-life-hit{0%{transform:scale(1);box-shadow:0 0 0 0 var(--mi-life-tint)}12%{transform:scale(1.22) translate(-3px);box-shadow:0 0 0 10px var(--mi-life-tint)}26%{transform:scale(1.14) translate(3px)}40%{transform:scale(1.18) translate(-2px)}to{transform:scale(1);box-shadow:0 0 #0000}}.mi-hud-clock{color:var(--color-on-dark-soft);font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.mi-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:168px;padding:var(--space-md) var(--space-sm);border-radius:var(--radius-xl);background:var(--mi-well);border:1px solid var(--mi-line);text-align:center}.mi-stage-label{color:var(--color-on-dark-soft);font-size:var(--text-caption);letter-spacing:var(--tracking-uppercase);text-transform:uppercase}.mi-stage-number{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(72px,26vw,132px);line-height:1.02;letter-spacing:var(--tracking-display-xl);color:var(--color-on-dark);font-variant-numeric:tabular-nums;animation:mi-number-in .26s ease-out}.mi-stage-number.empty{color:var(--color-on-dark-soft);opacity:.5}@keyframes mi-number-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.mi-stage-sub{color:var(--mi-mist);font-size:var(--text-caption);word-break:keep-all}.mi-ready{display:flex;flex-direction:column;align-items:center;gap:4px}.mi-ready-label{color:var(--mi-mist);font-size:var(--text-body-sm)}.mi-ready-count{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(64px,22vw,112px);line-height:1.05;color:var(--mi-star);font-variant-numeric:tabular-nums;animation:mi-tick .7s ease-out}@keyframes mi-tick{0%{opacity:.2;transform:scale(1.35)}to{opacity:1;transform:none}}.mi-ready-soon{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);color:var(--mi-star)}.mi-ready-hint{color:var(--color-on-dark-soft);font-size:var(--text-caption);word-break:keep-all}.mi-mistake{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--mi-life-tint);border:1px solid var(--mi-life);animation:mi-mistake-in .32s ease-out}@keyframes mi-mistake-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mi-mistake-head{display:flex;align-items:center;gap:8px}.mi-mistake-mark{font-size:20px;line-height:1;flex-shrink:0}.mi-mistake-title{color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;word-break:keep-all}.mi-mistake-title strong{color:var(--mi-life);font-size:var(--text-title-md);font-weight:800;font-variant-numeric:tabular-nums}.mi-mistake-sub{color:var(--mi-mist);font-size:var(--text-caption)}.mi-mistake-cards{display:flex;flex-wrap:wrap;gap:6px}.mi-burned{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:44px;padding:5px 8px;border-radius:var(--radius-md);background:var(--mi-well);border:1px solid var(--mi-life);animation:mi-burn .42s ease-out}.mi-burned-num{color:var(--mi-life);font-size:var(--text-title-sm);font-weight:800;font-variant-numeric:tabular-nums;text-decoration:line-through}.mi-burned-owner{color:var(--color-on-dark-soft);font-size:10px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes mi-burn{0%{opacity:0;transform:scale(1.3)}60%{opacity:1;transform:scale(.96)}to{transform:none}}.mi-mistake-note{color:var(--color-on-dark-soft);font-size:11px;word-break:keep-all}.mi-pile-wrap{min-height:28px}.mi-pile{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.mi-pile-card{min-width:26px;padding:3px 6px;border-radius:var(--radius-sm);background:var(--mi-panel);border:1px solid var(--mi-line);color:var(--color-on-dark-soft);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.mi-pile-card.last{color:var(--mi-calm);border-color:var(--mi-calm);background:var(--mi-calm-tint);font-weight:700}.mi-pile-more,.mi-pile-empty{color:var(--color-on-dark-soft);font-size:11px;align-self:center}.mi-pile-empty{display:block;text-align:center}.mi-round-end{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--mi-ok-tint);border:1px solid var(--mi-ok);text-align:center;animation:mi-mistake-in .32s ease-out}.mi-round-end-title{color:var(--color-on-dark);font-size:var(--text-title-sm);font-weight:800}.mi-round-end-reward{color:var(--mi-star);font-size:var(--text-body-sm);font-weight:700}.mi-round-end-sub{color:var(--mi-mist);font-size:var(--text-caption);word-break:keep-all}.mi-hand-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.mi-hand-label{color:var(--color-on-dark-soft);font-size:var(--text-caption);word-break:keep-all;text-align:center}.mi-hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mi-card{min-width:44px;padding:8px 10px;border-radius:var(--radius-md);background:var(--mi-panel);border:1px solid var(--mi-line);color:var(--color-on-dark);font-size:var(--text-body-md);font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.mi-card.lowest{background:var(--mi-calm-tint);border-color:var(--mi-calm);color:var(--mi-calm);font-size:var(--text-title-md);font-weight:800;box-shadow:0 0 0 3px var(--mi-calm-tint)}.mi-card.dim{opacity:.42;font-size:var(--text-body-sm);font-weight:600}.mi-hand-empty{margin:0;color:var(--mi-mist);font-size:var(--text-body-sm);text-align:center;word-break:keep-all}.mi-play-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:84px;padding:14px;box-sizing:border-box;border:none;border-radius:var(--radius-xl);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 90ms ease}.mi-play-button:not(:disabled):active{background:var(--color-primary-active);transform:scale(.985)}.mi-play-button:disabled{background:var(--mi-panel-strong);color:var(--color-on-dark-soft);cursor:not-allowed}.mi-play-button.pending{animation:mi-pending .7s ease-in-out infinite}@keyframes mi-pending{0%,to{opacity:1}50%{opacity:.55}}.mi-play-num{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(40px,12vw,56px);line-height:1;letter-spacing:var(--tracking-display-md);font-variant-numeric:tabular-nums}.mi-play-text{font-size:var(--text-title-md);font-weight:800}.mi-star-bar{display:flex;flex-direction:column}.mi-star-button{min-height:44px;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--mi-star-soft);background:var(--mi-star-tint);color:var(--mi-star);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mi-star-button:disabled{border-color:var(--mi-line);background:transparent;color:var(--color-on-dark-soft);cursor:not-allowed}.mi-star-left{font-weight:600;font-size:var(--text-caption)}.mi-vote{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--mi-star-tint);border:1px solid var(--mi-star-soft)}.mi-vote-head{color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;word-break:keep-all}.mi-vote-sec{color:var(--mi-star);font-variant-numeric:tabular-nums;font-weight:800}.mi-vote-sub{color:var(--mi-mist);font-size:var(--text-caption);word-break:keep-all}.mi-vote-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.mi-vote-button{min-height:44px;padding:11px;border-radius:var(--radius-md);border:1px solid var(--mi-line-strong);background:var(--mi-well);color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;touch-action:manipulation}.mi-vote-button.yes{border-color:var(--mi-ok);color:var(--mi-ok)}.mi-vote-button.no{border-color:var(--mi-life);color:var(--mi-life)}.mi-vote-waiting{color:var(--color-on-dark-soft);font-size:var(--text-caption)}.mi-hint{margin:0;text-align:center;color:var(--mi-mist);font-size:var(--text-caption);word-break:keep-all}.mi-hint.spectator{color:var(--color-on-dark);font-size:var(--text-body-sm)}.mi-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px}.mi-seat{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:8px 10px;border-radius:var(--radius-md);background:var(--mi-panel);border:1px solid var(--mi-line)}.mi-seat.me{border-color:var(--mi-calm);background:var(--mi-calm-tint)}.mi-seat.done{opacity:.55}.mi-seat-name{color:var(--color-on-dark);font-size:var(--text-caption);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-seat-meta{display:inline-flex;align-items:baseline;gap:3px;flex-shrink:0}.mi-seat-count{color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:800;font-variant-numeric:tabular-nums}.mi-seat-unit{color:var(--color-on-dark-soft);font-size:10px}.mi-seat-off{font-size:10px;color:var(--mi-life)}@media(max-width:360px){.mi-board{padding:var(--space-sm) var(--space-xs) var(--space-lg)}.mi-hud{flex-direction:column;align-items:stretch;gap:6px;text-align:center}.mi-hud-right{justify-content:center}.mi-stage{min-height:148px}.mi-play-button{min-height:76px;gap:8px}.mi-seats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mi-stage-number,.mi-ready-count,.mi-mistake,.mi-round-end,.mi-burned,.mi-hud-meter.life.hit,.mi-play-button.pending{animation:none}.mi-play-button{transition:none}}.mi-game-over{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--mi-bg-elevated) 0%,var(--mi-bg) 100%);padding:var(--space-lg)}.mi-game-over-container{width:100%;max-width:420px;background:var(--mi-panel);border:1px solid var(--mi-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}.mi-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);word-break:keep-all}.mi-over-title.cleared{color:var(--mi-star)}.mi-over-title.failed{color:var(--mi-life)}.mi-over-message{margin:0;color:var(--mi-mist);font-size:var(--text-body-sm);word-break:keep-all}.mi-over-score{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg);background:var(--mi-well);border:1px solid var(--mi-line)}.mi-over-score-value{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);line-height:1.1;color:var(--color-on-dark);font-variant-numeric:tabular-nums}.mi-over-score-max{color:var(--color-on-dark-soft);font-size:var(--text-title-md)}.mi-over-score-label{color:var(--color-on-dark-soft);font-size:var(--text-caption)}.mi-over-track{width:100%;height:8px;margin-top:4px;border-radius:var(--radius-pill);background:var(--mi-panel-strong);overflow:hidden}.mi-over-fill{height:100%;border-radius:var(--radius-pill);background:var(--mi-calm);transition:width .3s ease-out}.mi-over-fill.cleared{background:var(--mi-star)}.mi-over-reach{color:var(--mi-life);font-size:var(--text-caption)}.mi-over-meters{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.mi-over-meter{padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--mi-line);font-size:var(--text-caption);font-weight:700;white-space:nowrap}.mi-over-meter.life{background:var(--mi-life-tint);border-color:var(--mi-life);color:var(--mi-life)}.mi-over-meter.star{background:var(--mi-star-tint);border-color:var(--mi-star-soft);color:var(--mi-star)}.mi-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mi-over-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:var(--mi-panel-strong)}.mi-over-name{color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-over-tag{color:var(--color-on-dark-soft);font-size:var(--text-caption);white-space:nowrap;flex-shrink:0}@media(max-width:360px){.mi-game-over{padding:var(--space-sm)}.mi-game-over-container{padding:var(--space-lg) var(--space-md)}}.rf-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--rf-ink-elevated) 0%,var(--rf-ink) 100%);padding:var(--space-lg)}.rf-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid var(--rf-line);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.rf-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);word-break:keep-all}.rf-subtitle{margin:0 0 var(--space-md);color:var(--rf-fog);font-size:var(--text-body-sm);word-break:keep-all}.rf-faction-primer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--rf-line);background:#00000038}.rf-primer-chip{padding:5px 12px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:800;border:1px solid currentColor}.rf-primer-chip.loyalist{color:var(--rf-loyalist);background:var(--rf-loyalist-tint)}.rf-primer-chip.reformist{color:var(--rf-reformist);background:var(--rf-reformist-tint)}.rf-primer-vs{font-size:var(--text-caption-uppercase);color:var(--rf-fog);text-transform:uppercase;letter-spacing:var(--tracking-uppercase)}.rf-primer-note{flex-basis:100%;margin:0;font-size:var(--text-caption);color:var(--rf-fog);word-break:keep-all}.rf-join-form,.rf-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.rf-form-group{text-align:left}.rf-form-group label{display:block;color:var(--rf-fog);font-size:var(--text-caption);margin-bottom:6px}.rf-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.rf-primary-button{padding:13px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.rf-primary-button:not(:disabled):active{background:var(--color-primary-active)}.rf-primary-button:disabled{background:#ffffff1f;color:var(--rf-fog);cursor:not-allowed}.rf-ghost-button{padding:11px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--rf-fog);font-size:var(--text-body-sm);cursor:pointer}.rf-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.rf-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.rf-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.rf-seat-item.empty{color:var(--rf-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.rf-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-crown{font-size:var(--text-body-sm)}.rf-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.rf-dot.on{background:var(--color-success)}.rf-dot.off{background:var(--color-muted-soft)}.rf-waiting-hint{margin:0;color:var(--rf-fog);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.rf-waiting{padding:var(--space-sm)}.rf-waiting-container{padding:var(--space-lg) var(--space-md)}}.rf-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.rf-waiting-toast{background:var(--rf-ink-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.rf-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 20%,var(--rf-ink-elevated) 0%,var(--rf-ink) 72%),var(--rf-ink);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:var(--space-xl);box-sizing:border-box;gap:var(--space-sm)}.rf-board.with-bar{padding-bottom:132px}.rf-feed{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.rf-feed-line{background:#0a0d14eb;border:1px solid var(--rf-rail);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:rf-feed-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes rf-feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.rf-treasury{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--rf-line);background:#00000047;text-align:center}.rf-treasury-main{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:10px}.rf-treasury-label{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--rf-fog)}.rf-treasury-amount{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);line-height:1.1;color:var(--rf-fog);font-variant-numeric:tabular-nums;transition:color .2s ease}.rf-treasury-hint{font-size:var(--text-caption);color:var(--rf-fog);word-break:keep-all}.rf-treasury.lv-low{border-color:var(--rf-rail);background:var(--rf-gold-tint)}.rf-treasury.lv-low .rf-treasury-amount{color:var(--rf-gold)}.rf-treasury.lv-rich{border-color:var(--rf-gold);background:var(--rf-gold-tint-strong);box-shadow:0 0 0 1px var(--rf-rail) inset}.rf-treasury.lv-rich .rf-treasury-amount,.rf-treasury.lv-rich .rf-treasury-hint{color:var(--rf-gold-strong)}.rf-treasury.lv-hoard{border-color:var(--rf-gold-strong);background:var(--rf-gold-tint-strong);box-shadow:0 0 0 1px var(--rf-gold) inset,0 0 18px #e8a55a40}.rf-treasury.lv-hoard .rf-treasury-amount{color:var(--rf-gold-strong);font-size:var(--text-display-md);animation:rf-hoard-pulse 1.8s ease-in-out infinite}.rf-treasury.lv-hoard .rf-treasury-hint{color:var(--rf-gold-strong);font-weight:700}@keyframes rf-hoard-pulse{50%{text-shadow:0 0 14px rgba(242,184,113,.6)}}@media(prefers-reduced-motion:reduce){.rf-treasury.lv-hoard .rf-treasury-amount{animation:none}}.rf-tally{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.rf-faction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;border:1px solid currentColor;white-space:nowrap}.rf-faction.loyalist{color:var(--rf-loyalist);background:var(--rf-loyalist-tint)}.rf-faction.reformist{color:var(--rf-reformist);background:var(--rf-reformist-tint)}.rf-faction.unknown{color:var(--rf-fog);border-color:var(--rf-line);background:transparent}.rf-phase-banner{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;border-radius:var(--radius-lg);box-sizing:border-box;text-align:center;background:var(--rf-gold-tint);border:1px solid var(--rf-rail)}.rf-phase-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);color:var(--rf-gold-strong);word-break:keep-all}.rf-phase-sub{font-size:var(--text-caption);color:var(--rf-fog);word-break:keep-all}.rf-last-action{font-size:var(--text-caption-uppercase);color:var(--rf-fog);opacity:.85;word-break:keep-all}.rf-deadline{margin-left:10px;font-variant-numeric:tabular-nums;color:var(--rf-fog);font-size:var(--text-body-sm)}.rf-deadline.urgent{color:var(--rf-danger);animation:rf-deadline-pulse 1s ease infinite}@keyframes rf-deadline-pulse{50%{opacity:.55}}.rf-grid{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:520px){.rf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rf-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 10px 12px;border-radius:var(--radius-lg);border:1px solid var(--rf-line);border-left:4px solid var(--rf-tile-faction, var(--rf-line));background:#ffffff0d;color:var(--color-on-dark);box-sizing:border-box;min-width:0}.rf-tile.f-loyalist{--rf-tile-faction: var(--rf-loyalist)}.rf-tile.f-reformist{--rf-tile-faction: var(--rf-reformist)}.rf-tile.me{border-color:var(--rf-rail);border-left-color:var(--rf-tile-faction, var(--rf-rail))}.rf-tile.turn{border-color:var(--rf-gold);box-shadow:0 0 0 1px var(--rf-gold) inset;background:var(--rf-gold-tint)}.rf-tile.target{border-color:#d96a6a99;box-shadow:0 0 0 1px #d96a6a99 inset}.rf-tile.locked{opacity:.7;border-style:dashed}.rf-tile.dead{opacity:.45}.rf-tile-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.rf-tile-name{font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-turn-mark{color:var(--rf-gold-strong);margin-right:4px}.rf-tile-coins{flex-shrink:0;font-size:var(--text-caption);font-weight:700;color:var(--rf-gold-strong);font-variant-numeric:tabular-nums}.rf-tile-faction{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;max-width:100%}.rf-tile-cards{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:40px}.rf-mini-card{display:inline-flex;align-items:center;justify-content:center;width:32px;height:44px;border-radius:5px;box-sizing:border-box;font-size:var(--text-caption-uppercase);line-height:1.05;text-align:center}.rf-mini-card.back{background:repeating-linear-gradient(45deg,#e8a55a24 0 4px,#e8a55a00 4px 8px),var(--rf-ink-elevated);border:1px solid var(--rf-rail);color:var(--rf-rail);font-size:11px}.rf-mini-card.face{background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.28);border-top:3px solid var(--rf-role, var(--color-muted));color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-display);padding:2px;word-break:keep-all;filter:saturate(.8) brightness(.94)}.rf-mini-card.face.role-duke{--rf-role: var(--rf-duke)}.rf-mini-card.face.role-assassin{--rf-role: var(--rf-assassin)}.rf-mini-card.face.role-captain{--rf-role: var(--rf-captain)}.rf-mini-card.face.role-ambassador{--rf-role: var(--rf-ambassador)}.rf-mini-card.face.role-contessa{--rf-role: var(--rf-contessa)}.rf-tile-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;min-height:18px}.rf-badge{font-size:var(--text-caption-uppercase);font-weight:800;padding:1px 7px;border-radius:var(--radius-pill);background:#ffffff1a;color:var(--color-on-dark);white-space:nowrap}.rf-badge.act{background:var(--rf-gold-tint);color:var(--rf-gold-strong);border:1px solid var(--rf-rail)}.rf-badge.tgt{background:var(--rf-danger-tint);color:var(--rf-danger);border:1px solid rgba(217,106,106,.45)}.rf-badge.blk{background:var(--rf-safe-tint);color:var(--rf-safe);border:1px solid rgba(125,159,209,.45)}.rf-badge.lose,.rf-badge.off{background:var(--rf-danger-tint);color:var(--rf-danger)}.rf-badge.ally{background:#ffffff14;color:var(--rf-fog);border:1px dashed var(--rf-line)}.rf-tile-locked{width:100%;font-size:var(--text-caption-uppercase);font-weight:700;color:var(--rf-danger);text-align:center;word-break:keep-all}.rf-tile-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-body-sm);color:var(--color-on-dark);background:#00000073;border-radius:var(--radius-lg)}.rf-hand{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px 14px;border-radius:var(--radius-xl);background:#00000038;border:1px solid var(--rf-rail)}.rf-hand-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:var(--text-body-sm);font-weight:700;color:var(--rf-gold-strong);font-variant-numeric:tabular-nums;text-align:center}.rf-hand-faction{display:inline-flex}.rf-hand-row{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.rf-hand-card{position:relative;width:128px;height:172px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px 12px;box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(170deg,var(--card-face) 0%,var(--card-face-edge) 100%);border:1px solid rgba(20,20,19,.24);box-shadow:0 1px 2px #1414134d,0 3px 8px #00000059;color:var(--color-ink);overflow:hidden}.rf-hand-ribbon{position:absolute;top:0;left:0;right:0;height:6px;background:var(--rf-role, var(--color-muted))}.rf-hand-card.role-duke{--rf-role: var(--rf-duke)}.rf-hand-card.role-assassin{--rf-role: var(--rf-assassin)}.rf-hand-card.role-captain{--rf-role: var(--rf-captain)}.rf-hand-card.role-ambassador{--rf-role: var(--rf-ambassador)}.rf-hand-card.role-contessa{--rf-role: var(--rf-contessa)}.rf-hand-en{font-size:var(--text-caption-uppercase);letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--rf-role, var(--color-muted));font-weight:700}.rf-hand-name{font-family:var(--font-display);font-weight:var(--weight-display);font-size:28px;line-height:1.1;letter-spacing:var(--tracking-display-sm);word-break:keep-all}.rf-hand-ability{font-size:var(--text-caption-uppercase);line-height:1.35;color:var(--color-muted);word-break:keep-all}.rf-hand-card.tappable{cursor:pointer;font-family:inherit}.rf-hand-card.tappable:not(:disabled):active{transform:translateY(1px) scale(.99)}.rf-hand-card.selected{outline:3px solid var(--rf-gold-strong);outline-offset:-3px;box-shadow:0 0 14px #e8a55a66,0 3px 8px #00000059}.rf-hand-card.dimmed{opacity:.55}.rf-actions{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:var(--radius-lg);background:var(--rf-gold-tint);border:1px solid var(--rf-rail)}.rf-actions-title{font-size:var(--text-body-sm);font-weight:700;color:var(--rf-gold-strong);text-align:center}.rf-actions-warn{font-size:var(--text-caption);color:var(--rf-danger);text-align:center;word-break:keep-all}.rf-actions-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}@media(min-width:440px){.rf-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rf-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:8px 6px;border:1px solid var(--rf-line);border-radius:var(--radius-md);background:#ffffff12;color:var(--color-on-dark);cursor:pointer;text-align:center;font-family:inherit;min-width:0}.rf-action-button.claim{border-color:var(--rf-rail)}.rf-action-button.extra{border-color:#5db8a673;background:#5db8a614}.rf-action-button:not(:disabled):active{background:#ffffff24}.rf-action-button:disabled{opacity:.45;cursor:not-allowed}.rf-action-button.ally-locked{opacity:.75;border-style:dashed;border-color:#d96a6a80;background:var(--rf-danger-tint)}.rf-action-label{font-size:var(--text-body-sm);font-weight:800;word-break:keep-all}.rf-action-cost{color:var(--rf-danger);font-variant-numeric:tabular-nums}.rf-action-sub{font-size:var(--text-caption-uppercase);color:var(--rf-gold-strong);word-break:keep-all}.rf-action-note{font-size:var(--text-caption-uppercase);color:var(--rf-fog);word-break:keep-all}.rf-action-note.reason{color:var(--rf-danger);font-weight:700}.rf-observer-note{margin:0;font-size:var(--text-caption);color:var(--rf-fog);text-align:center;word-break:keep-all}.rf-response-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px var(--space-sm) calc(12px + env(safe-area-inset-bottom,0px));background:#0a0d14f5;border-top:1px solid var(--rf-rail);box-shadow:0 -8px 24px #00000073;animation:rf-bar-up .25s ease}@keyframes rf-bar-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rf-bar-prompt{font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark);text-align:center;max-width:560px;word-break:keep-all}.rf-bar-passed{color:var(--rf-fog);font-weight:400}.rf-bar-timer{margin-left:8px;color:var(--rf-gold-strong);font-variant-numeric:tabular-nums}.rf-bar-timer.urgent{color:var(--rf-danger);animation:rf-deadline-pulse 1s ease infinite}.rf-bar-buttons{width:100%;max-width:560px;display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap}.rf-challenge-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:1px solid rgba(217,106,106,.5);border-radius:var(--radius-md);background:var(--rf-danger-tint);color:var(--rf-danger);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.rf-challenge-button:not(:disabled):active{background:#d96a6a47}.rf-block-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:1px solid rgba(125,159,209,.5);border-radius:var(--radius-md);background:var(--rf-safe-tint);color:var(--rf-safe);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.rf-block-button:not(:disabled):active{background:#7d9fd147}.rf-allow-button{flex:1 1 0;min-width:0;min-height:48px;padding:0 12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-sm);font-weight:800;cursor:pointer;white-space:nowrap}.rf-allow-button:not(:disabled):active{background:var(--color-primary-active)}.rf-challenge-button:disabled,.rf-block-button:disabled,.rf-allow-button:disabled{opacity:.35;cursor:not-allowed}.rf-response-bar.passive .rf-bar-prompt{color:var(--rf-fog);font-weight:400}.rf-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-md);overflow-y:auto}.rf-overlay-panel{width:100%;max-width:420px;box-sizing:border-box;background:var(--rf-ink-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-md);text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal);animation:rf-panel-pop .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes rf-panel-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.rf-overlay-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--rf-gold-strong);word-break:keep-all}.rf-overlay-sub{margin:0;font-size:var(--text-caption);color:var(--rf-fog);word-break:keep-all}.rf-overlay-warn{margin:0;font-size:var(--text-caption);font-weight:700;color:var(--rf-danger);word-break:keep-all}.rf-overlay-cards{display:flex;gap:var(--space-xs);justify-content:center}.rf-overlay-cards.wrap{flex-wrap:wrap}.rf-target-list{display:flex;flex-direction:column;gap:var(--space-xxs)}.rf-target-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:48px;padding:8px 14px;border:1px solid var(--rf-line);border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);cursor:pointer;font-family:inherit;text-align:left}.rf-target-button:not(:disabled):active{background:var(--rf-gold-tint);border-color:var(--rf-rail)}.rf-target-button:disabled{opacity:.5;cursor:not-allowed}.rf-target-button.blocked{border-style:dashed;border-color:#d96a6a73;background:var(--rf-danger-tint)}.rf-target-name{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--text-body-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-target-info{flex-shrink:0;font-size:var(--text-caption);color:var(--rf-gold-strong);font-variant-numeric:tabular-nums;text-align:right}.rf-target-blocked{color:var(--rf-danger);font-weight:700;word-break:keep-all}.rf-target-flip{color:var(--rf-reformist);font-weight:700;white-space:nowrap}.rf-overlay-confirm{min-height:48px;padding:0 14px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.rf-overlay-confirm:not(:disabled):active{background:var(--color-primary-active)}.rf-overlay-confirm:disabled{background:#ffffff1f;color:var(--rf-fog);cursor:not-allowed}.rf-overlay-cancel{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--rf-fog);font-size:var(--text-body-sm);cursor:pointer}@media(max-width:340px){.rf-board{padding:var(--space-xs);padding-bottom:var(--space-lg)}.rf-board.with-bar{padding-bottom:128px}.rf-treasury{padding:8px 10px}.rf-grid{gap:6px}.rf-tile{padding:8px 8px 8px 10px}.rf-faction{padding:1px 6px;font-size:11px}.rf-mini-card{width:28px;height:38px}.rf-hand-card{width:106px;height:150px;padding:12px 8px 10px}.rf-hand-name{font-size:23px}.rf-actions-grid{gap:6px}.rf-action-button{min-height:62px;padding:6px 4px}.rf-target-button{flex-direction:column;align-items:flex-start;gap:2px}.rf-target-info{text-align:left}.rf-bar-buttons{gap:6px}.rf-challenge-button,.rf-block-button,.rf-allow-button{padding:0 8px;font-size:var(--text-caption)}}.rf-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.rf-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--rf-ink-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-modal)}.rf-over-icon{font-size:40px;line-height:1}.rf-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--rf-gold-strong);overflow-wrap:anywhere}.rf-over-mode{margin:0;align-self:center;padding:3px 12px;border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:800;border:1px solid currentColor;word-break:keep-all}.rf-over-mode.f-loyalist{color:var(--rf-loyalist);background:var(--rf-loyalist-tint)}.rf-over-mode.f-reformist{color:var(--rf-reformist);background:var(--rf-reformist-tint)}.rf-over-mode.solo{color:var(--rf-gold-strong);background:var(--rf-gold-tint)}.rf-over-winners{margin:0;font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark);overflow-wrap:anywhere}.rf-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700;word-break:keep-all}.rf-over-verdict.win{color:var(--color-success)}.rf-over-verdict.lose{color:var(--rf-fog)}.rf-over-note{margin:0;font-size:var(--text-caption);color:var(--rf-fog);word-break:keep-all}.rf-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.rf-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--rf-row-faction, rgba(255, 255, 255, .1));font-size:var(--text-body-sm);color:var(--color-on-dark)}.rf-over-row.f-loyalist{--rf-row-faction: var(--rf-loyalist)}.rf-over-row.f-reformist{--rf-row-faction: var(--rf-reformist)}.rf-over-row.winner{background:var(--rf-gold-tint);border-color:#e8a55a80;border-left-color:var(--rf-row-faction, rgba(232, 165, 90, .5))}.rf-over-row.dead{opacity:.55}.rf-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-over-rank{display:inline-block;margin-right:6px;font-size:var(--text-caption-uppercase);color:var(--rf-fog);font-variant-numeric:tabular-nums}.rf-over-info{flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.rf-over-lost{font-size:var(--text-caption-uppercase);color:var(--rf-fog)}.rf-over-coins{font-weight:800;color:var(--rf-gold-strong);font-variant-numeric:tabular-nums}.rf-game-over .rf-primary-button{padding:13px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.rf-game-over .rf-primary-button:active{background:var(--color-primary-active)}@media(max-width:360px){.rf-game-over{padding:var(--space-sm)}.rf-game-over-container{padding:var(--space-lg) var(--space-md)}.rf-over-info{gap:4px}}.rf-scope{--rf-ink: rgb(15, 19, 28);--rf-ink-elevated: rgb(30, 37, 52);--rf-ink-soft: rgb(21, 26, 38);--rf-fog: rgb(173, 182, 201);--rf-gold: var(--color-accent-amber);--rf-gold-strong: rgb(242, 184, 113);--rf-gold-tint: rgba(232, 165, 90, .14);--rf-gold-tint-strong: rgba(232, 165, 90, .24);--rf-line: rgba(255, 255, 255, .12);--rf-rail: rgba(232, 165, 90, .35);--rf-danger: rgb(217, 106, 106);--rf-danger-tint: rgba(217, 106, 106, .14);--rf-safe: rgb(125, 159, 209);--rf-safe-tint: rgba(125, 159, 209, .14);--rf-loyalist: rgb(158, 130, 209);--rf-loyalist-tint: rgba(124, 92, 173, .2);--rf-reformist: rgb(93, 184, 166);--rf-reformist-tint: rgba(93, 184, 166, .18);--rf-duke: rgb(124, 92, 173);--rf-assassin: rgb(176, 58, 58);--rf-captain: rgb(74, 109, 156);--rf-ambassador: rgb(91, 158, 111);--rf-contessa: rgb(199, 106, 140)}.sb-scope{--sb-bg: var(--sp-dark);--sb-bg-elevated: var(--sp-dark-elevated);--sb-bg-soft: var(--sp-dark-soft);--sb-fog: var(--sp-fog);--sb-miner: var(--sp-citizen);--sb-miner-tint: var(--sp-citizen-tint);--sb-sab: var(--sp-danger);--sb-sab-tint: var(--sp-danger-tint);--sb-gold: var(--sp-amber-strong);--sb-gold-tint: var(--sp-amber-tint);--sb-tunnel: var(--sp-amber);--sb-rock: rgba(0, 0, 0, .42);--sb-ok: var(--color-success)}.sb-waiting{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,var(--sb-bg-elevated) 0%,var(--sb-bg) 100%);padding:var(--space-lg)}.sb-waiting-container{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;box-sizing:border-box}.sb-title{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);word-break:keep-all}.sb-subtitle{margin:0 0 var(--space-lg);color:var(--sb-fog);font-size:var(--text-body-sm)}.sb-join-form,.sb-seat-list-wrap{display:flex;flex-direction:column;gap:14px}.sb-form-group{text-align:left}.sb-form-group label{display:block;color:var(--sb-fog);font-size:var(--text-caption);margin-bottom:6px}.sb-form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0000004d;color:var(--color-on-dark);font-size:var(--text-body-md)}.sb-primary-button{min-height:44px;padding:13px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-body-md);font-weight:800;cursor:pointer}.sb-primary-button:not(:disabled):active{background:var(--color-primary-active)}.sb-primary-button:disabled{background:#ffffff1f;color:var(--sb-fog);cursor:not-allowed}.sb-ghost-button{min-height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:transparent;color:var(--sb-fog);font-size:var(--text-body-sm);cursor:pointer}.sb-host-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.sb-seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sb-seat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff0f;color:var(--color-on-dark);font-weight:600;font-size:var(--text-body-sm)}.sb-seat-item.empty{color:var(--sb-fog);font-weight:400;border:1px dashed rgba(255,255,255,.14);background:transparent;justify-content:center;padding:8px 14px;font-size:var(--text-caption)}.sb-seat-item-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-crown{font-size:var(--text-body-sm)}.sb-dot{width:9px;height:9px;border-radius:var(--radius-full);flex-shrink:0}.sb-dot.on{background:var(--color-success)}.sb-dot.off{background:var(--color-muted-soft)}.sb-waiting-hint{margin:0;color:var(--sb-fog);font-size:var(--text-caption)}.sb-pool-hint{margin:0;padding:8px 12px;border-radius:var(--radius-md);background:#0000004d;border:1px dashed var(--sb-miner);color:var(--sb-fog);font-size:var(--text-caption);word-break:keep-all}@media(max-width:360px){.sb-waiting{padding:var(--space-sm)}.sb-waiting-container{padding:var(--space-lg) var(--space-md)}}.sb-waiting-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.sb-waiting-toast{background:var(--sb-bg-elevated);border:1px solid rgba(255,255,255,.14);color:var(--color-on-dark);border-radius:var(--radius-md);padding:8px 14px;font-size:var(--text-caption);text-align:center}.sb-board{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(170deg,var(--sb-bg-elevated) 0%,var(--sb-bg) 100%);color:var(--color-on-dark);padding:var(--space-sm);padding-bottom:116px;box-sizing:border-box;gap:var(--space-sm)}.sb-toasts{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.sb-toast{background:#080808e6;border:1px solid rgba(255,255,255,.16);color:var(--color-on-dark);padding:8px 14px;border-radius:var(--radius-md);font-size:var(--text-caption);animation:sb-fade-in .2s ease;max-width:100%;box-sizing:border-box}@keyframes sb-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes sb-pulse{50%{opacity:.5}}.sb-status-bar{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.sb-status-bar.mine{background:var(--sb-gold-tint);border-color:var(--sb-gold)}.sb-status-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.sb-status-chip{padding:3px 10px;border-radius:var(--radius-pill);background:#00000059;border:1px solid rgba(255,255,255,.14);font-size:var(--text-caption);font-weight:700;color:var(--color-on-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.sb-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-md);font-weight:800;color:var(--color-on-dark);white-space:nowrap}.sb-timer.urgent{color:var(--sb-sab);animation:sb-pulse 1s ease infinite}.sb-status-title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-title-lg);letter-spacing:var(--tracking-display-sm);word-break:keep-all}.sb-status-sub{font-size:var(--text-caption);color:var(--sb-fog);word-break:keep-all}.sb-last-action{margin-top:2px;padding:3px 10px;border-radius:var(--radius-pill);background:#0000004d;font-size:var(--text-caption);color:var(--sb-fog);word-break:keep-all}.sb-role-card{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:var(--radius-lg);text-align:center;animation:sb-fade-in .3s ease}.sb-role-card.role-miner{background:var(--sb-miner-tint);border:1px solid var(--sb-miner)}.sb-role-card.role-saboteur{background:var(--sb-sab-tint);border:1px solid var(--sb-sab)}.sb-role-head{display:flex;align-items:center;gap:8px}.sb-role-icon{font-size:22px}.sb-role-name{font-size:var(--text-title-md);font-weight:800}.sb-role-card.role-miner .sb-role-name{color:var(--sb-miner)}.sb-role-card.role-saboteur .sb-role-name{color:var(--sb-sab)}.sb-role-desc{margin:0;font-size:var(--text-caption);color:var(--color-on-dark);word-break:keep-all}.sb-role-pool{margin:0;font-size:var(--text-caption-uppercase);color:var(--sb-fog);word-break:keep-all}.sb-spectator-note{width:100%;max-width:560px;box-sizing:border-box;padding:10px 14px;border-radius:var(--radius-lg);background:#0000004d;border:1px dashed rgba(255,255,255,.2);color:var(--sb-fog);font-size:var(--text-caption);text-align:center}.sb-map-panel,.sb-hand,.sb-target-panel,.sb-tools-bar{width:100%;max-width:560px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.sb-map-panel{border-color:var(--sb-gold);background:var(--sb-gold-tint)}.sb-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap}.sb-section-title{font-size:var(--text-body-sm);font-weight:800}.sb-section-note{font-size:var(--text-caption-uppercase);color:var(--sb-fog)}.sb-map-rows{display:flex;flex-wrap:wrap;gap:6px}.sb-map-row{padding:5px 10px;border-radius:var(--radius-pill);background:#0006;border:1px solid rgba(255,255,255,.16);font-size:var(--text-caption);white-space:nowrap}.sb-map-row.gold{color:var(--sb-gold);border-color:var(--sb-gold);font-weight:800}.sb-map-row.rock{color:var(--sb-fog)}.sb-grid-wrap{width:100%;max-width:560px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:6px 2px;box-sizing:border-box;border-radius:var(--radius-lg);background:#00000047;border:1px solid rgba(255,255,255,.1)}.sb-grid{--sb-cell: 52px;display:grid;grid-template-columns:repeat(9,var(--sb-cell));grid-auto-rows:var(--sb-cell);gap:3px;width:max-content;margin:0 auto;padding:4px}.sb-cell{position:relative;width:var(--sb-cell);height:var(--sb-cell);padding:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xs);background:#00000059;color:var(--color-on-dark);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default}.sb-cell:disabled{cursor:default}.sb-cell.empty{border-style:dashed;border-color:#ffffff12}.sb-cell.filled{border-color:#ffffff29}.sb-cell.kind-start{border-color:var(--sb-miner);box-shadow:inset 0 0 0 1px var(--sb-miner-tint)}.sb-cell.kind-goal{border-color:var(--sb-gold);background:#00000080}.sb-cell.placeable{cursor:pointer;border:1px solid var(--sb-ok);background:#5db8721f;animation:sb-fade-in .2s ease}.sb-cell.rock-target{cursor:pointer;border:1px solid var(--sb-sab);background:var(--sb-sab-tint)}.sb-cell.map-target{cursor:pointer;border:1px solid var(--sb-gold);background:var(--sb-gold-tint)}.sb-cell.targeted{outline:2px solid var(--color-on-dark);outline-offset:-2px}.sb-tile-art{width:100%;height:100%;display:block}.sb-tile-rock{fill:var(--sb-rock)}.sb-tile-art.ghost{opacity:.5}.sb-tile-art.ghost .sb-tile-rock{fill:transparent}.sb-tile-path{stroke:var(--sb-tunnel);stroke-width:22;stroke-linecap:round}.sb-tile-hub{fill:var(--sb-tunnel)}.sb-tile-block circle{fill:#0000008c;stroke:var(--sb-sab);stroke-width:4}.sb-tile-block line{stroke:var(--sb-sab);stroke-width:6;stroke-linecap:round}.sb-goal-back{font-size:22px;color:var(--sb-gold)}.sb-cell-emoji{position:absolute;right:1px;bottom:0;font-size:15px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.sb-known-badge{position:absolute;top:1px;right:1px;font-size:10px;line-height:1;padding:1px 2px;border-radius:var(--radius-xs);background:#000000b3;pointer-events:none}.sb-tools-bar.broken{border-color:var(--sb-sab);background:var(--sb-sab-tint)}.sb-tools-label{font-size:var(--text-caption-uppercase);color:var(--sb-fog);letter-spacing:var(--tracking-uppercase);text-transform:uppercase}.sb-tools-row{display:flex;gap:6px;flex-wrap:wrap}.sb-tool{position:relative;display:flex;align-items:center;gap:5px;min-height:36px;padding:6px 12px;border-radius:var(--radius-pill);background:#0006;border:1px solid rgba(255,255,255,.16);font-size:var(--text-caption);white-space:nowrap}.sb-tool.ok{color:var(--color-on-dark)}.sb-tool.broken{color:var(--sb-sab);border-color:var(--sb-sab);font-weight:800}.sb-tool.broken .sb-tool-icon{opacity:.45;filter:grayscale(1)}.sb-tool-x{font-weight:900;color:var(--sb-sab)}.sb-tools-note{font-size:var(--text-caption);color:var(--sb-fog);word-break:keep-all}.sb-tools-bar.broken .sb-tools-note{color:var(--sb-sab);font-weight:700}.sb-hand-row{display:flex;gap:6px;flex-wrap:wrap}.sb-hand-card{position:relative;width:62px;min-height:88px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0006;color:var(--color-on-dark);cursor:pointer}.sb-hand-card:disabled{opacity:.55;cursor:not-allowed}.sb-hand-card.active{border-color:var(--sb-gold);background:var(--sb-gold-tint);box-shadow:0 0 0 2px var(--sb-gold-tint)}.sb-hand-card.blocked{border-style:dashed;border-color:var(--sb-sab)}.sb-hand-card .sb-tile-art{width:52px;height:52px;border-radius:var(--radius-xs);flex-shrink:0}.sb-hand-emoji{font-size:30px;line-height:52px;height:52px}.sb-hand-label{font-size:10px;line-height:1.2;color:var(--sb-fog);text-align:center;word-break:keep-all}.sb-hand-card.active .sb-hand-label{color:var(--color-on-dark);font-weight:700}.sb-hand-lock{position:absolute;top:2px;right:3px;font-size:11px}.sb-hand-empty{font-size:var(--text-caption);color:var(--sb-fog)}.sb-card-detail{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.14)}.sb-card-desc{font-size:var(--text-caption);color:var(--sb-fog);word-break:keep-all}.sb-card-actions{display:flex;gap:6px;flex-wrap:wrap}.sb-flip-button,.sb-discard-button{flex:1 1 auto;min-height:44px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background:#00000059;color:var(--color-on-dark);font-size:var(--text-body-sm);font-weight:700;cursor:pointer;white-space:nowrap}.sb-flip-button.on{border-color:var(--sb-gold);color:var(--sb-gold)}.sb-discard-button{color:var(--sb-fog)}.sb-flip-button:disabled,.sb-discard-button:disabled{opacity:.5;cursor:not-allowed}.sb-target-list{display:flex;flex-direction:column;gap:4px}.sb-target-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-md);background:#0000004d}.sb-target-name{font-size:var(--text-caption);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-target-tools{display:flex;gap:4px;flex-shrink:0}.sb-target-tool{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#0006;font-size:18px;cursor:pointer}.sb-target-tool:disabled{opacity:.25;cursor:not-allowed}.sb-target-tool.chosen{border-color:var(--sb-gold);background:var(--sb-gold-tint)}.sb-seats{width:100%;max-width:560px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.sb-seat{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:var(--text-caption)}.sb-seat.me{border-color:var(--sb-miner)}.sb-seat.active{background:var(--sb-gold-tint);border-color:var(--sb-gold)}.sb-seat-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.sb-seat-tools{display:flex;gap:2px;flex-shrink:0}.sb-seat-tool{font-size:12px}.sb-seat-tool.broken{opacity:.4;filter:grayscale(1);text-decoration:line-through;text-decoration-color:var(--sb-sab);text-decoration-thickness:2px}.sb-seat-badges{display:flex;gap:3px;flex-shrink:0}.sb-badge{padding:1px 6px;border-radius:var(--radius-pill);background:#0006;font-size:11px;white-space:nowrap}.sb-badge.off{color:var(--sb-sab)}.sb-badge.count{font-variant-numeric:tabular-nums}.sb-confirm-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#080808f2;border-top:1px solid rgba(255,255,255,.16)}.sb-confirm-text{font-size:var(--text-body-sm);color:var(--color-on-dark);text-align:center;word-break:keep-all}.sb-confirm-actions{display:flex;gap:var(--space-xs);width:100%;max-width:360px}.sb-confirm-button,.sb-cancel-button{flex:1;min-height:44px;border-radius:var(--radius-md);border:none;font-size:var(--text-body-md);font-weight:800;cursor:pointer}.sb-confirm-button{background:var(--color-primary);color:var(--color-on-primary)}.sb-cancel-button{background:#ffffff1f;color:var(--color-on-dark)}@media(max-width:400px){.sb-grid{--sb-cell: 46px}}@media(max-width:320px){.sb-board{padding:var(--space-xs);padding-bottom:116px}.sb-grid{--sb-cell: 42px}.sb-hand-card{width:56px;min-height:82px}.sb-hand-card .sb-tile-art,.sb-hand-emoji{width:46px;height:46px;line-height:46px}.sb-seats{grid-template-columns:1fr}}.sb-game-over{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--scrim);padding:var(--space-lg);overflow-y:auto}.sb-game-over-container{width:100%;max-width:420px;box-sizing:border-box;background:var(--sb-bg-elevated);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-xl);padding:var(--space-xl) 28px;text-align:center;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-modal)}.sb-over-title{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm);color:var(--color-on-dark);word-break:keep-all}.sb-over-title.miner{color:var(--sb-miner)}.sb-over-title.saboteur{color:var(--sb-sab)}.sb-over-title.none{color:var(--sb-fog)}.sb-over-message{margin:0;font-size:var(--text-body-sm);color:var(--sb-fog);word-break:keep-all}.sb-over-verdict{margin:0;font-size:var(--text-body-md);font-weight:700}.sb-over-verdict.win{color:var(--color-success)}.sb-over-verdict.lose{color:var(--color-error)}.sb-over-goals{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.sb-over-goal{flex:1 1 96px;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:var(--radius-md);background:#00000059;border:1px solid rgba(255,255,255,.12)}.sb-over-goal.gold{border-color:var(--sb-gold);background:var(--sb-gold-tint)}.sb-over-goal-face{font-size:26px;line-height:1}.sb-over-goal-label{font-size:var(--text-caption-uppercase);color:var(--sb-fog);line-height:1.3}.sb-over-goal.gold .sb-over-goal-label{color:var(--sb-gold);font-weight:800}.sb-over-stat{margin:0;font-size:var(--text-caption);color:var(--sb-fog);font-variant-numeric:tabular-nums}.sb-over-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.sb-over-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:var(--text-body-sm);color:var(--color-on-dark)}.sb-over-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-over-role{flex-shrink:0;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-caption-uppercase);font-weight:800;background:#ffffff1a;color:var(--color-on-dark);white-space:nowrap}.sb-over-role.role-miner{background:var(--sb-miner-tint);color:var(--sb-miner)}.sb-over-role.role-saboteur{background:var(--sb-sab-tint);color:var(--sb-sab)}@media(max-width:360px){.sb-game-over{padding:var(--space-sm)}.sb-game-over-container{padding:var(--space-lg) var(--space-md)}}.records-page{min-height:100vh;display:flex;justify-content:center;background:var(--color-surface-dark);color:var(--color-on-dark);padding:var(--space-lg) var(--space-md) var(--space-xxl)}.records-page .records-container{width:100%;max-width:560px}.records-page .rec-back-button{padding:6px 12px 6px 8px;margin-left:-8px;border-radius:var(--radius-md);color:var(--color-on-dark-soft);font-size:var(--text-body-sm);font-weight:500}.records-page .rec-back-button:active{color:var(--color-on-dark);background:var(--color-surface-dark-elevated)}.records-page .records-eyebrow{display:block;margin-top:var(--space-md);font-size:var(--text-caption-uppercase);font-weight:500;letter-spacing:var(--tracking-uppercase);text-transform:uppercase;color:var(--color-on-dark-soft)}.records-page .records-title{margin-top:var(--space-xxs);font-size:var(--text-display-lg);line-height:1.1;letter-spacing:var(--tracking-display-lg);color:var(--color-on-dark)}.records-page .rec-tabs{display:flex;gap:var(--space-xs);margin:var(--space-lg) 0}.records-page .rec-tab{flex:1;min-width:0;padding:10px 0;border-radius:var(--radius-md);background:var(--color-surface-dark-elevated);color:var(--color-on-dark-soft);font-size:var(--text-body-sm);font-weight:700;white-space:nowrap}.records-page .rec-tab.active{background:var(--color-primary);color:var(--color-on-primary)}.records-page .rec-section{display:flex;flex-direction:column;gap:var(--space-md)}.records-page .rec-empty{padding:var(--space-lg) 0;text-align:center;color:var(--color-on-dark-soft);font-size:var(--text-body-sm)}.records-page .rec-total{display:flex;flex-direction:column;align-items:center;gap:var(--space-xxs);padding:var(--space-lg) 0 var(--space-md)}.records-page .rec-total-number{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-xl);letter-spacing:var(--tracking-display-xl);line-height:1;color:var(--color-on-dark)}.records-page .rec-total-label{font-size:var(--text-caption);color:var(--color-on-dark-soft)}.records-page .rec-bars{display:flex;flex-direction:column;gap:var(--space-xs)}.records-page .rec-bar-row{display:grid;grid-template-columns:84px minmax(0,1fr) 40px;align-items:center;gap:var(--space-xs)}.records-page .rec-bar-name{font-size:var(--text-caption);color:var(--color-on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-page .rec-bar-track{height:14px;border-radius:var(--radius-xs);background:var(--color-surface-dark-elevated);overflow:hidden}.records-page .rec-bar-fill{height:100%;border-radius:var(--radius-xs);background:var(--color-primary)}.records-page .rec-bar-count{font-size:var(--text-caption);color:var(--color-on-dark-soft);text-align:right;font-variant-numeric:tabular-nums}.records-page .rec-matches{display:flex;flex-direction:column;gap:var(--space-xs)}.records-page .rec-match{padding:var(--space-sm) 14px;border-radius:var(--radius-md);background:var(--color-surface-dark-elevated);display:flex;flex-direction:column;gap:4px}.records-page .rec-match-top{display:flex;align-items:center;gap:var(--space-xs)}.records-page .rec-match-game{font-size:var(--text-body-sm);font-weight:700;color:var(--color-on-dark)}.records-page .rec-match-bot{font-size:11px;font-weight:700;padding:1px 8px;border-radius:var(--radius-pill);background:var(--color-surface-dark-soft);color:var(--color-on-dark-soft)}.records-page .rec-match-time{margin-left:auto;font-size:var(--text-caption);color:var(--color-on-dark-soft);flex-shrink:0}.records-page .rec-match-players{font-size:var(--text-caption);color:var(--color-on-dark-soft);overflow-wrap:anywhere}.records-page .rec-match-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);font-size:var(--text-caption);color:var(--color-on-dark-soft)}.records-page .rec-match-winner strong{color:var(--color-primary)}.records-page .rec-match-duration{flex-shrink:0;font-variant-numeric:tabular-nums}.records-page .rec-search-input{width:100%;padding:10px 14px;border:1px solid var(--color-surface-dark-elevated);border-radius:var(--radius-md);background:var(--color-surface-dark-soft);color:var(--color-on-dark);font-size:var(--text-body-sm)}.records-page .rec-search-input::placeholder{color:var(--color-on-dark-soft)}.records-page .rec-player-table{display:flex;flex-direction:column}.records-page .rec-player-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 36px 48px;align-items:center;gap:var(--space-xs);padding:10px 12px;border-radius:var(--radius-md);text-align:left;font-size:var(--text-body-sm);color:var(--color-on-dark);font-variant-numeric:tabular-nums}.records-page .rec-player-row>span:not(.rec-player-name){text-align:right}.records-page button.rec-player-row:active{background:var(--color-surface-dark-elevated)}.records-page .rec-player-head{font-size:var(--text-caption);color:var(--color-on-dark-soft);border-bottom:1px solid var(--color-surface-dark-elevated);border-radius:0}.records-page .rec-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-page .rec-list-back{align-self:flex-start;padding:4px 10px 4px 6px;margin-left:-6px;border-radius:var(--radius-md);color:var(--color-on-dark-soft);font-size:var(--text-body-sm)}.records-page .rec-list-back:active{color:var(--color-on-dark);background:var(--color-surface-dark-elevated)}.records-page .rec-player-title{font-size:var(--text-display-md);letter-spacing:var(--tracking-display-md);color:var(--color-on-dark);overflow-wrap:anywhere}.records-page .rec-player-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.records-page .rec-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) 4px;border-radius:var(--radius-md);background:var(--color-surface-dark-elevated)}.records-page .rec-stat strong{font-size:var(--text-title-md);color:var(--color-on-dark);font-variant-numeric:tabular-nums}.records-page .rec-stat span{font-size:var(--text-caption);color:var(--color-on-dark-soft)}.records-page .rec-subhead{font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:700;letter-spacing:normal;color:var(--color-on-dark-soft);margin-top:var(--space-xs)}.records-page .rec-pergame{display:flex;flex-direction:column}.records-page .rec-pergame-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);font-size:var(--text-body-sm)}.records-page .rec-pergame-row:nth-child(odd){background:var(--color-surface-dark-soft)}.records-page .rec-pergame-name{color:var(--color-on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-page .rec-pergame-count{flex-shrink:0;color:var(--color-on-dark-soft);font-variant-numeric:tabular-nums}.records-page .rec-pergame-count strong{color:var(--color-primary)}.app{min-height:100vh;background:var(--color-canvas)}.connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:100vh;padding:var(--space-lg);text-align:center;background:var(--color-canvas);color:var(--color-muted);font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-display-sm);letter-spacing:var(--tracking-display-sm)}.connecting:before{content:"";width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary);animation:app-connect-pulse 1.4s ease-in-out infinite}.mood-dark .connecting{background:var(--color-surface-dark);color:var(--color-on-dark-soft)}@keyframes app-connect-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}