.table-screen{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);height:100%;overflow-y:auto}.table-hud{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-2);background:var(--c-surface);border-radius:var(--r-1)}.card-district{display:flex;flex-direction:column;align-items:center;width:72px;height:96px;flex:0 0 72px;padding:0;border-radius:var(--r-2);background:var(--c-surface);border:1px solid var(--c-line);position:relative;overflow:hidden;cursor:pointer}.card-suit-bar{width:100%;height:6px;background:var(--suit)}.card-cost{width:22px;height:22px;border-radius:50%;background:var(--suit);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);margin:var(--s-1) 0}.card-name{font-size:var(--fs-xs);text-align:center;padding:0 var(--s-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-markers{font-size:var(--fs-xs);margin-top:auto;margin-bottom:var(--s-1)}.card-icon{display:flex;align-items:center;justify-content:center;color:var(--suit)}.card-district.dim{opacity:.5;pointer-events:none}.card-district.is-affordable{border:2px solid var(--c-turn)}.card-district.is-selected{border:2px solid var(--c-accent);transform:translateY(-4px)}.card-noble{--suit: var(--c-noble);border-color:var(--suit)}.card-religious{--suit: var(--c-religious);border-color:var(--suit)}.card-trade{--suit: var(--c-trade);border-color:var(--suit)}.card-military{--suit: var(--c-military);border-color:var(--suit)}.card-unique{--suit: var(--c-unique);border-color:var(--suit)}.card-row{display:flex;flex-wrap:nowrap;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-1)}.card-row>*{scroll-snap-align:start}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.panel{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--c-surface);border-radius:var(--r-1)}.panel-title{font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--c-hint)}.sheet.panel{position:fixed;bottom:0;left:0;right:0;background:var(--c-surface);border-top-left-radius:var(--r-3);border-top-right-radius:var(--r-3);padding:var(--s-4);z-index:var(--z-sheet);display:flex;flex-direction:column;gap:var(--s-2);max-height:80vh;overflow-y:auto}.panel-item{min-height:var(--touch);display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-bottom:1px solid var(--c-line);overflow:hidden}.panel-item button{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}.panel-item .hint{font-size:var(--fs-xs);color:var(--c-hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.opponent-row{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-2) 0;border-top:1px solid var(--c-line)}.badge{margin-left:var(--s-1);padding:2px var(--s-1);background:var(--c-button);color:var(--c-button-text);border-radius:var(--s-1);font-size:var(--fs-xs)}.city-empty{font-style:italic;color:var(--c-hint)}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--s-1)}.card-mini{display:flex;align-items:center;gap:var(--s-1);height:28px;padding:0 var(--s-1);border-radius:var(--r-1);background:var(--c-layer);font-size:var(--fs-xs)}.card-mini span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.card-mini-cost{margin-left:auto;font-variant-numeric:tabular-nums}.card-mini-owner{color:var(--c-hint);font-size:var(--fs-xs);flex-shrink:0}.card-dot{width:8px;height:8px;border-radius:50%;background:var(--suit);flex-shrink:0}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.draft-status.is-turn{color:var(--c-turn)}.turn-status{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);color:var(--c-hint)}.turn-status.is-turn{color:var(--c-turn)}.draft-discard-row{display:flex;align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-2);background:var(--c-layer);border-radius:var(--r-1);font-size:var(--fs-xs);overflow-x:auto;white-space:nowrap}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s-2)}.actions-grid button{min-height:var(--touch);font-size:var(--fs-sm)}.draw-choice{box-shadow:var(--shadow-sheet)}.target-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2);margin-top:var(--s-2)}.target-list.hscroll{display:flex;overflow-x:auto;grid-template-columns:none}.target-item{padding:var(--s-2);border:1px solid var(--c-line);border-radius:var(--r-1);cursor:pointer}.target-item.selected{border-color:var(--c-button);background:var(--c-button);color:var(--c-button-text)}.log-list{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:200px;font-size:var(--fs-sm)}.log-row{padding:var(--s-1) 0;border-bottom:1px solid var(--c-line)}.results-winner{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.results-row{height:44px;overflow:hidden;border-bottom:1px solid var(--c-line);transition:height .2s;cursor:pointer}.results-row.is-open{height:auto}.results-row.is-you{background:var(--c-layer)}.results-summary{height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);font-weight:var(--fw-bold)}.results-details{padding-bottom:var(--s-2)}.results-bonus{font-size:var(--fs-sm);color:var(--c-hint)}.results-total{font-weight:var(--fw-bold);margin-top:var(--s-1)}.results-actions{position:sticky;bottom:0;background:var(--c-bg);padding-bottom:var(--pad-bottom);display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-2)}.fx{position:absolute;pointer-events:none;font-weight:var(--fw-bold);z-index:var(--z-fx)}.fx-gold{color:var(--c-noble)}.fx-build{color:var(--c-turn)}.fx-destroy{color:var(--c-destructive)}@media(prefers-reduced-motion:no-preference){.fx{animation:fly-up 1s ease-out forwards}@keyframes fly-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}}.table-screen{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--h-top) var(--h-opp) minmax(0,1fr) auto;gap:var(--s-2);height:100%;min-height:0;overflow:hidden;position:relative}.table-main{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;position:relative}.banner.error{position:absolute;bottom:0;left:var(--s-4);right:var(--s-4);background:var(--c-destructive);color:#fff;padding:var(--s-2);border-radius:var(--r-1);z-index:var(--z-modal);text-align:center;font-size:var(--fs-sm)}.log-ticker{font-size:var(--fs-xs);color:var(--c-hint);padding:var(--s-1) var(--s-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:20px;transition:background .3s}.log-ticker.is-new{background:var(--c-layer)}.log-list{list-style:none;padding:0;margin:0}.log-row{padding:var(--s-1) 0;border-bottom:1px solid var(--c-line);font-size:var(--fs-sm)}.table-top{display:flex;align-items:center;gap:var(--s-2);height:var(--h-top);padding:0 var(--s-2)}.table-screen .table-top{gap:2px;padding:0 var(--s-2);justify-content:flex-start;font-size:var(--fs-xs)}.table-top>*{flex:0 1 auto;min-width:0}.table-top .pill-value{font-size:var(--fs-xs);gap:2px;white-space:nowrap}.table-top [data-testid=log-toggle]{flex:0 0 auto;margin-left:auto;min-width:var(--touch);min-height:var(--touch);padding:0}.table-top [data-testid=test-autoplay]{flex:0 0 auto;min-width:32px;padding:0 var(--s-1)}.table-top.is-turn{border-bottom:2px solid var(--c-turn)}.pill-value.is-zero{color:var(--c-hint)}.opponents-strip{display:flex;gap:var(--s-2);height:var(--h-opp);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;--opp-basis: 30%}.opponents-strip[data-count="1"]{--opp-basis: 100%}.opponents-strip[data-count="2"]{--opp-basis: calc((100% - var(--s-2)) / 2)}.opponents-strip[data-count="3"]{--opp-basis: calc((100% - 2 * var(--s-2)) / 3)}.opponents-strip>*{flex:0 0 var(--opp-basis);scroll-snap-align:start}.opp-chip{width:100%;min-width:0;height:72px;padding:var(--s-1);background:var(--c-surface);border-radius:var(--r-1);border:1px solid var(--c-line);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden}.opp-chip>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-chip .opp-stats{display:flex;gap:2px;overflow:visible;text-overflow:clip;white-space:nowrap;font-variant-numeric:tabular-nums}.opp-chip .opp-stats span{flex:0 0 auto}.opp-chip.is-turn{border:2px solid var(--c-turn);background:var(--c-layer)}.opp-chip .opp-flag{font-size:var(--fs-sm)}.hscroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.opponents-strip,.hscroll,.table-main{scrollbar-width:none}.opponents-strip::-webkit-scrollbar,.hscroll::-webkit-scrollbar,.table-main::-webkit-scrollbar{display:none}.dock{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--pad-bottom)}.dock-city{height:var(--h-city);display:flex;flex-direction:column;gap:var(--s-1)}.dock-head{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--c-hint)}.dock-city .city-grid{overflow-y:auto;min-height:0}.dock-hand{display:flex;flex-direction:column;gap:var(--s-1);height:var(--h-hand);padding:var(--s-2);min-height:0}.dock-hand .dock-head{flex:0 0 auto}.dock-hand .card-row{flex:1 1 auto;min-height:0;align-items:flex-start;padding-bottom:0}.dock-hand .card-district{height:84px}@media(max-height:599px){.dock-city .city-grid{display:none}}.card-character{display:flex;align-items:center;gap:var(--s-2);height:48px;width:100%;padding:var(--s-1);background:var(--c-surface);border-radius:var(--r-2);border:1px solid var(--c-line);cursor:pointer;text-align:left}.card-character.dim{opacity:.45;pointer-events:none}.card-character.is-face-up{border-style:dashed}.card-character .char-num{width:24px;height:24px;border-radius:50%;background:var(--c-layer);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);flex-shrink:0}.card-character .char-info{display:flex;flex-direction:column;overflow:hidden}.card-character .char-name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.card-character .char-ability{font-size:var(--fs-xs);color:var(--c-hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--tg-theme-bg-color: #101828;--tg-theme-text-color: #f2f4f7;--tg-theme-hint-color: #98a2b3;--tg-theme-button-color: #3b82f6;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #1d2939;--tg-safe-top: 0px;--tg-safe-bottom: 0px;--tg-content-safe-top: 0px;--tg-content-safe-bottom: 0px;--c-bg: var(--tg-theme-bg-color, #101828);--c-surface: var(--tg-theme-secondary-bg-color, #1d2939);--c-text: var(--tg-theme-text-color, #f2f4f7);--c-hint: var(--tg-theme-hint-color, #98a2b3);--c-button: var(--tg-theme-button-color, #3b82f6);--c-button-text: var(--tg-theme-button-text-color, #ffffff);--c-accent: var(--tg-theme-accent-text-color, var(--c-button));--c-destructive: var(--tg-theme-destructive-text-color, #f97066);--c-layer: rgba(127, 137, 158, .16);--c-line: rgba(127, 137, 158, .32);--c-shade: rgba(0, 0, 0, .45);--shadow-sheet: 0 -8px 24px rgba(0, 0, 0, .28);--c-noble: #f2c14e;--c-religious: #a78bfa;--c-trade: #2dd4bf;--c-military: #ef6461;--c-unique: #60a5fa;--c-turn: #22c55e;--c-turn-soft: rgba(34, 197, 94, .18);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-pill: 999px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--lh-tight: 1.2;--lh-base: 1.4;--fw-regular: 400;--fw-medium: 600;--fw-bold: 700;--touch: 44px;--h-top: 44px;--h-opp: 76px;--h-city: 76px;--h-hand: 132px;--w-screen: 480px;--z-sheet: 100;--z-banner: 200;--z-fx: 1000}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}#game-root{position:fixed;inset:0}#game-root canvas{display:block}#game-root.is-hidden{background:var(--c-bg)}#game-root.is-hidden canvas{visibility:hidden}#ui{position:fixed;inset:0;--pad-top: calc(max(var(--tg-content-safe-top), var(--tg-safe-top)) + var(--s-3));--pad-bottom: calc(max(var(--tg-content-safe-bottom), var(--tg-safe-bottom)) + var(--s-4));padding:var(--pad-top) var(--s-4) var(--pad-bottom);display:flex;flex-direction:column;gap:12px;pointer-events:none}.screen{pointer-events:auto;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen>*{flex-shrink:0}.screen:not(.fixed)>*{max-width:var(--w-screen);width:100%;margin-inline:auto}.screen.center{align-items:stretch}.screen.center>*:first-child{margin-block-start:auto}.screen.center>*:last-child{margin-block-end:auto}.screen.fixed{overflow:hidden}.passthrough{pointer-events:none}.passthrough>*{pointer-events:auto}.title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold);text-align:center}.hint{margin:0;color:var(--c-hint);text-align:center}.screen-title{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.screen-title.center{text-align:center}.screen-subtitle{font-size:var(--fs-sm);color:var(--c-hint)}.sticky-actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s-2);background:var(--c-bg);padding-top:var(--s-2);padding-bottom:var(--pad-bottom);z-index:1}.list{overflow:visible}.list .leaderboard-row{height:44px;padding:0 var(--s-2);border-radius:0;background:none;border-bottom:1px solid var(--c-layer);display:flex;align-items:center;justify-content:space-between}.list .leaderboard-row.me{border:1px solid var(--c-accent);border-radius:var(--r-2);outline:none}.leaderboard-row .stats{font-size:var(--fs-xs);color:var(--c-hint)}.chip.tappable{cursor:pointer}.row{display:flex;gap:var(--s-2);align-items:center}.row.between{justify-content:space-between}.grow{flex:1}.btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 var(--s-4);border:0;border-radius:var(--r-2);font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--c-button-text);background:var(--c-button);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.secondary{color:var(--c-text);background:var(--c-layer)}.btn.small{min-height:36px;font-size:var(--fs-sm);width:auto}.btn.lg{min-height:48px}.btn.danger{color:var(--c-destructive)}.btn.wide{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.btn.active{outline:2px solid var(--c-accent)}.room-code-value{font-family:monospace;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.seat-row{min-height:var(--touch)}.seat-avatar{width:28px;height:28px;border-radius:50%;background:var(--c-layer);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);flex-shrink:0}.seat-free{border:1px dashed var(--c-line);border-radius:var(--r-2);padding:var(--s-2);color:var(--c-hint);display:flex;align-items:center;gap:var(--s-2)}.btn:active{opacity:.8}.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s-3);font-size:var(--fs-xs);background:var(--c-layer);border-radius:var(--r-pill);white-space:nowrap}.chip.tappable{position:relative}.chip.tappable:after{content:"";position:absolute;inset:-6px}.note{padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-2);font-size:var(--fs-xs);color:var(--c-hint)}.segmented{display:flex;gap:var(--s-1);padding:var(--s-1);background:var(--c-layer);border-radius:var(--r-pill)}.segmented>*{flex:1;min-height:var(--touch)}.segmented>.active{background:var(--c-button);color:var(--c-button-text)}.card{padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--c-surface)}.hud{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.hud .value{font-size:22px;font-weight:700}.list{display:flex;flex-direction:column;gap:var(--s-2);margin:0;padding:0;list-style:none}.list li{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);min-height:var(--touch);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--c-surface)}.list li.me{outline:2px solid var(--c-accent)}.tabs{display:flex;gap:var(--s-2)}.tabs .btn.active{background:var(--c-button);color:var(--c-button-text)}.input{width:100%;height:48px;padding:var(--s-2) var(--s-3);border:1px solid var(--c-hint);border-radius:var(--r-2);font:inherit;text-transform:uppercase;color:var(--c-text);background:var(--c-surface)}.big{font-size:40px;font-weight:800;text-align:center;margin:8px 0}.error{color:var(--c-destructive);text-align:center}.panel{background:var(--c-surface);padding:var(--s-3);border-radius:var(--r-2);display:flex;flex-direction:column;gap:var(--s-2)}.panel-title{font-size:var(--fs-xs);color:var(--c-hint);font-weight:var(--fw-medium);letter-spacing:.02em;text-transform:none}.invite-url{word-break:break-all;font-size:var(--fs-xs);color:var(--c-hint)}.stat{display:flex;flex-direction:column;background:var(--c-surface);padding:var(--s-3);border-radius:var(--r-2)}.stat-value{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--fs-xs);color:var(--c-hint)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.pill-value{display:inline-flex;align-items:center;gap:var(--s-1);min-height:28px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:60%;border-radius:var(--r-3) var(--r-3) 0 0;background:var(--c-surface);box-shadow:var(--shadow-sheet);z-index:var(--z-sheet);overflow-y:auto;overscroll-behavior:contain;padding:var(--s-3);padding-bottom:var(--pad-bottom)}.sheet-handle{width:36px;height:4px;background:var(--c-line);border-radius:var(--r-pill);margin:0 auto var(--s-3)}.sheet-backdrop{position:absolute;inset:0;background:var(--c-shade);z-index:calc(var(--z-sheet) - 1)}.banner{position:absolute;left:var(--s-4);right:var(--s-4);font-size:var(--fs-sm);background:var(--c-layer);border-radius:var(--r-2);padding:var(--s-2) var(--s-3);z-index:var(--z-banner)}.banner.error{color:var(--c-destructive)}.banner.wait{color:var(--c-hint)}.empty{font-size:var(--fs-xs);color:var(--c-hint);display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center}.dots{display:inline-flex;gap:4px}.dots:after{content:"..."}@media(prefers-reduced-motion:no-preference){.dots:after{animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}}