@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-clear:#1a1a1a;--bg-extreme:#141418;--bg-base:#1c1c20;--bg-window:#202026;--bg-faint:#23232a;--bg-ff:#050510;--widget-inactive:#32323a;--widget-inactive-weak:#2d2d34;--widget-hovered:#414150;--widget-hovered-weak:#3c3c48;--widget-active:#4b4b5a;--widget-active-weak:#464655;--btn-disabled:#323232;--btn-stroke:#50505a;--btn-stroke-unsel:#464650;--divider-dark:#505046;--text-heading:#e6e1d2;--text-body:#c8c3b4;--text-primary:#c8c8c8;--text-icon:#c8c8c8;--text-muted:#969696;--text-guest:#828282;--text-fallback-gray:#787878;--text-key-hint:#ffffdc;--text-not-ready:#b4b4b4;--text-creature-label:#b4b48c;--text-creature-name:#dcc878;--text-ability-heading:#a0a078;--text-volume-value:#a0a0a0;--text-volume-mute:#c85050;--text-error-banner:#ff9696;--text-reconnect:#beb4a0;--text-reconnect-hint:#a09682;--text-user-green:#a0c8a0;--accent-gold:#c8aa50;--accent-gold-bright:#dcb45a;--toggle-on:#c88c28;--accent-gold-bright-2:#ffd23c;--success:#50c850;--success-soft:#a0c8a0;--success-suit:#50dc50;--warning-inline:#c89632;--warning-orange:#dc963c;--warning-yellow:#ff0;--error:#dc5050;--error-fill:#b42828;--error-fill-quit:#8c2828;--error-fill-muted:#502828;--error-raw:red;--info-blue:#64b4ff;--suit-fire:#dc5050;--suit-water:#508cdc;--suit-earth:#8b7765;--suit-air:#e6e6f0;--suit-fire-strong:#f17a1a;--suit-water-strong:#1aafe6;--suit-earth-strong:#8b6f4a;--phase-eval:#828282;--phase-over:gold;--banner-local-fill:#322814;--banner-local-stroke:#b48c3c;--banner-local-text:#e6c864;--banner-online-fill:#14283c;--banner-online-stroke:#3c78c8;--banner-online-text:#78b4ff;--banner-error-fill:#321414;--banner-error-stroke:#c85050;--overlay-bg:#000000c7;--reconnect-panel-fill:#1e1c18f0;--reconnect-panel-stroke:#504b41;--pause-fill:#1c1c1cf0;--gameover-fill:#1b1b1be6;--profile-alizarin:#c0392b;--profile-carrot:#e67e22;--profile-sunflower:#f1c40f;--profile-nephritis:#27ae60;--profile-belize:#2980b9;--profile-wisteria:#8e44ad;--profile-greensea:#16a085;--profile-pumpkin:#d35400;--profile-pink:#e91e63;--profile-cyan:#00bcd4;--profile-brown:#795548;--font-display:"Cinzel", "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sci:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--fz-display:48px;--fz-h1:42px;--fz-h2:36px;--fz-h3:28px;--fz-h4:22px;--fz-h5:18px;--fz-btn:18px;--fz-btn-auth:17px;--fz-btn-default:16px;--fz-btn-small:15px;--fz-body:14px;--fz-caption:13px;--fz-version:12px;--fz-hint:11px;--fz-timer-safe:18px;--fz-timer-warn:22px;--fz-timer-danger:28px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-strong:600;--fw-bold:700;--fw-black:800;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-8:16px;--sp-10:20px;--sp-12:24px;--sp-15:30px;--sp-20:40px;--sp-25:50px;--sp-30:60px;--sp-35:70px;--sp-40:80px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--r-card:22px;--stroke-thin:1px solid var(--btn-stroke);--stroke-focus:1.5px solid var(--accent-gold-bright);--shadow-modal:0 12px 40px #0000008c, 0 2px 8px #0006;--shadow-card:0 6px 18px #0000008c, 0 0 0 1px #ffffff0a;--shadow-card-glow-fire:0 0 0 1px var(--suit-fire-strong), 0 0 22px #f17a1a40;--shadow-card-glow-water:0 0 0 1px var(--suit-water-strong), 0 0 22px #1aafe640}html,body{background:var(--bg-base);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fz-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--fw-bold);letter-spacing:.01em;line-height:var(--lh-tight);text-wrap:balance}h1{font-size:var(--fz-h1)}h2{font-size:var(--fz-h2)}h3{font-size:var(--fz-h3)}h4{font-size:var(--fz-h4);font-family:var(--font-ui);font-weight:var(--fw-strong)}h5{font-size:var(--fz-h5);font-family:var(--font-ui);font-weight:var(--fw-strong)}p{color:var(--text-body);text-wrap:pretty;margin:0}.muted{color:var(--text-muted)}.heading{color:var(--text-heading)}.guest{color:var(--text-guest)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}kbd{border-radius:var(--r-sm);border:1px solid var(--btn-stroke);color:var(--text-key-hint);font-size:var(--fz-hint);background:#00000080;padding:2px 6px;display:inline-block}.eg-rule{border:0;border-top:1px dashed var(--divider-dark);height:0;margin:var(--sp-3) 0 var(--sp-4)}.suit-fire{color:var(--suit-fire)}.suit-water{color:var(--suit-water)}.suit-earth{color:var(--suit-earth)}.suit-air{color:var(--suit-air)}.eg-btn{border-radius:var(--r-md);background:var(--widget-inactive);min-width:160px;min-height:44px;color:var(--text-primary);border:1px solid var(--btn-stroke);font:var(--fw-strong) var(--fz-btn-default)/1 var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:6px 12px;transition:background 80ms linear,border-color 80ms linear,transform 80ms linear;display:inline-flex}.eg-btn:hover{background:var(--widget-hovered)}.eg-btn:active{background:var(--widget-active);transform:translateY(1px)}.eg-btn:focus-visible{border-color:var(--accent-gold-bright);box-shadow:0 0 0 1px var(--accent-gold-bright);outline:none}.eg-btn--primary{font-size:var(--fz-btn);min-width:160px}.eg-btn--auth{font-size:var(--fz-btn-auth);min-width:220px}.eg-btn--small{min-width:0;min-height:36px;font-size:var(--fz-btn-small);font-weight:var(--fw-regular);padding:4px 10px}.eg-btn--toggle-on{background:var(--toggle-on);border-color:var(--accent-gold-bright);color:#fff}.eg-btn--destructive{background:var(--error-fill);color:#fff;border-color:#0000}.eg-btn--destructive:hover{background:#c43232}.eg-btn--quit{background:var(--error-fill-quit);color:#fff;border-color:#0000}.eg-btn--disabled,.eg-btn[disabled]{background:var(--btn-disabled);color:var(--text-muted);cursor:not-allowed}.eg-input{background:var(--bg-extreme);color:var(--text-primary);border:1px solid var(--btn-stroke);border-radius:var(--r-md);font:var(--fw-regular) var(--fz-body)/1.2 var(--font-ui);min-width:220px;padding:8px 10px}.eg-input:focus{border-color:var(--accent-gold-bright);box-shadow:0 0 0 1px var(--accent-gold-bright);outline:none}.eg-input::placeholder{color:var(--text-muted)}:root{--lc-light:#e6c864;--lc-dark:#7a5cff;--lc-tree:#ffd23c;--lc-grass:#3f7a3a;--lc-dirt:#6e5a3a;--lc-mist:#46506a;--lc-target:#64b4ff;--lc-danger:#dc5050}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg-base);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fz-body);line-height:var(--lh-normal);-webkit-user-select:none;user-select:none}#app{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.screen{padding:var(--sp-8);align-items:center;gap:var(--sp-8);flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.title{font-family:var(--font-display);color:var(--accent-gold);font-size:var(--fz-h1);letter-spacing:.04em;text-align:center;margin:0}.stack{gap:var(--sp-6);flex-direction:column;width:100%;max-width:480px;display:flex}.row{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.card-face{aspect-ratio:820/1120;background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:8%;position:relative;overflow:hidden}.card-face img{width:100%;height:100%;display:block}.card-face.selected{outline:3px solid var(--accent-gold-bright);outline-offset:-1px}.card-face.disabled{opacity:.45}.card-back{color:var(--accent-gold);font-family:var(--font-display);background:radial-gradient(circle at 50% 35%,#2a2540,#14121c 70%);justify-content:center;align-items:center;font-size:12px;display:flex}.panel{background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-lg);padding:var(--sp-6)}.badge{border-radius:var(--r-pill);font-size:var(--fz-hint);background:var(--widget-inactive);border:1px solid var(--btn-stroke);color:var(--text-primary);padding:1px 6px;display:inline-block}.badge.danger{border-color:var(--error);color:#ffb4b4;background:#4a2020}.version{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fz-version)}.overlay{background:var(--overlay-bg);padding:var(--sp-8);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);padding:var(--sp-10);width:100%;max-width:720px;max-height:90dvh;overflow:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.board-wrap.svelte-nkg03k{width:100%;max-width:720px;position:relative}.board.svelte-nkg03k{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;width:100%;height:auto;display:block;overflow:hidden}.board.svelte-nkg03k:active{cursor:grabbing}.zoom-tools.svelte-nkg03k{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.zoom-tools.svelte-nkg03k .eg-btn:where(.svelte-nkg03k){background:#202026d9;min-width:36px;min-height:36px;padding:0;font-size:18px}.tile.svelte-nkg03k,.unit.svelte-nkg03k{cursor:pointer;outline:none}.tile.svelte-nkg03k:focus,.unit.svelte-nkg03k:focus,.tile.svelte-nkg03k:focus-visible,.unit.svelte-nkg03k:focus-visible{outline:none}.outline.svelte-nkg03k{fill:none;stroke:#000000d9;stroke-width:2px}.chosen-ring.svelte-nkg03k{fill:none;stroke:var(--accent-gold-bright);stroke-width:3px;pointer-events:none}.unit.svelte-nkg03k .ring:where(.svelte-nkg03k){fill:#0006;stroke:var(--lc-light);stroke-width:2.5px}.unit.dark.svelte-nkg03k .ring:where(.svelte-nkg03k){stroke:var(--lc-dark)}.unit.selected.svelte-nkg03k .ring:where(.svelte-nkg03k){stroke:var(--accent-gold-bright);stroke-width:5px}.unit.targetable.svelte-nkg03k .ring:where(.svelte-nkg03k){stroke:var(--lc-danger);stroke-width:4px}.radial-focus.svelte-nkg03k{fill:none;stroke:var(--accent-gold-bright);stroke-width:3px;pointer-events:none}.radial-item.svelte-nkg03k{cursor:pointer;outline:none}.radial-bg.svelte-nkg03k{fill:#14141aeb;stroke:var(--accent-gold-bright);stroke-width:2px}.radial-item.svelte-nkg03k:hover .radial-bg:where(.svelte-nkg03k){fill:#3c3214f2}.radial-text.svelte-nkg03k{fill:var(--accent-gold-bright)}.status.svelte-nkg03k{fill:#4a2020;stroke:var(--error);stroke-width:1px}.status.svelte-nkg03k+text:where(.svelte-nkg03k){fill:#ffb4b4}.counter.svelte-nkg03k{fill:#000c;stroke:var(--lc-dark)}.counter.svelte-nkg03k+text:where(.svelte-nkg03k){fill:#fff}.card-face.svelte-q601t9{flex:none;width:96px;padding:0}.card-face.small.svelte-q601t9{width:64px}.card-face.svelte-q601t9:focus-visible{outline:2px solid var(--accent-gold-bright)}.game.svelte-2yhvza{flex-direction:column;min-height:100dvh;display:flex}.hdr.svelte-2yhvza{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--btn-stroke);background:var(--bg-window);display:flex}.hdr.svelte-2yhvza .mode:where(.svelte-2yhvza){color:var(--accent-gold);font-family:var(--font-display);margin-right:var(--sp-4)}.hdr-right.svelte-2yhvza{gap:var(--sp-3);align-items:center;display:flex}.turn.svelte-2yhvza{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-muted)}.turn.mine.svelte-2yhvza{color:var(--accent-gold-bright)}.table.svelte-2yhvza{gap:var(--sp-2);padding:var(--sp-2) var(--sp-6) 0;flex-wrap:wrap;display:flex}.chip.svelte-2yhvza{border:1px solid var(--btn-stroke);background:var(--widget-inactive);color:var(--text-muted);font-size:var(--fz-caption);border-radius:999px;padding:4px 10px}.chip.active.svelte-2yhvza{color:var(--text);border-color:var(--accent-gold)}.chip.on.svelte-2yhvza{background:var(--widget-active);box-shadow:0 0 0 1px var(--accent-gold-bright)}.chip.svelte-2yhvza:disabled{opacity:.7}.main.svelte-2yhvza{gap:var(--sp-6);padding:var(--sp-6);flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,420px);display:grid}@media (width<=900px){.main.svelte-2yhvza{padding:var(--sp-3);gap:var(--sp-3);grid-template-columns:1fr}.hdr.svelte-2yhvza{padding:var(--sp-3);flex-wrap:wrap}.table.svelte-2yhvza{padding:var(--sp-2) var(--sp-3) 0}.side.svelte-2yhvza .zones:where(.svelte-2yhvza){order:8}.side.svelte-2yhvza .log:where(.svelte-2yhvza){order:9}}.board-col.svelte-2yhvza{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.prompt.svelte-2yhvza{gap:var(--sp-4);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;min-height:40px;display:flex}.err.svelte-2yhvza{color:var(--error)}.side.svelte-2yhvza{gap:var(--sp-4);flex-direction:column;display:flex}.side.svelte-2yhvza h4:where(.svelte-2yhvza),.side.svelte-2yhvza h5:where(.svelte-2yhvza){margin:0 0 var(--sp-3)}.cards.svelte-2yhvza{gap:var(--sp-3)}.mini.svelte-2yhvza{vertical-align:middle;border-radius:50%;width:20px;height:20px}.spawn.svelte-2yhvza{min-width:0}.tabs.svelte-2yhvza{gap:var(--sp-2)}.tab.svelte-2yhvza{border-radius:var(--r-md);border:1px solid var(--btn-stroke);background:var(--widget-inactive);opacity:.7;align-items:center;gap:6px;padding:4px 8px;display:flex}.tab.active.svelte-2yhvza{opacity:1;border-color:var(--accent-gold)}.tab.on.svelte-2yhvza{background:var(--widget-active);opacity:1;box-shadow:0 0 0 1px var(--accent-gold-bright)}.gpanel.svelte-2yhvza{gap:var(--sp-4);margin-top:var(--sp-4);flex-direction:column;display:flex}.portrait.svelte-2yhvza{border-radius:8px;width:72px}.gmeta.svelte-2yhvza{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.log.svelte-2yhvza ul:where(.svelte-2yhvza){max-height:200px;color:var(--text-muted);font-size:var(--fz-caption);margin:0;padding-left:16px;overflow:auto}.ftr.svelte-2yhvza{padding:var(--sp-3) var(--sp-6);text-align:right}.dmg.svelte-2yhvza{border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:120px;padding:4px;display:flex}.dmg.svelte-2yhvza:hover{background:var(--widget-hovered)}.dmg.svelte-2yhvza img:where(.svelte-2yhvza){border-radius:8px;width:100%}.hero.svelte-1qo109d{width:180px;box-shadow:var(--shadow-card);border-radius:12px}.tagline.svelte-1qo109d{text-align:center;max-width:420px}.wide.svelte-962h3h{max-width:560px}.code.svelte-962h3h{flex-direction:column;align-items:center;gap:4px;display:flex}.code.svelte-962h3h strong:where(.svelte-962h3h){font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-gold-bright);font-size:32px}.roster.svelte-962h3h{gap:var(--sp-3) var(--sp-4);grid-template-columns:minmax(120px,1fr) 150px minmax(120px,1.4fr);align-items:center;display:grid}.rhead.svelte-962h3h{color:var(--text-muted);font-size:var(--fz-caption);text-transform:uppercase;letter-spacing:.06em}.who.svelte-962h3h{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.side.svelte-962h3h{width:100%;min-width:0}.dark.svelte-962h3h{color:#cbbfff}select.dark.svelte-962h3h{border-color:var(--lc-dark)}.controls.svelte-962h3h{font-size:var(--fz-caption)}.dot.svelte-962h3h{background:var(--text-muted);border-radius:50%;width:10px;height:10px}.dot.on.svelte-962h3h{background:var(--success)}.err.svelte-962h3h{color:var(--error)}.head.svelte-g0n9on{justify-content:space-between;width:100%;max-width:800px}section.svelte-g0n9on{width:100%;max-width:800px}h3.svelte-g0n9on{margin:0 0 var(--sp-4)}.rule.svelte-g0n9on{gap:var(--sp-6);padding:var(--sp-4) 0;border-top:1px dashed var(--divider-dark);align-items:flex-start;display:flex}.rule.svelte-g0n9on p:where(.svelte-g0n9on){margin-top:2px}.thumb.svelte-g0n9on{border-radius:6px;flex:none;width:56px;padding:0;overflow:hidden}.thumb.svelte-g0n9on img:where(.svelte-g0n9on){width:100%;display:block}.zoomed.svelte-g0n9on{border-radius:16px;max-width:90vw;max-height:90dvh}.wide.svelte-1tgm7f5{max-width:640px}.field.svelte-1tgm7f5{gap:var(--sp-3);flex-direction:column;display:flex}.field.svelte-1tgm7f5>span:where(.svelte-1tgm7f5){color:var(--text-heading);font-weight:var(--fw-strong)}.roster.svelte-1tgm7f5{gap:var(--sp-3) var(--sp-4);grid-template-columns:minmax(110px,1fr) 110px 150px minmax(120px,1.4fr) auto;align-items:center;display:grid}.rhead.svelte-1tgm7f5{color:var(--text-muted);font-size:var(--fz-caption);text-transform:uppercase;letter-spacing:.06em}.roster.svelte-1tgm7f5 .eg-input:where(.svelte-1tgm7f5){width:100%;min-width:0}.side.dark.svelte-1tgm7f5{border-color:var(--lc-dark);color:#cbbfff}.controls.svelte-1tgm7f5{color:var(--text-muted);font-size:var(--fz-caption)}@media (width<=560px){.roster.svelte-1tgm7f5{grid-template-columns:1fr 100px 130px auto}.roster.svelte-1tgm7f5 .controls:where(.svelte-1tgm7f5),.roster.svelte-1tgm7f5 .rhead:where(.svelte-1tgm7f5):nth-child(4){display:none}}.assign.svelte-1tgm7f5 .gname:where(.svelte-1tgm7f5){min-width:90px}.err.svelte-1tgm7f5{color:var(--error)}select.eg-input.svelte-1tgm7f5{min-width:160px}.code.svelte-1n46o8q{text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.2em}