:root{--bg:#0c0907;--wood:#1a130d;--panel:#1e1610db;--panel-solid:#221911;--panel2:#2c2118;--line:#4a3a2a;--gold:#e8c37a;--gold-2:#ffe1a6;--gold-dim:#b9925085;--ink:#f3ead9;--muted:#b7a890;--accent:#ff7a3d;--good:#6bd08a;--bad:#ff5a6a;--chaos:#d98cff;--neutral:#c9bca6;--c-attack:#ff5a5f;--c-defence:#56a0e6;--c-engine:#f5a623;--c-control:#b06ed6;--c-buff-nerf:#f1c84a;--c-information:#2bd0b4;--c-gamble:#ff79c8;--c-resource:#57d985;--c-when-drawn:#a6b0bc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid var(--line);background:linear-gradient(#38291c,#271d14);border-radius:11px;padding:9px 15px;transition:transform .1s,border-color .15s,box-shadow .15s,filter .15s}button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 20px #00000073}button:active:not(:disabled){transform:translateY(0)scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#2a1606;background:linear-gradient(#ffc65f,#ef8420);border-color:#ffd98a;font-weight:800;position:relative;overflow:hidden;box-shadow:0 8px 24px #ef842052}button.primary:after{content:"";background:linear-gradient(115deg,#0000 38%,#ffffff8c 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}button.primary:hover:after{animation:.8s shine}button.ghost{background:#ffffff0a}select{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.app-shell{flex-direction:column;height:100%;display:flex}.tip{cursor:help}.tooltip-portal{z-index:1000;width:max-content;max-width:280px;color:var(--ink);border:1px solid var(--gold-dim);text-align:left;pointer-events:none;background:#120d08;border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.4;animation:.12s fadeIn;position:fixed;box-shadow:0 14px 34px #0009}.start-screen{background:radial-gradient(1100px 700px at 22% 36%, #ffa0461f, transparent 60%), linear-gradient(120deg, #080604ed 26%, #08060480 100%), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;grid-template-columns:1.2fr .85fr;align-items:center;gap:24px;min-height:100%;padding:6vh 5vw;display:grid;position:relative;overflow:hidden}.landing-hero{z-index:5;max-width:640px;position:relative}.brand-lockup{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.brand-lockup svg{width:18px;height:18px}.eyebrow{color:var(--good);letter-spacing:.24em;text-transform:uppercase;margin:22px 0 2px;font-size:12px}.landing-hero h1{letter-spacing:-.02em;background:linear-gradient(180deg, #fff 30%, var(--gold) 130%);color:#0000;text-shadow:0 10px 50px #ffaa502e;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(48px,7vw,88px);font-weight:900;line-height:.92}.lede{color:var(--muted);max-width:30em;font-size:17px;line-height:1.55}.stat-chips{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.stat-chips span{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;display:inline-flex}.stat-chips svg{width:15px;height:15px;color:var(--gold)}.setup-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.setup-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:11px;display:flex}.setup-panel .primary{padding:12px 22px;font-size:15px}.showcase{justify-content:flex-end;align-items:center;height:72vh;display:flex;position:relative}.showcase-fan{align-items:flex-end;display:flex}.showcase-fan .game-card{transform-origin:bottom;width:152px;margin-left:-54px;animation:6s ease-in-out infinite floatCard;box-shadow:0 26px 54px #0009}.showcase-fan .game-card:nth-child(2n){animation-duration:7.2s}.showcase-fan .game-card:hover{z-index:30;transform:translateY(-26px)scale(1.06)rotate(0)!important}.board{background:radial-gradient(1200px 760px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #060403d1, #060403b3), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 220px 40px #000000b3}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ember,.steam{filter:blur(1px);border-radius:50%;position:absolute}.ember{background:radial-gradient(circle,#ffb45ae6,#0000 70%);width:4px;height:4px;animation:linear infinite emberRise}.steam{background:radial-gradient(circle,#fff0dc0d,#0000 70%);width:120px;height:120px;animation:ease-in-out infinite steamDrift}.topbar,.table-layout,.handbar{z-index:2;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0705a8;align-items:center;gap:16px;padding:12px 20px;display:flex}.topbar .brand{color:var(--gold);align-items:center;gap:9px;font-size:18px;font-weight:900;display:inline-flex}.topbar .brand svg{width:21px;height:21px}.stat-pills{gap:8px;margin-left:auto;display:flex}.stat-pills .tip{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:help;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:13px;display:inline-flex}.stat-pills b{color:var(--ink);font-variant-numeric:tabular-nums}.icon-button{place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button svg{width:18px;height:18px}.table-layout{flex:1;grid-template-columns:minmax(0,1fr) 312px;gap:16px;min-height:0;padding:16px;display:grid}.table-main{flex-direction:column;gap:14px;min-width:0;display:flex;overflow:hidden}.zones{flex:1;grid-template-columns:repeat(auto-fit,minmax(198px,1fr));align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.zone{border:1px solid var(--line);background:linear-gradient(#30241aeb,#18110cf0);border-radius:16px;padding:12px 13px;transition:border-color .18s,box-shadow .18s,transform .14s;animation:.4s both zoneIn;position:relative;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #0006}.zone.active{border-color:var(--gold);animation:2.4s ease-in-out infinite zonePulse}.zone.dead{opacity:.4;filter:grayscale(.75)}.zone.targetable{cursor:pointer;border-color:var(--good);box-shadow:0 0 0 1px var(--good), 0 0 30px #6bd08a4d;animation:1.1s ease-in-out infinite targetPulse}.zone.targetable:hover{transform:translateY(-4px)scale(1.01)}.zone-top{align-items:flex-start;gap:10px;display:flex}.avatar{border:1px solid var(--gold-dim);background:radial-gradient(circle at 50% 35%,#5a4632,#2a1f15);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.role-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:10px}.zone-top h3{margin:1px 0 0;font-size:18px}.seat-no{color:var(--muted);cursor:help;background:#00000057;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px}.status-badges{gap:6px;min-height:20px;margin-top:6px;display:flex}.badge{cursor:help;font-size:14px;font-style:normal;animation:.3s pop}.meter-row{align-items:center;gap:9px;margin-top:10px;display:flex}.meter-row>.tip{cursor:help;display:inline-flex}.meter-row>.tip>svg{width:16px;height:16px}.meter-row.hp>.tip>svg{color:var(--bad)}.meter-row.rats>.tip>svg{color:var(--gold)}.pips{gap:5px;display:flex}.pip{background:#ffffff14;border-radius:999px;width:30px;height:11px;box-shadow:inset 0 1px 1px #0006}.pip.hp{background:linear-gradient(#ff7c86,#df3243);animation:.28s pop;box-shadow:0 0 10px #ff5a6a80}.rat-tokens{flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;display:flex}.rat-token{border:1px solid var(--line);background:#16100b 50%/120% no-repeat;border-radius:9px;width:32px;height:32px;padding:0;animation:.34s cubic-bezier(.2,1.4,.5,1) both ratPop;position:relative;box-shadow:0 2px 6px #0006}.rat-token.pick{border-color:var(--good);cursor:pointer;box-shadow:0 0 0 1px var(--good), 0 0 12px #6bd08a80}.rat-token:disabled{opacity:1}.rat-atts{gap:1px;display:flex;position:absolute;top:-8px;right:-7px}.att-chip{filter:drop-shadow(0 1px 1px #000000d9);cursor:help;font-size:12px;font-style:normal}.rats-empty{color:var(--muted);font-size:12px;font-style:italic}.zone-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:12px;display:flex}.zone-foot .out{color:var(--bad);letter-spacing:.12em;font-weight:900}.table-center{flex:none;justify-content:center;align-items:flex-start;gap:36px;padding:4px 10px 2px;display:flex}.pile-wrap{flex-direction:column;align-items:center;gap:7px;display:flex}.pile{border:1px solid var(--gold-dim);background:var(--panel-solid);border-radius:13px;place-items:center;width:84px;height:118px;display:grid;position:relative;box-shadow:0 16px 32px #00000080}.deck-pile{background:url(/assets/cards/card-back.png) 50%/cover no-repeat;animation:4.5s ease-in-out infinite deckBreathe}.deck-pile:before,.deck-pile:after{content:"";background:inherit;z-index:-1;border-radius:13px;position:absolute;inset:0}.deck-pile:before{filter:brightness(.6);transform:translate(5px,6px)}.deck-pile:after{filter:brightness(.4);transform:translate(9px,11px)}.played-slot{border:1px dashed var(--line);background:0 0;padding:0}.played-slot .game-card{cursor:help;width:84px;height:118px;margin:0}.played-empty{color:var(--muted);font-size:12px;font-style:italic}.pile-rats{cursor:help;flex-wrap:wrap;place-content:center;gap:3px;width:84px;height:118px;padding:8px;display:flex}.pile-rats i{background:radial-gradient(circle at 40% 30%,#7a6044,#43331f);border-radius:4px;width:13px;height:13px;box-shadow:inset 0 1px 1px #ffffff1f}.pile-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.pile-count{color:var(--gold);font-size:16px;font-weight:800}.side{flex-direction:column;gap:14px;min-height:0;display:flex}.turn-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.turn-card .turn-label{letter-spacing:.14em;text-transform:uppercase;color:var(--good);font-size:11px}.turn-card h2{margin:2px 0 0;font-size:22px}.turn-badge{color:var(--gold);background:#e8c37a29;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;animation:2s ease-in-out infinite badgePulse;display:inline-flex}.turn-badge svg{width:14px;height:14px}.log-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.log-panel h2{color:var(--gold);letter-spacing:.02em;margin:0 0 10px;font-size:15px}.log-list{flex-direction:column;gap:7px;display:flex;overflow-y:auto}.log-entry{border-left:3px solid var(--line);color:var(--ink);margin:0;padding-left:9px;font-size:13px;line-height:1.38;animation:.28s both logIn}.log-good{border-color:var(--good)}.log-bad{border-color:var(--bad)}.log-chaos{border-color:var(--chaos)}.log-neutral{border-color:var(--neutral)}.banner{z-index:2;text-align:center;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);color:var(--accent);background:#ff7a3d29;padding:9px;font-weight:800;animation:.25s bannerIn;position:relative}.handbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080604bd;padding:10px 18px 14px}.hand-head{z-index:90;pointer-events:none;align-items:center;gap:14px;margin-bottom:6px;display:flex;position:relative}.hand-head>*{pointer-events:auto}.hand-head .hand-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.hand-head h2{margin:2px 0 0;font-size:18px}.food-chip{color:var(--good);cursor:help;align-items:center;gap:6px;font-weight:800;display:inline-flex}.hand-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0705d1;border-radius:13px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;padding:8px 10px;display:flex;box-shadow:0 8px 22px #00000073}.boost-toggle{color:var(--gold);align-items:center;gap:6px;font-size:13px;display:flex}.distance-row{gap:6px;display:flex}.dist{padding:7px 11px;font-size:13px}.hand-row{perspective:1400px;justify-content:center;align-items:flex-end;min-height:168px;padding:24px 2px 2px;display:flex}.game-card{border:1px solid var(--gold-dim);text-align:left;width:158px;height:218px;color:var(--ink);background:linear-gradient(155deg,#4a3826 0%,#2a1f14 55%,#1c140c 100%);border-radius:15px;flex-direction:column;flex:0 0 158px;gap:6px;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe2aa2e,0 12px 28px #00000080}.game-card:before{content:"";pointer-events:none;z-index:4;border:1px solid #e8c37a38;border-radius:11px;position:absolute;inset:4px}button.game-card{cursor:pointer;transform-origin:bottom;transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s,border-color .16s,filter .16s}.hand-row .game-card{transform:translateY(var(--ty,0px)) rotate(var(--rot,0deg));margin-left:-26px}.hand-row .game-card:first-child{margin-left:0}.hand-row .game-card:hover,.hand-row .game-card.selected{z-index:50;border-color:var(--gold);box-shadow:0 26px 50px #0009, 0 0 0 1px var(--gold);transform:translateY(-42px)scale(1.12)rotate(0)!important}.hand-row .game-card.unplayable{filter:grayscale(.5)brightness(.66);cursor:default}.hand-row .game-card.unplayable:hover{filter:grayscale(.2)brightness(.85)}.hand-row .game-card.playable:not(:hover){box-shadow:inset 0 1px #ffe2aa2e,0 12px 28px #00000080,0 0 16px #e8c37a47}.game-card .shine{z-index:5;pointer-events:none;background:linear-gradient(115deg,#0000 36%,#ffffff38 50%,#0000 64%);border-radius:15px;position:absolute;inset:0;transform:translate(-130%)}.hand-row .game-card:hover .shine{animation:.7s shine}.gc-art{background-position:50%;background-size:cover;border:1px solid #00000080;border-radius:9px;height:98px;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #00000080}.gc-art.fallback{place-items:center;display:grid}.gc-art.fallback:before{content:"";opacity:.6;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:9px 9px;position:absolute;inset:0}.gc-art.fallback .gc-glyph{filter:drop-shadow(0 3px 6px #000000b3);z-index:1;font-size:38px}.gc-art.fallback .gc-ph-tag{letter-spacing:.1em;color:#ffffff80;z-index:2;background:#0006;border-radius:4px;padding:1px 4px;font-size:7px;position:absolute;top:5px;right:6px}.gc-name{color:#fff;text-shadow:0 1px 3px #000000f2;z-index:2;background:linear-gradient(#0000,#000000db);padding:5px 8px;font-size:12px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.gc-cat{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#1a1206;border-radius:6px;padding:2px 7px;font-size:8px;font-weight:900;position:absolute;top:7px;left:7px;box-shadow:0 2px 5px #00000080}.gc-reactive{z-index:3;letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold-dim);background:#0009;border-radius:5px;padding:2px 5px;font-size:7px;font-weight:900;position:absolute;top:7px;right:7px}.gc-text{color:var(--ink);flex:1;font-size:11px;line-height:1.3;overflow:hidden}.gc-boost{color:var(--gold);border-top:1px solid #e8c37a2e;padding-top:3px;font-size:10px;line-height:1.22}.card-preview{z-index:400;pointer-events:none;filter:drop-shadow(0 30px 50px #000000b3);animation:.14s previewIn;position:fixed;bottom:244px;left:50%;transform:translate(-50%)}.card-preview .game-card{width:268px;height:372px}.card-preview .gc-art{height:188px}.card-preview .gc-name{font-size:18px}.card-preview .gc-text{font-size:14px;line-height:1.4}.card-preview .gc-boost{font-size:12.5px}.card-preview .gc-art.fallback .gc-glyph{font-size:76px}.flight-layer{pointer-events:none;z-index:500;position:fixed;inset:0}.draw-flight{border:1px solid var(--gold-dim);pointer-events:none;will-change:translate, opacity, scale;background-color:#16100b;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;width:56px;height:80px;margin:-40px 0 0 -28px;animation:.6s cubic-bezier(.35,.7,.3,1) forwards drawFly;position:fixed;box-shadow:0 10px 24px #0009}.draw-flight.is-rat{background-color:#2a1a10}@keyframes drawFly{0%{opacity:0;translate:0;rotate:-8deg;scale:.62}16%{opacity:1}82%{opacity:1;scale:.5}to{translate:var(--dx) var(--dy);opacity:0;rotate:9deg;scale:.32}}.overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050302cc;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.overlay-card{border:1px solid var(--gold-dim);text-align:center;background:linear-gradient(#2c2118,#190f08);border-radius:22px;max-width:760px;padding:32px;animation:.24s cubic-bezier(.2,1.3,.4,1) overlayIn;box-shadow:0 40px 100px #000000a6}.overlay-card h2{color:var(--gold);margin-top:8px}.react-row,.name-grid,.peek-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0;display:flex}.name-grid{grid-template-columns:repeat(2,1fr);display:grid}.peek-row .game-card{cursor:pointer;flex:0 0 150px;width:150px;height:210px;transition:transform .14s,box-shadow .14s}.peek-row .game-card:hover,.peek-row .game-card.selected{box-shadow:0 20px 40px #0009, 0 0 0 2px var(--gold);transform:translateY(-10px)scale(1.05)}.winner-burst{font-size:56px;animation:.5s cubic-bezier(.2,1.5,.4,1) pop}@keyframes shine{to{transform:translate(130%)}}@keyframes tipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes overlayIn{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes previewIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes ratPop{0%{opacity:0;transform:scale(0)translateY(-8px)}}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-6px)}}@keyframes zoneIn{0%{opacity:0;transform:translateY(10px)}}@keyframes zonePulse{0%,to{box-shadow:0 0 0 1px var(--gold), 0 0 22px #e8c37a2e}50%{box-shadow:0 0 0 1px var(--gold), 0 0 40px #e8c37a6b}}@keyframes targetPulse{0%,to{box-shadow:0 0 0 1px var(--good), 0 0 22px #6bd08a4d}50%{box-shadow:0 0 0 1px var(--good), 0 0 38px #6bd08a8c}}@keyframes badgePulse{0%,to{box-shadow:0 0 #e8c37a00}50%{box-shadow:0 0 0 4px #e8c37a24}}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -12px}}@keyframes deckBreathe{0%,to{box-shadow:0 16px 32px #00000080}50%{box-shadow:0 16px 40px #e8c37a40}}@keyframes emberRise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.9}90%{opacity:.6}to{opacity:0;transform:translateY(-90vh)scale(.4)}}@keyframes steamDrift{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(30px,-40px)}}.name-input,.code-input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;padding:9px 12px}.lobby-screen{background:radial-gradient(1000px 640px at 50% 30%, #78461e38, transparent 62%), linear-gradient(180deg, #080604db, #080604b8), url(/assets/ui/table.png) center/cover no-repeat, var(--wood);flex:1;place-items:center;min-height:100vh;padding:24px;display:grid}.lobby-panel{border:1px solid var(--gold-dim);background:linear-gradient(#2c2118,#190f08);border-radius:20px;width:min(520px,94vw);padding:26px;box-shadow:0 34px 90px #0009}.lobby-panel.wide{width:min(640px,94vw)}.lobby-panel.center{text-align:center;justify-items:center;gap:12px;display:grid}.lobby-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.lobby-head h2{color:var(--gold);margin:0}.lobby-head .ghost{align-items:center;gap:5px;font-size:13px;display:inline-flex}.muted{color:var(--muted)}.err{color:var(--bad);background:#ff5a6a1a;border:1px solid #ff5a6a66;border-radius:8px;margin:10px 0;padding:7px 10px;font-size:13px}.join-row{gap:8px;display:flex}.join-row .code-input{letter-spacing:.3em;text-transform:uppercase;flex:1;font-weight:700}.join-row button{align-items:center;gap:5px;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;display:grid}.form-grid label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:12px;display:flex}.form-grid select{font-size:16px}.primary.big,.big{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:13px;font-size:15px;display:inline-flex}.lobby-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.list-head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.list-head span{align-items:center;gap:6px;display:inline-flex}.lobby-list .empty{text-align:center;padding:22px;font-style:italic}.lobby-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.lobby-card-info{flex-direction:column;display:flex}.lobby-card .code{color:var(--gold);letter-spacing:.12em;font-size:18px}.lobby-card .seats{margin-left:auto;font-size:13px}.lobby-card .primary{padding:7px 16px}.code-banner{border:1px solid var(--gold-dim);background:#e8c37a1a;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-bottom:12px;padding:16px;display:flex}.code-banner .code.big{color:var(--gold);letter-spacing:.18em;font-size:46px;font-weight:900;line-height:1.05}.code-banner .muted{text-transform:uppercase;letter-spacing:.1em;font-size:12px}.seat-list{flex-direction:column;gap:7px;margin:12px 0;display:flex}.seat{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:9px 13px;display:flex}.seat.open{opacity:.55;border-style:dashed}.seat .seat-icon{font-size:18px}.seat .seat-tags{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.seat .host-icon{color:var(--gold)}.you-tag{background:var(--accent);color:#2a1606;border-radius:5px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:800}.waiting{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=780px){.start-screen{grid-template-columns:1fr}.showcase{display:none}.table-layout{grid-template-columns:1fr;overflow-y:auto}.table-main{overflow:visible}.zones{flex:none;overflow:visible}.side{flex-direction:row}.log-list{max-height:110px}}