:root{--bg-0: #070705;--bg-1: #10110f;--bg-2: #181a17;--bg-3: #24251f;--border-1: #37372e;--border-2: #585241;--text-0: #e8dcc1;--text-1: #c1b28c;--text-dim: #827967;--accent: #9f7b3d;--accent-hot: #d0a24a;--danger: #9e3225;--good: #7f9b75;--mana: #6f8ea0;--rage: #b44c2b;--energy: #c5a748;--rarity-Common: #cccccc;--rarity-Uncommon: #4ad06b;--rarity-Rare: #4a8fe7;--rarity-Epic: #b061e0;--rarity-Legendary: #e69a2e}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:radial-gradient(ellipse at 50% 28%,rgba(80,75,58,.12),transparent 46%),var(--bg-0);color:var(--text-0);font-family:Segoe UI,system-ui,sans-serif;font-size:14px;overflow:hidden}button{font-family:inherit;font-size:inherit;color:var(--text-0);background:var(--bg-2);border:1px solid var(--border-2);padding:8px 14px;cursor:pointer;border-radius:4px;letter-spacing:.02em;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}button:hover:not(:disabled){background:var(--bg-3);border-color:var(--accent);color:var(--accent-hot)}button:active:not(:disabled){background:var(--bg-1);transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 2px #e7b86073;border-color:var(--accent-hot)}button:disabled{opacity:.42;cursor:not-allowed}input,select{background:var(--bg-1);color:var(--text-0);border:1px solid var(--border-2);padding:6px 10px;border-radius:3px;font-family:inherit;font-size:inherit}.app-root{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.screen-fullbleed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.menu-card{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-2);padding:36px 44px;border-radius:6px;min-width:420px;max-width:96vw;box-shadow:0 6px 30px #0009,inset 0 0 0 1px #c9a14b26}h1.title{font-size:38px;margin:0 0 8px;color:var(--accent-hot);letter-spacing:.05em;font-weight:700;font-family:Georgia,Times New Roman,serif}h2.subtitle{font-size:14px;font-weight:400;color:var(--text-dim);margin:0 0 28px}.objective-panel{position:absolute;top:12px;left:12px;width:230px;background:#14110dd9;border:1px solid var(--border-2);border-radius:4px;padding:6px 28px 6px 10px;z-index:8;font-size:11px;color:var(--text-1)}.objective-panel.collapsed{width:auto;padding:4px 28px 4px 10px}.objective-panel.collapsed .hud-section-title{margin-bottom:0}.objective-panel ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:8px}.objective-row{border-left:3px solid var(--border-2);padding:4px 8px}.objective-row.completed{border-left-color:var(--good);opacity:.7}.objective-row.failed{border-left-color:var(--danger);opacity:.55;text-decoration:line-through}.objective-title{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-weight:600;color:var(--text-0);font-size:12px}.objective-reward{color:var(--accent-hot);font-size:10px;font-family:Consolas,monospace;white-space:nowrap}.objective-desc{font-size:11px;color:var(--text-dim);margin:2px 0 4px}.objective-bar{position:relative;height:10px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:2px;overflow:hidden}.objective-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;transition:width .25s,background .25s}.objective-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;text-align:center;line-height:10px;color:#fff;text-shadow:0 0 2px #000;font-family:Consolas,monospace}.objective-collapse{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:0 6px;font-size:12px;line-height:1}.run-summary-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:150;display:flex;align-items:center;justify-content:center}.run-summary-card{width:min(560px,92vw);max-height:88vh;overflow:auto}.run-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:14px 0}.run-summary-stat{background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;padding:6px 8px;text-align:center}.run-summary-stat .muted{font-size:10px;letter-spacing:.06em;text-transform:uppercase}.run-summary-stat>div:last-child{font-family:Consolas,monospace;font-size:16px}.run-summary-objectives{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px;font-size:12px}.run-obj{display:grid;grid-template-columns:20px 160px 1fr 120px;gap:8px;align-items:baseline;background:var(--bg-2);border-radius:3px;padding:4px 8px}.run-obj-icon{font-family:Consolas,monospace;font-weight:700}.run-obj.completed .run-obj-icon{color:var(--good)}.run-obj.failed .run-obj-icon{color:var(--danger)}.run-obj.incomplete .run-obj-icon{color:var(--text-dim)}.run-obj-reward{color:var(--accent-hot);font-family:Consolas,monospace;font-size:11px;text-align:right}.run-obj-desc{font-size:11px}.run-summary-bestiary{list-style:none;padding:0;margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:12px}.run-summary-bestiary li{display:flex;justify-content:space-between;background:var(--bg-2);border-radius:3px;padding:3px 8px}.title-screen{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#25241d,#10110f 58%,#050504)}.title-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 520px 360px at 50% 38%,#d0662e33,#d0a24a14 45%,#d0a24a00 75%);pointer-events:none;animation:lanternFlicker 5.2s ease-in-out infinite}.title-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.65) 100%);pointer-events:none}.title-ruins{position:absolute;bottom:0;width:min(34vw,430px);height:min(62vh,560px);opacity:.42;pointer-events:none;filter:drop-shadow(0 0 16px rgba(0,0,0,.75))}.title-ruins:before,.title-ruins:after{content:"";position:absolute;inset:auto 0 0 0;background:linear-gradient(90deg,transparent 0 8%,rgba(8,8,7,.92) 8% 14%,transparent 14% 19%,rgba(8,8,7,.95) 19% 31%,transparent 31% 38%,rgba(8,8,7,.9) 38% 44%,transparent 44% 100%),linear-gradient(0deg,#080807fa,#12120fd9);clip-path:polygon(0 100%,0 58%,7% 58%,9% 38%,12% 58%,17% 58%,17% 35%,20% 35%,22% 8%,25% 35%,29% 35%,29% 72%,35% 72%,36% 54%,39% 72%,47% 72%,47% 43%,50% 43%,52% 19%,55% 43%,59% 43%,59% 100%)}.title-ruins:before{height:100%}.title-ruins:after{height:44%;opacity:.7;transform:translate(32%) scaleX(.8)}.title-ruins-left{left:0}.title-ruins-right{right:0;transform:scaleX(-1)}@keyframes lanternFlicker{0%,to{opacity:1}47%{opacity:.88}50%{opacity:.96}53%{opacity:.82}60%{opacity:1}}.title-card{position:relative;z-index:1;overflow:hidden;background:radial-gradient(circle at 50% 16%,rgba(208,162,74,.1),transparent 26%),linear-gradient(180deg,#1c1d19f0,#0a0b09f7);border:1px solid rgba(159,123,61,.5);box-shadow:0 0 0 1px #b7aa8e1f inset,0 8px 38px #000000b3,0 0 60px #e7b8600f;width:min(460px,calc(100vw - 20px));padding:34px 56px 40px;min-width:0;text-align:center}.title-card:before,.title-card:after{content:"";position:absolute;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(208,162,74,.64),transparent);pointer-events:none}.title-card:before{top:16px}.title-card:after{bottom:16px}.title-seal{position:relative;width:46px;height:46px;margin:0 auto 10px;border:1px solid rgba(208,162,74,.6);border-radius:50%;box-shadow:0 0 0 3px #080807cc,0 0 18px #d0662e29}.title-seal:before,.title-seal:after,.title-seal span:before,.title-seal span:after{content:"";position:absolute;background:#b7aa8ebd}.title-seal:before{left:50%;top:8px;width:2px;height:30px;transform:translate(-50%)}.title-seal:after{left:14px;right:14px;top:19px;height:2px}.title-seal span:before{left:50%;top:4px;width:10px;height:10px;border-radius:50%;transform:translate(-50%);background:#d0662ed1}.title-seal span:after{left:50%;bottom:5px;width:16px;height:1px;transform:translate(-50%);background:#d0a24ad1}.title-eyebrow{font-size:10px;letter-spacing:.4em;color:var(--text-dim);margin-bottom:14px}.title-name{font-size:52px;letter-spacing:.06em;margin:0 0 10px;color:var(--accent-hot);font-family:Georgia,Times New Roman,serif;text-shadow:0 0 8px rgba(231,184,96,.5),0 0 24px rgba(231,184,96,.25),0 2px 0 rgba(0,0,0,.5);font-weight:700;animation:titleFlicker 6.4s ease-in-out infinite}@keyframes titleFlicker{0%,to{text-shadow:0 0 8px rgba(231,184,96,.5),0 0 24px rgba(231,184,96,.25),0 2px 0 rgba(0,0,0,.5)}47%,53%{text-shadow:0 0 4px rgba(231,184,96,.32),0 0 14px rgba(231,184,96,.16),0 2px 0 rgba(0,0,0,.5)}}.title-tagline{font-style:italic;font-size:14px;color:var(--text-1);margin:0 0 30px;letter-spacing:.04em}.title-card .menu-buttons button{padding:10px 18px;letter-spacing:.05em}.title-card .menu-buttons button:hover{border-color:var(--accent-hot);box-shadow:0 0 12px #e7b86033}@media (max-width: 560px){.title-card{padding:30px 20px 34px}}.menu-buttons{display:flex;flex-direction:column;gap:10px}.class-menu-card{width:min(720px,calc(100vw - 32px));min-width:0;max-height:calc(100vh - 32px);overflow:auto}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.class-card{position:relative;overflow:hidden;background:radial-gradient(circle at 34px 34px,color-mix(in srgb,var(--class-color) 28%,transparent),transparent 48px),linear-gradient(180deg,#1c1d19f5,#0d0e0cfa);border:1px solid var(--border-2);border-radius:6px;padding:16px;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:border-color .12s,box-shadow .12s,transform .12s,background .12s;box-shadow:inset 0 0 0 1px #b7aa8e14,0 6px 20px #00000047}.class-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(159,123,61,.18);border-radius:4px;pointer-events:none}.class-card:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px #b7aa8e29,0 8px 24px #00000061,0 0 18px color-mix(in srgb,var(--class-color) 16%,transparent)}.class-card.selected{border-color:var(--accent-hot);background:radial-gradient(circle at 34px 34px,color-mix(in srgb,var(--class-color) 42%,transparent),transparent 54px),linear-gradient(180deg,#26241cfa,#0e0e0bfa);box-shadow:inset 0 0 0 1px #d0a24a38,0 0 0 1px #d0a24a2e,0 0 22px color-mix(in srgb,var(--class-color) 22%,transparent)}.class-card-head{position:relative;display:flex;gap:12px;align-items:center;margin-bottom:12px}.class-card-sigil{position:relative;width:42px;height:42px;border:1px solid rgba(208,162,74,.56);border-radius:50%;flex:0 0 auto;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 72%,#d0a24a) 0,color-mix(in srgb,var(--class-color) 72%,#d0a24a) 34%,#080807f0 36%,#080807f0);box-shadow:0 0 0 3px #080807c2,0 0 14px color-mix(in srgb,var(--class-color) 22%,transparent)}.class-card-sigil:before,.class-card-sigil:after,.class-card-sigil span:before,.class-card-sigil span:after{content:"";position:absolute;background:#e8dcc1d6}.class-card-sigil:before{left:50%;top:9px;width:2px;height:24px;transform:translate(-50%)}.class-card-sigil:after{left:12px;right:12px;top:20px;height:2px}.class-card-sigil span:before{left:50%;top:7px;width:8px;height:8px;border-radius:50%;transform:translate(-50%);background:color-mix(in srgb,var(--class-color) 72%,#d0a24a)}.class-card-sigil span:after{left:11px;right:11px;bottom:8px;height:1px;background:#d0a24ad1}.class-card h3{margin:0 0 5px;color:var(--text-0);font-family:Georgia,Times New Roman,serif;letter-spacing:.02em}.class-card .role-tag{display:inline-block;font-size:11px;padding:2px 6px;border-radius:3px;background:#0808078a;border:1px solid rgba(159,123,61,.26);color:var(--accent-hot)}.class-card .desc{color:var(--text-1);font-size:13px;line-height:1.4;margin-bottom:10px}.class-card .abilities-list{font-size:12px;color:var(--text-dim)}@media (max-width: 560px){.class-menu-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:24px 18px}.class-menu-card .row{flex-wrap:wrap}.class-menu-card input{min-width:0;width:100%}.class-grid{grid-template-columns:1fr;gap:10px}.class-card{padding:12px}}.party-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.party-menu-card{width:min(720px,calc(100vw - 32px));min-width:0;max-height:calc(100vh - 32px);overflow:auto}.party-card{position:relative;overflow:hidden;min-height:126px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--class-color) 34%,transparent) 0,transparent 30%),linear-gradient(145deg,#25211bf0,#0c0e0cfa 58%,#070807fa);border:1px solid var(--border-2);border-radius:6px;padding:14px;cursor:pointer;color:inherit;font:inherit;text-align:left;box-shadow:inset 0 0 0 1px #f2c16d12,0 10px 22px #00000038;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.party-card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border:1px solid rgba(159,123,61,.18);border-radius:3px}.party-card:after{content:"";position:absolute;right:-20px;bottom:-28px;width:76px;height:76px;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 30%,transparent) 0,transparent 67%);opacity:.44}.party-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #f2c16d1f,0 14px 26px #0000004d}.party-card:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.party-card.chosen{border-color:var(--accent-hot);box-shadow:0 0 0 1px #ea783c52,0 0 18px #ea783c26,inset 0 0 24px #ea783c17}.party-card-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:10px}.party-card-sigil{position:relative;flex:0 0 auto;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--class-color) 58%,var(--border-2));border-radius:50%;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--class-color) 70%,#f5d38b) 0 4px,transparent 5px),radial-gradient(circle at 50% 50%,rgba(16,13,11,.9) 0 48%,rgba(102,77,43,.42) 49% 53%,transparent 54%),linear-gradient(135deg,#dbb1642e,#060706e6);box-shadow:inset 0 0 10px #00000094,0 0 12px color-mix(in srgb,var(--class-color) 26%,transparent)}.party-card-sigil:before,.party-card-sigil:after,.party-card-sigil span{content:"";position:absolute;left:50%;top:50%;background:color-mix(in srgb,var(--class-color) 68%,#f0c16d);transform:translate(-50%,-50%);opacity:.8}.party-card-sigil:before{width:2px;height:21px}.party-card-sigil:after{width:21px;height:2px}.party-card-sigil span{width:16px;height:16px;border:1px solid color-mix(in srgb,var(--class-color) 54%,#1b1712);border-radius:50%;background:transparent}.party-card .pname{color:var(--accent-hot);font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700;line-height:1.1}.party-card .pclass{font-size:11px;color:var(--text-dim);margin-top:4px;text-transform:uppercase;letter-spacing:0}.party-card .pdesc{position:relative;z-index:1;font-size:12px;color:var(--text-1);line-height:1.45}@media (max-width: 560px){.party-menu-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:24px 18px}.party-grid{grid-template-columns:1fr;gap:10px}.party-card{min-height:0;padding:12px}.party-card .pname{font-size:16px}}.town-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.hud>*{pointer-events:auto}.party-frames{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;width:230px}.unit-frame{background:#14110dd9;border:1px solid var(--border-2);border-radius:4px;padding:6px 8px;display:flex;flex-direction:column;gap:3px}.unit-frame.targeted{border-color:var(--accent-hot);box-shadow:0 0 0 1px #e7b86059,0 0 12px #e7b86033;background:linear-gradient(180deg,#2e2416e0,#16120eeb)}.unit-frame .uname-row{display:flex;justify-content:space-between;font-size:12px}.bar{position:relative;height:10px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:2px;overflow:hidden}.bar .fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transform-origin:left}.bar .label{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;line-height:10px;color:#fff;text-shadow:0 0 2px #000}.bar.hp .fill{background:var(--good)}.bar.resource.mana .fill{background:var(--mana)}.bar.resource.rage .fill{background:var(--rage)}.bar.resource.energy .fill{background:var(--energy)}.target-frame{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#14110dd9;border:1px solid var(--accent-hot);border-radius:4px;padding:6px 10px;width:240px}.tot-row{margin-top:4px;padding-top:4px;border-top:1px dashed var(--border-1)}.tot-label{font-size:11px;margin-bottom:2px;display:flex;align-items:baseline;gap:4px}.tot-bar{height:6px}.tot-bar .label{font-size:9px;line-height:6px}.ability-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:#14110dd9;border:1px solid var(--border-2);padding:6px;border-radius:4px}.ability-slot{position:relative;width:48px;height:48px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:3px;cursor:pointer}.ability-slot .icon{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:2px}.ability-slot .keybind{position:absolute;bottom:1px;right:3px;font-size:10px;color:var(--text-0);text-shadow:0 0 2px #000}.ability-slot .cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:Consolas,Menlo,monospace;letter-spacing:.02em;border-radius:3px;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none}.ability-slot.disabled{opacity:.55}.ability-bar-divider{width:1px;align-self:stretch;margin:2px 4px;background:var(--border-2);opacity:.7}.ability-bar .consumable-bar-slot{border-color:var(--accent);box-shadow:0 0 0 1px #c79a4e2e inset}.ability-bar .consumable-bar-slot:hover{border-color:var(--accent-hot)}.consumable-bar-empty{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-dim);line-height:1;pointer-events:none}.ability-slot.locked{opacity:.45;filter:grayscale(.5)}.ability-slot .locked-overlay{background:#14141ebf;color:var(--text-dim);font-size:11px;letter-spacing:.05em}.ability-slot:hover{border-color:var(--accent)}.toolbar{position:absolute;top:12px;right:12px;display:flex;gap:6px}.toolbar button{padding:4px 8px;font-size:12px}.panel{position:absolute;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-2);border-radius:6px;box-shadow:0 6px 24px #000000b3,inset 0 0 0 1px #c9a14b26;display:flex;flex-direction:column}.panel .panel-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-2);box-shadow:inset 0 -2px #c9a14b2e;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border-radius:6px 6px 0 0}.panel .panel-head h3{margin:0;font-size:14px;color:var(--accent-hot);letter-spacing:.05em}.panel .panel-body{padding:12px;overflow:auto}.panel .close-x{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:0 4px}.panel .close-x:hover{color:var(--text-0)}.item-database-panel{overflow:hidden;border-color:#9f7b3d75;background:radial-gradient(ellipse at 50% 0%,rgba(208,102,46,.12),transparent 38%),linear-gradient(180deg,#24251ffa,#070705fa);box-shadow:0 12px 34px #000000b8,inset 0 0 0 1px #e8dcc10d,inset 0 0 36px #d0a24a09}.item-database-panel .panel-head.item-database-head{padding:10px 14px;border-bottom-color:#d0a24a57;background:radial-gradient(circle at 0 0,rgba(208,102,46,.2),transparent 42%),linear-gradient(180deg,#322b1df5,#10110ffa);box-shadow:inset 0 -1px #e8dcc10f,inset 0 -3px #d0a24a29}.item-database-panel .panel-body{padding:14px;background:radial-gradient(circle at 100% 0%,rgba(208,102,46,.08),transparent 36%),linear-gradient(180deg,rgba(208,162,74,.025),transparent 22%)}.item-database-panel .close-x{width:26px;height:26px;border:1px solid rgba(159,123,61,.28);border-radius:3px;background:#07070542;color:color-mix(in srgb,var(--text-dim) 72%,var(--accent-hot))}.item-database-panel .close-x:hover,.item-database-panel .close-x:focus-visible{border-color:var(--accent-hot);color:var(--accent-hot);box-shadow:0 0 12px #d0a24a24}.inv-grid{display:grid;grid-template-columns:repeat(8,44px);gap:4px}.inv-slot{width:44px;height:44px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.inv-slot:hover{border-color:var(--accent)}.inv-slot .swatch{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px}.inv-slot .qty{position:absolute;bottom:1px;right:3px;font-size:10px;text-shadow:0 0 2px #000}.item-icon{position:relative;display:inline-block;border:1px solid;border-radius:3px;overflow:hidden;flex-shrink:0}.item-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;border-radius:inherit}.item-icon-glyph{position:relative;display:block}.item-icon-qty{position:absolute;bottom:-1px;right:1px;font-size:10px;font-weight:700;font-family:Consolas,monospace;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;line-height:1;pointer-events:none}.eq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:320px}.eq-slot{background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;padding:8px;min-height:56px;display:flex;flex-direction:column;gap:2px}.eq-slot .slot-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.eq-slot .slot-item{font-size:12px}.eq-slot.empty .slot-item{color:var(--text-dim)}.item-database-route{background:radial-gradient(ellipse at 50% 0%,rgba(208,102,46,.08),transparent 36%),var(--bg-0);overflow:hidden}.item-database-nav{flex:0 0 auto;padding:12px 24px 0;z-index:1}.item-database-nav button{border-color:#9f7b3db8;background:linear-gradient(180deg,#24251fd6,#10110ff5),var(--bg-2);color:var(--text-0);box-shadow:inset 0 0 0 1px #e8dcc10a}.item-database-nav button:hover,.item-database-nav button:focus-visible{border-color:var(--accent-hot);color:var(--accent-hot);box-shadow:inset 0 0 0 1px #e8dcc114,0 0 14px #d0a24a24}.item-database-route-body{flex:1;min-height:0;padding:12px 24px 24px}.item-database-screen{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.item-database-page-head{position:relative;margin-bottom:14px;padding:14px 16px 12px;border:1px solid rgba(159,123,61,.34);border-left:3px solid var(--accent);border-radius:4px;background:radial-gradient(circle at 0 0,rgba(208,102,46,.16),transparent 34%),linear-gradient(180deg,rgba(208,162,74,.06),transparent 70%),#10110fc2;box-shadow:inset 0 0 0 1px #e8dcc109,0 12px 28px #00000029}.item-database-page-head:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(208,162,74,.58),transparent)}.item-database-page-head .item-database-page-title{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;line-height:1.08}.item-database-page-title:before{content:"";width:14px;height:14px;flex:0 0 14px;background:linear-gradient(180deg,var(--accent-hot),var(--accent));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);box-shadow:0 0 10px #d0a24a47}.item-database-page-copy{margin-top:4px;padding-left:24px}.item-database-head{position:relative;overflow:hidden}.item-database-head:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(208,162,74,.7),transparent)}.item-database-head h3{display:flex;align-items:center;gap:8px}.item-database-head h3:before{content:"";width:13px;height:13px;flex:0 0 13px;background:linear-gradient(180deg,var(--accent-hot),var(--accent));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);box-shadow:0 0 10px #d0a24a47}.item-database-tabs{position:relative;margin-bottom:10px;padding-bottom:8px}.item-database-tabs:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(208,162,74,.55),transparent)}.item-database-tabs button{position:relative;border-color:color-mix(in srgb,var(--border-2) 82%,var(--accent));background:linear-gradient(180deg,#24251fdb,#10110ff5),var(--bg-2);color:var(--text-1);letter-spacing:.03em;text-transform:uppercase}.vendor-tabs.item-database-tabs button.active{background:radial-gradient(circle at 50% 0%,rgba(208,102,46,.24),transparent 70%),linear-gradient(180deg,#322b1df5,#181a17fa);border-color:var(--accent-hot);box-shadow:inset 0 0 0 1px #e8dcc114,0 0 14px #d0a24a29;color:var(--accent-hot);text-shadow:0 0 8px rgba(208,162,74,.24)}.item-database-tabs button:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.db-shell{display:grid;grid-template-columns:220px 1fr 280px;gap:10px;height:100%;min-width:0;width:100%}.db-filters,.db-detail{display:flex;flex-direction:column;gap:10px;background:var(--bg-2);padding:10px;border-radius:4px;overflow:auto;min-width:0}.db-detail{border:1px solid rgba(159,123,61,.32);background:radial-gradient(circle at 100% 0%,rgba(208,102,46,.08),transparent 40%),linear-gradient(180deg,rgba(208,162,74,.055),transparent 30%),var(--bg-2);box-shadow:inset 0 0 0 1px #e8dcc109,0 10px 24px #0000001f}.db-filters{position:relative;border:1px solid color-mix(in srgb,var(--border-2) 76%,var(--accent));background:radial-gradient(circle at 100% 0%,rgba(208,102,46,.1),transparent 42%),linear-gradient(180deg,rgba(208,162,74,.06),transparent 26%),var(--bg-2);box-shadow:inset 0 0 0 1px #e8dcc109,0 10px 22px #00000024}.db-filters input:not([type=checkbox]),.db-filters select{width:100%;border-color:color-mix(in srgb,var(--border-2) 74%,var(--accent));border-left-color:var(--accent);background:linear-gradient(180deg,#070705f5,#10110ffa),var(--bg-1);box-shadow:inset 0 0 0 1px #e8dcc109}.db-filters input::placeholder{color:color-mix(in srgb,var(--text-dim) 84%,var(--accent-hot))}.db-filters input:not([type=checkbox]):focus,.db-filters select:focus{outline:none;border-color:var(--accent-hot);box-shadow:inset 0 0 0 1px #e8dcc114,0 0 0 2px #d0a24a2e,0 0 14px #d0662e1f}.db-filters .filter-group{border-top:1px solid rgba(159,123,61,.18);padding-top:8px}.db-filters .filter-group h4{color:color-mix(in srgb,var(--accent-hot) 78%,var(--text-1))}.db-filters .filter-group label{display:flex;align-items:center;gap:6px;min-height:22px;padding:3px 4px;border-radius:3px}.db-filters .filter-group label:hover{background:#d0a24a12;color:var(--text-0)}.db-filters input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;flex:0 0 13px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--border-2) 72%,var(--accent));border-radius:2px;background:linear-gradient(180deg,#070705fa,#181a17fa),var(--bg-1);box-shadow:inset 0 0 0 1px #e8dcc109}.db-filters input[type=checkbox]:checked{border-color:var(--accent-hot);background:radial-gradient(circle at 50% 50%,var(--accent-hot) 0 34%,transparent 38%),linear-gradient(180deg,#372a18f5,#10110ffa);box-shadow:inset 0 0 0 1px #e8dcc11a,0 0 8px #d0a24a2e}.db-filters input[type=checkbox]:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.db-list{background:var(--bg-2);border-radius:4px;overflow:auto;min-width:0}.db-item-list{border:1px solid rgba(159,123,61,.28);background:linear-gradient(180deg,rgba(208,162,74,.045),transparent 30%),var(--bg-2);box-shadow:inset 0 0 0 1px #e8dcc106}.db-row{display:grid;grid-template-columns:1fr 60px 80px 60px;gap:8px;padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border-1);align-items:center;font-size:12px}.db-row:hover{background:var(--bg-3)}.db-row.selected{background:var(--bg-3);border-left:3px solid var(--accent)}.db-row .ilvl{color:var(--text-dim);font-size:11px}.db-item-header{cursor:default;font-weight:700;color:var(--accent-hot);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg,#322b1deb,#181a17f5),var(--bg-3);border-bottom-color:#d0a24a59}.db-item-row{position:relative}.db-item-row:hover{background:linear-gradient(90deg,rgba(208,162,74,.08),transparent 65%),var(--bg-3)}.db-item-row>div:first-child{font-weight:600}.db-row.db-item-row.selected{background:radial-gradient(circle at 0 50%,rgba(208,102,46,.2),transparent 58%),linear-gradient(90deg,#d0a24a21,#24251ff5 44%),var(--bg-3);border-left-color:var(--accent-hot);box-shadow:inset 0 0 0 1px #e8dcc10e,0 0 12px #d0a24a1a}.db-bestiary-row{grid-template-columns:200px 80px 80px minmax(120px,1fr) 120px}.db-list:has(.db-bestiary-row){border:1px solid rgba(159,123,61,.28);background:radial-gradient(circle at 100% 0%,rgba(106,29,22,.12),transparent 42%),linear-gradient(180deg,rgba(208,162,74,.045),transparent 30%),var(--bg-2);box-shadow:inset 0 0 0 1px #e8dcc106}.db-bestiary-row{position:relative;border-bottom-color:#9f7b3d33;background:linear-gradient(90deg,rgba(106,29,22,.12),transparent 56%),#10110f2e}.db-bestiary-row:before{content:"";position:absolute;inset:7px auto 7px 0;width:2px;background:linear-gradient(180deg,transparent,rgba(181,74,42,.72),transparent);opacity:.78}.db-bestiary-row:hover{background:radial-gradient(circle at 0 50%,rgba(208,102,46,.16),transparent 52%),linear-gradient(90deg,rgba(106,29,22,.16),transparent 62%),var(--bg-3)}.db-bestiary-row>div:first-child{padding-left:4px;text-shadow:0 0 8px rgba(181,74,42,.18)}.db-bestiary-row>div:nth-child(3),.db-bestiary-row>div:nth-child(5){justify-self:start;padding:2px 6px;border:1px solid rgba(159,123,61,.18);border-radius:3px;background:#0707052e}.db-npc-row{grid-template-columns:180px minmax(160px,1fr) 200px}.db-list:has(.db-npc-row){border:1px solid rgba(159,123,61,.28);background:linear-gradient(180deg,rgba(208,162,74,.045),transparent 30%),var(--bg-2);box-shadow:inset 0 0 0 1px #e8dcc106}.db-npc-row{position:relative;border-bottom-color:#9f7b3d33;background:linear-gradient(90deg,rgba(208,162,74,.055),transparent 58%),#10110f2e}.db-npc-row:before{content:"";position:absolute;inset:7px auto 7px 0;width:2px;background:linear-gradient(180deg,transparent,rgba(208,162,74,.72),transparent);opacity:.75}.db-npc-row:hover{background:radial-gradient(circle at 0 50%,rgba(208,102,46,.14),transparent 52%),linear-gradient(90deg,rgba(208,162,74,.09),transparent 62%),var(--bg-3)}.db-npc-row>div:first-child{padding-left:4px;text-shadow:0 0 8px rgba(208,162,74,.16)}.db-npc-row>div:nth-child(2)>div:first-child{color:color-mix(in srgb,var(--accent-hot) 74%,var(--text-1));font-weight:700;letter-spacing:.03em;text-transform:uppercase}.db-npc-row>div:nth-child(3){padding:5px 7px;border:1px solid rgba(159,123,61,.18);border-left:2px solid rgba(208,162,74,.32);border-radius:3px;background:#0707052e}.item-detail{position:relative;padding:10px;border:1px solid rgba(159,123,61,.18);border-radius:4px;background:radial-gradient(circle at 100% 0%,rgba(208,102,46,.1),transparent 42%),linear-gradient(180deg,rgba(208,162,74,.055),transparent 34%),#07070533;box-shadow:inset 0 0 0 1px #e8dcc108}.item-detail .name{font-weight:600;margin:-2px 0 8px;padding-bottom:9px;border-bottom:1px solid rgba(208,162,74,.28);line-height:1.25;letter-spacing:.01em;text-shadow:0 0 10px rgba(208,102,46,.24),0 1px 0 rgba(0,0,0,.5)}.item-detail .meta{font-size:11px;color:var(--text-dim);margin-bottom:6px;line-height:1.35}.item-detail .stats-list{list-style:none;padding:9px 10px;margin:10px 0;border:1px solid rgba(159,123,61,.22);border-left:2px solid rgba(127,155,117,.58);border-radius:3px;background:radial-gradient(circle at 0 0,rgba(127,155,117,.12),transparent 46%),linear-gradient(90deg,rgba(127,155,117,.08),transparent 72%),#0707054d;box-shadow:inset 0 0 0 1px #e8dcc106}.item-detail .stats-list li{font-size:12px;color:var(--good);line-height:1.35;text-shadow:0 0 8px rgba(127,155,117,.16)}.item-compare{margin-top:8px;padding-top:6px;border-top:1px dashed var(--border-1)}.compare-title{font-size:10px;letter-spacing:.08em;margin-bottom:4px}.item-detail .flavor{font-style:italic;color:var(--text-dim);font-size:12px;margin:10px 0;padding:8px 10px;border:1px solid rgba(159,123,61,.2);border-left:2px solid rgba(208,162,74,.46);border-radius:3px;background:radial-gradient(circle at 100% 0%,rgba(208,102,46,.1),transparent 44%),linear-gradient(90deg,rgba(208,162,74,.09),transparent 74%),#10110f80;line-height:1.35}.item-detail details{margin-top:10px;padding:7px 8px 8px;border:1px dashed rgba(159,123,61,.32);border-radius:3px;background:linear-gradient(180deg,rgba(208,162,74,.05),transparent 46%),#0707052e}.item-detail summary{display:flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--text-dim) 78%,var(--accent-hot));letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.item-detail summary:before{content:"";width:8px;height:8px;flex:0 0 8px;border:1px solid rgba(208,162,74,.72);transform:rotate(45deg);box-shadow:0 0 8px #d0a24a24}.item-detail details[open] summary{color:var(--accent-hot);margin-bottom:8px}.item-detail details pre{max-height:180px;overflow:auto;border:1px solid rgba(159,123,61,.22);border-left:2px solid rgba(208,162,74,.4);background:linear-gradient(180deg,#070705f5,#10110ffa)!important;color:color-mix(in srgb,var(--text-1) 88%,var(--accent-hot));line-height:1.35;scrollbar-color:rgba(208,162,74,.5) rgba(7,7,5,.55)}.rarity-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-group h4{margin:0 0 4px;font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.filter-group label{display:block;font-size:12px;color:var(--text-1);padding:2px 0;cursor:pointer}@media (max-width: 760px){.item-database-nav{padding:10px 16px 0}.item-database-route-body{padding:10px 16px 16px}.item-database-page-head{margin-bottom:10px;padding:10px 12px 9px}.item-database-page-head .item-database-page-title{gap:8px;font-size:20px}.item-database-page-title:before{width:12px;height:12px;flex-basis:12px}.item-database-page-copy{margin-top:3px;padding-left:20px;font-size:12px;line-height:1.3}.db-shell{grid-template-columns:1fr;align-content:start;height:auto;overflow:auto}.db-filters,.db-list,.db-detail{max-height:none}.db-filters .filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:5px 6px}.db-filters .filter-group h4{grid-column:1 / -1;margin-bottom:0}.db-filters .filter-group label{min-height:24px;padding:3px 6px;border:1px solid rgba(159,123,61,.16);background:#07070529}.db-filters .filter-group select{grid-column:1 / -1}.db-list{max-height:42vh}.db-row{grid-template-columns:minmax(120px,1fr) 42px 58px 72px;gap:6px;padding:6px 8px}.db-bestiary-row{grid-template-columns:minmax(92px,1fr) 38px 48px minmax(56px,.8fr) 54px}.db-npc-row{grid-template-columns:minmax(90px,.8fr) minmax(110px,1.1fr) minmax(80px,.8fr)}}@media (max-width: 420px){.item-database-page-head{margin-bottom:8px;padding:8px 10px;border-left-width:2px}.item-database-page-head .item-database-page-title{font-size:18px}.item-database-page-copy{padding-left:0}.vendor-tabs.item-database-tabs{gap:4px;margin-bottom:8px;padding-bottom:7px}.vendor-tabs.item-database-tabs button{padding:4px 8px;font-size:10px}.db-filters{gap:8px}.db-filters .filter-group{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:4px;padding-top:6px}.db-filters .filter-group label{min-height:22px;padding:2px 5px;font-size:11px}.db-row{grid-template-columns:minmax(0,1fr) 32px 48px 58px;gap:4px;padding:6px;font-size:11px}.db-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis}.db-row>div:not(:first-child){white-space:nowrap}.db-row .ilvl{font-size:10px}.db-bestiary-row{grid-template-columns:minmax(0,1fr) 34px 42px minmax(0,1fr) 50px}.db-npc-row{grid-template-columns:minmax(84px,.85fr) minmax(0,1.35fr);align-items:start;row-gap:2px}.db-npc-row>div:nth-child(2),.db-npc-row>div:nth-child(3){white-space:normal}.db-npc-row>div:nth-child(3){grid-column:2;font-size:10px}}.combat-log{position:absolute;bottom:80px;right:12px;width:260px;max-height:180px;overflow:auto;background:#14110dd9;border:1px solid var(--border-2);border-radius:4px;padding:6px 8px;font-size:11px;color:var(--text-1);font-family:Consolas,Menlo,monospace;line-height:1.35}.combat-log>div{padding:1px 0;border-bottom:1px solid rgba(255,255,255,.04)}.combat-log>div:last-child{border-bottom:none}.combat-log .log-damage{color:var(--danger)}.combat-log .log-crit{color:var(--accent-hot);font-weight:600}.combat-log .log-heal{color:var(--good)}.combat-log .log-loot{color:var(--rarity-Rare)}.combat-log .log-death{color:var(--rarity-Legendary)}.tooltip{position:fixed;z-index:10000;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-2);border-radius:5px;padding:10px 12px;font-size:12px;pointer-events:none;max-width:300px;line-height:1.45;box-shadow:0 6px 18px #000000b3,0 0 0 1px #c79a4e14 inset}.phaser-host{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0a07}.phaser-host canvas{display:block;width:100%;height:100%}.dungeon-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.dungeon-layout .top-bar{height:42px;flex-shrink:0;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-bottom:1px solid var(--border-2);box-shadow:0 1px #c79a4e14 inset;display:flex;align-items:center;padding:0 14px;gap:6px;z-index:10}.dungeon-layout .top-bar .game-title{font-size:13px;font-weight:700;color:var(--accent-hot);letter-spacing:.1em;text-shadow:0 0 8px rgba(231,184,96,.25)}.dungeon-layout .top-bar button{padding:5px 12px;font-size:11px;letter-spacing:.04em}.dungeon-layout .play-area{flex:1;position:relative;overflow:hidden;min-height:240px;background:#0c0a07}.dungeon-layout .bottom-hud{height:190px;flex-shrink:0;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-top:1px solid var(--border-2);display:grid;grid-template-columns:320px 1fr 340px;gap:10px;padding:8px 12px;z-index:10}.dungeon-layout .hud-left,.dungeon-layout .hud-right{display:flex;flex-direction:column;min-width:0;min-height:0}.dungeon-layout .hud-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0;min-height:0}.hud-section-title{font-size:10px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-weight:600}.dungeon-layout .hud-left .party-frames{position:static;top:auto;left:auto;width:100%;flex:1;flex-direction:row;gap:4px}.dungeon-layout .hud-left .unit-frame{flex:1 1 0;min-width:0;padding:4px 6px}.dungeon-layout .hud-left .unit-frame .uname-row{font-size:11px}.dungeon-layout .hud-center .target-frame{position:static;transform:none;left:auto;top:auto;width:100%;max-width:340px}.dungeon-layout .hud-center .ability-bar{position:static;transform:none;left:auto;bottom:auto}.dungeon-layout .hud-right .combat-log{position:static;width:100%;height:100%;max-height:100%;right:auto;bottom:auto}.dungeon-layout .play-area .loot-indicator{bottom:14px}.dungeon-layout .play-area .minimap-panel{top:12px;right:12px}.loot-window{width:min(280px,calc(100vw - 128px));z-index:60}.loot-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-1);font-size:12px;cursor:pointer}.loot-row:hover{background:var(--bg-3)}.row{display:flex;gap:8px;align-items:center}.spacer{flex:1}.muted{color:var(--text-dim)}.kbd{display:inline-block;padding:1px 5px;font-family:Consolas,monospace;font-size:11px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:3px}.validation-list{font-family:Consolas,monospace;font-size:11px;max-height:220px;overflow:auto;background:var(--bg-2);padding:8px;border-radius:3px}.validation-list .ok{color:var(--good)}.validation-list .bad{color:var(--danger)}.loot-indicator{position:absolute;bottom:max(64px,12vh);left:50%;transform:translate(-50%);background:#14110deb;border:1px solid var(--accent-hot);border-radius:4px;padding:8px 14px;display:flex;gap:10px;align-items:center;font-size:13px;z-index:35;pointer-events:auto;cursor:pointer;animation:lootPulse 1.2s ease-in-out infinite}.loot-indicator:hover{background:var(--bg-3)}.loot-indicator .loot-tag{background:var(--accent-hot);color:#000;font-weight:700;padding:2px 6px;border-radius:2px;letter-spacing:.08em;font-size:11px}@keyframes lootPulse{0%,to{box-shadow:0 0 #e7b86000}50%{box-shadow:0 0 12px 4px #e7b86059}}.minimap-panel{position:absolute;top:56px;right:12px;background:#14110deb;border:1px solid var(--border-2);border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:50;pointer-events:auto}.minimap-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);letter-spacing:.08em;padding:0 4px}.minimap-canvas{display:block;background:#0a0805;border:1px solid var(--border-1);image-rendering:pixelated}.minimap-legend{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;padding:2px 4px;color:var(--text-1)}.hud .toolbar{z-index:51}.hud .town-tip{position:absolute;top:10px;left:12px;background:#14110dd9;border:1px solid var(--border-1);padding:4px 10px;border-radius:3px;font-size:11px;color:var(--text-1);letter-spacing:.02em}.hud .town-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#14110dd9;border:1px solid var(--border-2);padding:6px;border-radius:4px}.hud .town-actions button{padding:6px 14px;font-size:12px}.town-modal-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:80}.town-modal-shell>*{pointer-events:auto}.town-modal-shell .panel,.town-modal-shell .vendor-shell{background:linear-gradient(180deg,#261e14f5,#14100cf7);border:1px solid var(--border-2);border-radius:6px;padding:16px 22px;width:min(640px,90vw);max-height:80vh;overflow:auto}.town-shell{align-items:stretch;justify-content:stretch}.town-layout{display:flex;gap:12px;width:min(1180px,96vw);height:min(820px,92vh);padding:16px}.town-npcs{width:280px;flex-shrink:0;background:var(--bg-1);border:1px solid var(--border-2);border-radius:6px;padding:10px;overflow-y:auto}.npc-cards{display:flex;flex-direction:column;gap:6px;margin-top:8px}.npc-card{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:4px;padding:8px;cursor:pointer;text-align:left;width:100%;font-family:inherit;color:inherit}.npc-card:hover{border-color:var(--accent)}.npc-card.selected{border-color:var(--accent-hot);background:var(--bg-3)}.npc-portrait{width:38px;height:38px;border-radius:4px;border:2px solid #000;flex-shrink:0}.npc-info{flex:1;min-width:0}.npc-name{font-weight:600;font-size:13px}.npc-role{font-size:11px;color:var(--text-dim)}.badge-placeholder{display:inline-block;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-2);border-radius:2px;color:var(--text-dim)}.town-center{flex:1;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-2);border-radius:6px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.town-center>h1.title{font-size:28px;margin:0 0 6px}.town-status{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.dungeon-card{border:1px solid var(--border-2);background:var(--bg-2);padding:12px;border-radius:4px;margin-top:8px}.vendor-shell{display:flex;flex-direction:column;min-height:0;flex:1}.vendor-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--border-1);padding-bottom:6px}.vendor-tabs button{font-size:12px;padding:4px 12px}.vendor-tabs button.active{background:var(--bg-3);border-color:var(--accent-hot);color:var(--accent-hot)}.vendor-list{background:var(--bg-2);border:1px solid var(--border-1);border-radius:4px;overflow-y:auto;max-height:50vh}.vendor-row{display:grid;grid-template-columns:14px 1fr 70px 70px auto;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border-1);font-size:12px}.vendor-row:hover{background:var(--bg-3)}.vendor-row .swatch{width:12px;height:12px;border-radius:2px}.vendor-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-row-price{color:var(--accent-hot);text-align:right;font-family:Consolas,monospace}.vendor-row button{padding:2px 8px;font-size:11px}.vendor-msg{padding:6px 10px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;font-size:12px}.service-block{background:var(--bg-2);border:1px solid var(--border-1);border-radius:4px;padding:10px;margin-bottom:10px}.follower-actions{display:flex;flex-direction:column;gap:6px;max-width:320px}.follower-actions button{text-align:left;padding:8px 12px}.trade-shell{min-height:400px}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:320px}.trade-col{background:var(--bg-2);border:1px solid var(--border-1);border-radius:4px;padding:8px;display:flex;flex-direction:column;min-height:0}.trade-list{margin-top:6px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:50vh}.trade-row{display:grid;grid-template-columns:28px 1fr 60px;align-items:center;gap:8px;padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:3px;font-size:12px;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.trade-row:hover{background:var(--bg-3);border-color:var(--accent)}.trade-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-shell{display:flex;flex-direction:column}.overworld-map{position:relative;width:100%;height:clamp(240px,38vh,360px);background:radial-gradient(ellipse at 30% 35%,rgba(80,60,40,.35),transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(60,80,100,.25),transparent 60%),linear-gradient(180deg,#1a1612,#0f0c08);border:1px solid var(--border-2);border-radius:6px;overflow:hidden}.overworld-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.overworld-node{position:absolute;transform:translate(-50%,-50%);background:var(--bg-2);border:2px solid var(--border-2);border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-family:inherit;color:var(--text-0);transition:border-color .18s,background .18s,transform .18s}.overworld-node:hover{border-color:var(--accent)}.overworld-node.unlocked{background:linear-gradient(160deg,var(--bg-3),var(--bg-2));border-color:var(--accent)}.overworld-node.locked{background:var(--bg-1);opacity:.7}.overworld-node.completed{border-color:var(--good)}.overworld-node.selected{border-color:var(--accent-hot);box-shadow:0 0 0 3px #e7b86059}.overworld-node.pulsing{animation:overworld-pulse .9s ease-out 0s 3}@keyframes overworld-pulse{0%{box-shadow:0 0 #6dbf5aa6}70%{box-shadow:0 0 0 18px #6dbf5a00}to{box-shadow:0 0 #6dbf5a00}}.overworld-node.type-town{border-color:var(--accent-hot);background:linear-gradient(160deg,#3a2f22,#221a12)}.overworld-node.type-arena{border-color:#c44a3b}.overworld-node-label{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:10px;color:var(--text-1);white-space:nowrap;text-shadow:0 1px 0 #000;pointer-events:none}.overworld-node-lock,.overworld-node-clear{font-size:14px;line-height:1}.overworld-node-clear{color:var(--good);font-weight:700}.travel-breadcrumb-hint{margin-top:6px;padding:6px 8px;background:#2820168c;border-left:2px solid var(--accent);border-radius:2px;color:var(--text-1)}.travel-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.travel-card{background:var(--bg-2);border:1px solid var(--border-1);border-radius:4px;padding:10px 12px}.travel-card.disabled{opacity:.7}.travel-card.completed{border-color:var(--good)}.travel-name{font-weight:600;font-size:14px;color:var(--text-0)}.travel-desc{font-size:12px;color:var(--text-1);margin-top:4px}.travel-tag{display:inline-block;padding:1px 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);border-radius:2px;color:var(--accent-hot)}.travel-tag-good{display:inline-block;padding:1px 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--good);border-radius:2px;color:var(--good)}.talent-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.talent-row{display:grid;grid-template-columns:1fr 60px 32px;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border-1);border-radius:3px;padding:6px 8px}.talent-info{min-width:0}.talent-rank{font-family:Consolas,monospace;font-size:12px;color:var(--accent-hot);text-align:center}.story-bubble{position:absolute;bottom:100px;right:24px;z-index:70;background:linear-gradient(180deg,#282016f5,#14100cf7);border:1px solid var(--border-2);border-left:3px solid var(--accent);border-radius:4px;padding:12px 14px;max-width:360px;cursor:pointer;animation:story-fadein .4s ease-out;font-size:12px;color:var(--text-1)}.story-bubble:hover{border-color:var(--accent-hot);border-left-color:var(--accent-hot)}.story-bubble-speaker{color:var(--accent-hot);font-weight:600;font-size:11px;margin-bottom:4px;letter-spacing:.04em;text-transform:uppercase}.story-bubble p{margin:0 0 4px;font-style:italic}.story-bubble p:last-child{margin-bottom:0}.story-bubble-queue{margin-top:6px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}@keyframes story-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rest-chip{position:absolute;top:12px;right:12px;z-index:40;background:#14110de0;border:1px solid var(--border-2);padding:6px 12px;border-radius:4px;font-size:12px;color:var(--text-1);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:border-color .12s,color .12s}.rest-chip:hover{border-color:var(--accent);color:var(--accent-hot)}.rest-chip-sub{font-size:10px;color:var(--text-dim)}.consumable-cd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;display:flex;align-items:center;justify-content:center;color:var(--accent-hot);font-family:Consolas,monospace;font-size:16px;pointer-events:none;border-radius:4px}.run-unlocks{margin-top:12px;padding:10px;border:1px solid var(--good);border-radius:4px;background:#6dbf5a14}.run-unlocks ul{margin:6px 0 0;padding-left:18px}.run-summary-actions{margin-top:18px;gap:8px;flex-wrap:wrap}.companion-equip-panel{left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);max-height:80vh;z-index:100}.consumable-slot{border:1px solid var(--border-1);background:var(--bg-2);border-radius:4px;padding:10px}.consumable-card{display:flex;align-items:center;gap:10px}.consumable-card .swatch{width:24px;height:24px;border-radius:3px}.slot-durability{margin-top:4px}.dur-bar{width:100%;height:4px;background:var(--bg-1);border-radius:2px;overflow:hidden}.dur-fill{height:100%;transition:width .2s,background .2s}.options-panel{z-index:100;width:min(480px,calc(100vw - 20px));max-height:calc(100vh - 20px)}.options-section{margin-bottom:16px}.options-section-title{font-size:11px;letter-spacing:.1em;color:var(--accent-hot);margin-bottom:6px;text-transform:uppercase;border-bottom:1px solid var(--border-1);padding-bottom:4px}.slider-row{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:8px;margin:4px 0}.slider-label{font-size:12px;color:var(--text-1)}.slider-input{width:100%;accent-color:var(--accent)}.slider-value{font-family:Consolas,monospace;font-size:11px;color:var(--text-dim);text-align:right}.key-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:3px 0;font-size:12px}.key-row-label{color:var(--text-1)}@media (max-width: 560px){.options-panel .panel-body>.row:last-child{flex-wrap:wrap}.options-panel .panel-body>.row:last-child .spacer{display:none}}.level-up-stack{position:absolute;top:24%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:200;pointer-events:none}.level-up-banner{background:linear-gradient(180deg,#1c160ee6,#241c0ee6);border:2px solid var(--accent-hot);padding:10px 22px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 0 24px 4px #e7b86059;animation:levelUpRise 1.8s ease-out forwards}.level-up-tag{font-size:10px;letter-spacing:.2em;color:var(--accent-hot);font-weight:700}.level-up-text{font-size:22px;letter-spacing:.05em;color:var(--text-0);font-weight:700;text-shadow:0 0 8px rgba(231,184,96,.6)}@keyframes levelUpRise{0%{opacity:0;transform:translateY(8px) scale(.95)}15%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-20px) scale(1)}}