.ec-w{gap:var(--s6);padding-top:var(--s3);flex-direction:column;min-width:0;display:flex}.ec-w>.ec-summary{margin-top:0}.ec-w-hint{margin:var(--s2) 0 0;font-size:var(--fs-sm);color:var(--muted);line-height:1.5}.ec-w .ec-btn,.ec-w .ec-btn--sm{min-height:40px;font-size:var(--fs-md);padding:8px 16px}.ec-w .ec-btn--lg{min-height:48px;font-size:var(--fs-lg);padding:10px 24px}.ec-w .ec-input,.ec-w .ec-select{min-height:40px}.ec-w .ec-chip{min-height:40px;font-size:var(--fs-md);padding:6px 16px}.ec-w-block{min-width:0}.ec-w-block__title{align-items:center;gap:var(--s2);margin:0 0 var(--s3);font:var(--fw-bold) var(--fs-lg)/1.3 var(--font);color:var(--heading);display:flex}.ec-w-block__title .ec-icon{color:var(--accent)}.ec-w-count{border-radius:var(--r-pill);background:var(--ink-5);min-width:28px;height:24px;color:var(--text);font:var(--fw-bold) var(--fs-sm)/1 var(--font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.ec-w-block__aside{font:var(--fw) var(--fs-sm)/1.3 var(--font);color:var(--muted);text-align:right;margin-left:auto}.ec-w-tablewrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink-2);overflow-x:auto}.ec-w-table th{font-size:var(--fs-sm);padding:12px 14px;position:static}.ec-w-table td{font-size:var(--fs-md);vertical-align:middle;padding:12px 14px}.ec-w-table tbody tr:last-child td{border-bottom:0}.ec-w-table tr.is-dead td{opacity:1;color:var(--faint)}.ec-w-table td .ec-icon{vertical-align:-4px}.ec-w-table td .ec-cost{margin-left:var(--s1)}.ec-w-tag{margin-left:var(--s2)}.ec-w-table .ec-cell-bar{min-width:140px}.ec-w-empty{align-items:center;gap:var(--s1);padding:var(--s6) var(--s4);text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-md);background:var(--ink-2);flex-direction:column;display:flex}.ec-w-empty .ec-icon{color:var(--faint);margin-bottom:var(--s1)}.ec-w-empty strong{font:var(--fw-bold) var(--fs-md)/1.4 var(--font);color:var(--text)}.ec-w-empty span{font-size:var(--fs-sm);max-width:44ch;line-height:1.5}.ec-w-note{align-items:center;gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--info-soft);color:var(--text);border:1px solid #7cbcff66;line-height:1.5;display:flex}.ec-w-note .ec-icon{color:var(--info)}.ec-w-alert{align-items:center;gap:var(--s2);margin-top:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-weight:var(--fw-strong);border:1px solid #ff807780;display:flex}.ec-w-card{padding:var(--s2) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md)}.ec-w-card>.ec-w-hint:last-child{margin-bottom:var(--s2)}.ec-w-stat{justify-content:space-between;align-items:center;gap:var(--s4);min-height:48px;display:flex}.ec-w-stat+.ec-w-stat{border-top:1px solid var(--line)}.ec-w-stat__k{color:var(--muted);font-size:var(--fs-md)}.ec-w-stat__v{font:var(--fw-bold) var(--fs-lg)/1.2 var(--font);font-variant-numeric:tabular-nums}.ec-w-list{gap:var(--s2);flex-direction:column;display:flex}.ec-w-item{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);min-height:64px;display:flex}.ec-w-item__icon{border-radius:var(--r-md);background:var(--ink-4);border:1px solid var(--line);width:44px;height:44px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.ec-w-item__main{min-width:0;font-size:var(--fs-md);flex-direction:column;flex:auto;align-items:flex-start;gap:2px;line-height:1.4;display:flex}.ec-w-item__main>strong{font-weight:var(--fw-bold);color:var(--heading)}.ec-w-item__main>.ec-muted{font-size:var(--fs-sm)}.ec-w-item__line{align-items:center;gap:var(--s2);font-size:var(--fs-sm);flex-wrap:wrap;display:inline-flex}.ec-w-item__main>.ec-btn{margin-top:var(--s2)}.ec-w-item__side{flex-direction:column;flex:0 0 132px;align-items:stretch;gap:4px;display:flex}.ec-w-item__lvl{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-strong)}.ec-w-item--tech{align-items:flex-start}.ec-w-item.is-dim strong{color:var(--muted)}.ec-w-swatch{border-radius:6px;width:20px;height:20px}.ec-w-tallies{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.ec-w-tally{align-items:baseline;gap:var(--s2);padding:var(--s3) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);min-height:48px;display:flex}.ec-w-tally__k{min-width:0;color:var(--muted);flex:auto}.ec-w-tally__v{font:var(--fw-bold) var(--fs-lg)/1.2 var(--font);font-variant-numeric:tabular-nums;color:var(--text)}.ec-w-tally__x{font-size:var(--fs-sm);color:var(--warn);font-weight:var(--fw-strong);flex-basis:100%}.ec-w-tally{flex-wrap:wrap}.ec-w-form{gap:var(--s3);padding:var(--s2) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.ec-w-field .ec-select,.ec-w-field .ec-input{flex:none;width:100%}.ec-w-field .ec-input--num{text-align:left}.ec-w-form__go{grid-column:1/-1;justify-self:start}.ec-w-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.ec-w-keys{grid-template-columns:1fr;gap:0;display:grid}.ec-w-key{align-items:center;gap:var(--s4);border-top:1px solid var(--line);min-height:48px;font-size:var(--fs-md);display:flex}.ec-w-key:first-child{border-top:0}.ec-w-key .ec-kbd{font-size:var(--fs-sm);flex:0 0 56px;padding:4px 8px}@media (width<=760px){.ec-w-item{flex-wrap:wrap}.ec-w-item__side{flex-basis:100%}}.ec-w-table th:first-child,.ec-w-table td:first-child{padding-left:var(--s4)}.ec-w-table td:first-child{min-width:140px}.ec-w-table th:last-child,.ec-w-table td:last-child{padding-right:var(--s4)}.ec-w .ec-side,.ec-w .ec-status,.ec-w .ec-tag{font-size:var(--fs-sm);min-height:26px}.ec-w .ec-bar__text{font-size:var(--fs-sm)}.ec-w .ec-bar{height:24px}.ec-w .ec-select option{font-weight:var(--fw);font-size:var(--fs-md)}.ec-endscreen{background:radial-gradient(60% 50% at 50% 45%,#0b0f1480,#070a0ed1);animation:.25s ease-out ec-end-in}.ec-endscreen .ec-endscreen__card{width:min(520px,100vw - 32px);max-width:none;padding:var(--s8) var(--s8) var(--s6);text-align:center;background:var(--glass-hi);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--sh-3);--end:var(--accent);--end-soft:var(--accent-soft)}.ec-endscreen--win .ec-endscreen__card{--end:var(--gold);--end-soft:var(--gold-soft);border-color:#f2b84b8c}.ec-endscreen--lose .ec-endscreen__card{--end:var(--danger);--end-soft:var(--danger-soft);border-color:#ff807780}.ec-endscreen .ec-endscreen__card>.ec-icon{box-sizing:content-box;width:40px;height:40px;color:var(--end);background:var(--end-soft);border:1px solid var(--end);vertical-align:0;border-radius:50%;margin:0 auto;padding:20px;display:block}.ec-endscreen .ec-endscreen__card h2{margin:var(--s4) 0 var(--s2);font:var(--fw-bold) var(--fs-3xl)/1.1 var(--font);color:var(--end)}.ec-endscreen .ec-endscreen__card p{margin:0 0 var(--s6);font-size:var(--fs-lg);color:var(--text);line-height:1.5}.ec-endscreen .ec-row--center{gap:var(--s3);flex-wrap:wrap}.ec-endscreen .ec-row--center .ec-btn{min-height:48px;font-size:var(--fs-md);padding:10px 22px}@keyframes ec-end-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ec-endscreen{animation:none}}:root{--ink-0:#0b0f14;--ink-1:#10151c;--ink-2:#151c25;--ink-3:#1a212b;--ink-4:#222b37;--ink-5:#2c3746;--glass:#10151ce6;--glass-hi:#1a212bf0;--scrim:#070a0e99;--line:#ffffff1c;--line-strong:#fff3;--text:#eef2f6;--muted:#a9b6c4;--faint:#8795a5;--heading:#fff;--accent:#35d0c4;--accent-2:#2bb8ad;--accent-ink:#052321;--accent-soft:#35d0c429;--gold:#f2b84b;--gold-ink:#231704;--gold-soft:#f2b84b29;--ok:#62d98c;--ok-soft:#62d98c29;--danger:#ffb7b0;--danger-soft:#ff80771a;--warn:#f2b84b;--info:#7cbcff;--info-soft:#7cbcff29;--life:#ffb7b0;--team:var(--faint);--fill-hp:#1e7f55;--fill-loyal:#2766b5;--fill-resist:#b0392f;--fill-progress:#946a0f;--fill-teal:#137f78;--track:#0b0f14;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-xs:13px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:40px;--fw:500;--fw-strong:600;--fw-bold:700;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--r-sm:6px;--r-md:10px;--r-lg:12px;--r-pill:999px;--sh-1:0 1px 2px #0006;--sh-2:0 6px 20px #0006, 0 1px 0 #ffffff0a inset;--sh-3:0 16px 48px #0000008c, 0 1px 0 #ffffff0d inset;--z-hud:5;--z-feed:6;--z-banner:8;--z-window:10;--z-end:14;--z-modal:1000;--z-toast:1100;--bar-h:48px;--dock-w:64px;--mm:200px;--sel-h:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink-1);height:100%;color:var(--text);font:var(--fw) var(--fs-md)/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>.ec-lobby{pointer-events:auto}[hidden]{display:none!important}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--font);font-weight:var(--fw-bold)}*{scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-5);border-radius:var(--r-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#3b495c padding-box padding-box;border:2px solid #0000}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ec-icon{vertical-align:-3px;flex:none}.ec-muted{color:var(--muted)}.ec-faint{color:var(--faint)}.ec-small{font-size:var(--fs-sm)}.ec-strong{font-weight:var(--fw-bold)}.ec-grow{flex:auto;min-width:0}.ec-gold{color:var(--gold);font-weight:var(--fw-bold);align-items:center;gap:4px;display:inline-flex}.ec-life{color:var(--life);font-weight:var(--fw-bold);align-items:center;gap:4px;display:inline-flex}.ec-ok{color:var(--ok);font-weight:var(--fw-strong)}.ec-bad{color:var(--danger);font-weight:var(--fw-strong)}.ec-warn{color:var(--warn);font-weight:var(--fw-strong)}.ec-info{color:var(--info)}.ec-num{text-align:right;font-variant-numeric:tabular-nums lining-nums}.ec-row{align-items:center;gap:var(--s2);min-width:0;display:flex}.ec-row+.ec-row{margin-top:var(--s1)}.ec-row--wrap{row-gap:var(--s1);flex-wrap:wrap}.ec-row--end{margin-top:var(--s3);flex-wrap:wrap;justify-content:space-between}.ec-row--center{justify-content:center}.ec-stack{gap:var(--s2);flex-direction:column;display:flex}.ec-subtitle{margin-top:var(--s2);font:var(--fw-bold) var(--fs-sm)/1.3 var(--font);color:var(--muted)}.ec-btn{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--ink-4);min-height:40px;color:var(--text);font:var(--fw-strong) var(--fs-sm)/1.2 var(--font);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 14px;transition:background .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.ec-btn:hover:not(:disabled){background:var(--ink-5);border-color:#ffffff52}.ec-btn:active:not(:disabled){background:var(--ink-3)}.ec-btn:disabled{opacity:.45;cursor:not-allowed}.ec-btn.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ec-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:var(--fw-bold)}.ec-btn--primary:hover:not(:disabled){background:#5fe0d6;border-color:#5fe0d6}.ec-btn--primary:active:not(:disabled){background:var(--accent-2)}.ec-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:var(--fw-bold)}.ec-btn--gold:hover:not(:disabled){background:#f7c96f;border-color:#f7c96f}.ec-btn--danger{background:var(--danger-soft);color:var(--danger);border-color:#ff80778c}.ec-btn--danger:hover:not(:disabled){border-color:var(--danger);background:#ff80772b}.ec-btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.ec-btn--ghost:hover:not(:disabled){background:var(--ink-4);color:var(--text);border-color:#0000}.ec-btn--sm{min-height:40px;font-size:var(--fs-sm);gap:4px;padding:4px 10px}.ec-btn--lg{min-height:48px;font:var(--fw-bold) var(--fs-lg)/1.1 var(--font);border-radius:var(--r-lg);padding:10px 28px}.ec-btn--icon{width:40px;min-width:40px;padding:0}.ec-btn--icon.ec-btn--sm{width:40px;min-width:40px}.ec-btn--action{white-space:normal;text-align:center;flex-direction:column;gap:4px;min-height:56px;padding:8px 6px;line-height:1.2}.ec-linkbtn{min-height:32px;color:var(--accent);cursor:pointer;font:inherit;font-weight:var(--fw-strong);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;-webkit-text-decoration:underline #35d0c466;text-decoration:underline #35d0c466}.ec-linkbtn:hover{text-decoration-color:currentColor}.ec-link{color:var(--accent)}.ec-input,.ec-select,.ec-textarea{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--ink-1);min-width:0;min-height:40px;color:var(--text);font:var(--fw) var(--fs-md)/1.3 var(--font);padding:6px 10px}.ec-input::placeholder{color:var(--faint)}.ec-input:hover,.ec-select:hover{border-color:#ffffff52}.ec-input:focus-visible,.ec-select:focus-visible,.ec-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.ec-input{flex:auto}.ec-input--num{font-variant-numeric:tabular-nums;width:76px;font-weight:var(--fw-bold);text-align:right;flex:0 0 76px}.ec-select{cursor:pointer;flex:auto;max-width:100%;padding-right:8px}.ec-select option{background:var(--ink-3);color:var(--text)}.ec-slider{height:28px;accent-color:var(--accent);flex:1;min-width:0}.ec-slider__val{text-align:right;width:48px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.ec-stepper{gap:var(--s1)}.ec-field{gap:var(--s1);flex-direction:column;display:flex}.ec-field>label,.ec-label{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-strong)}.ec-check{align-items:center;gap:var(--s2);cursor:pointer;display:inline-flex}.ec-check input{width:18px;height:18px;accent-color:var(--accent)}.ec-chips{gap:var(--s1);flex-wrap:wrap;display:flex}.ec-chip{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--ink-3);min-height:32px;color:var(--text);font:var(--fw-strong) var(--fs-sm)/1.2 var(--font);cursor:pointer;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.ec-chip:hover{border-color:var(--accent);color:var(--accent)}.ec-chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ec-chip--static{cursor:default}.ec-chip--static:hover{border-color:var(--line-strong);color:var(--text)}.ec-chip.is-dim{opacity:.55}.ec-pill,.ec-res{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--ink-3);min-width:0;min-height:32px;color:var(--muted);align-items:center;gap:6px;padding:4px 12px 4px 10px;display:inline-flex}.ec-pill__v,.ec-res__v{font:var(--fw-bold) var(--fs-md)/1.1 var(--font);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.ec-pill--gold,.ec-res--gold{background:var(--gold-soft);color:var(--gold);border-color:#f2b84b59}.ec-pill--gold .ec-pill__v,.ec-res--gold .ec-res__v{color:var(--gold)}.ec-pill--teal{background:var(--accent-soft);color:var(--accent);border-color:#35d0c459}.ec-pill--ok,.ec-res--food{color:var(--ok)}.ec-pill--life,.ec-res--life{background:var(--danger-soft);color:var(--life);border-color:#ff807759}.ec-pill--bad,.ec-res--bad{background:var(--danger-soft);color:var(--danger);border-color:#ff807799;animation:1.4s ease-in-out infinite ec-blink}.ec-pill--bad .ec-pill__v,.ec-res--bad .ec-res__v{color:var(--danger)}.ec-tag,.ec-side,.ec-status{border-radius:var(--r-pill);background:var(--ink-5);min-height:24px;color:var(--text);font:var(--fw-bold) var(--fs-sm)/1.2 var(--font);vertical-align:middle;white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.ec-side--human{color:var(--info);background:#7cbcff33}.ec-side--monster{background:var(--danger-soft);color:var(--danger)}.ec-tag--lobby{background:var(--ok-soft);color:var(--ok)}.ec-tag--playing{background:var(--gold-soft);color:var(--gold)}.ec-tag--ended{background:var(--ink-5);color:var(--muted)}.ec-tag--host{background:var(--gold-soft);color:var(--gold)}.ec-tag--dead,.ec-status--war{background:var(--danger-soft);color:var(--danger)}.ec-status--tense{background:var(--gold-soft);color:var(--gold)}.ec-status--friendly{background:var(--ok-soft);color:var(--ok)}.ec-status--alliance{background:var(--info-soft);color:var(--info)}.ec-badge{border-radius:var(--r-pill);background:var(--danger);color:#1a0907;min-width:20px;height:20px;font:var(--fw-bold) var(--fs-xs)/20px var(--font);font-variant-numeric:tabular-nums;text-align:center;z-index:1;padding:0 5px;position:absolute;top:-4px;right:-4px}.ec-kbd{font:var(--fw-bold) var(--fs-xs)/1.2 var(--font);text-align:center;background:var(--ink-4);border:1px solid var(--line-strong);border-radius:var(--r-sm);min-width:40px;color:var(--text);border-bottom-width:2px;padding:3px 8px;display:inline-block}.ec-swatch{vertical-align:-2px;border:1px solid #ffffff59;border-radius:4px;flex:none;width:14px;height:14px;display:inline-block}.ec-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.ec-dot--on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.ec-dot--off{background:var(--faint)}.ec-bar{border-radius:var(--r-sm);background:var(--track);border:1px solid var(--line);flex:1;min-width:72px;height:22px;position:relative;overflow:hidden}.ec-bar__fill{background:var(--fill-hp);border-radius:inherit;transition:width .2s;position:absolute;inset:0 auto 0 0}.ec-bar--hp .ec-bar__fill{background:var(--fill-hp)}.ec-bar--loyal .ec-bar__fill{background:var(--fill-loyal)}.ec-bar--resist .ec-bar__fill{background:var(--fill-resist)}.ec-bar--progress .ec-bar__fill,.ec-bar--gold .ec-bar__fill{background:var(--fill-progress)}.ec-bar--teal .ec-bar__fill{background:var(--fill-teal)}.ec-bar__text{font:var(--fw-bold) var(--fs-sm)/20px var(--font);font-variant-numeric:tabular-nums;text-align:center;color:#fff;white-space:nowrap;padding:0 6px;display:block;position:relative;overflow:hidden}.ec-cell-bar{min-width:112px}.ec-cell-bar .ec-bar{min-width:96px}.ec-kv{justify-content:space-between;align-items:center;gap:var(--s3);font-size:var(--fs-md);min-height:32px;padding:4px 0;display:flex}.ec-kv+.ec-kv{border-top:1px solid var(--line)}.ec-kv__k{color:var(--muted);max-width:52%;font-size:var(--fs-sm);flex:none}.ec-kv__v{align-items:center;gap:var(--s1);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;justify-content:flex-end;min-width:0;display:flex}.ec-section{margin-top:var(--s4)}.ec-section__title{align-items:center;gap:var(--s2);font:var(--fw-bold) var(--fs-md)/1.3 var(--font);color:var(--heading);padding-bottom:var(--s2);margin-bottom:var(--s2);border-bottom:1px solid var(--line);display:flex}.ec-section__title .ec-icon{color:var(--accent)}.ec-list{margin-top:var(--s1)}.ec-job{align-items:center;gap:var(--s2);font-size:var(--fs-sm);margin:var(--s1) 0;display:flex}.ec-empty{align-items:center;gap:var(--s2);padding:var(--s4);color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--r-md);text-align:center;justify-content:center;display:flex}.ec-card{min-width:0;padding:var(--s5);background:var(--glass-hi);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);color:var(--text);position:relative}.ec-card__head{justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s3);padding-bottom:var(--s3);border-bottom:1px solid var(--line);display:flex}.ec-card__head h2{font-size:var(--fs-xl);color:var(--heading);align-items:center;gap:var(--s2);flex-wrap:wrap;margin:0;line-height:1.2;display:flex}.ec-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums lining-nums}.ec-table th{white-space:nowrap;text-align:left;font:var(--fw-strong) var(--fs-sm)/1.2 var(--font);color:var(--muted);background:var(--ink-4);border-bottom:1px solid var(--line-strong);z-index:1;padding:10px 12px;position:sticky;top:0}.ec-table th:first-child{border-top-left-radius:var(--r-sm)}.ec-table th:last-child{border-top-right-radius:var(--r-sm)}.ec-table th.ec-num{text-align:right}.ec-table td{border-bottom:1px solid var(--line);white-space:nowrap;font-size:var(--fs-md);padding:10px 12px}.ec-table tbody tr:nth-child(2n) td{background:#ffffff06}.ec-table tr.is-dead td{opacity:.5}.ec-table tr.is-click{cursor:pointer}.ec-table tr.is-click:hover td{background:var(--accent-soft);color:var(--text)}.ec-summary{gap:var(--s2);margin-top:var(--s2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ec-summary__item{column-gap:var(--s3);padding:var(--s3) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.ec-summary__item .ec-icon{color:var(--accent);grid-row:1/3}.ec-summary__item b{font:var(--fw-bold) var(--fs-xl)/1.15 var(--font);font-variant-numeric:tabular-nums;color:var(--text)}.ec-summary__item span{font-size:var(--fs-sm);color:var(--muted);line-height:1.3}.ec-summary__item--gold .ec-icon,.ec-summary__item--gold b{color:var(--gold)}.ec-summary__item--life .ec-icon,.ec-summary__item--life b{color:var(--life)}.ec-summary__item.is-bad b,.ec-summary__item.is-bad .ec-icon{color:var(--danger)}.ec-tabs{gap:var(--s1);border-bottom:1px solid var(--line);align-items:flex-end;display:flex}.ec-tab{min-height:40px;color:var(--muted);font:var(--fw-strong) var(--fs-md)/1.2 var(--font);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;display:inline-flex}.ec-tab:hover{color:var(--text)}.ec-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.ec-window{top:calc(var(--bar-h) + var(--s4));left:var(--dock-w);z-index:var(--z-window);width:720px;max-width:calc(100vw - var(--dock-w) - 32px);max-height:calc(100vh - var(--bar-h) - 32px);background:var(--glass);border:1px solid var(--line-strong);border-radius:var(--r-lg);min-height:0;box-shadow:var(--sh-3);flex-direction:column;margin-inline:auto;display:flex;position:absolute;right:0;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ec-window{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10151ce0}}.ec-window--sm{width:480px}.ec-window--md{width:720px}.ec-window--lg{width:920px}.ec-window__head{align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s5);border-bottom:1px solid var(--line);background:var(--ink-3);display:flex}.ec-window__icon{color:var(--accent);display:flex}.ec-window__head h3,.ec-window__title{font:var(--fw-bold) var(--fs-xl)/1.2 var(--font);color:var(--heading);margin:0}.ec-window__tabs{padding:0 var(--s5);background:var(--ink-3)}.ec-window__tabs .ec-tabs{border-bottom:0}.ec-window__body{padding:var(--s2) var(--s5) var(--s6);min-height:0;font-size:var(--fs-md);overflow:auto}.ec-window__body>.ec-section:first-child,.ec-window__body>.ec-table:first-child{margin-top:var(--s3)}.ec-window__foot{justify-content:flex-end;gap:var(--s2);padding:var(--s3) var(--s5);border-top:1px solid var(--line);background:var(--ink-3);display:flex}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;pointer-events:none;opacity:0;visibility:hidden;border-radius:var(--r-md);background:var(--ink-0);border:1px solid var(--line-strong);box-shadow:var(--sh-2);color:var(--text);font:var(--fw-strong) var(--fs-sm)/1.3 var(--font);white-space:nowrap;padding:6px 12px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(2px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.ec-tip--right:after{top:50%;bottom:auto;left:calc(100% + 10px);transform:translateY(-50%)translate(-2px)}.ec-tip--right:hover:after,.ec-tip--right:focus-visible:after{transform:translateY(-50%)translate(0)}.ec-tip--bottom:after{top:calc(100% + 8px);bottom:auto}.ec-tip--left:after{inset:50% calc(100% + 10px) auto auto;transform:translateY(-50%)}.ec-tip--left:hover:after{transform:translateY(-50%)}.ec-layer{pointer-events:none;z-index:var(--z-modal);position:fixed;inset:0}.ec-backdrop{background:var(--scrim);pointer-events:auto;padding:var(--s4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ec-modal{width:min(460px,100%);padding:var(--s6);background:var(--glass-hi);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--sh-3);color:var(--text);animation:.14s ease-out ec-pop}.ec-modal--danger{border-color:#ff807780}.ec-modal__head{align-items:center;gap:var(--s2);color:var(--accent);display:flex}.ec-modal--danger .ec-modal__head{color:var(--danger)}.ec-modal__head h3{font-size:var(--fs-xl);color:var(--heading);margin:0;line-height:1.2}.ec-modal__msg{margin:var(--s3) 0 var(--s6);line-height:1.55;font-size:var(--fs-md);color:var(--text)}.ec-modal__actions{justify-content:flex-end;gap:var(--s2);display:flex}.ec-toasts{top:calc(var(--bar-h) + var(--s4));align-items:center;gap:var(--s2);width:max-content;max-width:calc(100vw - 32px);z-index:var(--z-toast);pointer-events:none;flex-direction:column;margin-inline:auto;display:flex;position:fixed;left:0;right:0}.ec-toast{pointer-events:auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);cursor:pointer;background:var(--glass-hi);max-width:min(560px,100vw - 32px);color:var(--text);border:1px solid var(--line-strong);border-left:4px solid var(--info);border-radius:var(--r-md);box-shadow:var(--sh-2);font:var(--fw) var(--fs-md)/1.35 var(--font);transition:opacity .25s;animation:.14s ease-out ec-pop;display:flex}.ec-toast--ok{border-left-color:var(--ok)}.ec-toast--ok .ec-icon{color:var(--ok)}.ec-toast--warn{border-left-color:var(--warn)}.ec-toast--warn .ec-icon{color:var(--warn)}.ec-toast--error{border-left-color:var(--danger)}.ec-toast--error .ec-icon{color:var(--danger)}.ec-toast--info .ec-icon{color:var(--info)}.ec-toast--out{opacity:0}@keyframes ec-pop{0%{opacity:0}to{opacity:1}}@keyframes ec-blink{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.ec-modal,.ec-toast,.ec-pill--bad,.ec-res--bad{animation:none}.ec-bar__fill,.ec-btn{transition:none}}.ec-kv:has(>.ec-kbd){justify-content:flex-start;gap:var(--s4)}.ec-kv:has(>.ec-kbd) .ec-kv__v{text-align:left;justify-content:flex-start}.ec-hud{pointer-events:none;font-size:var(--fs-md);position:absolute;inset:0}.ec-pe{pointer-events:auto}.ec-topbar,.ec-dock,.ec-selcard,.ec-mmcard,.ec-selhint,.ec-banner,.ec-feed__item,.ec-feed__btn{background:var(--glass);border:1px solid var(--line);box-shadow:var(--sh-2)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ec-topbar,.ec-dock,.ec-selcard,.ec-mmcard,.ec-selhint,.ec-banner,.ec-feed__item,.ec-feed__btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10151cdb}}.ec-topbar{height:var(--bar-h);z-index:var(--z-hud);align-items:center;gap:var(--s4);padding:0 var(--s3) 0 var(--s4);color:var(--text);border-width:0 0 1px;border-radius:0;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);display:grid;position:absolute;top:0;left:0;right:0}.ec-topbar__left{align-items:center;min-width:0;display:flex}.ec-topbar__mid{justify-content:center;align-items:center;min-width:0;display:flex}.ec-topbar__right{justify-content:flex-end;align-items:center;gap:var(--s3);min-width:0;display:flex}.ec-who{align-items:center;gap:var(--s3);min-width:0;display:flex}.ec-crest{border-radius:var(--r-md);width:34px;height:34px;color:var(--text);background:color-mix(in srgb, var(--team,var(--faint)) 32%, var(--ink-3));border:2px solid var(--team,var(--faint));flex:none;justify-content:center;align-items:center;display:inline-flex}.ec-crest--watch{--team:var(--faint)}.ec-who__text{align-items:center;gap:var(--s2);min-width:0;display:flex}.ec-who__name{font:var(--fw-bold) var(--fs-md)/1.2 var(--font);color:var(--heading);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ec-who__sub{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;display:flex}.ec-resbar{align-items:center;gap:var(--s2);flex-wrap:nowrap;display:flex}.ec-clock{align-items:center;gap:var(--s2);border-radius:var(--r-pill);background:var(--ink-3);border:1px solid var(--line);white-space:nowrap;padding:4px 12px;display:flex}.ec-clock .ec-icon{color:var(--accent)}.ec-clock__day{font:var(--fw-bold) var(--fs-md)/1 var(--font);color:var(--heading);font-variant-numeric:tabular-nums}.ec-clock__time{font:var(--fw-strong) var(--fs-md)/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums}.ec-dock{left:8px;top:calc(var(--bar-h) + 12px);z-index:var(--z-hud);width:calc(var(--dock-w) - 8px);padding:var(--s2) 0;border-radius:var(--r-lg);align-items:center;gap:var(--s1);flex-direction:column;display:flex;position:absolute}.ec-dock__items{align-items:center;gap:var(--s1);flex-direction:column;width:100%;display:flex}.ec-dock__btn{border-radius:var(--r-md);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:flex;position:relative}.ec-dock__btn:hover{background:var(--ink-4);color:var(--text)}.ec-dock__btn.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ec-dock__btn .ec-badge{top:-2px;right:-2px}.ec-dock__sep{background:var(--line);width:28px;height:1px;margin:var(--s1) 0}.ec-dock__btn:after{left:calc(100% + 14px)}.ec-mmcard{z-index:var(--z-hud);padding:var(--s2);border-radius:var(--r-lg);position:absolute;bottom:8px;left:8px}.ec-mm-slot{width:var(--mm);height:var(--mm);border-radius:var(--r-md);background:var(--ink-0);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ec-mm-slot>canvas{display:block}.ec-mm-slot.is-legacy{align-items:center}.ec-selcard{z-index:var(--z-hud);width:var(--selcard-w);height:var(--selcard-h);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scrollbar-gutter:stable;border-radius:var(--r-lg);padding:0;position:absolute;bottom:12px;right:12px;overflow:hidden auto}:root{--selcard-w:min(480px, calc(100vw - var(--dock-w) - var(--mm) - 56px));--selcard-h:min(62vh, 560px)}.ec-selcard .ec-sel__body{grid-template-columns:minmax(0,1fr)!important}.ec-selcard .ec-sel__title{white-space:normal;font-size:var(--fs-lg)}.ec-selhint{bottom:12px;left:calc(var(--mm) + 32px);z-index:var(--z-hud);width:max-content;max-width:calc(100vw - var(--mm) - 64px);align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-sm);margin-inline:auto;display:flex;position:absolute;right:16px}.ec-selhint .ec-icon{color:var(--accent)}.ec-feed{top:calc(var(--bar-h) + 8px);max-height:calc(100vh - var(--bar-h) - var(--sel-h,0px) - 24px);z-index:var(--z-feed);width:min(400px, calc(100vw - var(--dock-w) - 24px));align-items:flex-end;gap:var(--s1);flex-direction:column;display:flex;position:absolute;right:12px;overflow:hidden}.ec-feed__list{align-items:flex-end;gap:var(--s1);flex-direction:column;width:100%;max-height:52vh;display:flex;overflow:auto}.ec-feed__item{align-items:flex-start;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);border-radius:var(--r-md);color:var(--text);text-align:left;font:var(--fw) var(--fs-sm)/1.4 var(--font);cursor:default;transition:opacity .4s;display:flex}.ec-feed__item.is-loc{cursor:pointer}.ec-feed__item.is-loc:hover{border-color:var(--accent)}.ec-feed__item .ec-icon{color:var(--muted);margin-top:2px}.ec-feed__item.is-mine .ec-icon{color:var(--gold)}.ec-feed__item.is-mine{border-left:3px solid var(--gold)}.ec-feed__item.is-age1{opacity:.82}.ec-feed__item.is-age2{opacity:.62}.ec-feed__item:hover{opacity:1}.ec-feed__t{min-width:44px;font:var(--fw-bold) var(--fs-sm)/1.4 var(--font);font-variant-numeric:tabular-nums;color:var(--accent);flex:none}.ec-feed__text{min-width:0;font-size:var(--fs-sm)}.ec-feed__btn{border-radius:var(--r-pill);min-height:40px;color:var(--muted);font:var(--fw-strong) var(--fs-sm)/1 var(--font);cursor:pointer;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.ec-feed__btn:hover,.ec-feed.is-open .ec-feed__btn{color:var(--accent);border-color:var(--accent)}.ec-feed__empty{padding:var(--s2) var(--s3);color:var(--muted);font-size:var(--fs-sm);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md)}.ec-feed.is-open .ec-feed__item{opacity:1}.ec-banner{top:calc(var(--bar-h) + 12px);left:var(--dock-w);z-index:var(--z-banner);width:max-content;max-width:calc(100vw - var(--dock-w) - 440px);align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:var(--r-pill);border-color:var(--accent);color:var(--text);font:var(--fw-strong) var(--fs-md)/1.3 var(--font);margin-inline:auto;display:flex;position:absolute;right:0}.ec-banner>.ec-icon{color:var(--accent)}.ec-banner .ec-muted{color:var(--muted);font-weight:var(--fw)}.ec-overlay-host{pointer-events:none;z-index:var(--z-end);position:absolute;inset:0}.ec-overlay-host:empty{display:none}.ec-endscreen{background:var(--scrim);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ec-endscreen__card{text-align:center;padding:var(--s8) 40px;background:var(--glass-hi);border:1px solid var(--line-strong);border-radius:var(--r-lg);max-width:min(520px,100vw - 32px);box-shadow:var(--sh-3);color:var(--text)}.ec-endscreen__card>.ec-icon{width:48px;height:48px}.ec-endscreen__card h2{font:var(--fw-bold) var(--fs-3xl)/1.1 var(--font);margin:var(--s3) 0;color:var(--heading)}.ec-endscreen__card p{margin:0 0 var(--s6);font-size:var(--fs-lg);color:var(--text);line-height:1.5}.ec-endscreen--win .ec-endscreen__card{border-color:#f2b84b99}.ec-endscreen--win .ec-endscreen__card>.ec-icon,.ec-endscreen--win h2{color:var(--gold)}.ec-endscreen--lose .ec-endscreen__card{border-color:#ff807780}.ec-endscreen--lose .ec-endscreen__card>.ec-icon,.ec-endscreen--lose h2{color:var(--danger)}@media (width<=1099px){:root{--dock-w:56px;--mm:168px}.ec-topbar{gap:var(--s2);padding-left:var(--s3);grid-template-columns:minmax(120px,1fr) auto minmax(150px,1fr)}.ec-dock{width:calc(var(--dock-w) - 6px);left:6px}.ec-dock__btn{width:40px;height:40px}.ec-pill,.ec-res{padding:4px 10px 4px 8px}.ec-feed{width:min(340px, calc(100vw - var(--dock-w) - 16px))}.ec-banner{max-width:calc(100vw - var(--dock-w) - 24px);top:calc(var(--bar-h) + 8px)}}@media (height<=760px){:root{--mm:168px}.ec-feed__list{max-height:40vh}}.ec-selcard.is-more:after{content:"";pointer-events:none;background:linear-gradient(#10151c00,#10151cf5);height:28px;margin-top:-28px;display:block;position:sticky;bottom:0}.ec-sel{font-size:var(--fs-md)}.ec-sel__head{z-index:3;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4) var(--s2) var(--s3);border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;background:#1a212b;display:flex;position:sticky;top:0}.ec-sel__icon{width:56px;height:56px;color:var(--text);background:var(--ink-4);border:1px solid var(--line-strong);border-bottom:4px solid var(--team,var(--faint));border-radius:var(--r-md);flex:none;justify-content:center;align-items:center;display:flex}.ec-sel__titles{flex:1;min-width:0}.ec-sel__title{font:var(--fw-bold) var(--fs-xl)/1.2 var(--font);color:var(--heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ec-sel__title .ec-muted{font:var(--fw) var(--fs-md) var(--font)}.ec-sel__sub{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:var(--s1);flex-wrap:wrap;margin-top:2px;display:flex}.ec-sel__aside{gap:var(--s2);flex:none;display:flex}.ec-sel__body{gap:var(--s3) var(--s5);padding:var(--s3) var(--s4) var(--s4);grid-template-columns:minmax(250px,.9fr) minmax(0,1.3fr);align-items:start;display:grid}.ec-sel__body--town{grid-template-columns:minmax(330px,1.3fr) minmax(0,1fr)}.ec-sel__body--solo>.ec-sel__stats:only-child{gap:var(--s2) var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.ec-sel__body--solo{grid-template-columns:minmax(0,1fr)}.ec-sel__body>:only-child{grid-column:1/-1}.ec-sel__stats,.ec-sel__pane{gap:var(--s2);flex-direction:column;min-width:0;display:flex}.ec-sel__pane .ec-sections>.ec-section:first-child{margin-top:0}.ec-sel__drawer{margin:0 var(--s4) var(--s4);padding:var(--s3) var(--s4) var(--s4);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md)}.ec-sel__drawer>:first-child{margin-top:0}.ec-statgrid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.ec-stat{column-gap:var(--s2);padding:var(--s2) var(--s3);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;color:var(--accent);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.ec-stat>.ec-icon{grid-row:1/3}.ec-stat:not(:has(>.ec-icon)){grid-template-columns:1fr}.ec-stat__v{font:var(--fw-bold) var(--fs-xl)/1.15 var(--font);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.ec-stat__k{font-size:var(--fs-sm);color:var(--muted);line-height:1.25}.ec-stat--gold{color:var(--gold)}.ec-stat--life{color:var(--life)}.ec-stat--ok{color:var(--ok)}.ec-stat--bad{color:var(--danger)}.ec-stat--teal{color:var(--accent)}.ec-meter{flex-direction:column;gap:2px;display:flex}.ec-meter__k{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-strong)}.ec-meter .ec-bar{height:24px}.ec-meter .ec-bar__text{line-height:22px;font-size:var(--fs-sm)}.ec-kv .ec-bar{min-width:168px;height:22px}.ec-actions{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;display:grid}.ec-actions>.ec-muted{font-size:var(--fs-sm);grid-column:1/-1}.ec-actions .ec-btn--action{min-height:60px;font-size:var(--fs-sm)}.ec-actions .ec-btn--action:disabled{opacity:.6}.ec-actions .ec-btn--action.is-active{box-shadow:0 0 0 1px var(--accent) inset}.ec-sections{flex-direction:column;display:flex}.ec-sections--grid{gap:var(--s2) var(--s5);padding:0 var(--s4) var(--s4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.ec-sections--grid>.ec-section{margin-top:0}.ec-sections>.ec-section .ec-section{margin-top:var(--s3)}.ec-sections>.ec-section>.ec-section__title{border-bottom:0;padding-bottom:0}.ec-sel .ec-row{row-gap:var(--s1);flex-wrap:wrap}.ec-sel .ec-row+.ec-row{margin-top:var(--s2)}.ec-row--field{gap:var(--s3)}.ec-seltabs{margin-bottom:var(--s1)}.ec-seltabs .ec-tab{min-height:40px;font-size:var(--fs-md);padding:6px 12px}.ec-tab__n{border-radius:var(--r-pill);background:var(--ink-5);min-width:22px;height:22px;color:var(--text);font:var(--fw-bold) var(--fs-sm)/1 var(--font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.ec-tab.is-active .ec-tab__n{background:var(--accent-soft);color:var(--accent)}.ec-item{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);margin-top:var(--s2);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);display:flex}.ec-item--empty{color:var(--muted);background:0 0;border-style:dashed}.ec-item__main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ec-item__name{align-items:center;gap:var(--s2);font-size:var(--fs-md);flex-wrap:wrap;display:flex}.ec-item__name .ec-icon{color:var(--accent)}.ec-item__cost{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.ec-item__cost .ec-cost{gap:var(--s2);display:inline-flex}.ec-item__sub{font-size:var(--fs-sm);color:var(--muted);line-height:1.35}.ec-item__btns{gap:var(--s1);flex:none;display:flex}.ec-item>.ec-btn{flex:none}.ec-item .ec-pill{min-height:28px;padding:2px 10px 2px 8px}.ec-item .ec-pill__v{font-size:var(--fs-sm)}.ec-cost{gap:var(--s2);display:inline-flex}.ec-cost .ec-pill{min-height:28px;padding:2px 10px 2px 8px}.ec-cost .ec-pill__v{font-size:var(--fs-sm)}.ec-sel .ec-muted.ec-small,.ec-sel .ec-subtitle{line-height:1.4}.ec-alert{align-items:flex-start;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.4;font-weight:var(--fw-strong);display:flex}.ec-alert .ec-icon{margin-top:1px}.ec-alert--bad{background:var(--danger-soft);color:var(--danger);border:1px solid #ff807766}.ec-groups{gap:var(--s2);flex-direction:column;min-width:0;display:flex}.ec-groups__title{font:var(--fw-bold) var(--fs-sm)/1.3 var(--font);color:var(--muted)}.ec-group{align-items:center;gap:var(--s2);font-size:var(--fs-md);grid-template-columns:14px minmax(0,1fr) 40px minmax(172px,1.5fr);display:grid}.ec-group__race{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ec-group__n{text-align:right;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.ec-group .ec-bar{min-width:0}.ec-occupants{gap:var(--s1);flex-direction:column;display:flex}.ec-occ{align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:minmax(0,1fr) 64px auto auto auto;display:grid}.ec-occ.is-cmdr{border-color:var(--gold);background:var(--gold-soft)}.ec-occ .ec-btn--icon{width:40px;min-width:40px;min-height:40px}.ec-occ__main{align-items:center;gap:var(--s2);color:var(--text);font:var(--fw-strong) var(--fs-md) var(--font);cursor:pointer;min-width:0;min-height:36px;padding:0 var(--s1);white-space:nowrap;text-align:left;background:0 0;border:0;display:flex;overflow:hidden}.ec-occ__main:hover,.ec-occ__main .ec-icon{color:var(--accent)}.ec-occ__main .ec-muted{font-weight:var(--fw);font-size:var(--fs-sm)}.ec-occ__hp .ec-bar{min-width:0;height:10px}.ec-occ__hp .ec-bar__text{display:none}.ec-buildmenu,.ec-spymenu{margin-top:0}.ec-buildmenu>.ec-section__title,.ec-spymenu>.ec-section__title{margin-bottom:var(--s3)}.ec-buildgrid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(136px,1fr));display:grid}.ec-buildbtn{column-gap:var(--s2);row-gap:var(--s1);text-align:left;padding:var(--s2);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--ink-4);min-height:76px;color:var(--text);font:var(--fw) var(--fs-sm) var(--font);cursor:pointer;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"ic name""cost cost";align-items:center;display:grid}.ec-buildbtn__icon{border-radius:var(--r-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);grid-area:ic;justify-content:center;align-items:center;display:flex}.ec-buildbtn:hover:not(:disabled){border-color:var(--accent);background:var(--ink-5)}.ec-buildbtn:disabled{opacity:.6;cursor:not-allowed}.ec-buildbtn:disabled .ec-buildbtn__icon{background:var(--ink-5);color:var(--muted)}.ec-buildbtn__name{line-height:1.2;font:var(--fw-bold) var(--fs-sm)/1.2 var(--font);grid-area:name}.ec-buildbtn__cost{flex-wrap:wrap;grid-area:cost;gap:4px;min-width:0;display:flex}.ec-spymenu .ec-actions{margin-top:var(--s3);grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.ec-techrow{align-items:center;gap:var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line);display:flex}.ec-techrow .ec-bar{flex:0 0 112px}.ec-armyrow+.ec-armyrow{margin-top:var(--s1)}.ec-chips--lg{gap:var(--s2)}.ec-chip--kind{min-height:44px;font-size:var(--fs-md);padding:6px 16px}.ec-chip--kind .ec-icon{color:var(--accent)}.ec-chip__n{border-radius:var(--r-pill);background:var(--ink-5);font-variant-numeric:tabular-nums;padding:1px 8px}@media (width<=860px){.ec-sel__body{grid-template-columns:minmax(0,1fr)}}.ec-sel__pane .ec-seltabs+.ec-sections>.ec-section:first-child>.ec-section__title:not(:has(.ec-btn)){display:none}.ec-sel__menu{padding:0}.ec-seg{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.ec-seg__btn{border-radius:calc(var(--r-md) - 3px);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ec-seg__btn:hover{background:var(--ink-4);color:var(--text)}.ec-seg__btn.is-active{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.ec-seg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ec-formation__note{color:var(--accent);font-weight:var(--fw-strong)}.ec-ficon{flex:none}.ec-ficon circle{fill:currentColor;fill-opacity:.3}.ec-seg__btn.is-active .ec-ficon circle{fill-opacity:.6}.ec-formation-cards{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ec-fcard{align-items:flex-start;gap:var(--s1);padding:var(--s3) var(--s4);text-align:left;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);min-height:120px;color:var(--text);font:var(--fw) var(--fs-md)/1.35 var(--font);cursor:pointer;flex-direction:column;display:flex}.ec-fcard:hover{background:var(--ink-4)}.ec-fcard.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.ec-fcard__ic{color:var(--accent)}.ec-fcard .ec-ficon circle{fill:currentColor;fill-opacity:.3}.ec-fcard strong{font-weight:var(--fw-bold);color:var(--heading)}.ec-fcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ec-equip{gap:var(--s2) var(--s5);flex-wrap:wrap;align-items:center;min-height:32px;display:flex}.ec-equip__item{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);display:inline-flex}.ec-equip__item .ec-icon{color:var(--faint)}.ec-equip__item.is-on .ec-icon{color:var(--gold)}.ec-equip__k{font-weight:var(--fw-strong)}.ec-equip__v{color:var(--text);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;min-width:28px}.ec-pips{gap:4px;display:inline-flex}.ec-pip{background:var(--ink-1);border:1px solid var(--line-strong);border-radius:3px;width:18px;height:10px}.ec-pip.is-on{background:var(--gold);border-color:var(--gold)}.ec-equip-sum{gap:var(--s2);flex-direction:column;display:flex}.ec-equip-sum__row{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.ec-equip-sum__row>strong{color:var(--heading);flex:0 0 72px}.ec-carry{align-items:center;gap:var(--s2);display:flex}.ec-carry__ic{color:var(--gold);display:inline-flex}.ec-carry .ec-bar{flex:auto}.ec-sel__body--multi{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media (width<=1100px){.ec-sel__body--multi{grid-template-columns:minmax(0,1fr)}}.ec-stockgrid{gap:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=760px){.ec-stockgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ec-w-hint--flush{margin-top:calc(var(--s3) * -1)}.ec-stockcard{gap:var(--s1);padding:var(--s3);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;min-width:0;display:flex}.ec-stockcard__head{align-items:center;gap:var(--s2);color:var(--muted);font-weight:var(--fw-strong);font-size:var(--fs-md);display:flex}.ec-stockcard__head .ec-icon{color:var(--accent)}.ec-stockcard__v{font:var(--fw-bold) var(--fs-2xl)/1.1 var(--font);font-variant-numeric:tabular-nums;color:var(--text)}.ec-stockcard__rate{font:var(--fw-strong) var(--fs-md)/1.3 var(--font);font-variant-numeric:tabular-nums}.ec-stockcard__cap{font-size:var(--fs-sm);color:var(--muted);line-height:1.4}.ec-stockcard--gold .ec-stockcard__head .ec-icon,.ec-stockcard--gold .ec-stockcard__v{color:var(--gold)}.ec-stockcard.is-bad{border-color:#ff80778c}.ec-stockcard.is-bad .ec-stockcard__v{color:var(--danger)}.ec-alerts{gap:var(--s2);flex-direction:column;display:flex}.ec-alerts .ec-w-alert{margin-top:0}.ec-w-alert--warn{background:var(--gold-soft,#f2b84b1f);color:var(--gold);border-color:#f2b84b80}.ec-flags{flex-wrap:wrap;gap:6px;display:flex}.ec-flag{border-radius:var(--r-pill);font:var(--fw-strong) var(--fs-sm)/1.3 var(--font);white-space:normal;border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.ec-flag--ok{color:var(--ok);background:var(--ok-soft,#6ed28c1f);border-color:#6ed28c66}.ec-flag--warn{color:var(--gold);background:var(--gold-soft,#f2b84b1f);border-color:#f2b84b73}.ec-flag--bad{color:var(--danger);background:var(--danger-soft);border-color:#ff807780}.ec-flag--info{color:var(--info);background:var(--info-soft);border-color:#7cbcff66}.ec-w-table tr.is-dim td{color:var(--faint)}.ec-w-table tr.is-dim td strong{color:var(--muted);font-weight:var(--fw-strong)}.ec-w--economy .ec-w-table td.ec-flags{min-width:180px}.ec-w--economy .ec-w-table td:first-child{white-space:nowrap}.ec-ptiles{gap:var(--s2);margin-bottom:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.ec-ptile{column-gap:var(--s3);padding:var(--s3) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.ec-ptile .ec-icon{color:var(--accent);grid-row:1/3}.ec-ptile b{font:var(--fw-bold) var(--fs-xl)/1.15 var(--font);font-variant-numeric:tabular-nums}.ec-ptile span{font-size:var(--fs-sm);color:var(--muted);line-height:1.3}.ec-ptile.is-on .ec-icon,.ec-ptile.is-on b,.ec-ptile.is-warn .ec-icon,.ec-ptile.is-warn b{color:var(--gold)}.ec-ptile.is-bad .ec-icon,.ec-ptile.is-bad b{color:var(--danger)}.ec-w--economy .ec-chips--static{margin-bottom:var(--s3)}.ec-w-key .ec-kbd{white-space:nowrap;flex-basis:104px}.ec-porter__state{font:var(--fw-strong) var(--fs-md)/1.4 var(--font)}.ec-buildgroup{margin-top:var(--s3)}.ec-buildgroup__title{align-items:center;gap:var(--s2);margin-bottom:var(--s2);font:var(--fw-bold) var(--fs-md)/1.2 var(--font);color:var(--heading);display:flex}.ec-buildgroup__title .ec-icon{color:var(--accent)}.ec-buildmenu .ec-buildgrid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}.ec-buildbtn{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"ic name""cost cost""hint hint";min-height:0}.ec-buildbtn__icon{width:36px;height:36px}.ec-buildbtn__name{justify-content:space-between;align-items:baseline;gap:var(--s2);font-size:var(--fs-md);display:flex}.ec-buildbtn__size{font:var(--fw) var(--fs-sm) var(--font);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ec-buildbtn__hint{align-items:center;gap:var(--s1);font:var(--fw) var(--fs-sm)/1.25 var(--font);color:var(--accent);grid-area:hint;display:flex}.ec-buildbtn__hint--bad{color:var(--danger)}.ec-buildbtn.is-short{opacity:1;background:var(--ink-3);cursor:not-allowed;border-style:dashed}.ec-buildbtn.is-short .ec-buildbtn__name{color:var(--muted)}.ec-buildbtn.is-short .ec-buildbtn__icon{opacity:.6}.ec-buildbtn .ec-pill.is-short,.ec-pill.is-short{background:var(--danger-soft);border-color:#ff807799}.ec-pill.is-short .ec-pill__v,.ec-pill.is-short .ec-icon{color:var(--danger)}.ec-buildbtn:disabled .ec-pill{border-color:var(--line)}.ec-buildbtn:disabled .ec-pill.is-short{border-color:#ff807799}.ec-bstatus{align-items:center;gap:var(--s1);border:1px solid var(--line-strong);min-height:28px;font:var(--fw-bold) var(--fs-sm)/1 var(--font);white-space:nowrap;border-radius:999px;padding:2px 10px 2px 8px;display:inline-flex}.ec-bstatus--ok{color:var(--ok);background:var(--ok-soft);border-color:#62d98c66}.ec-bstatus--warn{color:var(--warn);background:var(--gold-soft);border-color:#f2b84b73}.ec-bstatus--bad{color:var(--danger);background:var(--danger-soft);border-color:#ff807780}.ec-bstatus--info{color:var(--info);background:var(--info-soft);border-color:#7cbcff66}.ec-goodchip{border-radius:var(--r-sm);background:var(--ink-4);border:1px solid var(--line);min-height:28px;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;align-items:center;gap:5px;padding:2px 9px 2px 7px;display:inline-flex}.ec-goodchip .ec-icon{color:var(--accent)}.ec-goodchip b{font-variant-numeric:tabular-nums;color:var(--heading)}.ec-recipes{gap:var(--s2);margin:var(--s2) 0;flex-direction:column;display:flex}.ec-recipe{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.ec-recipe__in{align-items:center;gap:var(--s1);flex-wrap:wrap;display:inline-flex}.ec-recipe__plus{color:var(--muted);font-weight:var(--fw-bold)}.ec-recipe__arrow{color:var(--accent);display:inline-flex}.ec-recipe__rate{font:var(--fw-bold) var(--fs-sm) var(--font);color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.ec-recipe__note{font-size:var(--fs-sm);flex-basis:100%}.ec-goodrow{align-items:center;gap:var(--s3);grid-template-columns:minmax(132px,.8fr) minmax(0,1.2fr);padding:3px 0;display:grid}.ec-goodrow__k{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-strong);flex-wrap:wrap;min-width:0;display:inline-flex}.ec-goodrow__k .ec-icon{color:var(--accent)}.ec-goodrow__price{margin-left:var(--s1);background:var(--gold-soft);color:var(--gold);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;padding:0 7px}.ec-goodrow .ec-bar{min-width:0;height:22px}.ec-stockpile{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);margin:var(--s2) 0;border-radius:var(--r-md);background:var(--ok-soft);font-size:var(--fs-sm);color:var(--text);border:1px solid #62d98c4d;display:flex}.ec-stockpile b{color:var(--ok);font-variant-numeric:tabular-nums}.ec-porters{align-items:center;gap:var(--s1) var(--s3);margin:var(--s2) 0;font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.ec-porters__n{align-items:center;gap:var(--s2);font-weight:var(--fw-bold);color:var(--text);display:inline-flex}.ec-porters__n .ec-icon{color:var(--accent)}.ec-porters__n.is-low,.ec-porters__n.is-low .ec-icon{color:var(--warn)}.ec-links{align-items:center;gap:var(--s2);margin-top:var(--s1);flex-wrap:wrap;display:flex}.ec-warnline{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);margin-top:var(--s2);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);border:1px solid #ff807766;display:flex}.ec-tierrow{align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s2);grid-template-columns:minmax(0,1fr) auto;display:grid}.ec-tierrow__head{display:contents}.ec-tierrow__head>.ec-icon{display:none}.ec-tierrow__head strong{align-items:center;gap:var(--s2);font-size:var(--fs-md);min-width:64px;display:inline-flex}.ec-tierrow__n{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/2}.ec-tiers{gap:var(--s2);grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ec-tier{justify-content:space-between;align-items:baseline;gap:var(--s2);border-radius:var(--r-sm);background:var(--accent-soft);font-size:var(--fs-sm);color:var(--text);border:1px solid #35d0c459;padding:3px 10px;display:flex}.ec-tier b{font-weight:var(--fw-bold)}.ec-tier span{font:var(--fw-bold) var(--fs-md) var(--font);font-variant-numeric:tabular-nums;color:var(--accent)}.ec-tier.is-zero{background:var(--ink-4);border-color:var(--line)}.ec-tier.is-zero span{color:var(--muted)}.ec-tier.is-empty{opacity:.6}.ec-equip{vertical-align:middle;gap:4px;margin-left:6px;display:inline-flex}.ec-equip__b{background:var(--accent-soft);color:var(--accent);font:var(--fw-bold) var(--fs-xs)/18px var(--font);border-radius:999px;align-items:center;gap:2px;padding:0 6px;display:inline-flex}.ec-sel__body:has(.ec-prodpane){grid-template-columns:minmax(210px,.5fr) minmax(0,1.7fr)}.ec-prodhead{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.ec-prodhint{margin-top:var(--s1)}.ec-workers{align-items:center;gap:var(--s2);display:inline-flex}.ec-workers__k{color:var(--accent);display:inline-flex}.ec-goodrows{margin:var(--s2) 0;padding:var(--s1) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.ec-prodfoot{align-items:center;gap:var(--s1) var(--s4);margin-top:var(--s1);flex-wrap:wrap;display:flex}.ec-prodfoot>.ec-porters,.ec-prodfoot>.ec-links{margin:0}.ec-recipes{margin:var(--s2) 0 0;gap:var(--s1)}.ec-recipe{padding:var(--s1) var(--s3)}.ec-stockpile{color:var(--ok);background:0 0;border:0;margin:0;padding:2px 0}.ec-stockpile .ec-icon{color:var(--ok)}.ec-incomeline{align-items:center;gap:var(--s2);margin:var(--s2) 0 0;font-size:var(--fs-sm);color:var(--muted);display:flex}.ec-incomeline .ec-icon{color:var(--gold)}.ec-incomeline b{color:var(--gold);font:var(--fw-bold) var(--fs-lg) var(--font);font-variant-numeric:tabular-nums}.ec-goodrow{padding:2px 0}.ec-buildbtn .ec-cost{flex-wrap:wrap;min-width:0;max-width:100%}.ec-lobby{align-items:center;gap:var(--s5);padding:0 var(--s4) var(--s6);color:var(--text);background:radial-gradient(ellipse 60% 40% at 50% -5%, #35d0c424, transparent 70%), radial-gradient(ellipse 50% 35% at 100% 100%, #f2b84b12, transparent 70%), linear-gradient(180deg, var(--ink-2), var(--ink-0));flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.ec-lobby__head{z-index:2;width:calc(100% + 2 * var(--s4));margin:0 calc(-1 * var(--s4));padding:var(--s3) max(var(--s4), calc((100% - 1040px) / 2));align-items:center;gap:var(--s4);background:var(--glass);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;position:sticky;top:0}.ec-brand{align-items:center;gap:var(--s3);min-width:0;margin-right:auto;display:flex}.ec-brand__crest{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-lg);border:1px solid #35d0c473;flex:none;justify-content:center;align-items:center;display:inline-flex}.ec-brand__crest .ec-icon{vertical-align:0}.ec-brand h1{font:var(--fw-bold) var(--fs-2xl)/1.1 var(--font);color:var(--heading);margin:0;display:flex}.ec-brand h1 span{color:var(--text);font-weight:500}.ec-brand h1 b{font-weight:var(--fw-bold);color:var(--accent)}.ec-brand__tag{font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.ec-lobby__name{align-items:center;gap:var(--s2);display:flex}.ec-lobby__name .ec-input{flex:none;width:190px}.ec-conn{align-items:center;gap:var(--s2);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--ink-3);min-height:32px;font-size:var(--fs-sm);font-weight:var(--fw-strong);color:var(--muted);padding:4px 12px;display:inline-flex}.ec-lobby__room>.ec-row--end{margin:var(--s3) calc(-1 * var(--s5)) calc(-1 * var(--s5));padding:var(--s3) var(--s5);background:var(--glass-hi);border-top:1px solid var(--line);border-radius:0 0 var(--r-lg) var(--r-lg);position:sticky;bottom:0}.ec-chat__log:empty:before{content:"Chưa có tin nhắn nào.";color:var(--faint);font-weight:var(--fw-strong)}.ec-lobby__body{gap:var(--s4);grid-template-columns:1fr;width:min(1040px,100%);display:grid}.ec-lobby__body:has(.ec-chat){grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);align-items:start}.ec-lobby__foot{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);margin-top:auto;display:flex}.ec-lobby .ec-card__head h2{font-size:var(--fs-xl)}.ec-roomlist{gap:var(--s2);margin-bottom:var(--s4);flex-direction:column;max-height:50vh;display:flex;overflow:auto}.ec-roomrow{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.ec-roomrow:hover{border-color:#35d0c499}.ec-roomrow__name{align-items:center;gap:var(--s3);min-width:0;display:flex}.ec-roomrow__name strong{text-overflow:ellipsis;white-space:nowrap;font:var(--fw-bold) var(--fs-lg) var(--font);overflow:hidden}.ec-roomrow>.ec-muted{font-weight:var(--fw-strong);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.ec-lobby__rooms>.ec-row{padding-top:var(--s3);border-top:1px solid var(--line)}.ec-slots{gap:var(--s1);flex-direction:column;display:flex}.ec-sidehead{margin:var(--s3) 0 var(--s1);font:var(--fw-bold) var(--fs-sm)/1.2 var(--font);color:var(--muted);align-items:center;gap:var(--s2);display:flex}.ec-sidehead:first-child{margin-top:0}.ec-sidehead:after{content:"";background:var(--line);flex:1;height:1px}.ec-slot{align-items:center;gap:var(--s3);min-height:46px;padding:4px var(--s3);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);grid-template-columns:14px minmax(150px,190px) 128px minmax(0,1fr) auto;display:grid}.ec-slot--mine{border-color:var(--accent);background:var(--accent-soft)}.ec-slot--open{border-style:dashed;border-color:var(--line-strong);background:0 0}.ec-slot--closed{opacity:.6;background:0 0}.ec-lb-swatch{background:var(--team,var(--faint));width:14px;height:14px;box-shadow:0 0 0 2px var(--ink-1), 0 0 0 3px #ffffff47;border-radius:50%;justify-self:center}.ec-slot__faction{align-items:center;gap:var(--s2);flex-wrap:wrap;min-width:0;display:flex}.ec-slot__faction strong{font:var(--fw-bold) var(--fs-md)/1.2 var(--font);color:var(--heading)}.ec-slot__state{font-size:var(--fs-sm);font-weight:var(--fw-strong);color:var(--muted);align-items:center;gap:var(--s1);display:flex}.ec-slot__player{align-items:center;gap:var(--s2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:var(--fw-strong);display:flex;overflow:hidden}.ec-slot__ctl{align-items:center;gap:var(--s2);justify-content:flex-end;display:flex}.ec-slot__ctl .ec-select{width:auto;min-height:32px;font-size:var(--fs-sm)}.ec-chat{flex-direction:column;display:flex}.ec-chat__log{min-height:200px;max-height:46vh;padding:var(--s3);margin-bottom:var(--s3);background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-sm);flex:1;line-height:1.5;overflow:auto}.ec-chat__line{word-break:break-word;padding:3px 0}.ec-chat__line strong{color:var(--accent);font-weight:var(--fw-bold)}@media (width<=860px){.ec-lobby__body:has(.ec-chat){grid-template-columns:1fr}.ec-slot{grid-template-columns:14px minmax(0,1fr) auto}.ec-slot__state,.ec-slot__player{grid-column:2/4}.ec-slot__ctl{grid-column:2/4;justify-content:flex-start}}@media (width<=620px){.ec-roomrow{grid-template-columns:minmax(0,1fr) auto}.ec-roomrow>.ec-muted{display:none}.ec-lobby__name .ec-input{width:140px}.ec-lobby__name .ec-label{display:none}}.ec-lobby__home{gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;display:grid}.ec-hero{padding:var(--s4) var(--s2) 0 0}.ec-hero h2{margin:0 0 var(--s3);font:var(--fw-bold) var(--fs-3xl)/1.15 var(--font);color:var(--heading)}.ec-hero p{margin:0 0 var(--s5);font-size:var(--fs-lg);color:var(--muted);line-height:1.55}.ec-hero ul{gap:var(--s3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ec-hero li{align-items:flex-start;gap:var(--s3);display:flex}.ec-hero__ic{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-md);border:1px solid #35d0c459;flex:none;justify-content:center;align-items:center;display:inline-flex}.ec-hero__ic .ec-icon{vertical-align:0}.ec-hero li strong{font-size:var(--fs-md);color:var(--heading);display:block}.ec-hero li span:not(.ec-hero__ic){font-size:var(--fs-sm);color:var(--muted);display:block}@media (width<=860px){.ec-lobby__home{grid-template-columns:1fr}.ec-hero h2{font-size:var(--fs-2xl)}}