@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-deep: #0a0d12;--bg-base: #131820;--bg-raised: #1c232d;--bg-panel: #232c38;--bg-inset: #0e131a;--brass-50: #f1dca0;--brass-100: #d6b87a;--brass-300: #b8945a;--brass-500: #8a6c3a;--brass-700: #5a4222;--brass-900: #2c1f0e;--copper-300: #c98a5a;--copper-500: #8a4a26;--ink-bright: #f3e7c8;--ink-base: #e8d9b3;--ink-muted: #a89870;--ink-faded: #6b6048;--stat-hp: #d8384a;--stat-hp-glow: #ff5566;--stat-mp: #2e95e8;--stat-mp-glow: #5fb6ff;--stat-stamina: #4adb4a;--stat-warn: #ff8a80;--stat-ok: #4adb4a;--el-fire: #ff5a2a;--el-ice: #5eb8ff;--el-wind: #4adb4a;--el-earth: #c98a5a;--el-lightning: #ffcc2a;--el-water: #3aa6ff;--el-light: #fff5dd;--el-dark: #3a1c47;--font-display: "Cinzel", "Trajan Pro", serif;--font-body: "Crimson Pro", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, "Consolas", monospace;--fs-display: 2.5rem;--fs-h1: 1.75rem;--fs-h2: 1.25rem;--fs-body: 1rem;--fs-small: .875rem;--fs-tiny: .75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-xl: 22px;--r-pill: 999px;--shadow-inset: inset 0 2px 4px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.04);--shadow-frame: 0 0 0 1px var(--brass-700), 0 1px 0 var(--brass-300) inset, 0 -1px 0 var(--brass-900) inset, 0 8px 24px rgba(0,0,0,.65);--shadow-button: 0 2px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.15), inset 0 -2px 4px rgba(0,0,0,.4);--brass-frame: linear-gradient(180deg, var(--brass-100) 0%, var(--brass-300) 35%, var(--brass-500) 65%, var(--brass-700) 100%);--bg-parchment: radial-gradient(ellipse at 30% 20%, #2a3340 0%, #161c25 70%, #0c1018 100%);--motion-press: .12s ease;--motion-change: .32s cubic-bezier(.4, 0, .2, 1)}html,body{color:var(--ink-base);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55}body{background:var(--bg-deep);background-image:radial-gradient(ellipse at 20% 0%,rgba(184,148,90,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(46,149,232,.05) 0%,transparent 50%),linear-gradient(180deg,#0a0d12,#07090c);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink-bright);letter-spacing:.04em;font-weight:600;margin:0 0 var(--sp-3) 0}::selection{background:#d6b87a59;color:var(--ink-bright)}.ds-frame{position:relative;background:var(--bg-parchment);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-frame)}.ds-frame:before{content:"";position:absolute;inset:4px;border-radius:calc(var(--r-lg) - 4px);border:1px solid rgba(214,184,122,.18);pointer-events:none}.ds-rivet{position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,var(--brass-100) 0%,var(--brass-500) 60%,var(--brass-900) 100%);border-radius:50%;box-shadow:0 0 4px #000000b3;pointer-events:none}.ds-rivet.tl{top:10px;left:10px}.ds-rivet.tr{top:10px;right:10px}.ds-rivet.bl{bottom:10px;left:10px}.ds-rivet.br{bottom:10px;right:10px}.ds-pipe{position:absolute;width:22px;height:22px;border:2px solid var(--brass-300);border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--brass-100),var(--brass-500));box-shadow:0 1px 3px #000000b3;pointer-events:none}.ds-pipe.tl{top:-8px;left:-8px}.ds-pipe.tr{top:-8px;right:-8px}.ds-pipe.bl{bottom:-8px;left:-8px}.ds-pipe.br{bottom:-8px;right:-8px}.ds-eyebrow{font-family:var(--font-mono);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.25em;color:var(--ink-muted)}.ds-divider{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass-500) 20%,var(--brass-500) 80%,transparent);margin:var(--sp-5) 0}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:linear-gradient(180deg,#2c3340,#1a1f29);color:var(--ink-bright);border:1px solid var(--brass-500);border-radius:var(--r-md);padding:10px 18px;font-family:var(--font-display);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-button);transition:transform var(--motion-press),filter var(--motion-press),background var(--motion-press)}.ds-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.ds-btn:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #0000008c}.ds-btn:disabled{opacity:.4;cursor:not-allowed}.ds-btn.primary{background:linear-gradient(180deg,var(--brass-100) 0%,var(--brass-300) 50%,var(--brass-500) 100%);color:var(--brass-900);border-color:var(--brass-700);text-shadow:0 1px 0 rgba(255,255,255,.25);font-weight:700}.ds-btn.danger{background:linear-gradient(180deg,#6a1a26,#3a0c14);color:var(--ink-bright);border-color:var(--stat-hp)}.ds-btn.ghost{background:transparent;border-color:var(--brass-700);color:var(--ink-muted)}.ds-btn.ghost:hover:not(:disabled){color:var(--ink-bright);border-color:var(--brass-300)}.ds-btn.small{padding:6px 12px;font-size:var(--fs-tiny);letter-spacing:.1em}.ds-input,.ds-select{background:var(--bg-inset);border:1px solid var(--brass-700);color:var(--ink-bright);padding:10px 12px;border-radius:var(--r-sm);font:inherit;box-sizing:border-box;box-shadow:var(--shadow-inset);width:100%}.ds-input:focus,.ds-select:focus{outline:none;border-color:var(--brass-300);box-shadow:var(--shadow-inset),0 0 0 1px var(--brass-300)}.ds-input::placeholder{color:var(--ink-faded);font-style:italic}.ds-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.15em;text-transform:uppercase;background:#d6b87a1a;color:var(--ink-muted);border:1px solid var(--brass-700)}.ds-tag.ready{background:#ffd86b2e;color:var(--brass-50);border-color:var(--brass-300)}.ds-tag.warn{background:#d8384a2e;color:var(--stat-hp-glow);border-color:var(--stat-hp)}.ds-ring{border:1px solid var(--el-color, var(--brass-500));box-shadow:0 0 12px color-mix(in srgb,var(--el-color, var(--brass-500)) 30%,transparent)}.ds-ring.fire{--el-color: var(--el-fire)}.ds-ring.ice{--el-color: var(--el-ice)}.ds-ring.wind{--el-color: var(--el-wind)}.ds-ring.earth{--el-color: var(--el-earth)}.ds-ring.lightning{--el-color: var(--el-lightning)}.ds-ring.water{--el-color: var(--el-water)}.ds-ring.light{--el-color: var(--el-light)}.ds-ring.dark{--el-color: var(--el-dark)}#hud-root .hud{font-family:var(--font-body);color:var(--ink-base)}#hud-root .hud button{background:linear-gradient(180deg,#2c3340,#1a1f29);border:1px solid var(--brass-500);color:var(--ink-bright);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--shadow-button);transition:transform var(--motion-press),filter var(--motion-press)}#hud-root .hud button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}#hud-root .hud button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 4px #0000008c}#hud-root .hud .buttons .autopass{background:var(--bg-parchment);border:1px solid var(--brass-700);color:var(--ink-muted)}#hud-root .hud .buttons .autopass.on{background:linear-gradient(180deg,var(--brass-100) 0%,var(--brass-300) 50%,var(--brass-500) 100%);color:var(--brass-900);border-color:var(--brass-700);text-shadow:0 1px 0 rgba(255,255,255,.25)}#hud-root .hud .seat{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);padding:10px 16px;box-shadow:var(--shadow-inset),0 4px 12px #0006;color:var(--ink-base);font-family:var(--font-body);font-size:var(--fs-small)}#hud-root .hud .chat-panel{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);box-shadow:var(--shadow-inset),0 6px 20px #00000080}#hud-root .hud .chat-panel .chat-tab{background:linear-gradient(180deg,#1c2330,#131820);border:1px solid var(--brass-700);border-bottom:none;color:var(--ink-muted);font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.18em;text-transform:uppercase;padding:6px 10px}#hud-root .hud .chat-panel .chat-tab:hover{color:var(--ink-bright)}#hud-root .hud .chat-panel .chat-tab.active{background:var(--bg-inset);color:var(--brass-50);border-color:var(--brass-300)}#hud-root .hud .chat-panel .messages{background:var(--bg-inset)}#hud-root .hud .chat-panel .game-messages .entry{color:var(--ink-base);font-family:var(--font-mono);font-size:11px}#hud-root .hud .chat-panel .game-messages .entry.phase{color:var(--brass-50)}#hud-root .hud .chat-panel .game-messages .entry.step{color:var(--brass-100)}#hud-root .hud .chat-panel .game-messages .entry.stack{color:var(--el-water)}#hud-root .hud .chat-panel .game-messages .entry.cast{color:var(--el-fire)}#hud-root .hud .chat-panel .game-messages .entry.combat{color:var(--stat-hp-glow)}#hud-root .hud .chat-panel .game-messages .entry.turn{color:var(--brass-50);border-top:1px solid var(--brass-500);font-family:var(--font-display);letter-spacing:.12em}#hud-root .hud .chat-panel .entry .body{color:var(--ink-base)}#hud-root .hud .chat-panel .entry.own .from{color:var(--el-fire)}#hud-root .hud .chat-panel .entry.opponent .from{color:var(--el-ice)}#hud-root .hud .chat-panel .entry.game .from{color:var(--brass-50)}#hud-root .hud .chat-panel .entry.system .from{color:var(--stat-hp-glow)}#hud-root .hud .chat-panel input[type=text]{background:var(--bg-inset);border:1px solid var(--brass-700);color:var(--ink-bright);border-radius:var(--r-sm);font-family:var(--font-body);box-shadow:var(--shadow-inset)}#hud-root .hud .chat-panel input[type=text]:focus{border-color:var(--brass-300)}#hud-root .hud .chat-panel .send-btn{background:var(--bg-base);border:1px solid var(--brass-500);color:var(--ink-bright);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-sm);padding:6px 12px}#hud-root .hud .chat-panel .send-btn:hover:not(:disabled){background:var(--brass-700)}#hud-root .hud .phases{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);box-shadow:var(--shadow-inset)}#hud-root .hud .phase{color:var(--ink-muted)}#hud-root .hud .phase.is-active{color:var(--ink-base);background:#d6b87a1a}#hud-root .hud .phase-rail .my-turn{background:linear-gradient(180deg,var(--brass-100) 0%,var(--brass-300) 50%,var(--brass-500) 100%);color:var(--brass-900);font-family:var(--font-display);font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-md);border:1px solid var(--brass-700);text-shadow:0 1px 0 rgba(255,255,255,.3)}#hud-root .hud .stage{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);box-shadow:var(--shadow-inset),0 8px 24px #00000080}#hud-root .hud .stage .priority-indicator{color:var(--brass-50);font-family:var(--font-display);letter-spacing:.18em}#hud-root .hud .turn-timer{background:var(--bg-parchment);border:1px solid var(--brass-700);color:var(--ink-base);border-radius:var(--r-md);font-family:var(--font-mono)}#hud-root .hud .turn-timer .seconds{color:var(--ink-bright)}#hud-root .hud .turn-timer .owner{color:var(--ink-muted);font-family:var(--font-mono)}#hud-root .hud .stack-viewer{background:var(--bg-parchment);border:2px solid var(--brass-500);box-shadow:0 0 0 1px var(--brass-700),0 6px 18px #0000008c}#hud-root .hud .stack-viewer:hover{background:var(--bg-base)}#hud-root .hud .menu-panel{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);box-shadow:var(--shadow-frame);color:var(--ink-base);font-family:var(--font-body)}#hud-root .hud .menu-panel .menu-item:hover{background:#d6b87a14;color:var(--ink-bright)}#hud-root .hud .ability-backdrop,#hud-root .hud .analytics-backdrop,#hud-root .hud .choice-backdrop,#hud-root .hud .mulligan-backdrop,#hud-root .hud .review-backdrop{background:#07090cbd;backdrop-filter:blur(2px)}#hud-root .hud .ability-modal,#hud-root .hud .analytics-modal,#hud-root .hud .choice-modal,#hud-root .hud .review-card{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-lg);box-shadow:var(--shadow-frame);color:var(--ink-base);font-family:var(--font-body)}#hud-root .hud .ability-title,#hud-root .hud .analytics-title,#hud-root .hud .choice-prompt,#hud-root .hud .mulligan-title{font-family:var(--font-display);color:var(--ink-bright);letter-spacing:.08em}#hud-root .hud .analytics-subtitle,#hud-root .hud .analytics-duration,#hud-root .hud .mulligan-status,#hud-root .hud .choice-progress{color:var(--ink-muted);font-family:var(--font-body);font-style:italic}#hud-root .hud .analytics-table .col-head{color:var(--brass-50);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--brass-500)}#hud-root .hud .analytics-table .num{font-family:var(--font-mono);color:var(--ink-bright)}#hud-root .hud .analytics-table .label{color:var(--ink-base)}#hud-root .hud .ability-item{background:var(--bg-inset);border:1px solid var(--brass-700);border-radius:var(--r-sm);color:var(--ink-base)}#hud-root .hud .ability-item:hover{background:#d6b87a14;border-color:var(--brass-300)}#hud-root .hud .ability-item .ability-cost{color:var(--brass-50);font-family:var(--font-mono)}#hud-root .hud .ability-item .ability-text{color:var(--ink-base)}#hud-root .hud .choice-card{background:var(--bg-inset);border:1px solid var(--brass-700);border-radius:var(--r-md);color:var(--ink-base)}#hud-root .hud .choice-cards .choice-card.selected{border-color:var(--brass-300);box-shadow:0 0 12px #d6b87a73}#hud-root .hud .priority-banner{font-family:var(--font-display);letter-spacing:.2em;color:var(--brass-50)}#hud-root .hud .exburst-banner{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase}#hud-root .hud .replay-controls{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);color:var(--ink-base);font-family:var(--font-body)}#hud-root .hud .replay-controls .replay-title{font-family:var(--font-display);color:var(--ink-bright);letter-spacing:.08em}#hud-root .hud .replay-controls .replay-meta,#hud-root .hud .replay-controls .replay-game-id{color:var(--ink-muted);font-family:var(--font-mono)}#app-shell .db3-screen{background:radial-gradient(ellipse at 20% 0%,rgba(184,148,90,.08) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(46,149,232,.04) 0%,transparent 55%),var(--bg-deep);color:var(--ink-base);font-family:var(--font-body)}#app-shell .db3-topbar{background:linear-gradient(180deg,var(--bg-parchment) 0%,rgba(13,20,36,.6) 100%);border-bottom:1px solid var(--brass-500);box-shadow:0 1px 0 var(--brass-700) inset,0 4px 12px #00000080;color:var(--ink-base);font-family:var(--font-body)}#app-shell .db3-canvas-area{border:1px solid var(--brass-700);background:var(--bg-inset);box-shadow:var(--shadow-inset);border-radius:var(--r-md)}#app-shell .db3-page-btn{background:var(--bg-parchment);border:1px solid var(--brass-500);color:var(--brass-50);font-family:var(--font-display);font-weight:700;border-radius:var(--r-sm);box-shadow:var(--shadow-button)}#app-shell .db3-page-btn:hover:not(:disabled){background:var(--bg-base);filter:brightness(1.15)}#app-shell .db3-page-btn:disabled{color:var(--ink-faded);border-color:var(--brass-700)}#app-shell .db3-page-indicator{background:var(--bg-parchment);border:1px solid var(--brass-500);color:var(--ink-base);font-family:var(--font-mono);letter-spacing:.12em}#app-shell .db3-screen input[type=text],#app-shell .db3-screen input[type=number],#app-shell .db3-screen input[type=search],#app-shell .db3-screen select{background:var(--bg-inset);border:1px solid var(--brass-700);color:var(--ink-bright);border-radius:var(--r-sm);font:inherit;padding:6px 10px;box-shadow:var(--shadow-inset)}#app-shell .db3-screen input:focus,#app-shell .db3-screen select:focus{outline:none;border-color:var(--brass-300);box-shadow:var(--shadow-inset),0 0 0 1px var(--brass-300)}#app-shell .db3-screen button{background:linear-gradient(180deg,#2c3340,#1a1f29);border:1px solid var(--brass-500);color:var(--ink-bright);font-family:var(--font-display);font-size:var(--fs-tiny);letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--shadow-button);transition:transform var(--motion-press),filter var(--motion-press)}#app-shell .db3-screen button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}#app-shell .db3-screen button:disabled{opacity:.45;cursor:not-allowed}#app-shell .db3-screen button.primary{background:linear-gradient(180deg,var(--brass-100) 0%,var(--brass-300) 50%,var(--brass-500) 100%);color:var(--brass-900);border-color:var(--brass-700);text-shadow:0 1px 0 rgba(255,255,255,.25)}#app-shell .db3-screen .filter-chip,#app-shell .db3-screen [class*=-chip]{font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.08em;text-transform:uppercase}#app-shell .db3-screen .stat,#app-shell .db3-screen .pivot-cell{font-family:var(--font-mono);color:var(--ink-base)}#app-shell .db3-screen .pivot-header,#app-shell .db3-screen h1,#app-shell .db3-screen h2,#app-shell .db3-screen h3{font-family:var(--font-display);color:var(--ink-bright);letter-spacing:.06em}#app-shell .db3-screen .crystal.fire{color:var(--el-fire)}#app-shell .db3-screen .crystal.ice{color:var(--el-ice)}#app-shell .db3-screen .crystal.wind{color:var(--el-wind)}#app-shell .db3-screen .crystal.earth{color:var(--el-earth)}#app-shell .db3-screen .crystal.lightning{color:var(--el-lightning)}#app-shell .db3-screen .crystal.water{color:var(--el-water)}#app-shell .db3-screen .crystal.light{color:var(--el-light)}#app-shell .db3-screen .crystal.dark{color:var(--el-dark)}#app-shell .db3-decklist{background:var(--bg-parchment);border:1px solid var(--brass-700);border-radius:var(--r-md);box-shadow:var(--shadow-inset);color:var(--ink-base)}#app-shell .db3-decklist-title{font-family:var(--font-display);color:var(--ink-bright);letter-spacing:.08em}#app-shell .db3-decklist-rows{font-family:var(--font-body)}#app-shell .db3-toast,#app-shell .db-toast{background:var(--bg-parchment);border:1px solid var(--brass-500);color:var(--ink-bright);font-family:var(--font-body);box-shadow:var(--shadow-frame)}#app-shell .db-screen{background:var(--bg-deep);color:var(--ink-base);font-family:var(--font-body)}#app-shell .db-screen button{background:linear-gradient(180deg,#2c3340,#1a1f29);border:1px solid var(--brass-500);color:var(--ink-bright);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r-sm)}#app-shell .db-screen input,#app-shell .db-screen select{background:var(--bg-inset);border:1px solid var(--brass-700);color:var(--ink-bright);box-shadow:var(--shadow-inset)}#tweak-drawer>div:first-child{background:var(--bg-parchment)!important;border-left:1px solid var(--brass-500);box-shadow:-8px 0 24px #00000080}#tweak-handle{background:var(--bg-parchment)!important;color:var(--brass-50)!important;border:1px solid var(--brass-500)!important;border-right:none!important;box-shadow:-2px 2px 6px #0006!important}#tweak-handle:hover{color:var(--ink-bright)!important;background:var(--bg-base)!important}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-inset)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brass-500) 0%,var(--brass-700) 100%);border-radius:var(--r-pill);border:1px solid var(--brass-900)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brass-300) 0%,var(--brass-500) 100%)}