:root{--bg: #08060a;--bg-panel: rgba(18, 13, 20, .82);--bg-panel-solid: #120d14;--border: rgba(255, 160, 90, .14);--border-strong: rgba(255, 160, 90, .32);--ink: #f4e8dd;--ink-dim: #9a8b83;--ink-faint: #6b5f5a;--flame: #ff7a2f;--flame-hot: #ffc46b;--flame-core: #fff1c4;--ember: #e0453a;--up: #3fbf8f;--down: #ff4d4d;--flesh: #e0453a;--mind: #4a9fe0;--will: #c9a227;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--radius: 10px;--panel-pad: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse 70% 50% at 50% 55%,rgba(255,122,47,.13),transparent 70%),linear-gradient(180deg,#08060a,#120a0c);padding:24px;overflow-y:auto}.gate-inner{max-width:620px;width:100%;text-align:center}.brand{font-size:clamp(38px,8vw,76px);font-weight:900;letter-spacing:-.03em;margin:0 0 6px;line-height:.95}.brand-flame{color:var(--flame);text-shadow:0 0 32px rgba(255,122,47,.55)}.brand-keep{color:var(--ink)}.tagline{margin:0 0 20px;color:var(--ink-dim);letter-spacing:.22em;font-size:12px;text-transform:uppercase}.mode-chip{display:inline-block;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px;border:1px solid}.mode-chip[data-mode=paper]{color:var(--up);border-color:#3fbf8f66;background:#3fbf8f14}.mode-chip[data-mode=devnet]{color:var(--flame-hot);border-color:#ffc46b66;background:#ffc46b14}.mode-chip[data-mode=mainnet]{color:#fff;border-color:var(--down);background:#ff4d4d38;animation:pulse-warn 2s ease-in-out infinite}@keyframes pulse-warn{50%{background:#ff4d4d61}}.gate-status{color:var(--ink-dim);font-size:13px}.gate-warning{margin-top:30px;font-size:11.5px;line-height:1.6;color:var(--ink-faint);border-top:1px solid var(--border);padding-top:16px}.gate-warning strong{color:var(--down);font-weight:700}.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:8px;margin:14px 0 6px}.pick{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit;transition:border-color .14s,transform .14s,background .14s}.pick:hover{border-color:var(--border-strong);transform:translateY(-2px)}.pick[aria-pressed=true]{border-color:var(--accent, var(--flame));background:color-mix(in srgb,var(--accent, var(--flame)) 14%,transparent)}.pick-name{display:block;font-weight:800;font-size:15px;color:var(--accent, var(--flame));letter-spacing:.02em}.pick-title{display:block;font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.pick-body{font-size:11.5px;line-height:1.5;color:var(--ink-dim);margin:0}.section-label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin:20px 0 2px;text-align:left}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;padding:14px;display:grid;grid-template-columns:minmax(228px,268px) 1fr minmax(268px,320px);grid-template-rows:auto 1fr auto;gap:12px;grid-template-areas:"dragon banner ledger" "flow   .      ." "vitals abilities trade"}.hud>*{pointer-events:auto}.panel{background:var(--bg-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--panel-pad)}.panel-dragon{grid-area:dragon;align-self:start}.dragon-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:8px}.dragon-name{font-weight:800;font-size:15px;letter-spacing:.03em;color:var(--flame-hot)}.dragon-archetype{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint)}.bar{position:relative;height:20px;background:#00000073;border-radius:4px;overflow:hidden;margin-bottom:5px;border:1px solid rgba(255,255,255,.05)}.bar-fill{position:absolute;inset:0 auto 0 0;width:0%;transition:width .22s cubic-bezier(.2,.8,.3,1)}.bar-heat .bar-fill{background:linear-gradient(90deg,#8c3a10,var(--flame),var(--flame-hot))}.bar-hunger .bar-fill{background:linear-gradient(90deg,#5a3a1a,#d08a2a)}.bar-rage .bar-fill{background:linear-gradient(90deg,#6b1414,var(--ember),#ff6b5a)}.bar-label,.bar-value{position:relative;z-index:1;font-size:9.5px;font-weight:700;letter-spacing:.14em;line-height:18px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.bar-label{padding-left:7px}.bar-value{float:right;padding-right:7px;font-family:var(--mono);letter-spacing:0}.bar-rage.raging{animation:rage-flash .7s ease-in-out infinite}@keyframes rage-flash{50%{box-shadow:0 0 16px var(--ember)}}.soul{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:grid;gap:6px}.soul-axis{display:grid;grid-template-columns:42px 1fr 40px;align-items:center;gap:7px}.soul-name{font-size:9px;font-weight:800;letter-spacing:.1em}.soul-axis[data-axis=flesh] .soul-name{color:var(--flesh)}.soul-axis[data-axis=mind] .soul-name{color:var(--mind)}.soul-axis[data-axis=will] .soul-name{color:var(--will)}.soul-bar{position:relative;height:7px;background:#00000080;border-radius:3px;overflow:hidden}.soul-fill{position:absolute;top:0;bottom:0;left:0;width:0%;transition:width .3s ease,left .3s ease}.soul-axis[data-axis=flesh] .soul-fill{background:var(--flesh)}.soul-axis[data-axis=mind] .soul-fill{background:var(--mind)}.soul-axis[data-axis=will] .soul-fill{background:var(--will)}.soul-bar-signed .soul-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff3;z-index:1}.soul-val{font-family:var(--mono);font-size:9.5px;text-align:right;color:var(--ink-dim)}.panel-ledger{grid-area:ledger;align-self:start;border-color:var(--border-strong)}.ledger-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ledger-title{font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--ink-faint)}.pnl{font-family:var(--mono);font-size:17px;font-weight:700;letter-spacing:-.01em;padding:9px 10px;border-radius:6px;margin-bottom:10px;background:#ffffff0a;color:var(--ink-dim)}.pnl.up{color:var(--up);background:#3fbf8f1f}.pnl.down{color:var(--down);background:#ff4d4d24}.ledger-table{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:8px}.ledger-table td{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.045)}.ledger-table .sym{font-weight:700;color:var(--flame-hot)}.ledger-table .amt{font-family:var(--mono);text-align:right;color:var(--ink-dim)}.ledger-table .net{font-family:var(--mono);text-align:right;font-weight:600}.ledger-table .net.up{color:var(--up)}.ledger-table .net.down{color:var(--down)}.ledger-empty td{color:var(--ink-faint);font-style:italic;text-align:center;padding:10px 0}.ledger-detail{margin:0;display:grid;gap:3px;font-size:11px}.ledger-detail>div{display:flex;justify-content:space-between}.ledger-detail dt{color:var(--ink-faint)}.ledger-detail dd{margin:0;font-family:var(--mono);color:var(--ink-dim)}.ledger-detail dd.up{color:var(--up)}.ledger-detail dd.down{color:var(--down)}.panel-flow{grid-area:flow;align-self:start;max-height:30vh;overflow:hidden;padding:10px}.flow-head{font-size:9.5px;font-weight:800;letter-spacing:.2em;color:var(--ink-faint);margin-bottom:7px}.flow-list{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:11px;font-family:var(--mono)}.flow-list li{display:grid;grid-template-columns:12px 1fr auto;gap:6px;align-items:baseline;animation:flow-in .3s ease}@keyframes flow-in{0%{opacity:0;transform:translate(-8px)}}.flow-buy .flow-dir{color:var(--up)}.flow-sell .flow-dir{color:var(--down)}.flow-amt{color:var(--ink)}.flow-who{color:var(--ink-faint);font-size:10px}.abilities{grid-area:abilities;align-self:end;justify-self:center;display:flex;gap:7px}.ability{position:relative;width:60px;height:60px;border-radius:9px;background:var(--bg-panel);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;overflow:hidden;color:var(--ink);font-family:inherit;transition:border-color .12s,transform .12s}.ability:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-2px)}.ability:disabled{opacity:.42;cursor:not-allowed}.ability-key{position:absolute;top:3px;left:5px;font-size:9px;font-weight:800;color:var(--ink-faint)}.ability-name{font-size:9px;text-align:center;line-height:1.15;padding:0 3px;font-weight:600}.ability-cd{position:absolute;inset:auto 0 0;background:#000000b8;height:0%;transition:height .1s linear}.ability.ult{border-color:#ffc46b66}.ability.ult.ready{box-shadow:0 0 18px #ffc46b80;animation:ult-ready 1.6s ease-in-out infinite}@keyframes ult-ready{50%{box-shadow:0 0 28px #ffc46bcc}}.vitals{grid-area:vitals;align-self:end;display:grid;gap:4px;max-width:210px}.vital{position:relative;height:15px;background:#0000008c;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.vital span{position:relative;z-index:1;font-size:8.5px;font-weight:700;letter-spacing:.12em;line-height:13px;padding-left:6px;text-shadow:0 1px 2px #000}.vital-fill{position:absolute;inset:0 auto 0 0;width:100%;transition:width .15s linear}.vital-hp .vital-fill{background:linear-gradient(90deg,#7a1a1a,#d43a3a)}.vital-warmth .vital-fill{background:linear-gradient(90deg,#7a4a10,var(--flame))}.vital-fervour .vital-fill{background:linear-gradient(90deg,#6b5a10,var(--flame-hot))}.class-chip{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}.trade-rail{grid-area:trade;align-self:end;display:grid;gap:6px}.btn{font-family:inherit;font-weight:800;font-size:12px;letter-spacing:.1em;padding:11px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .12s,filter .12s;color:var(--ink)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.14)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-feed{background:linear-gradient(135deg,#b8471a,var(--flame));color:#fff}.btn-draw{background:#ffffff0f;border-color:var(--border-strong);color:var(--ink)}.btn-travel{background:transparent;border-color:var(--border);color:var(--ink-dim);font-size:11px;padding:8px 12px}.btn-primary{background:linear-gradient(135deg,#b8471a,var(--flame));color:#fff}.btn-ghost{background:transparent;border-color:var(--border);color:var(--ink-dim)}.banner{grid-area:banner;justify-self:center;align-self:start;font-size:clamp(20px,4vw,42px);font-weight:900;letter-spacing:.06em;text-align:center;pointer-events:none;opacity:0;color:var(--flame-core);text-shadow:0 0 26px var(--flame),0 2px 10px rgba(0,0,0,.85)}.banner.show{animation:banner-hit 2.4s cubic-bezier(.15,.9,.2,1)}@keyframes banner-hit{0%{opacity:0;transform:scale(1.5);letter-spacing:.3em}12%{opacity:1;transform:scale(1);letter-spacing:.06em}72%{opacity:1}to{opacity:0}}.events{position:fixed;right:14px;bottom:186px;width:300px;list-style:none;margin:0;padding:0;display:grid;gap:3px;pointer-events:none;z-index:12}.events li{font-size:11px;padding:5px 9px;border-radius:5px;background:#120d14d9;border-left:2px solid var(--border-strong);animation:event-in .3s ease;color:var(--ink-dim)}.events li.big{color:var(--flame-hot);font-weight:700;border-left-color:var(--flame)}.events li.bad{color:var(--down);border-left-color:var(--down)}@keyframes event-in{0%{opacity:0;transform:translate(14px)}}.brood{position:fixed;top:84px;left:50%;transform:translate(-50%);text-align:center;z-index:11;pointer-events:none}.brood-name{font-size:22px;font-weight:900;letter-spacing:.08em;color:var(--ember);text-shadow:0 0 22px rgba(224,69,58,.7)}.brood-omen{font-size:12px;color:var(--ink-dim);font-style:italic;margin-top:2px}.brood-affixes{display:flex;gap:6px;justify-content:center;margin-top:7px}.affix{font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 9px;border-radius:999px;border:1px solid currentColor;text-transform:uppercase}.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#040306d1;backdrop-filter:blur(6px);padding:20px;overflow-y:auto}.modal-card{background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:12px;padding:22px;width:100%;max-width:430px;box-shadow:0 24px 70px #000000bf}.modal-wide{max-width:780px}.modal-title{font-size:15px;font-weight:800;letter-spacing:.16em;margin:0 0 4px;color:var(--ink)}.modal-sub{font-size:12px;color:var(--ink-faint);margin:0 0 16px}.field{display:block;margin-bottom:14px}.field-label{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.field-input{width:100%;background:#00000080;border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--ink);font-family:var(--mono);font-size:15px}.field-input:focus{outline:none;border-color:var(--flame)}.tm-chips{display:flex;gap:6px;margin:-6px 0 14px;flex-wrap:wrap}.tm-chip{flex:1 1 0;min-width:62px;background:#0000006b;border:1px solid var(--border);border-radius:6px;padding:7px 4px;color:var(--ink-faint);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;cursor:pointer}.tm-chip:hover:not(:disabled){color:var(--ink);border-color:var(--flame)}.tm-chip:disabled{opacity:.35;cursor:default}.quote{background:#0000006b;border-radius:8px;padding:13px;margin-bottom:14px;font-size:12.5px}.quote-empty{color:var(--ink-faint);margin:0;text-align:center;font-style:italic}.quote-row{display:flex;justify-content:space-between;padding:3px 0}.quote-row.rule{border-top:1px solid var(--border);margin-top:7px;padding-top:8px}.quote-row dt{color:var(--ink-faint)}.quote-row dd{margin:0;font-family:var(--mono);color:var(--ink)}.quote-row.worst dd{color:var(--flame-hot);font-weight:700}.quote-row.impact-high dd{color:var(--down);font-weight:700}.modal-note{font-size:11px;line-height:1.55;color:var(--ink-faint);margin:0 0 16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-error{color:var(--down);font-size:12px;margin:0 0 12px}.hearth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:10px;margin-bottom:18px}.hearth{background:#ffffff09;border:1px solid var(--border);border-radius:9px;padding:13px;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit;transition:border-color .14s,transform .14s}.hearth:hover{border-color:var(--border-strong);transform:translateY(-2px)}.hearth[aria-current=true]{border-color:var(--flame);background:#ff7a2f1a}.hearth-sym{font-weight:800;font-size:15px;color:var(--flame-hot)}.hearth-stage{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:8px}.hearth-stats{display:grid;gap:2px;font-size:11px;font-family:var(--mono);color:var(--ink-dim)}.hearth-stats .up{color:var(--up)}.hearth-stats .down{color:var(--down)}@media(max-width:900px){.hud{grid-template-columns:1fr 1fr;grid-template-areas:"dragon ledger" "banner banner" "abilities abilities" "vitals trade";font-size:12px}.panel-flow,.events{display:none}.ability{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}