:root{--bg:#14110f;--bg-panel:#1c1815;--bg-panel-raised:#241f1a;--hairline:#3a332b;--parchment:#ece2c8;--parchment-dim:#cfc4a4;--ink:#2a231c;--ember:#b5432f;--ember-bright:#d65a3f;--teal:#3f8f82;--teal-bright:#55ac9d;--gold:#c9a227;--gold-bright:#e0bb42;--fog:#9a9086;--fog-dim:#6b6259;--font-display:"Cinzel", serif;--font-body:"Inter", -apple-system, "Hiragino Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 120% 80% at 50% -10%, #241d17 0%, var(--bg) 55%);color:var(--parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{flex-direction:column;min-height:100vh;display:flex}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.screen{flex-direction:column;flex:1;align-items:center;width:100%;padding:24px 16px 40px;animation:.4s both fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:11px}.title-display{font-family:var(--font-display);letter-spacing:.03em;color:var(--parchment);text-shadow:0 2px 24px #d55c3f40;font-weight:600}.title-screen{text-align:center;justify-content:center;align-items:center;gap:28px}.title-screen .sigil{opacity:.9;width:88px;height:88px}.title-screen h1{margin:0;font-size:clamp(32px,6vw,52px)}.title-screen .subtitle{font-family:var(--font-mono);color:var(--fog);letter-spacing:.08em;margin-top:-14px;font-size:13px}.title-actions{flex-direction:column;gap:12px;width:260px;margin-top:12px;display:flex}.btn{font-family:var(--font-body);border:1px solid var(--hairline);background:var(--bg-panel-raised);color:var(--parchment);letter-spacing:.02em;border-radius:3px;padding:13px 20px;font-size:14px;font-weight:600;transition:border-color .15s,transform .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--ember-bright), var(--ember));color:#fff3ec;border-color:#0000}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}.btn-ghost{background:0 0}.hud{background:var(--bg-panel);border:1px solid var(--hairline);width:100%;max-width:900px;font-family:var(--font-mono);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 16px;font-size:13px;display:flex}.hud-group{align-items:center;gap:16px;display:flex}.stat{align-items:center;gap:6px;display:flex}.stat-icon{flex-shrink:0;width:14px;height:14px}.stat-hp{color:var(--ember-bright)}.stat-gold{color:var(--gold-bright)}.stat-energy{color:var(--teal-bright)}.hp-bar-track{border:1px solid var(--hairline);background:#0d0b09;border-radius:2px;width:120px;height:8px;overflow:hidden}.hp-bar-fill{background:linear-gradient(90deg, var(--ember), var(--ember-bright));height:100%;transition:width .3s}.map-wrap{flex-direction:column-reverse;gap:4px;width:100%;max-width:480px;display:flex}.map-floor{justify-content:center;gap:28px;padding:14px 0;display:flex;position:relative}.map-node-btn{border:2px solid var(--hairline);background:var(--bg-panel-raised);width:54px;height:54px;color:var(--fog);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex;position:relative}.map-node-btn.reachable{border-color:var(--gold);color:var(--gold-bright);cursor:pointer;box-shadow:0 0 16px #c9a22740}.map-node-btn.reachable:hover{transform:scale(1.08)}.map-node-btn.cleared{border-color:var(--teal);color:var(--teal-bright);opacity:.6}.map-node-btn.current{border-color:var(--ember-bright)}.map-node-btn:disabled{cursor:default}.map-legend{font-family:var(--font-mono);color:var(--fog-dim);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;font-size:11px;display:flex}.card{--card-w:132px;--card-h:178px;width:var(--card-w);height:var(--card-h);background:var(--parchment);color:var(--ink);clip-path:polygon(0% 3%,4% 0%,96% 0%,100% 3%,100% 97%,96% 100%,4% 100%,0% 97%);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;flex-shrink:0;padding:10px 9px 9px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 6px 18px #00000073}.card:hover{transform:translateY(-14px)scale(1.03);box-shadow:0 14px 26px #0000008c}.card.unplayable{filter:grayscale(.6)brightness(.75);cursor:not-allowed}.card.unplayable:hover{transform:none}.card-cost{width:30px;height:30px;font-family:var(--font-mono);color:#fff3ec;background:radial-gradient(circle at 35% 30%, var(--gold-bright), var(--gold) 70%);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;top:-10px;left:-10px;box-shadow:0 2px 6px #0006}.card-type-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.55;align-self:flex-end;font-size:9px}.card-type-tag.attack{color:var(--ember)}.card-type-tag.skill{color:var(--teal)}.card-type-tag.power{color:var(--gold)}.card-name{font-family:var(--font-display);margin-top:auto;font-size:14px;font-weight:600;line-height:1.15}.card-art{background:repeating-linear-gradient(135deg,#0000000d 0 2px,#0000 2px 8px),linear-gradient(160deg,#cbbf9b,#b7a97e);border-radius:3px;flex:1;margin:6px 0}.card-art.attack{background:repeating-linear-gradient(135deg,#b5432f1f 0 2px,#0000 2px 8px),linear-gradient(160deg,#cbbf9b,#b7a97e)}.card-art.skill{background:repeating-linear-gradient(135deg,#3f8f821f 0 2px,#0000 2px 8px),linear-gradient(160deg,#cbbf9b,#b7a97e)}.card-art.power{background:repeating-linear-gradient(135deg,#c9a22724 0 2px,#0000 2px 8px),linear-gradient(160deg,#cbbf9b,#b7a97e)}.card-desc{color:var(--ink);opacity:.85;font-size:10.5px;line-height:1.35}.card.mini{--card-w:88px;--card-h:118px;cursor:default}.card.mini:hover{transform:none;box-shadow:0 6px 18px #00000073}.card.mini .card-name{font-size:11px}.card.mini .card-desc{font-size:8.5px}.card.mini .card-cost{width:22px;height:22px;font-size:11px;top:-8px;left:-8px}.combat-screen{width:100%;max-width:960px}.enemy-row{flex-wrap:wrap;justify-content:center;gap:32px;margin:12px 0 28px;display:flex}.enemy-card{background:var(--bg-panel);border:1px solid var(--hairline);text-align:center;border-radius:6px;width:150px;padding:14px;transition:border-color .15s,transform .15s}.enemy-card.targetable{cursor:pointer}.enemy-card.targetable:hover{border-color:var(--ember);transform:translateY(-3px)}.enemy-card.dead{opacity:.25}.enemy-sprite{border:1px solid var(--hairline);width:56px;height:56px;font-family:var(--font-display);color:var(--ember-bright);background:linear-gradient(160deg,#3a2a22,#1c1512);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:20px;display:flex}.enemy-name{margin-bottom:6px;font-size:12px;font-weight:600}.enemy-intent{font-family:var(--font-mono);color:var(--fog);justify-content:center;align-items:center;gap:4px;margin-bottom:8px;font-size:11px;display:flex}.enemy-intent.attack{color:var(--ember-bright)}.enemy-intent.defend{color:var(--teal-bright)}.enemy-intent.buff{color:var(--gold-bright)}.combat-log{width:100%;max-width:600px;font-family:var(--font-mono);color:var(--fog-dim);text-align:center;min-height:16px;margin:0 auto 18px;font-size:11px}.player-panel{justify-content:center;align-items:center;gap:24px;margin-bottom:20px;display:flex}.status-chip{font-family:var(--font-mono);border:1px solid var(--hairline);color:var(--fog);border-radius:10px;padding:3px 8px;font-size:10px}.hand-row{justify-content:center;gap:-20px;padding:20px 0 8px;display:flex}.hand-row .card{margin:0 -14px}.hand-row .card:nth-child(odd){transform:translateY(4px)rotate(-2deg)}.hand-row .card:nth-child(2n){transform:translateY(0)rotate(2deg)}.hand-row .card:hover{z-index:5;transform:translateY(-16px)rotate(0)scale(1.04)!important}.combat-actions{justify-content:center;gap:12px;margin-top:10px;display:flex}.pile-counts{font-family:var(--font-mono);color:var(--fog-dim);justify-content:center;gap:20px;margin-top:14px;font-size:11px;display:flex}.reward-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0 28px;display:flex}.center-panel{text-align:center;max-width:480px}.center-panel p{color:var(--fog);font-size:14px;line-height:1.7}.deck-grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;margin-top:8px;display:flex}@media (width<=520px){.card{--card-w:108px;--card-h:148px}.hand-row .card{margin:0 -18px}.enemy-row{gap:16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}