:root{--color-void:#0d0b09;--color-stone:#3a352e;--color-stone-dark:#241f1a;--color-stone-light:#554e44;--color-parchment:#d8c9a3;--color-parchment-dim:#a89a78;--color-ember:#c96a2b;--color-ember-bright:#e98a3b;--color-blood:#a03325;--color-health:#b03a2a;--color-stamina:#ba8f3a;--color-mana:#3a6ab0;--color-poison:#5a8a3a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--font-display:"Georgia", "Times New Roman", serif;--font-body:"Georgia", serif;--border-carved:1px solid #d8c9a340;--shadow-inset:inset 0 1px 0 #fff0d214, inset 0 -2px 6px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-void);height:100%;color:var(--color-parchment);font-family:var(--font-body);-webkit-user-select:none;user-select:none;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;grid-template-columns:1fr 236px;display:grid;position:absolute;inset:0}#hud>*{pointer-events:auto}.fade-overlay{pointer-events:none;z-index:60;background:#000;position:fixed;inset:0}.champion-column{gap:var(--space-2);padding:var(--space-2);border-left:var(--border-carved);background:linear-gradient(#0d0b09eb,#14100ce0);flex-direction:column;grid-column:2;display:flex;overflow-y:auto}.champion-cell{border:var(--border-carved);box-shadow:var(--shadow-inset);background:linear-gradient(160deg, var(--color-stone-dark), #1a150f);padding:var(--space-2);border-radius:2px}.champion-cell.dead{filter:grayscale(.9)brightness(.55)}.champion-head{margin-bottom:var(--space-1);justify-content:space-between;align-items:baseline;display:flex}.champion-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-parchment);font-size:15px}.champion-row-tag{text-transform:uppercase;letter-spacing:.12em;color:var(--color-parchment-dim);font-size:10px}.bars{margin-bottom:var(--space-2);gap:3px;display:grid}.bar{background:#0009;border:1px solid #000c;height:7px;position:relative}.bar>i{transform-origin:0;transition:transform .12s linear;position:absolute;inset:0}.bar.health>i{background:linear-gradient(180deg, #c65038, var(--color-health))}.bar.stamina>i{background:linear-gradient(180deg, #d4ab52, var(--color-stamina))}.bar.mana>i{background:linear-gradient(180deg, #4d80c9, var(--color-mana))}.hands{gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.hand-slot{height:44px;box-shadow:var(--shadow-inset);color:var(--color-parchment);text-align:center;cursor:pointer;background:#0006;border:1px solid #d8c9a333;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.hand-slot:hover{border-color:var(--color-ember);background:#3c230f73}.hand-slot .cooldown{background:conic-gradient(#000000bf calc(var(--cd) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:0}.hand-slot.empty{color:var(--color-parchment-dim);font-style:italic}.action-popup{z-index:40;border:1px solid var(--color-ember);background:linear-gradient(160deg,#221c15,#141009);flex-direction:column;min-width:130px;display:flex;position:absolute;box-shadow:0 6px 24px #000c}.action-popup button{all:unset;font-family:var(--font-display);color:var(--color-parchment);cursor:pointer;justify-content:space-between;gap:12px;padding:7px 12px;font-size:13px;display:flex}.action-popup button:hover{color:var(--color-ember-bright);background:#c96a2b40}.action-popup button .meta{color:var(--color-parchment-dim);font-size:11px}.bottom-left{left:var(--space-3);bottom:var(--space-3);gap:var(--space-2);flex-direction:column;max-width:420px;display:flex;position:absolute}.message-log{color:var(--color-parchment);text-shadow:0 1px 2px #000;flex-direction:column-reverse;max-height:110px;font-size:12px;line-height:1.5;display:flex;overflow:hidden}.message-log .old{opacity:.55}.survival{gap:var(--space-3);text-transform:uppercase;letter-spacing:.1em;color:var(--color-parchment-dim);border:var(--border-carved);background:#0d0b09b3;width:-moz-fit-content;width:fit-content;padding:5px 10px;font-size:11px;display:flex}.survival b{color:var(--color-parchment);font-weight:400}.survival .low{color:var(--color-blood)}.pickup-bar{align-items:center;gap:var(--space-1);background:#0d0b09cc;border:1px solid #c96a2b73;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:420px;padding:5px 8px;display:flex}.pickup-header{text-transform:uppercase;letter-spacing:.1em;color:var(--color-parchment-dim);width:100%;font-size:10px}.pickup-chip{all:unset;color:var(--color-parchment);cursor:pointer;background:#3a352eb3;border:1px solid #d8c9a340;padding:4px 9px;font-size:12px}.pickup-chip:hover:not(:disabled){border-color:var(--color-ember-bright);color:var(--color-ember-bright);background:#c96a2b33}.pickup-chip:disabled{opacity:.45;cursor:default}.spellbook-modal{z-index:50;border:1px solid var(--color-ember);padding:var(--space-4);background:linear-gradient(160deg,#2a2118,#171009);min-width:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #000000d9}.spellbook-modal h2{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:var(--space-3);color:var(--color-parchment);justify-content:space-between;align-items:baseline;font-size:17px;display:flex}.spellbook-modal h2 .weight{color:var(--color-parchment-dim);font-size:12px}.spellbook-empty{color:var(--color-parchment-dim);max-width:360px;font-size:13px;font-style:italic;line-height:1.5}.spell-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid #d8c9a31f;display:flex}.spell-row:last-child{border-bottom:none}.spell-info{flex-direction:column;gap:2px;display:flex}.spell-name{font-family:var(--font-display);color:var(--color-parchment);font-size:15px}.spell-runes{color:var(--color-ember);letter-spacing:.06em;font-size:11px}.spell-powers{gap:3px;display:flex}.spell-powers .rune{padding:4px 7px}.rune-panel{left:var(--space-3);top:var(--space-3);border:var(--border-carved);box-shadow:var(--shadow-inset);padding:var(--space-2);background:#0d0b09d9;width:240px;position:absolute}.rune-panel h3{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-parchment-dim);margin-bottom:var(--space-2);justify-content:space-between;font-size:12px;display:flex}.rune-row{grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:3px;display:grid}.rune{all:unset;text-align:center;font-family:var(--font-display);color:var(--color-parchment);cursor:pointer;text-transform:capitalize;background:#3a352e99;border:1px solid #d8c9a326;padding:5px 0;font-size:12px}.rune:hover{border-color:var(--color-ember);color:var(--color-ember-bright)}.rune.power{color:#c9a45a}.rune-queue{min-height:22px;color:var(--color-ember-bright);font-size:13px;font-family:var(--font-display);letter-spacing:.1em;padding:3px 2px}.rune-actions{gap:var(--space-1);display:flex}.rune-actions button{all:unset;text-align:center;border:1px solid var(--color-ember);color:var(--color-parchment);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#5a3218,#3c220f);flex:1;padding:6px 0;font-size:12px}.rune-actions button:hover{background:linear-gradient(#7a4520,#4d2c12)}.rune-caster{color:var(--color-parchment-dim);font-size:11px}.inventory-modal{z-index:50;border:1px solid var(--color-ember);padding:var(--space-4);background:linear-gradient(160deg,#26201a,#16110c);min-width:460px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 48px #000000d9}.inventory-modal h2{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:var(--space-3);color:var(--color-parchment);justify-content:space-between;align-items:baseline;font-size:17px;display:flex}.inventory-modal h2 .weight{color:var(--color-parchment-dim);font-size:12px}.inv-section{margin-bottom:var(--space-3)}.inv-section h4{text-transform:uppercase;letter-spacing:.14em;color:var(--color-parchment-dim);margin-bottom:var(--space-1);font-size:10px}.inv-grid{grid-template-columns:repeat(8,46px);gap:4px;display:grid}.inv-grid.hands-grid{grid-template-columns:repeat(2,96px)}.inv-slot{height:46px;box-shadow:var(--shadow-inset);color:var(--color-parchment);text-align:center;cursor:grab;background:#00000073;border:1px solid #d8c9a32e;justify-content:center;align-items:center;padding:2px;font-size:10px;display:flex;overflow:hidden}.inv-slot.drop-target{border-color:var(--color-ember-bright);background:#c96a2b33}.inv-slot:empty:after{content:"·";color:#d8c9a340}.champ-tabs{margin-bottom:var(--space-3);gap:4px;display:flex}.champ-tabs button{all:unset;font-family:var(--font-display);color:var(--color-parchment-dim);cursor:pointer;background:#3a352e80;border:1px solid #d8c9a326;padding:5px 12px;font-size:12px}.champ-tabs button.active{color:var(--color-ember-bright);border-color:var(--color-ember)}.drag-ghost{z-index:100;pointer-events:none;border:1px solid var(--color-ember);color:var(--color-parchment);background:#26201af2;padding:6px 10px;font-size:11px;position:fixed;transform:translate(-50%,-50%)}.screen{z-index:80;background:radial-gradient(ellipse at 50% 30%, #241c12 0%, var(--color-void) 70%);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0}.screen h1{font-family:var(--font-display);letter-spacing:.12em;color:var(--color-parchment);text-shadow:0 0 24px #c96a2b59;font-size:42px}.screen p{color:var(--color-parchment-dim);text-align:center;max-width:520px;line-height:1.6}.hall-grid{gap:var(--space-3);grid-template-columns:repeat(4,170px);display:grid}.hall-card{border:var(--border-carved);box-shadow:var(--shadow-inset);padding:var(--space-3);cursor:pointer;background:linear-gradient(160deg,#221c15,#14100a);transition:transform .12s ease-out,border-color .12s}.hall-card:hover{border-color:var(--color-parchment-dim);transform:translateY(-3px)}.hall-card.selected{border-color:var(--color-ember-bright);box-shadow:0 0 18px #c96a2b4d, var(--shadow-inset)}.hall-card h3{font-family:var(--font-display);color:var(--color-parchment);font-size:16px}.hall-card .title{color:var(--color-ember);margin-bottom:var(--space-2);font-size:11px;font-style:italic}.hall-card .stats{color:var(--color-parchment-dim);font-size:11px;line-height:1.6}.screen .start-btn{all:unset;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--color-parchment);border:1px solid var(--color-ember);cursor:pointer;background:linear-gradient(#6a3b1c,#402410);padding:12px 42px;font-size:18px}.screen .start-btn:hover:not(:disabled){background:linear-gradient(#864a24,#503014)}.screen .start-btn:disabled{opacity:.35;cursor:default}.hint-bar{bottom:var(--space-3);letter-spacing:.08em;color:#d8c9a380;white-space:nowrap;background:#0d0b0999;border:1px solid #d8c9a31f;padding:4px 14px;font-size:11px;position:absolute;right:252px}