:root{--bg-0: #0b0710;--bg-1: #16101f;--bg-2: #1f1630;--bg-3: #2a1e40;--ink-0: #f3ecff;--ink-1: #c8b8e6;--ink-2: #8a7aa6;--gold: #f5c64a;--blood: #d14d4d;--blood-dark: #7a1f1f;--mana: #4db4f5;--mana-dark: #1f4a7a;--nature: #5fbf6f;--arcane: #c06bf0;--shadow: #4a3a6a;--border: #3a2c54;--border-hot: #6a4a9a;--panel: rgba(24, 16, 38, .92);font-family:Cinzel,Trajan Pro,Georgia,serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(ellipse at center,#1a1028,#050308);color:var(--ink-0);min-height:100vh;font-family:inherit;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:16px}.frame{width:min(1100px,100%);background:var(--panel);border:2px solid var(--border);border-radius:12px;box-shadow:0 0 60px #783cc826,inset 0 0 40px #00000080;overflow:hidden}.title-screen{padding:64px 32px;text-align:center}.title-screen h1{font-size:64px;margin:8px 0;letter-spacing:4px;background:linear-gradient(180deg,#f5c64a,#b07020);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 20px rgba(245,198,74,.4)}.title-screen .subtitle{color:var(--ink-1);font-style:italic;font-size:18px;margin-bottom:40px}.title-screen .hero{font-size:96px;color:var(--arcane);margin:24px 0;filter:drop-shadow(0 0 24px rgba(192,107,240,.6))}.title-screen .menu{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:32px auto 0}.btn{background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg-2) 100%);color:var(--ink-0);border:1px solid var(--border-hot);border-radius:6px;padding:12px 20px;font-size:16px;font-family:inherit;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:10px;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn:hover:not(:disabled){background:linear-gradient(180deg,#3a2a58,#2a1e40);border-color:var(--gold);box-shadow:0 0 16px #f5c64a40;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#5a2a1a,#3a1810);border-color:var(--gold)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#7a3a28,#4a1f14)}.btn.danger{border-color:var(--blood)}.btn.success{border-color:var(--nature)}.btn.arcane{border-color:var(--arcane)}.btn iconify-icon{font-size:22px;flex-shrink:0}.hud{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(180deg,#1a0f28,#0e0818);border-bottom:2px solid var(--border)}.hud .player-name{font-size:18px;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:8px}.hud .bars{flex:1;display:flex;flex-direction:column;gap:4px;max-width:360px}.bar{display:flex;align-items:center;gap:8px;font-size:12px}.bar .label{width:46px;display:flex;align-items:center;gap:4px;color:var(--ink-1);text-transform:uppercase;letter-spacing:1px}.bar .track{flex:1;height:14px;background:#0a0612;border:1px solid var(--border);border-radius:3px;overflow:hidden;position:relative}.bar .fill{height:100%;transition:width .3s ease}.bar.hp .fill{background:linear-gradient(180deg,#ff6060,#8a1a1a)}.bar.mana .fill{background:linear-gradient(180deg,#60b4f5,#1f4a7a)}.bar .text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9)}.hud .meta{display:flex;gap:16px;color:var(--ink-1);font-size:13px}.hud .meta span{display:flex;align-items:center;gap:4px}.hud .meta .gold{color:var(--gold)}.hud .menu-buttons{display:flex;gap:6px}.hud .menu-buttons .btn{padding:8px 10px;font-size:12px}.room-view{padding:24px 28px;display:grid;grid-template-columns:1fr 280px;gap:24px;min-height:460px}.room-main .room-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.room-main .room-icon{font-size:48px;padding:12px;border-radius:8px;background:#0006;border:1px solid var(--border)}.room-main h2{margin:0;font-size:28px;color:var(--ink-0);letter-spacing:1px}.room-main .room-type-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.room-main .room-description{color:var(--ink-1);font-style:italic;line-height:1.6;margin:16px 0 20px;padding:12px 16px;background:#0000004d;border-left:3px solid var(--arcane);border-radius:4px}.room-main .room-content{margin-top:16px}.exits{display:flex;flex-direction:column;gap:10px;margin-top:20px}.exits h3{margin:0 0 4px;font-size:14px;color:var(--ink-2);text-transform:uppercase;letter-spacing:2px}.theme-combat{--room-accent: var(--blood)}.theme-elite{--room-accent: #e06fff}.theme-forge{--room-accent: var(--gold)}.theme-rest{--room-accent: var(--nature)}.theme-event{--room-accent: #6fdfff}.theme-boss{--room-accent: #ff3030}.theme-start{--room-accent: var(--arcane)}.room-view[data-theme] .room-icon{color:var(--room-accent)}.room-view[data-theme] .room-description{border-left-color:var(--room-accent)}.room-view[data-theme]{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--room-accent) 8%,transparent),transparent 60%)}.room-type-tag.combat{background:var(--blood-dark);color:#ffc8c8}.room-type-tag.elite{background:#4a1a5a;color:#ffc8ff}.room-type-tag.forge{background:#5a4010;color:#ffe7a8}.room-type-tag.rest{background:#1a4a20;color:#c8ffd4}.room-type-tag.event{background:#1a3a5a;color:#c8eaff}.room-type-tag.boss{background:#6a0a0a;color:#ffb0b0}.room-type-tag.start{background:var(--shadow);color:var(--ink-0)}.room-aside{background:#0000004d;border:1px solid var(--border);border-radius:6px;padding:14px}.room-aside h3{margin:0 0 10px;font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:2px}.mini-map{display:flex;flex-direction:column;gap:5px}.mini-map .room-cell{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;border:1px solid var(--border);background:#0006;font-size:12px;color:var(--ink-2)}.mini-map .room-cell.current{border-color:var(--gold);background:#f5c64a26;color:var(--ink-0)}.mini-map .room-cell.cleared{color:var(--ink-1);opacity:.75}.mini-map .room-cell iconify-icon{font-size:16px}.floor-intel{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-1);line-height:1.5}.floor-intel .label{color:var(--gold);font-weight:700;display:block;margin-bottom:4px}.combat-view{padding:24px 28px}.combat-view .stage{display:flex;justify-content:space-around;align-items:center;padding:32px 0;background:radial-gradient(ellipse at center,rgba(120,20,20,.3) 0%,transparent 70%);border:1px solid var(--blood-dark);border-radius:8px;margin-bottom:16px;min-height:220px}.combatant{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:180px}.combatant .avatar{font-size:96px;padding:16px;border-radius:50%;background:#00000080;border:2px solid var(--border-hot);filter:drop-shadow(0 0 16px currentColor)}.combatant.player .avatar{color:var(--mana)}.combatant.enemy .avatar{color:var(--blood)}.combatant .name{font-size:16px;font-weight:700;color:var(--ink-0)}.combatant .bars{width:180px}.combatant.damaged .avatar{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.combat-log{background:#00000080;border:1px solid var(--border);border-radius:4px;padding:10px 14px;height:100px;overflow-y:auto;font-size:13px;color:var(--ink-1);margin-bottom:16px;display:flex;flex-direction:column-reverse}.combat-log .entry{padding:2px 0}.combat-log .entry.dmg{color:var(--blood)}.combat-log .entry.heal{color:var(--nature)}.combat-log .entry.spell{color:var(--arcane)}.combat-log .entry.system{color:var(--gold);font-style:italic}.combat-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.spell-picker,.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.spell-picker .inner,.modal .inner{background:var(--panel);border:2px solid var(--border-hot);border-radius:8px;padding:24px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto}.modal h2{margin:0 0 16px;color:var(--gold)}.spell-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.spell-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0006;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s}.spell-row:hover:not(.disabled){border-color:var(--arcane);background:#c06bf01a}.spell-row.disabled{opacity:.4;cursor:not-allowed}.spell-row iconify-icon{font-size:28px;color:var(--arcane);flex-shrink:0}.spell-row .info{flex:1}.spell-row .name{font-weight:700;color:var(--ink-0)}.spell-row .desc{font-size:12px;color:var(--ink-2)}.spell-row .cost{font-size:13px;color:var(--mana);display:flex;align-items:center;gap:3px}.forge-view{padding:24px 28px}.forge-view h2{margin:0 0 8px;color:var(--gold);display:flex;align-items:center;gap:10px;font-size:26px}.forge-view .flavor{color:var(--ink-1);font-style:italic;margin-bottom:20px}.forge-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.forge-panel{background:#00000059;border:1px solid var(--border);border-radius:6px;padding:16px}.forge-panel h3{margin:0 0 12px;color:var(--gold);font-size:14px;text-transform:uppercase;letter-spacing:2px}.rune-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rune-chip{background:#00000080;border:1px solid var(--border);border-radius:6px;padding:10px 8px;text-align:center;cursor:pointer;transition:all .15s;position:relative}.rune-chip:hover{border-color:var(--arcane)}.rune-chip.selected{border-color:var(--gold);background:#f5c64a26}.rune-chip iconify-icon{font-size:32px;display:block;margin:0 auto}.rune-chip .rune-name{font-size:12px;color:var(--ink-1);margin-top:4px}.rune-chip .affinity{font-size:10px;color:var(--gold);margin-top:2px}.rune-chip.fire iconify-icon{color:#ff7a3a}.rune-chip.frost iconify-icon{color:#60c0ff}.rune-chip.nature iconify-icon{color:var(--nature)}.rune-chip.shock iconify-icon{color:#ffd54a}.rune-chip.shadow iconify-icon{color:#b060e0}.rune-chip.blood iconify-icon{color:var(--blood)}.preview-slot{background:#0009;border:2px dashed var(--border);border-radius:6px;padding:20px;text-align:center;color:var(--ink-2);min-height:120px;display:flex;flex-direction:column;justify-content:center}.preview-slot.has-combo{border-style:solid;border-color:var(--gold);color:var(--ink-0)}.preview-slot .preview-icon{font-size:40px;color:var(--gold);margin-bottom:8px}.preview-slot .preview-name{font-size:18px;color:var(--gold);font-weight:700;margin-bottom:4px}.preview-slot .preview-desc{font-size:12px;color:var(--ink-1);line-height:1.4}.spellbook{margin-top:16px}.spellbook .spell-row{cursor:default}.event-view{padding:24px 28px;text-align:center}.event-view .portrait{font-size:120px;color:var(--arcane);margin:16px 0;filter:drop-shadow(0 0 20px currentColor)}.event-view h2{color:var(--gold);margin:8px 0}.event-view .story{max-width:620px;margin:16px auto 24px;color:var(--ink-1);line-height:1.7;font-style:italic;font-size:15px}.event-view .choices{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto}.rest-view{padding:32px 28px;text-align:center}.rest-view .bonfire{font-size:140px;color:#ff9a3a;filter:drop-shadow(0 0 40px rgba(255,154,58,.6));animation:flicker 2s infinite alternate}@keyframes flicker{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.rest-view h2{color:var(--gold)}.rest-view .actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.end-screen{padding:80px 32px;text-align:center}.end-screen h1{font-size:56px;margin:0}.end-screen.victory h1{color:var(--gold);text-shadow:0 0 30px rgba(245,198,74,.6)}.end-screen.defeat h1{color:var(--blood);text-shadow:0 0 30px rgba(209,77,77,.6)}.end-screen .icon{font-size:128px;margin:24px 0}.end-screen.victory .icon{color:var(--gold)}.end-screen.defeat .icon{color:var(--blood)}.end-screen .summary{color:var(--ink-1);margin:16px 0 32px;font-size:16px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--panel);border:2px solid var(--gold);padding:12px 24px;border-radius:6px;color:var(--ink-0);z-index:200;display:flex;align-items:center;gap:10px;box-shadow:0 0 24px #f5c64a66;animation:toast-in .25s ease-out}.toast iconify-icon{font-size:24px;color:var(--gold)}@keyframes toast-in{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.modal .btn-row{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.traits-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:13px}.traits-list .trait-row{display:flex;justify-content:space-between;padding:4px 8px;background:#0000004d;border-radius:3px}.traits-list .trait-row .val{color:var(--gold);font-weight:700}