@font-face{font-family:system;src:local("Georgia")}:root{--ink: #0a0710;--panel: #16111f;--panel-border: #4a3560;--gold: #e0b84f;--gold-dim: #8a7233;--text: #ece4f5;--text-dim: #9c8fb5;--hp: #d8384a;--hp-dark: #4a1218;--mp: #3a8fd8;--mp-dark: #12304a;--xp: #7a4fd8;--rarity-common: #d7d0e0;--rarity-uncommon: #2ecc71;--rarity-rare: #3498db;--rarity-epic: #9b59b6;--rarity-legendary: #e67e22;--rarity-mythic: #e74c3c}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--ink);color:var(--text);font-family:Georgia,Times New Roman,serif;overflow:hidden}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#game-root canvas{image-rendering:auto}.hidden{display:none!important}#lobby-overlay,#party-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1226,#05040a);z-index:20}.lobby-panel{width:min(480px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#1c1628,#120d1c);border:2px solid var(--panel-border);border-radius:10px;box-shadow:0 0 0 1px #000,0 20px 60px #0009,inset 0 0 40px #e0b84f0d;padding:28px 32px 32px;text-align:center}.lobby-panel h1{margin:0 0 4px;font-size:34px;letter-spacing:4px;color:var(--gold);text-shadow:0 0 18px rgba(224,184,79,.5)}.lobby-panel h2{margin:0 0 10px;color:var(--gold);letter-spacing:2px}.tagline{color:var(--text-dim);font-style:italic;margin:0 0 22px}.lobby-field{text-align:left;margin-bottom:16px}.lobby-field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:4px}.lobby-field input{width:100%;padding:10px 12px;background:#0d0a15;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);font-size:15px;font-family:inherit}.lobby-field input:focus{outline:none;border-color:var(--gold-dim)}.hint{display:block;font-size:11px;color:var(--text-dim);margin-top:4px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.class-card{border:1px solid var(--panel-border);border-radius:8px;padding:10px;cursor:pointer;background:#130f1d;transition:border-color .15s,background .15s}.class-card:hover{border-color:var(--gold-dim)}.class-card.selected{border-color:var(--gold);background:#221a30;box-shadow:0 0 12px #e0b84f40}.class-card .class-name{font-weight:700;color:var(--gold)}.class-card .class-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.btn-primary{width:100%;padding:12px;margin-top:18px;background:linear-gradient(180deg,#f0cd6e,var(--gold));color:#1a1226;border:none;border-radius:6px;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:inherit}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.lobby-error{color:var(--hp);font-size:13px;min-height:16px;margin-top:10px}#party-list{list-style:none;padding:0;margin:0 0 18px;text-align:left}#party-list li{display:flex;justify-content:space-between;padding:8px 10px;border:1px solid var(--panel-border);border-radius:6px;margin-bottom:6px;background:#130f1d}#party-list .p-class{color:var(--text-dim);font-size:12px}#party-hint{color:var(--text-dim);font-size:13px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:Georgia,serif}#hud-top-left{position:absolute;top:14px;left:14px;width:260px}.bar-row{margin-bottom:5px}.bar{position:relative;height:18px;border-radius:4px;border:1px solid #000;overflow:hidden;background:#1a1420}.bar-fill{height:100%;width:100%;transition:width .2s ease-out}.hp-bar .bar-fill{background:linear-gradient(180deg,#ef5a6a,var(--hp))}.mp-bar .bar-fill{background:linear-gradient(180deg,#5bb3f0,var(--mp))}.xp-bar{height:8px}.xp-bar .bar-fill{background:var(--xp)}.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:0 1px 2px #000}#status-icons{display:flex;gap:4px;margin-top:6px}.status-icon{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:1px solid rgba(0,0,0,.5);text-shadow:0 1px 1px #000}#hud-top-right{position:absolute;top:14px;right:14px;text-align:right;color:var(--gold);text-shadow:0 1px 3px #000}#depth-label{font-size:20px;font-weight:700;letter-spacing:1px}#monsters-remaining{font-size:12px;color:var(--text-dim)}#ability-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px}.ability-slot{width:52px;height:52px;border-radius:8px;border:2px solid var(--panel-border);background:#130f1d;position:relative;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text);text-align:center;pointer-events:auto}.ability-slot .key{position:absolute;top:2px;left:4px;font-size:10px;color:var(--gold)}.ability-slot .cooldown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;border-radius:6px}.ability-slot.locked{opacity:.35}#controls-hint{position:absolute;bottom:76px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim);text-shadow:0 1px 2px #000;white-space:nowrap}#inventory-panel{position:absolute;bottom:16px;right:14px;width:220px;pointer-events:auto}#equipment-slots{display:flex;gap:6px;margin-bottom:6px}.equip-slot{width:40px;height:40px;border-radius:6px;border:2px solid var(--panel-border);background:#130f1d;font-size:9px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}#inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#130f1dd9;border:1px solid var(--panel-border);border-radius:6px;padding:6px;max-height:130px;overflow-y:auto}.inv-item{aspect-ratio:1;border-radius:4px;border:1px solid #000;font-size:8px;display:flex;align-items:center;justify-content:center;padding:2px;text-align:center;cursor:pointer;color:#16111f;font-weight:700}.rarity-common{background:var(--rarity-common)}.rarity-uncommon{background:var(--rarity-uncommon);color:#fff}.rarity-rare{background:var(--rarity-rare);color:#fff}.rarity-epic{background:var(--rarity-epic);color:#fff}.rarity-legendary{background:var(--rarity-legendary);color:#fff}.rarity-mythic{background:var(--rarity-mythic);color:#fff}#event-feed{position:absolute;bottom:90px;left:14px;width:320px;max-height:160px;overflow:hidden;display:flex;flex-direction:column-reverse;font-size:12px;color:var(--text-dim);text-shadow:0 1px 2px #000}#event-feed div{margin-top:2px}#party-hud{position:absolute;top:90px;left:14px;display:flex;flex-direction:column;gap:4px;font-size:11px}.party-member{background:#130f1dbf;border:1px solid var(--panel-border);border-radius:5px;padding:4px 8px;width:150px}.party-member .pm-name{color:var(--gold)}.party-member.downed{border-color:var(--hp)}.party-member.dead{opacity:.4}#banner-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh}.banner{background:#0a0710cc;border:1px solid var(--gold-dim);color:var(--gold);padding:10px 28px;border-radius:8px;font-size:22px;letter-spacing:2px;text-align:center;animation:banner-in .35s ease-out,banner-out .5s ease-in 2.2s forwards}@keyframes banner-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes banner-out{to{opacity:0;transform:translateY(-10px)}}.dmg-float{position:absolute;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;animation:dmg-float-up .9s ease-out forwards}@keyframes dmg-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-36px)}}