:root{--bg: #0d0b14;--bg-raise: #16121f;--surface: #1d1729;--surface-2: #251d33;--line: rgba(255, 255, 255, .09);--scrim: rgba(5, 3, 10, .72);--text: #efe9dd;--text-dim: #b9b0a3;--text-faint: #857d72;--ember: #f59e42;--ember-strong: #ff8a2a;--gold: #f4d03f;--teal: #48c9b0;--danger: #e5533d;--ok: #58d68d;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Nunito Sans", system-ui, -apple-system, sans-serif;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .45);--shadow-2: 0 8px 28px rgba(0, 0, 0, .55);--z-table: 1;--z-drawer: 40;--z-banner: 60;--z-modal: 100;--z-toast: 1000}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 70% -10%,rgba(245,158,66,.07),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(72,201,176,.05),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit}input{font:inherit}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.02em}p{margin:.4em 0}.app{min-height:100dvh;position:relative;z-index:var(--z-table)}.embers{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.ember{position:absolute;bottom:-12px;left:calc((var(--i) * 7.3%) + 2%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#ffd9a0 0%,var(--ember) 55%,transparent 75%);opacity:0;animation:rise calc(9s + var(--i) * 1.7s) linear infinite;animation-delay:calc(var(--i) * -1.9s);filter:blur(.4px)}@keyframes rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:.75}60%{opacity:.45}to{transform:translateY(-105dvh) translate(4vw) scale(.4);opacity:0}}.btn{min-height:44px;padding:10px 18px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;font-weight:700}.btn:hover:not(:disabled){background:var(--surface-2);border-color:#ffffff2e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.btn-primary{background:linear-gradient(160deg,var(--ember-strong),#c25e12);border-color:#ffb46480;color:#1c0e02;text-shadow:none}.btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#ffa14a,#d26a18)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}.btn-sm{min-height:40px;padding:8px 14px;font-size:.9rem}.btn-lg{min-height:52px;font-size:1.05rem}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field>span{font-size:.85rem;font-weight:700;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.field input{min-height:48px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-raise);color:var(--text)}.field input:focus-visible{outline:3px solid var(--ember);outline-offset:1px;border-color:transparent}.code-input{letter-spacing:.35em;text-transform:uppercase;font-weight:800;font-size:1.1rem}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:800;letter-spacing:.03em;background:#ffffff14;color:var(--text-dim);white-space:nowrap}.badge-host{background:#f4d03f26;color:var(--gold)}.badge-dragons{background:#f59e422e;color:var(--ember);font-variant-numeric:tabular-nums}.badge-bot{background:#5dade229;color:#85c1e9}.badge-mod{background:#48c9b024;color:var(--teal)}.badge-mod.mod-toads,.badge-mod.mod-noInstants,.badge-mod.mod-barbedWire,.badge-mod.mod-suppress,.badge-mod.mod-noUpgrades,.badge-mod.mod-maxFive,.badge-mod.mod-handVisible{background:#e5533d29;color:#f0907f}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot-on{background:var(--ok);box-shadow:0 0 6px #58d68dcc}.dot-off{background:var(--text-faint)}.muted-text{color:var(--text-dim)}.home{min-height:100dvh;display:grid;place-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.home-card{width:min(420px,100%);background:linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:36px 28px;display:flex;flex-direction:column;gap:20px;text-align:center}.title{display:flex;flex-direction:column;line-height:1.05}.title-un{font-size:1.4rem;color:var(--text-dim);font-weight:500;letter-spacing:.45em;text-transform:uppercase}.title-dragons{font-size:3rem;font-weight:900;background:linear-gradient(180deg,#ffd9a0,var(--ember-strong) 55%,#a34708);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}.tagline{color:var(--text-dim);margin:0}.home-actions{display:flex;flex-direction:column;gap:12px}.home-hint{color:var(--text-faint);font-size:.85rem;margin:0}.lobby{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.lobby-card{width:min(460px,100%);background:linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:32px 26px;display:flex;flex-direction:column;gap:18px;text-align:center}.lobby-title{font-size:2rem;color:var(--gold)}.lobby-sub{color:var(--text-dim);margin:0}.room-code{display:flex;flex-direction:column;gap:2px;padding:14px;background:var(--bg-raise);border:1px dashed rgba(245,158,66,.5);border-radius:var(--r-md);cursor:pointer}.room-code:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.room-code-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint)}.room-code-value{font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:.3em;color:var(--ember)}.room-code-copy{font-size:.8rem;color:var(--text-dim)}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-players li{display:flex;align-items:center;gap:10px;background:var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;min-height:46px}.lobby-player-name{font-weight:700}.lobby-players .player-away{opacity:.55}.player-empty{color:var(--text-faint);font-style:italic;justify-content:center;border-style:dashed}.lobby-wait{color:var(--text-dim)}.bot-row{display:flex;gap:10px;align-items:flex-end}.bot-field{flex:1}.bot-field select{min-height:44px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-raise);color:var(--text)}.bot-field select:focus-visible{outline:3px solid var(--ember);outline-offset:1px}.bot-remove{margin-left:auto;min-height:32px;padding:4px 10px}.game{min-height:100dvh;display:flex;flex-direction:column;gap:10px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));max-width:1500px;margin:0 auto}.topbar{display:flex;align-items:center;gap:10px;padding:4px 2px;position:sticky;top:0;z-index:var(--z-banner);background:linear-gradient(180deg,var(--bg) 70%,transparent)}.topbar-mid{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.topbar-code{font-family:var(--font-display);letter-spacing:.25em;color:var(--text-faint);font-size:.72rem}.topbar-status{font-weight:800;color:var(--text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-status.is-you{color:var(--ember)}.topbar-actions{display:flex;gap:4px}.opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.player-panel{background:linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 12px;box-shadow:var(--shadow-1);transition:border-color .2s ease,box-shadow .2s ease}.player-panel.is-turn{border-color:#f59e428c;box-shadow:0 0 0 1px #f59e4259,var(--shadow-1)}.player-panel.is-away{opacity:.65}.player-panel.is-me{background:linear-gradient(180deg,#211a30,var(--bg-raise))}.player-panel.is-pickable{cursor:pointer;border-color:var(--teal);animation:pulse-pick 1.4s ease-in-out infinite}.player-panel.is-pickable:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.player-head{display:flex;align-items:center;gap:8px;min-height:28px}.player-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta{margin-left:auto;display:flex;gap:6px}.player-mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.stable{display:flex;flex-direction:column;gap:6px;margin-top:8px}.stable-row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;min-height:30px}.stable-empty{color:var(--text-faint);font-size:.85rem;font-style:italic;padding:4px 2px}.revealed-hand{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.table-center{display:flex;align-items:flex-start;gap:16px;padding:10px 12px;background:radial-gradient(600px 200px at 50% 0%,rgba(245,158,66,.05),transparent 70%),var(--bg-raise);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap}.pile{display:flex;flex-direction:column;align-items:center;gap:4px}.pile-label{font-size:.72rem;color:var(--text-faint);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pile-empty{display:grid;place-items:center;color:var(--text-faint);cursor:pointer}.nest{display:grid;place-items:center;color:var(--ember);position:relative}.nest .glyph{width:42px;height:42px}.goal{margin-left:auto;align-self:center;color:var(--text-dim);font-size:.9rem}.goal strong{color:var(--ember);font-size:1.2rem}.chain{display:flex;gap:10px;padding:8px 12px;border:1px dashed rgba(229,83,61,.55);border-radius:var(--r-md);background:#e5533d0f}.chain-item{display:flex;flex-direction:column;align-items:center;gap:4px}.chain-owner{font-size:.7rem;color:var(--text-dim);font-weight:700}.card{--w: 168px;width:var(--w);aspect-ratio:5 / 7;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative;flex:none;transition:box-shadow .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}.card-sm{--w: 118px}.card-mini{--w: 74px}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-3px)}.card-clickable:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.card-dimmed{opacity:.4}.card-selected{border-color:var(--gold);box-shadow:0 0 0 3px #f4d03f8c,var(--shadow-1)}.card-head{padding:5px 8px;background:linear-gradient(90deg,color-mix(in srgb,var(--card-color, #666) 55%,#14101d),#14101d);border-bottom:1px solid rgba(0,0,0,.4);min-height:26px;display:flex;align-items:center}.card-name{font-family:var(--font-display);font-weight:700;font-size:.78rem;line-height:1.15;color:#fdf6ea;text-shadow:0 1px 2px rgba(0,0,0,.6)}.card-mini .card-name{font-size:.58rem}.card-art{flex:1.2;position:relative;min-height:0;background:#0a0810}.card-art img{width:100%;height:100%;object-fit:cover;display:block}.card-art-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 20%,color-mix(in srgb,var(--card-color, #666) 42%,transparent),transparent 70%),radial-gradient(100% 100% at 80% 90%,color-mix(in srgb,var(--card-color, #666) 24%,transparent),#0a0810 75%);color:color-mix(in srgb,var(--card-color, #999) 75%,white)}.card-art-placeholder .glyph{width:46%;height:46%;opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.card-body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.card-type{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.card-text{margin:0;font-size:.68rem;line-height:1.35;color:var(--text-dim);overflow:hidden}.card-baby .card-type{color:#e8905a}.card-upgrade .card-type{color:var(--ok)}.card-downgrade .card-type{color:#f0907f}.card-magic .card-type{color:#b18cd9}.card-instant .card-type{color:var(--danger)}.card-back{background:repeating-linear-gradient(135deg,#1b1526 0,#1b1526 10px,#150f1f 10px,#150f1f 20px);display:grid;place-items:center}.card-back-pattern{color:#f59e4280;width:50%}.card-back-pattern .glyph{width:100%;height:auto}.card-count{position:absolute;right:6px;bottom:6px;background:#000000a6;border:1px solid var(--line);color:var(--text);font-weight:800;font-size:.85rem;border-radius:999px;padding:1px 9px;font-variant-numeric:tabular-nums}.card-flag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-weight:900;font-size:.7rem;letter-spacing:.12em;padding:3px 8px;border-radius:4px;background:#000000bf;border:1px solid currentColor}.flag-toad{color:var(--ok)}.flag-fog{color:var(--text-dim)}.flag-stopped{color:var(--danger)}.glow-play{border-color:#f59e42e6;animation:pulse-play 1.6s ease-in-out infinite}.glow-pick{border-color:var(--teal);animation:pulse-pick 1.4s ease-in-out infinite}.glow-roar{border-color:var(--danger);animation:pulse-roar 1.1s ease-in-out infinite}@keyframes pulse-play{0%,to{box-shadow:0 0 4px #f59e4259,var(--shadow-1)}50%{box-shadow:0 0 16px 3px #f59e4299,var(--shadow-1)}}@keyframes pulse-pick{0%,to{box-shadow:0 0 4px #48c9b059,var(--shadow-1)}50%{box-shadow:0 0 16px 3px #48c9b099,var(--shadow-1)}}@keyframes pulse-roar{0%,to{box-shadow:0 0 4px #e5533d66,var(--shadow-1)}50%{box-shadow:0 0 18px 4px #e5533db3,var(--shadow-1)}}.hand-area{position:sticky;bottom:0;z-index:var(--z-drawer);background:linear-gradient(180deg,transparent,var(--bg) 22%);padding-top:6px;margin-top:auto}.action-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:44px;padding:2px 0 6px}.roar-callout{color:var(--danger);font-weight:800;animation:pulse-text 1.1s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.55}}.hand{display:flex;gap:8px;overflow-x:auto;padding:6px 4px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.hand .card{scroll-snap-align:center}.hand-empty{color:var(--text-faint);font-style:italic;margin:auto}.host-tools{position:relative}.host-tools summary{list-style:none;display:inline-flex;align-items:center}.host-tools summary::-webkit-details-marker{display:none}.host-tools-menu{position:absolute;bottom:110%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;box-shadow:var(--shadow-2);width:max-content;z-index:var(--z-modal)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px;z-index:var(--z-modal);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(440px,100%);max-height:min(80dvh,640px);overflow-y:auto;background:linear-gradient(180deg,var(--surface),var(--bg-raise));border:1px solid rgba(245,158,66,.35);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:18px;display:flex;flex-direction:column;gap:14px;animation:modal-in .22s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal-wide{width:min(760px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.modal-head h2{font-size:1.15rem;color:var(--gold)}.modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.card-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.player-choices{display:flex;flex-direction:column;gap:8px}.player-choice{text-align:center}.win-text{text-align:center;font-size:1.05rem;color:var(--text)}.log-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);background:var(--bg-raise);border-left:1px solid var(--line);box-shadow:var(--shadow-2);transform:translate(102%);transition:transform .25s ease;z-index:var(--z-modal);display:flex;flex-direction:column;padding:14px}.log-drawer.open{transform:none}.log-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.log-head h2{font-size:1.05rem;color:var(--gold)}.log-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;font-size:.86rem;color:var(--text-dim)}.log-list li{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.05)}.reconnect-banner{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#e5533deb;color:#fff;font-weight:800;padding:10px 18px;border-radius:999px;z-index:var(--z-toast);box-shadow:var(--shadow-2)}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line);color:var(--text);padding:12px 20px;border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:var(--z-toast);max-width:min(480px,92vw);text-align:center;animation:fade-in .18s ease}.toast-error{border-color:#e5533d99}@media (max-width: 760px){.opponents{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.opponents .player-panel{min-width:230px}.table-center{gap:10px;padding:8px}.goal{width:100%;margin-left:0;text-align:center;order:10}.card-sm{--w: 100px}.card{--w: 132px}.topbar-actions .btn{padding:8px 10px}}@media (min-width: 1100px){.game{padding:12px 20px}}@media (prefers-reduced-motion: reduce){.ember{animation:none;opacity:0}.glow-play,.glow-pick,.glow-roar,.player-panel.is-pickable,.roar-callout{animation:none}.glow-play{box-shadow:0 0 12px 2px #f59e428c,var(--shadow-1)}.glow-pick{box-shadow:0 0 12px 2px #48c9b08c,var(--shadow-1)}.glow-roar{box-shadow:0 0 12px 2px #e5533d99,var(--shadow-1)}.modal,.modal-scrim,.toast{animation:none}.log-drawer{transition:none}.card-clickable:hover{transform:none}}