:root{--gold:#d9b56a;--gold-dim:#8d7238;--ink:#0c0a09;--stone:#1b1a18;--stone2:#26241f;--parch:#e8dcc0;--red:#a52a1e;--blue:#2f6f9e;--green:#4f8f4a;--hp:#b3251c;--mp:#1f5f9e;--st:#c8a13a;--r-common:#cfc7b6;--r-magic:#6fa8dc;--r-rare:#f0d060;--r-legend:#f08a2c}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden;background:#000;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--parch)}body{user-select:none}#renderCanvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.layer{position:absolute;inset:0;pointer-events:none}.hidden{display:none !important}.orb{position:absolute;bottom:18px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a352c,#14120f 70%);border:3px solid #4a4234;box-shadow:0 0 18px #000 inset,0 4px 10px rgba(0,0,0,.6);overflow:hidden}.orb-health{left:18px}.orb-mana{right:18px}.orb-fill{position:absolute;left:0;right:0;bottom:0;height:70%;transition:height .18s ease-out}.orb-health .orb-fill{background:linear-gradient(#e0463a,#7d1410)}.orb-mana .orb-fill{background:linear-gradient(#4a90d9,#123a63)}.orb-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-shadow:0 2px 3px #000;pointer-events:none}#staminaBar{position:absolute;left:50%;transform:translateX(-50%);bottom:96px;width:260px;height:9px;background:#1c1a16;border:1px solid #4a4234;border-radius:5px;overflow:hidden}#staminaFill{height:100%;width:100%;background:linear-gradient(#e8c65a,#8a6a1e);transition:width .1s}#topRight{position:absolute;top:12px;right:12px;width:210px;text-align:center}#minimap{background:#100f0d;border:2px solid #4a4234;border-radius:4px;display:block;width:210px;height:210px}#areaName{margin-top:6px;font-size:13px;letter-spacing:1px;color:var(--gold);text-transform:uppercase}#questTracker{margin-top:6px;font-size:11.5px;text-align:left;background:rgba(10,9,8,.65);border:1px solid #3a342a;border-radius:3px;padding:6px 8px}#questTracker .q{margin-bottom:4px}#questTracker .q b{color:var(--gold);display:block;font-size:11.5px}#questTracker .q.dim{color:#7d745f}#questTracker .q.done{color:#6f7a5f;opacity:.75}#questTracker .done{color:#7f7}#bossBar{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:520px;text-align:center}#bossName{font-size:15px;letter-spacing:2px;color:#ffd9a0;text-shadow:0 2px 4px #000;margin-bottom:4px}#bossFillWrap{height:14px;background:#150f0d;border:1px solid #6b4a30;border-radius:3px;overflow:hidden}#bossFill{height:100%;width:100%;background:linear-gradient(#e05a3a,#7d1410)}#bottomBar{position:absolute;bottom:0;left:0;right:0;height:92px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.72));pointer-events:auto}#xpBarWrap{position:absolute;left:160px;right:160px;bottom:6px;height:14px;background:#141210;border:1px solid #4a4234;border-radius:3px;overflow:hidden}#xpBarFill{height:100%;width:0%;background:linear-gradient(#7fd0e8,#2b6f8a)}#xpText{position:absolute;inset:0;font-size:11px;text-align:center;line-height:14px;text-shadow:0 1px 2px #000}#skillBar,#beltBar{position:absolute;bottom:26px;display:flex;gap:6px}#skillBar{left:50%;transform:translateX(-50%)}#beltBar{left:calc(50% + 210px);transform:translateX(0)}.slot{width:44px;height:44px;background:rgba(20,18,15,.85);border:1px solid #554c3a;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.slot:hover{border-color:var(--gold);background:rgba(45,40,32,.9)}.slot .key{position:absolute;top:1px;left:3px;font-size:9px;color:#9c8f74}.slot .cnt{position:absolute;bottom:1px;right:3px;font-size:10px;color:#ffd98a}.slot .ico{width:26px;height:26px}.slot.locked{opacity:.35}.slot.cool .ico{opacity:.25}.slot .cdmask{position:absolute;inset:0;background:rgba(0,0,0,.65);pointer-events:none}.slot .cdtxt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}#goldDisplay{position:absolute;right:170px;bottom:30px;font-size:15px;color:var(--gold);display:flex;align-items:center;gap:6px}.gold-icon{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#b8892a);display:inline-block}#hotkeyHints{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);font-size:10.5px;color:#8b8270;background:rgba(0,0,0,.35);padding:2px 8px;border-radius:3px;white-space:nowrap}#pointBadge{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);z-index:12;font-size:11px;letter-spacing:1px;color:#ffe6a0;background:rgba(30,24,10,.8);border:1px solid var(--gold);border-radius:3px;padding:3px 10px;cursor:pointer;animation:pulse 1.6s ease-in-out infinite}#pointBadge:hover{background:rgba(60,48,18,.9)}@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(217,181,106,0)}50%{box-shadow:0 0 12px rgba(217,181,106,.55)}}#logFeed{position:absolute;left:18px;bottom:168px;width:330px;font-size:12px;line-height:1.45;text-shadow:0 1px 2px #000}#logFeed div{opacity:.95;margin-bottom:1px}#logFeed .loot{color:var(--r-rare)}#logFeed .bad{color:#e07a6a}#logFeed .good{color:#8fd08a}#logFeed .sys{color:#9fb8d0}#interactPrompt{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);background:rgba(12,10,9,.85);border:1px solid var(--gold-dim);padding:6px 14px;border-radius:4px;font-size:13px}#toastCenter{position:absolute;top:22%;left:50%;transform:translateX(-50%);font-size:22px;letter-spacing:3px;color:#ffd9a0;text-shadow:0 3px 8px #000}#parryFlash{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,240,180,.28),rgba(255,240,180,0) 60%)}#dmgFlash{position:absolute;inset:0;background:radial-gradient(circle,rgba(180,20,10,.05),rgba(160,20,10,.35) 100%)}#levelUpBanner{position:absolute;top:34%;left:50%;transform:translateX(-50%);font-size:30px;letter-spacing:6px;color:#ffe6a0;text-shadow:0 0 18px #d9a24a,0 4px 8px #000}#panels{pointer-events:none}.panel{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(#221f1a,#151310);border:2px solid #554c3a;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.7);padding:16px;pointer-events:auto;max-height:88vh;overflow:auto}.panel h2{font-size:16px;letter-spacing:2px;color:var(--gold);border-bottom:1px solid #3d362a;padding-bottom:6px;margin-bottom:10px;font-weight:600}.panel .close{position:absolute;top:8px;right:10px;cursor:pointer;color:#9c8f74;font-size:18px}#inventoryPanel{left:14px;width:760px}#characterPanel{left:14px;width:340px}#skillsPanel{left:14px;width:640px}#shopPanel{left:50%;transform:translate(-50%,-50%);width:820px}#mapPanel{left:50%;transform:translate(-50%,-50%);width:560px}.statline{display:flex;justify-content:space-between;font-size:13px;padding:2px 0;border-bottom:1px dotted #322c22}.statline span:last-child{color:#fff}.attr-row{display:flex;align-items:center;justify-content:space-between;margin:5px 0;font-size:13px}.attr-row .plus{background:#3d362a;border:1px solid #6b5c3c;color:var(--gold);width:22px;height:22px;border-radius:3px;cursor:pointer}.attr-row .plus:disabled{opacity:.3;cursor:default}.doll{position:relative;width:230px;height:330px;background:rgba(0,0,0,.25);border:1px solid #3d362a;border-radius:4px}.doll .eq{position:absolute;width:52px;height:52px;background:rgba(30,27,22,.9);border:1px solid #554c3a;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.doll .eq:after{content:attr(data-hint);position:absolute;left:-4px;right:-4px;bottom:-12px;font-size:9px;color:#6b6250;text-align:center;pointer-events:none}.doll .eq.empty:after{color:#5d5648}.inv-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:8px}.inv-cell{width:44px;height:44px;background:rgba(30,27,22,.7);border:1px solid #443d2f;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.inv-cell.empty{cursor:default}.inv-cell:hover{border-color:var(--gold)}.ico-svg{width:30px;height:30px;display:block}.r-common{color:var(--r-common)}.r-magic{color:var(--r-magic)}.r-rare{color:var(--r-rare)}.r-legend{color:var(--r-legend)}.b-r-common{border-color:#4a4234}.b-r-magic{border-color:#3d6a91}.b-r-rare{border-color:#8a7328}.b-r-legend{border-color:#9c561d}.inv-head{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:4px;margin-bottom:8px}.tab{padding:4px 10px;background:#2a2620;border:1px solid #4a4234;font-size:12px;cursor:pointer;border-radius:3px}.tab.active{background:#4a4234;color:var(--gold)}#tooltip{position:absolute;z-index:60;pointer-events:none;background:rgba(12,11,9,.97);border:1px solid #554c3a;border-radius:4px;padding:10px 12px;font-size:12.5px;max-width:300px;box-shadow:0 8px 24px rgba(0,0,0,.8)}#tooltip .t-name{font-size:14px;font-weight:700;margin-bottom:2px}#tooltip .t-sub{font-size:11px;color:#8b8270;margin-bottom:6px}#tooltip .t-mod{color:#8fb6d8}#tooltip .t-req{color:#c07a6a;font-size:11px}#tooltip .t-price{color:var(--gold)}#tooltip hr{border:none;border-top:1px solid #322c22;margin:6px 0}.shop-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-list{max-height:52vh;overflow:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-content:start}.shop-list .inv-cell{width:48px;height:48px}.shop-buy{background:#2a2620;border:1px solid #4a4234;padding:6px 12px;color:var(--gold);cursor:pointer;border-radius:3px}.shop-buy:hover{background:#3d362a}#dialogPanel{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);width:640px;background:linear-gradient(#241f19,#151310);border:2px solid #554c3a;border-radius:6px;padding:16px;pointer-events:auto;box-shadow:0 12px 40px rgba(0,0,0,.7)}#dialogPanel .who{color:var(--gold);font-size:15px;letter-spacing:1px;margin-bottom:6px}#dialogPanel .txt{font-size:13.5px;line-height:1.5;margin-bottom:10px;color:#ded3ba}#dialogPanel .opts button{display:block;width:100%;text-align:left;margin:3px 0;background:#2a2620;border:1px solid #4a4234;color:#ded3ba;padding:7px 10px;cursor:pointer;border-radius:3px;font-size:13px}#dialogPanel .opts button:hover{background:#3d362a;color:var(--gold)}#titleScreen{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#2a2016,#070605 70%);display:flex;align-items:center;justify-content:center;z-index:40}.title-inner{width:820px;text-align:center}.game-title{font-size:64px;letter-spacing:14px;color:#e9c878;text-shadow:0 0 30px rgba(220,150,60,.45),0 6px 0 #2a1c10;font-weight:800;margin-bottom:6px}.subtitle{color:#9c8f74;margin-bottom:26px;letter-spacing:1px}.class-select{display:flex;gap:14px;justify-content:center;margin-bottom:22px}.class-card{width:230px;background:linear-gradient(#221f1a,#151310);border:2px solid #4a4234;border-radius:6px;padding:14px;cursor:pointer;text-align:left;transition:.15s}.class-card:hover{border-color:#8a7328}.class-card.sel{border-color:var(--gold);box-shadow:0 0 22px rgba(217,181,106,.25)}.class-card h3{color:var(--gold);font-size:19px;letter-spacing:2px;margin-bottom:2px}.class-card .role{font-size:11px;color:#8b8270;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.class-card p{font-size:12px;line-height:1.45;color:#c8bda4}.class-card .stats{margin-top:8px;font-size:11.5px;color:#9fb8d0}.btn{background:#2a2620;border:1px solid #554c3a;color:#ded3ba;padding:9px 22px;font-size:14px;cursor:pointer;border-radius:4px;margin:0 5px;letter-spacing:1px}.btn:hover{background:#3d362a;border-color:var(--gold)}.btn-primary{background:#5c451e;border-color:#a3823c;color:#ffe6b0}.title-actions{margin-bottom:22px}.title-help{text-align:left;font-size:12px;color:#9c8f74;background:rgba(0,0,0,.3);padding:12px 16px;border-radius:5px;border:1px solid #2e2820}.title-help h3{color:var(--gold);font-size:13px;margin-bottom:6px;letter-spacing:1px}.title-help li{margin-left:18px;line-height:1.6}#deathScreen,#pauseMenu{position:absolute;inset:0;background:rgba(20,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:45}#pauseMenu{background:rgba(0,0,0,.6)}.death-inner,.pause-inner{text-align:center;background:linear-gradient(#221f1a,#151310);border:2px solid #554c3a;padding:26px 40px;border-radius:6px}.death-inner h2{color:#e06a5a;letter-spacing:4px;margin-bottom:8px}.death-inner p{color:#c8bda4;margin-bottom:16px;font-size:13px}.pause-inner h2{color:var(--gold);letter-spacing:4px;margin-bottom:14px}.pause-inner .btn{display:block;width:220px;margin:6px 0}.settings{width:260px;margin:12px 0;padding:10px 12px;text-align:left;background:rgba(0,0,0,.3);border:1px solid #3d3628;border-radius:4px}.settings h3{font-size:11px;letter-spacing:3px;color:#8d8471;margin:0 0 8px;text-align:center}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#c2b79d;margin:6px 0;cursor:pointer}.set-row input[type=range]{width:110px;accent-color:var(--gold)}.set-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}#victoryScreen{position:absolute;inset:0;background:rgba(8,6,4,.78);display:flex;align-items:center;justify-content:center;z-index:46}.victory-inner{text-align:center;background:linear-gradient(#241f16,#141210);border:2px solid var(--gold);padding:26px 34px;border-radius:8px;min-width:420px;box-shadow:0 0 60px rgba(217,181,106,.18)}.victory-inner h2{color:var(--gold);letter-spacing:5px;margin:0 0 6px}.victory-inner p{color:#c8bda4;font-size:13px;margin-bottom:14px}.victory-stats{list-style:none;padding:0;margin:0 0 16px;text-align:left}.victory-stats li{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#9c9382;border-bottom:1px solid #2e2a21;padding:5px 2px}.victory-stats li b{color:#ded3ba}.victory-btns{display:flex;gap:10px;justify-content:center}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill-card{background:rgba(30,27,22,.8);border:1px solid #443d2f;border-radius:4px;padding:8px;cursor:pointer;position:relative}.skill-card:hover{border-color:var(--gold)}.skill-card.max{border-color:#4f8f4a}.skill-card.locked{opacity:.5}.skill-card.ready{border-color:#7a6a44;box-shadow:inset 0 0 0 1px rgba(217,181,106,.28)}.skill-card.ready:hover{border-color:var(--gold);box-shadow:0 0 12px rgba(217,181,106,.22)}.skill-card .sk-why{color:#7d7464;font-size:10px;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.skill-card h4{font-size:13px;color:#ded3ba;margin-bottom:2px;padding-left:36px;min-height:30px}.skill-card .sk-ico{position:absolute;top:8px;left:8px;width:30px;height:30px;border:1px solid #4a4130;border-radius:3px;background:rgba(0,0,0,.35);color:#d9b56a;display:flex;align-items:center;justify-content:center}.skill-card .tag,.skill-card p{clear:none}.skill-card .rank{position:absolute;top:6px;right:8px;font-size:11px;color:var(--gold)}.skill-card p{font-size:11px;color:#9c9382;line-height:1.4}.skill-card .tag{font-size:10px;color:#6fa8dc}.section-title{font-size:12px;color:var(--gold);letter-spacing:2px;margin:12px 0 6px;text-transform:uppercase}