.app.app-explain-it-active{height:100dvh;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column;background:#02030b}.app-explain-it-active>.eyebrow{display:none}.app-explain-it-active>.status-banner,.app-explain-it-active>.warning-box{margin:0;flex-shrink:0}.explain-it-active-display{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;color:#faf9ff;font-family:Segoe UI,Arial,sans-serif}.explain-it-game-surface{position:absolute;left:50%;top:50%;width:1600px;height:900px;transform-origin:center;isolation:isolate;background:#02030b url(/assets/cosmos-DIFh3Qpq.svg) center / cover no-repeat}.explain-it-game-surface p{margin:0}.explain-it-team-green{--team-color: #72ee69;--team-rgb: 114, 238, 105}.explain-it-team-yellow{--team-color: #ffd132;--team-rgb: 255, 209, 50}.explain-it-team-blue{--team-color: #24c4ff;--team-rgb: 36, 196, 255}.explain-it-team-red{--team-color: #ff647f;--team-rgb: 255, 100, 127}.explain-it-team-card{position:absolute;width:360px;height:236px;padding:18px 26px;text-align:left;border:1.5px solid var(--team-color);border-radius:23px;background:linear-gradient(150deg,rgba(var(--team-rgb),.085),transparent 65%),#04050de8;box-shadow:inset 0 0 24px rgba(var(--team-rgb),.07),0 0 24px rgba(var(--team-rgb),.12)}.explain-it-team-card-active{box-shadow:inset 0 0 28px rgba(var(--team-rgb),.12),0 0 30px rgba(var(--team-rgb),.24);border-width:2px}.explain-it-team-card-top-left{top:50px;left:38px}.explain-it-team-card-top-right{top:50px;right:38px}.explain-it-team-card-bottom-left{bottom:35px;left:38px;height:174px}.explain-it-team-card-bottom-right{bottom:35px;right:38px;height:174px}.explain-it-team-card-bottom-left:has(li:nth-child(3)),.explain-it-team-card-bottom-right:has(li:nth-child(3)){height:220px}.explain-it-team-card-roster:has(li:nth-child(4)){gap:5px}.explain-it-team-card-roster:has(li:nth-child(4)) li{font-size:20px}.explain-it-team-card-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(var(--team-rgb),.28)}.explain-it-team-card-name{display:flex;align-items:center;gap:13px;color:var(--team-color);font-size:28px;font-weight:800;text-transform:uppercase}.explain-it-team-icon{width:36px;height:36px;fill:currentColor;flex-shrink:0;filter:drop-shadow(0 1px 2px #0009)}.explain-it-team-card-score{margin-left:auto!important;font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.explain-it-team-card-roster{list-style:none;padding:13px 0 0;margin:0;display:grid;gap:7px}.explain-it-team-card-roster li{display:flex;align-items:center;gap:14px;font-size:23px;line-height:1.2;min-width:0}.explain-it-team-card-roster li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explain-it-person-icon{width:21px;height:24px;fill:currentColor;flex-shrink:0}.explain-it-roster-dense{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}.explain-it-roster-dense li{font-size:19px;gap:7px}.explain-it-word-pile{--pile-color: #ff54ad;--pile-rgb: 255, 84, 173;position:absolute;top:300px;left:110px;width:356px;height:338px;padding:20px 26px;text-align:left;border:1.5px solid var(--pile-color);border-radius:23px;background:linear-gradient(150deg,rgba(var(--pile-rgb),.09),transparent 60%),#040511ed;box-shadow:0 0 23px rgba(var(--pile-rgb),.16),inset 0 0 25px rgba(var(--pile-rgb),.06)}.explain-it-word-pile-correct{left:auto;right:110px;--pile-color: #72ee69;--pile-rgb: 114, 238, 105}.explain-it-word-pile-title{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(var(--pile-rgb),.25);color:var(--pile-color);text-transform:uppercase;font-size:25px;font-weight:800}.explain-it-word-pile-title>span{display:grid;place-items:center;width:32px;height:32px;font-size:29px;line-height:1}.explain-it-word-pile-correct .explain-it-word-pile-title>span{border:2px solid;border-radius:50%;font-size:24px}.explain-it-word-pile-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.explain-it-word-pile-list li{position:relative;padding-left:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.35}.explain-it-word-pile-list li:before{content:"×";position:absolute;left:7px;top:-3px;color:var(--pile-color);font-size:31px;font-weight:600}.explain-it-word-pile-correct li:before{content:"✓";font-size:27px;top:0}.explain-it-word-pile-earlier{position:absolute;bottom:15px;left:66px;color:var(--pile-color);font-size:21px}.explain-it-word-pile-empty{color:#aaa2bd;font-size:23px;padding:8px 0}.explain-it-center{position:absolute;top:33px;bottom:36px;left:480px;width:640px;display:flex;flex-direction:column;align-items:center}.explain-it-logo{position:relative;margin:0;font-size:82px;font-weight:900;line-height:1.15;letter-spacing:-3px;transform:rotate(-3deg);white-space:nowrap;text-shadow:0 3px 0 #c9c0dc,0 8px 0 #36244c,0 12px 14px #000}.explain-it-logo:before{content:"✦";position:absolute;top:10px;left:-9px;font-size:27px;color:#fff;text-shadow:0 0 12px #c797ff,0 0 24px #a26aff}.explain-it-logo-it{display:inline-block;margin-left:5px;font-style:italic;color:#ffce24;text-shadow:0 3px 0 #b77400,0 8px 0 #4b2605,0 0 25px #ffcc2420}.explain-it-center-phase{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.explain-it-center-explaining{justify-content:flex-start;gap:12px;padding-top:13px}.explain-it-timer{position:relative;width:510px;height:510px;flex-shrink:0}.explain-it-timer:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#120a25,#02030c 70%);box-shadow:inset 0 0 30px #b76cff35,0 0 65px #a729ff70}.explain-it-timer-ring{position:relative;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.explain-it-timer-ring-track{fill:none;stroke:#9954df;stroke-width:3;filter:drop-shadow(0 0 1px #d9aeff)}.explain-it-timer-ring-progress{fill:none;stroke:url(#explain-it-timer-progress-gradient);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff3aad);transition:stroke-dashoffset .25s linear}.explain-it-timer-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding-bottom:28px;font-size:146px;line-height:1;font-weight:800;letter-spacing:-6px;font-variant-numeric:tabular-nums;text-shadow:0 0 25px #aa81d936}.explain-it-target-score{position:absolute;left:50px;right:50px;bottom:118px;color:#d7a4ff;font-size:23px;font-weight:700;text-transform:uppercase}.explain-it-chip{position:relative;flex-shrink:0;width:450px;min-height:100px;padding:15px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:1px solid #d3b7fa;border-radius:30px;background:linear-gradient(150deg,#130923,#04050e 70%);box-shadow:0 -3px 15px #a53fff69,inset 0 1px 4px #dbc4ff36}.explain-it-center-explaining>.explain-it-chip:not([class*=explain-it-team-]){margin-top:-115px}.explain-it-chip-label{font-size:19px;text-transform:uppercase;color:#b9b2cc}.explain-it-chip-value{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;font-size:29px;line-height:1.2;font-weight:650;overflow-wrap:anywhere}.explain-it-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explain-it-chip[class*=explain-it-team-]{width:470px;min-height:72px;padding:15px 20px;flex-direction:row;gap:15px;border-radius:25px;border-color:#a99dc2;box-shadow:0 -2px 10px #538eff65}.explain-it-chip[class*=explain-it-team-] .explain-it-chip-label{font-size:21px;font-weight:700;color:#eee9f8}.explain-it-chip[class*=explain-it-team-] .explain-it-chip-value{color:var(--team-color);text-transform:uppercase}.explain-it-turn-stats-compact{width:600px;padding:17px 10px;border-block:1px solid #7b6eaa66;background:linear-gradient(90deg,transparent,#0a0923cc,transparent);font-size:23px;color:#c9bfdd;font-variant-numeric:tabular-nums}.explain-it-center-explaining .explain-it-turn-stats-compact{margin-top:auto}.explain-it-waiting-message{margin-top:20px!important;font-size:29px;color:#dbcbf6;max-width:580px;overflow-wrap:anywhere}.explain-it-final-guess-headline{font-size:68px;font-weight:800;text-transform:uppercase;color:#ffd132;text-shadow:0 0 30px #ffbc3255}.explain-it-final-guess-subhead{font-size:32px;color:#e1b7ff;padding-bottom:24px}.explain-it-provisional-hint{font-size:20px;color:#aba0bf}.explain-it-winner-screen{position:absolute;top:65px;right:300px;bottom:65px;left:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px;border-radius:35px;border:1px solid #bb8bff;background:#080512e8;box-shadow:0 0 60px #9f3dff40,inset 0 0 40px #8325bb20;text-align:center}.explain-it-winner-headline{margin-top:25px!important;font-size:60px;font-weight:800;color:#b0ff9b;text-shadow:0 0 30px #80ff5650}.explain-it-final-scores{width:450px}.explain-it-final-scores h3{font-size:23px;color:#c8bfdc;text-transform:uppercase}.explain-it-final-score-row{display:flex;justify-content:space-between;padding:7px 0;font-size:30px;font-weight:700;color:var(--team-color)}.explain-it-team-card-score{display:flex;align-items:baseline;white-space:nowrap}.explain-it-pending-score{font-size:28px;color:var(--team-color);text-shadow:0 0 15px currentColor;animation:explain-it-score-pop .18s ease-out}.explain-it-team-card-header:has(.explain-it-pending-score) .explain-it-team-card-name{font-size:24px;gap:9px}.explain-it-score-plus{font-size:19px;padding:0 3px}.explain-it-counted-score{animation:explain-it-score-pop .18s ease-out}.explain-it-word-pile-list li{transition:opacity .15s ease-in,transform .15s ease-in}.explain-it-word-removing li:last-child{opacity:0;transform:translate(24px,-8px) scale(.9)}.explain-it-tally-heading{font-size:52px;font-weight:800;text-transform:uppercase;color:#e2b9ff;text-shadow:0 0 30px #a755ff65;padding-bottom:22px}.explain-it-tally-message{font-size:27px;color:#d5c0ec;padding-top:20px}@keyframes explain-it-score-pop{0%{transform:scale(1.16)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.explain-it-pending-score,.explain-it-counted-score{animation:none}.explain-it-word-pile-list li{transition:none}}@media(prefers-reduced-motion:reduce){.explain-it-timer-ring-progress{transition:none}}.display-home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#102c2a;color:#f7f3e8;font-family:Inter,system-ui,sans-serif}.display-home *{box-sizing:border-box}.display-home-stage{position:absolute;left:50%;top:50%;width:1280px;height:720px;padding:24px 32px 28px;transform-origin:center}.home-header{height:62px;display:flex;align-items:center;gap:24px;padding-bottom:18px}.tablarium-brand{display:flex;align-items:center;gap:10px;font:32px Georgia,serif;letter-spacing:-1px}.tablarium-brand img{width:44px;height:44px}.home-header>span{margin-left:auto;color:#b3c9c1;font-size:16px}.home-header .fullscreen-button{position:static;color:#f7f3e8;border:1px solid #36534b;background:transparent}.home-notice{position:absolute;bottom:5px;left:32px;right:32px;margin:0;font-size:13px;color:#ffcead;text-align:center}.home-layout{display:grid;grid-template-columns:282px minmax(0,1fr);gap:24px;height:606px}.home-join{border:1px solid #36534b;background:#193834;border-radius:24px;padding:20px}.home-join h1{font:30px/1.1 Georgia,serif;margin:0 0 18px;max-width:220px}.home-qr{width:240px;height:240px;display:grid;place-items:center;background:#fff;border-radius:16px;color:#102c2a;text-align:center;padding:16px}.home-qr p{line-height:1.5;font-size:20px}.home-scan-hint{font-size:19px;color:#b3c9c1;line-height:1.6;margin:24px 0 0}.home-room-code{margin:12px 0;font-size:28px;font-weight:700;letter-spacing:5px}.home-roster-heading{display:flex;justify-content:space-between;font-size:16px;color:#b3c9c1;padding-top:12px;border-top:1px solid #36534b}.home-roster{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;margin:12px 0 0;list-style:none}.home-roster li{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px}.home-roster li>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-presence{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#b6dfba}.home-presence.is-offline{background:#ffab75;outline:1px solid #ffab75;outline-offset:2px}.home-warning{font-size:14px;color:#ffab75;margin:10px 0 0}.home-games{min-width:0;display:grid;grid-template-rows:364px 1fr;gap:20px}.home-feature{display:grid;grid-template-columns:minmax(0,1fr) 364px;border:1px solid #36534b;background:#193834;border-radius:24px;overflow:hidden}.home-feature-copy{padding:26px;min-width:0}.home-kicker{color:#ffab75;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:0 0 18px}.home-feature h2{font:46px/.98 Georgia,serif;letter-spacing:-1.5px;margin:0 0 18px}.home-description{font-size:18px;line-height:1.5;color:#d2ded6;margin:0 0 18px}.home-metadata{display:flex;flex-wrap:wrap;gap:8px 12px;color:#b3c9c1;font-size:14px}.home-cover{width:100%;height:100%;object-fit:cover}.home-catalog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.home-catalog-heading h3{font-size:19px;margin:0;font-weight:500}.home-catalog-heading>span{font-size:14px;color:#b3c9c1}.home-catalog-navigation{display:flex;align-items:center;gap:10px;font-size:13px;color:#b3c9c1}.home-catalog-navigation button{width:32px;height:32px;border:1px solid #36534b;border-radius:50%;background:transparent;color:#f7f3e8;cursor:pointer}.home-game-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-game-tile{display:flex;flex-direction:column;padding:0;border:1px solid #36534b;border-radius:14px;background:#193834;text-align:left;color:#f7f3e8;overflow:hidden;cursor:pointer;font-family:inherit;opacity:1}.home-game-tile:disabled{opacity:1;cursor:default}.home-game-tile.is-featured{border-color:#ffab75;box-shadow:0 0 0 1px #ffab75}.home-game-tile>img{width:100%;height:96px;object-fit:cover}.home-game-tile>span{padding:9px 12px;display:grid;gap:3px}.home-game-tile strong{font-size:17px}.home-game-tile small{font-size:11px;color:#b3c9c1}.home-games-setup{grid-template-rows:310px 1fr}.home-games-setup .home-feature{grid-template-columns:minmax(0,1fr) 310px}.home-games-setup .home-feature h2{font-size:40px}.home-games-setup .home-description{font-size:16px}.home-setup{padding:18px;border:1px solid #36534b;border-radius:20px;background:#193834}.home-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.home-rules>div{min-width:0}.home-rules dt{font-size:12px;color:#b3c9c1;margin-bottom:4px}.home-rules dd{font-size:17px;margin:0}.home-teams{display:flex;gap:10px}.home-team{flex:1;min-width:0;display:grid;gap:5px;padding:8px 10px;border-left:3px solid #b3c9c1;background:#102c2a;border-radius:4px}.home-team strong{font-size:14px}.home-team span{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.home-team-red{border-color:#ef8581}.home-team-blue{border-color:#82b9f0}.home-team-green{border-color:#8edaa6}.home-team-yellow{border-color:#f0d27e}.home-setup-hint{color:#b3c9c1;font-size:16px}.home-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.home-seats div{display:grid;gap:4px;padding:8px;background:#102c2a;border-radius:8px;min-width:0}.home-seats span{font-size:12px;color:#b3c9c1}.home-seats strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-empty{font:30px Georgia,serif;align-self:center;text-align:center}.display-home button:focus-visible{outline:3px solid #fff;outline-offset:3px}.home-qr a{display:flex}.home-info-links{display:flex;gap:22px;margin:12px 0 0;font-size:15px}.home-info-links a{color:inherit;text-underline-offset:4px}:root{color:#f5f5f5;background:#111827;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{min-height:100vh;display:grid;place-content:start center;text-align:center;padding:1rem 1rem 1.5rem;width:100%}.app:has(.lobby-panel){padding:.5rem .75rem .75rem}.app:has(.lobby-panel) .eyebrow{margin-bottom:.25rem;font-size:.75rem}.app-game-active{padding-top:.5rem}.app-game-active .eyebrow{margin-bottom:.25rem;font-size:.65rem}.eyebrow{margin:0 0 .5rem;color:#93c5fd;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}h1{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3rem)}.pairing-panel{max-width:32rem;margin:0 auto 1.5rem;padding:1.5rem;border:1px solid #374151;border-radius:.75rem;background:#1f2937;text-align:left}.connection-indicator{position:fixed;top:max(.5rem,env(safe-area-inset-top,0px));left:max(.5rem,env(safe-area-inset-left,0px));z-index:60;display:inline-flex;align-items:center;gap:.4rem;pointer-events:none}.connection-indicator-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.connection-indicator-connected .connection-indicator-dot{background:#22c55e;box-shadow:0 0 0 1px #22c55e66}.connection-indicator-connecting .connection-indicator-dot{background:#eab308;box-shadow:0 0 0 1px #eab30873}.connection-indicator-disconnected .connection-indicator-dot{background:#ef4444;box-shadow:0 0 0 1px #ef444473}.connection-indicator-connecting,.connection-indicator-disconnected{padding:.25rem .55rem .25rem .4rem;border-radius:999px;background:#111827e6;border:1px solid #374151;box-shadow:0 2px 8px #00000040;font-size:.75rem;line-height:1.2;color:#d1d5db}.connection-indicator-label{font-weight:500}.fullscreen-button{position:fixed;top:max(.5rem,env(safe-area-inset-top,0px));right:max(.5rem,env(safe-area-inset-right,0px));z-index:60;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem .35rem .55rem;border:1px solid #374151;border-radius:999px;background:#111827e6;box-shadow:0 2px 8px #00000040;color:#d1d5db;font-family:inherit;font-size:.75rem;letter-spacing:.02em;cursor:pointer}.fullscreen-button svg{width:.95rem;height:.95rem}.fullscreen-button:hover{background:#1f2937f2;color:#f3f4f6}.fullscreen-button:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.app-game-active .fullscreen-button{opacity:.4}.app-game-active .fullscreen-button:hover,.app-game-active .fullscreen-button:focus-visible{opacity:1}.pairing-panel h2{margin:0 0 1rem;font-size:1.125rem}.pairing-status{margin:0 0 1rem;font-size:1.125rem;font-weight:600}.pairing-status-host-connected{color:#86efac}.pairing-status-waiting-for-host{color:#fde68a}.pairing-status-pairing-expired,.pairing-status-pairing-error,.pairing-status-host-disconnected{color:#fca5a5}.pairing-instruction{margin:0;color:#d1d5db;font-size:.8125rem}.qr-wrapper{display:inline-block;padding:.5rem;background:#fff;border-radius:.5rem;line-height:0}.pairing-url{margin:0 0 .75rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;word-break:break-all;color:#e5e7eb}.pairing-expiry{margin:0;color:#9ca3af;font-size:.875rem}.warning-box{margin:0 0 1rem;padding:.875rem 1rem;border-radius:.5rem;background:#451a03;color:#fde68a;font-size:.9rem}.success-message{margin:0;color:#bbf7d0}.lobby-panel{width:min(100%,72rem);margin:0 auto;padding:.75rem;border:1px solid #374151;border-radius:.75rem;background:#1f2937;text-align:left}.lobby-layout{display:grid;grid-template-columns:minmax(17rem,23rem) minmax(0,1fr);gap:.75rem;align-items:start}.join-panel{display:grid;gap:.5rem;padding:.65rem .75rem;border:1px solid #374151;border-radius:.65rem;background:#111827}.join-panel-overview{display:grid;gap:.35rem}.join-panel-game{margin:0;font-size:.875rem;color:#d1d5db}.join-panel-status{margin:0;font-size:.8125rem;color:#d1d5db}.config-summary-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .65rem;font-size:.8125rem}.config-summary-grid div{display:grid;gap:.05rem}.config-summary-grid dt{font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:#9ca3af}.config-summary-grid dd{margin:0;color:#e5e7eb}.join-room-stats{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.join-room-code-block{min-width:0}.join-panel-scan{display:grid;gap:.35rem}.join-panel-qr-row{display:flex;align-items:flex-start;gap:.65rem}.join-panel .pairing-url.join-url-text{margin:0;flex:1;min-width:0;font-size:.75rem;line-height:1.35;color:#cbd5e1;-webkit-user-select:all;user-select:all;text-align:left}.join-panel .warning-box{margin:0;padding:.45rem .6rem;font-size:.8125rem}.seating-panel{min-width:0;padding:.65rem .75rem;border:1px solid #374151;border-radius:.65rem;background:#111827}.seating-title{margin:0 0 .5rem;font-size:.9375rem}.table-label{color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em}@media(max-width:900px){.lobby-layout{grid-template-columns:1fr}.join-panel-qr-row{flex-direction:column;align-items:center}.join-panel .pairing-url.join-url-text{text-align:center}}.lobby-panel h2{margin:0;font-size:1rem}.room-code-label{margin:0;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.room-code{margin:.1rem 0 0;font-size:1.5rem;font-weight:700;letter-spacing:.18em;line-height:1.1}.player-count{margin:0;color:#d1d5db;font-size:.875rem;text-align:right;white-space:nowrap}.empty-lobby{margin:.5rem 0 0;color:#9ca3af;font-size:.875rem}.seating-panel .player-list{margin:.35rem 0 0;gap:.35rem}.seating-panel .player-list li{padding:.45rem .6rem;font-size:.875rem}.explain-it-team-rosters{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.5rem}.explain-it-team-roster h4{margin:0 0 .3rem;font-size:.6875rem;letter-spacing:.05em}.explain-it-team-roster .player-list{margin:0}.explain-it-team-roster .player-list li{padding:.35rem .45rem;font-size:.8125rem}.explain-it-team-roster .empty-team{color:#9ca3af;font-size:.8125rem}.player-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.player-list li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#111827}.player-list .online{color:#86efac}.player-list .offline{color:#fca5a5}.status-banner{margin:0 0 1rem;color:#fde68a;font-weight:600}.seating-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(3.75rem,auto));gap:.5rem;margin:0}.seat-position-top-left{grid-column:1;grid-row:1}.seat-position-top-center{grid-column:2;grid-row:1}.seat-position-top-right{grid-column:3;grid-row:1}.seat-position-middle-left{grid-column:1;grid-row:2}.seat-position-middle-right{grid-column:3;grid-row:2}.seat-position-bottom-left{grid-column:1;grid-row:3}.seat-position-bottom-center{grid-column:2;grid-row:3}.seat-position-bottom-right{grid-column:3;grid-row:3}.table-center{grid-column:2;grid-row:2;display:grid;place-items:center;text-align:center;padding:.5rem;border:1px dashed #4b5563;border-radius:.5rem;background:#0f172a;min-height:4.5rem}.seat-card{min-height:3.75rem;padding:.45rem .5rem;border-radius:.5rem;background:#111827;border:1px solid #374151}.seat-label{margin:0;font-size:.7rem;color:#9ca3af;text-transform:uppercase}.seat-player-name{margin:.35rem 0 0;font-weight:600}.seat-empty{margin:.35rem 0 0;color:#6b7280}.unassigned-players h3{margin:.5rem 0 .35rem;font-size:.875rem}.game-panel{width:min(100%,72rem);margin:0 auto;text-align:left}.room-code-secondary{margin:0 0 .5rem;font-size:.75rem;color:#9ca3af;text-align:right}.game-table-layout{display:grid;grid-template-columns:minmax(8.5rem,1fr) minmax(18rem,3fr) minmax(8.5rem,1fr);grid-template-rows:minmax(4.5rem,auto) minmax(18.75rem,2fr) minmax(4.5rem,auto);grid-template-areas:"top-left top top-right" "left table right" "bottom-left bottom bottom-right";gap:.5rem;width:100%}.game-table-center-cell{grid-area:table;min-height:18.75rem;min-width:0}.pixi-table-shell{width:100%;height:100%;min-height:18.75rem;border:1px solid #374151;border-radius:.75rem;background:radial-gradient(circle at center,#1f2937,#111827 70%);overflow:hidden}.pixi-card-table{width:100%;height:100%}.game-table-seat,.game-seat{min-height:4.5rem;padding:.45rem .5rem;border-radius:.5rem;background:#111827;border:1px solid #374151;text-align:center}.game-seat .seat-label{margin:0;font-size:.65rem;color:#9ca3af;text-transform:uppercase}.game-seat .seat-player-name{margin:.15rem 0 0;font-size:.85rem;font-weight:600}.seat-connection{margin:.15rem 0 0;font-size:.7rem}.game-seat-active{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa59}.seat-hand-count{margin:.25rem 0 0;font-size:.85rem;color:#d1d5db}.turn-marker{margin:.35rem 0 0;font-size:.75rem;color:#93c5fd;font-weight:600}.winner-banner{margin:1.5rem 0 0;padding:1rem;border-radius:.5rem;background:#14532d;color:#bbf7d0;font-size:1.25rem;font-weight:700;text-align:center}.card-face{display:grid;place-items:center;width:4rem;height:5.5rem;border-radius:.5rem;background:#f9fafb;border:1px solid #d1d5db;font-weight:700;font-size:1rem;color:#111827}.card-face-red{color:#dc2626}.card-face-black{color:#111827}.card-face-joker{color:#7c3aed}