:root{--bg: #0e0b0a;--panel: rgba(22, 17, 14, .94);--panel-2: rgba(36, 28, 22, .9);--line: #4a3a2c;--line-2: #6b5540;--text: #f1e6d6;--muted: #a8967f;--accent: #ff8a2e;--accent-2: #ffd27a;--gold: #ffd75e;--crystal: #7fe3ff;--common: #b9b9b9;--uncommon: #5fd35f;--rare: #4f9dff;--epic: #b56bff;--legendary: #ff9a2e;--mythic: #ff3b3b;--font: "Manrope", system-ui, sans-serif;--display: "Cinzel", "Manrope", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow:hidden;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit}a{color:var(--accent-2)}.btn{background:linear-gradient(180deg,#3a2c20,#241a12);border:1px solid var(--line-2);color:var(--text);padding:8px 14px;border-radius:4px;letter-spacing:.02em;transition:transform .08s,border-color .15s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg,#ff9a3a,#c4601a);border-color:#ffb46a;color:#1a0e06;font-weight:700}.btn.small{padding:4px 8px;font-size:12px}.btn.danger{border-color:#7a2a2a;color:#ff8a8a}.input{background:#0c0907;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:4px;width:100%}.input:focus{outline:none;border-color:var(--accent)}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:.03em;margin:0}.muted{color:var(--muted)}.gold{color:var(--gold)}.crystal{color:var(--crystal)}.accent{color:var(--accent)}.r-common{color:var(--common)}.r-uncommon{color:var(--uncommon)}.r-rare{color:var(--rare)}.r-epic{color:var(--epic)}.r-legendary{color:var(--legendary)}.r-mythic{color:var(--mythic)}.b-common{border-color:#555!important}.b-uncommon{border-color:var(--uncommon)!important}.b-rare{border-color:var(--rare)!important}.b-epic{border-color:var(--epic)!important}.b-legendary{border-color:var(--legendary)!important;box-shadow:0 0 10px #ff9a2e59}.b-mythic{border-color:var(--mythic)!important;box-shadow:0 0 10px #ff3b3b66}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#2a1a10,#0e0b0a 65%)}.screen .card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px;width:min(440px,92vw);box-shadow:0 30px 80px #0009}.logo{font-family:var(--display);font-size:34px;color:var(--accent-2);text-align:center;letter-spacing:.12em;text-shadow:0 0 30px rgba(255,138,46,.45)}.logo small{display:block;font-size:11px;letter-spacing:.3em;color:var(--muted);margin-top:2px}.form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:8px}.tabs button{background:none;border:none;padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.error{color:#ff8a8a;font-size:13px}.char-list{display:grid;gap:10px}.char-card{display:flex;gap:12px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:10px 12px;cursor:pointer}.char-card:hover{border-color:var(--accent)}.char-card .cls{width:44px;height:44px;border-radius:50%;background:#2a1c12;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--display);color:var(--accent-2)}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.class-card{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:12px;cursor:pointer}.class-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.class-card h3{font-size:15px;color:var(--accent-2)}.class-card p{margin:6px 0 0;color:var(--muted);font-size:12px}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.sel{border-color:#fff}.game{position:absolute;inset:0}.game canvas.main{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.overlay,.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:800;font-size:16px;color:#ffe0b8;text-shadow:0 2px 2px #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap}.dmg.crit{color:#ffd23a;font-size:22px}.dmg.hurt{color:#ff5a5a}.dmg.heal{color:#6cff9a}.label{position:absolute;left:0;top:0;text-align:center;font-size:12px;white-space:nowrap;text-shadow:0 1px 2px #000;color:#ddd}.label .bar{display:block;width:46px;height:4px;background:#300;border:1px solid #000;margin:2px auto 0}.label .bar i{display:block;height:100%;background:#e33}.label.monster.champion .name{color:#6fa8ff}.label.monster.elite .name{color:#ffd75e}.label.monster.unique .name{color:#d0a0ff}.label.monster.boss .name{color:#ff5a5a;font-size:15px;font-family:var(--display)}.label.monster.boss .bar{width:120px;height:7px}.label.npc .name{color:#7fe3ff}.label.me .name{color:var(--accent-2)}.label.player .name{color:#b8d8ff}.label.loot .name{background:#000000a6;padding:1px 6px;border-radius:3px;pointer-events:auto;cursor:pointer}.label.r-uncommon .name{color:var(--uncommon)}.label.r-rare .name{color:var(--rare)}.label.r-epic .name{color:var(--epic)}.label.r-legendary .name{color:var(--legendary)}.label.loot.r-common .name{color:#bbb}.label.hover .name{text-decoration:underline}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:10px;left:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:46vw}.hud-top .badge{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 10px;font-size:12px}.hud-bottom{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px}.globe{width:92px;height:92px;border-radius:50%;border:3px solid #3a2a1c;background:#140c08;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000,0 0 12px #0009}.globe i{position:absolute;left:0;right:0;bottom:0;transition:height .15s}.globe.hp i{background:linear-gradient(180deg,#ff5a3a,#8a1010)}.globe.res i{background:linear-gradient(180deg,#7fb8ff,#1a3a8a)}.globe.rage i{background:linear-gradient(180deg,#ffb03a,#8a3a10)}.globe.energy i{background:linear-gradient(180deg,#ffe66b,#8a7a10)}.globe.focus i{background:linear-gradient(180deg,#8fff9f,#1a6a2a)}.globe span{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;text-shadow:0 1px 2px #000;font-size:13px}.skillbar{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.skill{width:54px;height:54px;border:1px solid var(--line-2);border-radius:6px;background:#1c1410;position:relative;display:grid;place-items:center;cursor:pointer;overflow:hidden}.skill .key{position:absolute;top:2px;left:4px;font-size:10px;color:var(--muted)}.skill .cd{position:absolute;left:0;right:0;bottom:0;background:#000000b3}.skill .ic{font-size:22px}.skill .nm{position:absolute;bottom:2px;font-size:9px;color:#ccc;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill.potion .ic{font-size:20px}.skill .cnt{position:absolute;right:3px;bottom:2px;font-size:11px;font-weight:700}.skill.locked{opacity:.35}.xpbar{position:absolute;bottom:0;left:0;right:0;height:5px;background:#1a120c}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#7a4a1a,var(--accent-2))}.hud-right{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.menubtns{display:flex;gap:4px}.menubtns .btn{padding:5px 9px;font-size:12px}.minimap{width:160px;height:160px;background:#0009;border:1px solid var(--line);border-radius:4px;image-rendering:pixelated}.target{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 14px;min-width:240px;text-align:center}.target .bar{height:8px;background:#300;border:1px solid #000;margin-top:4px}.target .bar i{display:block;height:100%;background:#e33}.toasts{position:absolute;left:50%;bottom:140px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#000000bf;border:1px solid var(--line);padding:6px 14px;border-radius:4px;font-size:13px;animation:fadein .2s}.toast.error{border-color:#7a2a2a;color:#ff9a9a}.toast.loot{border-color:var(--legendary);color:var(--accent-2)}.toast.level{border-color:var(--accent-2);color:var(--accent-2);font-family:var(--display);font-size:15px}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.chat{position:absolute;left:10px;bottom:12px;width:min(380px,60vw);font-size:12px}.chat .log{max-height:140px;overflow-y:auto;background:#00000073;padding:6px;border-radius:4px;display:flex;flex-direction:column;gap:2px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%)}.chat .log div b{color:#7fe3ff}.chat .log .party b{color:#8fff9f}.chat input{width:100%;margin-top:4px;background:#000000b3}.joystick{position:absolute;display:none;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:none}.joystick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#ffffff59}.touch-skills{position:absolute;right:12px;bottom:90px;display:none;grid-template-columns:repeat(2,60px);gap:8px}.touch-skills .skill{width:60px;height:60px;border-radius:50%}@media(pointer:coarse){.touch-skills{display:grid}.skillbar{display:none}.chat{width:50vw}.hud-bottom{left:18px;transform:none}}.death{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse,#78000080,#000000d9)}.death h1{color:#ff5a5a;font-size:40px;text-shadow:0 0 30px #500}#fps{position:absolute;bottom:4px;right:8px;font-size:10px;color:#665;pointer-events:none}.panel{position:absolute;top:56px;bottom:100px;background:var(--panel);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 20px 60px #000000b3;display:flex;flex-direction:column;min-width:320px;max-width:96vw}.panel.right{right:12px;width:440px}.panel.left{left:12px;width:460px}.panel.center{left:50%;transform:translate(-50%);width:min(900px,96vw)}.panel .head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.panel .head h2{font-size:16px;color:var(--accent-2)}.panel .body{padding:12px 14px;overflow-y:auto;flex:1}.panel .foot{padding:8px 14px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.close{background:none;border:none;color:var(--muted);font-size:18px}.close:hover{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(8,46px);gap:4px}.cell{width:46px;height:46px;border:1px solid var(--line);background:#100c09;border-radius:4px;position:relative;display:grid;place-items:center;cursor:pointer}.cell img{width:40px;height:40px;pointer-events:none}.cell.sel{outline:2px solid var(--accent-2)}.cell .qty{position:absolute;right:2px;bottom:1px;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000}.cell .plus{position:absolute;left:2px;top:1px;font-size:10px;color:var(--accent-2);text-shadow:0 1px 2px #000}.cell.drag-over{background:#2a1c10}.doll{display:grid;grid-template-columns:52px 1fr 52px;gap:6px;margin-bottom:12px}.doll .col{display:flex;flex-direction:column;gap:6px}.doll .mid{display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center}.cell.eq{width:52px;height:52px}.cell.eq .slotname{position:absolute;bottom:1px;font-size:8px;color:#665;text-transform:uppercase}.tooltip{position:fixed;z-index:50;width:300px;background:#0a0806f7;border:1px solid var(--line-2);border-radius:6px;padding:10px 12px;font-size:12px;pointer-events:none;box-shadow:0 10px 40px #000}.tooltip h4{margin:0 0 4px;font-size:14px;font-family:var(--display)}.tooltip .line{display:flex;justify-content:space-between;gap:8px}.tooltip .affix{color:#8fb8ff}.tooltip .leg{color:var(--legendary);margin-top:4px}.tooltip .lore{color:var(--muted);font-style:italic;margin-top:6px}.tooltip .set{color:var(--uncommon)}.tooltip .req{color:#ff8a8a}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:6px}.stat{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dashed #2a2019;font-size:13px}.list{display:flex;flex-direction:column;gap:6px}.item-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:6px 8px}.item-row img{width:36px;height:36px}.item-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;border:1px solid var(--line-2);color:var(--muted)}.skill-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px}.skill-row .ic{font-size:26px;text-align:center}.skill-row h4{margin:0;font-size:13px}.skill-row p{margin:2px 0 0;font-size:11px;color:var(--muted)}.slots{display:flex;gap:6px;margin-bottom:10px}.slots .skill{width:46px;height:46px}table.tbl{width:100%;border-collapse:collapse;font-size:12px}table.tbl th{text-align:left;color:var(--muted);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--line)}table.tbl td{padding:5px 6px;border-bottom:1px solid #221a14}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.filters .input,.filters select{width:auto;min-width:90px}select.input{appearance:auto}.tiers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tier{padding:10px 0;text-align:center;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);cursor:pointer}.tier.locked{opacity:.3;cursor:default}.tier.sel{border-color:var(--accent)}.tier.boss{color:#ff8a8a}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.shop-card{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;font-size:12px}.shop-card img{width:56px;height:56px}.shop-card .price{color:var(--crystal);font-weight:700}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.book{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book .side h4{margin:0 0 6px;font-size:12px;color:var(--muted)}.bar-h{height:6px;background:#221a14;border-radius:3px;overflow:hidden}.bar-h i{display:block;height:100%;background:var(--accent)}.ctx{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--line-2);border-radius:4px;display:flex;flex-direction:column;min-width:140px}.ctx button{background:none;border:none;text-align:left;padding:7px 12px}.ctx button:hover{background:#2a1c10}.kbd{display:inline-block;border:1px solid var(--line-2);border-radius:3px;padding:0 5px;font-size:11px;color:var(--muted);margin-right:4px}.riftbar{position:absolute;top:52px;left:50%;transform:translate(-50%);width:min(520px,90vw);background:var(--panel);border:1px solid var(--line-2);border-radius:6px;padding:6px 12px;font-size:13px}.riftbar.boss{border-color:#7a2a2a}.lowhp{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(160,0,0,.7) 100%);transition:opacity .3s}.hitflash{position:absolute;inset:0;pointer-events:none;background:#ff3c28;transition:opacity .12s}.ok{color:#6cff9a}.quest{display:grid;grid-template-columns:1fr auto;gap:4px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:8px 10px}.quest .bar-h{grid-column:1 / -1}.quest .rw{font-size:11px;color:var(--muted)}.pass{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.pass .lvl{border:1px solid var(--line);border-radius:4px;padding:4px;text-align:center;font-size:10px;background:var(--panel-2)}.pass .lvl.reached{border-color:var(--accent-2)}.pass .lvl.claimed{opacity:.5}.pass .lvl .prem{color:var(--crystal)}.pass .lvl b{display:block;font-size:12px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:3px}.codex-grid .cell{width:44px;height:44px}.codex-grid .cell.unknown{opacity:.25;filter:grayscale(1)}.member{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #2a2019;font-size:13px}.member .on{color:#6cff9a}.rune-slot{width:30px;height:30px;border:1px dashed var(--line-2);border-radius:4px;display:grid;place-items:center;cursor:pointer;font-size:14px}.rune-slot.set{border-style:solid;border-color:var(--accent)}.hint{position:absolute;top:96px;left:50%;transform:translate(-50%);max-width:min(560px,90vw);background:#140e0aeb;border:1px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:13px;display:flex;gap:10px;align-items:center;animation:fadein .3s}:root{--iron-0: #0b0908;--iron-1: #15100d;--iron-2: #211913;--iron-3: #2d221a;--iron-4: #3d2f24;--gold-0: #6b4e1e;--gold-1: #a9802f;--gold-2: #d9b25a;--gold-3: #f3d98a;--ember: #ff8a2e;--ember-2: #ffb15a;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.26 0 0 0 0 0.18 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 38 V14 Q2 2 14 2 H38' fill='none' stroke='%23d9b25a' stroke-width='2'/%3E%3Cpath d='M6 34 V16 Q6 6 16 6 H34' fill='none' stroke='%236b4e1e' stroke-width='1'/%3E%3Ccircle cx='9' cy='9' r='2.2' fill='%23f3d98a'/%3E%3Cpath d='M2 2 L14 14' stroke='%23a9802f' stroke-width='1.2'/%3E%3C/svg%3E");--divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5 H80 L100 1 L120 5 H200' fill='none' stroke='%23a9802f' stroke-width='1'/%3E%3Ccircle cx='100' cy='5' r='2' fill='%23f3d98a'/%3E%3C/svg%3E")}.panel,.screen .card,.tooltip,.ctx,.riftbar,.target,.hud-top .badge,.skillbar,.chat .log,.hint,.toast{background-color:var(--iron-1);background-image:linear-gradient(180deg,#ffffff08,#00000040),var(--noise);border:1px solid var(--gold-0);box-shadow:0 0 0 1px #000 inset,0 0 0 2px var(--iron-3) inset,0 18px 50px #000000b3}.panel{border-radius:4px;position:absolute}.panel:before,.panel:after,.screen .card:before,.screen .card:after{content:"";position:absolute;width:40px;height:40px;background:var(--corner) no-repeat;background-size:40px 40px;pointer-events:none;z-index:2}.panel:before,.screen .card:before{left:-2px;top:-2px}.panel:after,.screen .card:after{right:-2px;bottom:-2px;transform:rotate(180deg)}.panel .head{background:linear-gradient(180deg,var(--iron-3),var(--iron-1));border-bottom:1px solid var(--gold-0);padding:12px 18px;position:relative}.panel .head:after{content:"";position:absolute;left:12%;right:12%;bottom:-6px;height:10px;background:var(--divider) no-repeat center / 100% 10px}.panel .head h2,.screen .logo,.death h1,.section h2{font-family:Cinzel,serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:15px;background:linear-gradient(180deg,var(--gold-3) 0%,var(--gold-2) 45%,var(--gold-1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 10px rgba(217,178,90,.25))}.screen .logo{font-size:34px;letter-spacing:.16em}.screen .logo small{-webkit-text-fill-color:var(--muted);background:none;color:var(--muted);filter:none}.panel .body{scrollbar-width:thin;scrollbar-color:var(--gold-0) transparent}.panel .foot{background:linear-gradient(0deg,var(--iron-2),transparent);border-top:1px solid var(--iron-4)}.close{width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-0)!important;background:var(--iron-2)!important;color:var(--gold-2)!important;font-size:13px;line-height:1;display:grid;place-items:center}.close:hover{border-color:var(--gold-2)!important;color:var(--gold-3)!important}.btn{background:linear-gradient(180deg,#3b2e23,#221a13 55%,#1a130e);border:1px solid var(--gold-0);box-shadow:0 1px #ffffff0f inset,0 -1px #00000080 inset,0 2px 4px #00000080;color:var(--gold-3);border-radius:3px;text-shadow:0 1px 1px #000;letter-spacing:.03em}.btn:hover{border-color:var(--gold-2);box-shadow:0 0 0 1px #d9b25a33,0 0 12px #ff8a2e2e,0 1px #ffffff0f inset}.btn.primary{background:linear-gradient(180deg,#ffb15a,#d9781f,#a9520f);border-color:var(--gold-3);color:#1a0e06;text-shadow:0 1px 0 rgba(255,220,150,.6);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:#ff9a8a;border-color:#6b2a1e}.btn .kbd{color:var(--gold-1);border-color:var(--gold-0);background:#00000059}.input{background:linear-gradient(180deg,#0a0806,#100c09);border:1px solid var(--iron-4);box-shadow:0 2px 6px #0009 inset;color:var(--text)}.input:focus{border-color:var(--gold-1);box-shadow:0 2px 6px #0009 inset,0 0 0 1px #d9b25a40}.tabs{border-bottom:1px solid var(--gold-0)}.tabs button{color:var(--muted);font-family:Cinzel,serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.tabs button.active{color:var(--gold-3);border-bottom-color:var(--ember)}.hud-top .badge{padding:5px 12px;border-radius:3px;font-family:Manrope,sans-serif;color:var(--gold-3)}.globe{width:100px;height:100px;border:4px solid;border-color:var(--gold-1) var(--gold-0) var(--gold-0) var(--gold-1);background:radial-gradient(circle at 50% 35%,#201612,#070504 70%);box-shadow:0 0 0 2px #000,0 0 0 3px var(--gold-0),0 0 22px #000c,0 0 18px #00000080 inset}.globe i{box-shadow:0 0 30px #ff5a2859 inset}.globe.hp i{background:radial-gradient(ellipse at 50% 20%,#ff9a6a,#d92a1a 45%,#6a0a08)}.globe.res i,.globe.mana i{background:radial-gradient(ellipse at 50% 20%,#9fd0ff,#2a5ad9 45%,#0a1a6a)}.globe.rage i{background:radial-gradient(ellipse at 50% 20%,#ffd07a,#e07a1a 45%,#6a2a08)}.globe.energy i{background:radial-gradient(ellipse at 50% 20%,#fff6a0,#d9c02a 45%,#6a5a08)}.globe.focus i{background:radial-gradient(ellipse at 50% 20%,#b8ffc4,#2ad96a 45%,#086a2a)}.globe:after{content:"";position:absolute;left:14%;top:8%;width:46%;height:26%;border-radius:50%;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.globe span{font-family:Cinzel,serif;font-size:14px;color:#fff;text-shadow:0 1px 2px #000,0 0 8px #000}.skillbar{border-radius:6px;padding:8px 10px;gap:7px}.skill{width:56px;height:56px;border-radius:4px;border:1px solid var(--gold-0);background:radial-gradient(circle at 50% 40%,#2a2019,#120d0a 80%);box-shadow:0 0 0 1px #000 inset,0 2px 6px #0009 inset;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.skill:hover{border-color:var(--gold-2);box-shadow:0 0 0 1px #000 inset,0 0 12px #ff8a2e59}.skill .key{color:var(--gold-2);font-family:Cinzel,serif;font-size:9px}.skill .nm{color:var(--gold-3);font-size:9px}.skill .cd{background:#000000bf;border-top:1px solid rgba(255,138,46,.6)}.skill.locked{opacity:.3}.touch-skills .skill{clip-path:none;border-radius:50%}.xpbar{height:6px;background:var(--iron-1);border-top:1px solid var(--gold-0)}.xpbar i{background:linear-gradient(90deg,var(--gold-0),var(--gold-3));box-shadow:0 0 8px #f3d98a80}.minimap{border:1px solid var(--gold-0);box-shadow:0 0 0 1px #000,0 6px 20px #0009;background:#080605b3}.menubtns .btn{padding:6px 10px;font-size:12px}.target{border-radius:4px;padding:6px 16px}.target .bar{height:9px;border:1px solid #000;background:#2a0a08;box-shadow:0 0 0 1px var(--gold-0)}.target .bar i{background:linear-gradient(180deg,#ff7a5a,#b0180e)}.riftbar{border-radius:4px}.bar-h{background:#14100c;border:1px solid var(--iron-4);height:8px}.bar-h i{background:linear-gradient(180deg,var(--ember-2),#b8531a);box-shadow:0 0 8px #ff8a2e66}.toast{border-radius:3px;padding:7px 16px;color:var(--gold-3)}.toast.loot{border-color:var(--legendary)}.toast.error{border-color:#7a2a2a;color:#ff9a8a}.toast.level{color:var(--gold-3);font-family:Cinzel,serif}.hint{border-color:var(--ember);border-radius:4px}.chat .log{border-radius:4px;border-color:var(--iron-4);box-shadow:none}.cell{border:1px solid var(--iron-4);background:radial-gradient(circle at 50% 45%,#1c1611,#0c0907 85%);box-shadow:0 2px 5px #000000b3 inset,0 1px #ffffff0a;border-radius:3px}.cell.eq{background:radial-gradient(circle at 50% 45%,#241a12,#0c0907 85%);border-color:var(--gold-0)}.cell.eq .slotname{color:var(--gold-0);font-family:Cinzel,serif;letter-spacing:.05em}.cell.sel{outline:1px solid var(--gold-3);box-shadow:0 0 10px #f3d98a59}.b-uncommon{box-shadow:0 0 8px #5fd35f40 inset!important}.b-rare{box-shadow:0 0 8px #4f9dff4d inset!important}.b-epic{box-shadow:0 0 10px #b56bff59 inset!important}.b-legendary{box-shadow:0 0 12px #ff9a2e73 inset,0 0 10px #ff9a2e59!important}.b-mythic{box-shadow:0 0 12px #ff3b3b80 inset,0 0 10px #ff3b3b66!important}.doll .mid{font-family:Cinzel,serif}.tooltip{border-radius:3px;padding:12px 14px;background-color:#120e0b;border-color:var(--gold-0)}.tooltip:before{content:"";position:absolute;left:10%;right:10%;top:34px;height:10px;background:var(--divider) no-repeat center / 100% 10px;opacity:.8}.tooltip h4{font-family:Cinzel,serif;letter-spacing:.04em;font-size:14px;margin-bottom:14px;text-shadow:0 0 10px currentColor}.tooltip .line{padding:1px 0}.tooltip .affix{color:#9fc4ff}.tooltip .leg{color:var(--ember-2);border-left:2px solid var(--ember);padding-left:8px}.tooltip .lore{color:#8f7d68}.item-row{border-color:var(--iron-4);background:linear-gradient(180deg,#ffffff05,#0003)}.item-row:hover{border-color:var(--gold-0)}.quest,.skill-row,.shop-card,.class-card,.char-card,.pass .lvl,.tier{border-color:var(--iron-4);background:linear-gradient(180deg,#ffffff05,#00000040)}.class-card.sel,.tier.sel,.pass .lvl.reached{border-color:var(--gold-1);box-shadow:0 0 0 1px #d9b25a40,0 0 14px #ff8a2e26}.tier.boss{color:#ff8a6a}.tier{font-family:Cinzel,serif}.pill{border-color:var(--gold-0);color:var(--gold-2)}.stat{border-bottom:1px solid #241b14}.stat b{color:var(--gold-3)}h3{font-family:Cinzel,serif;letter-spacing:.05em}.label .name{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:.02em}.label.monster.boss .name{font-family:Cinzel,serif;letter-spacing:.08em;text-shadow:0 0 12px rgba(255,59,59,.6),0 1px 2px #000}.dmg{font-family:Cinzel,serif;font-weight:700}.dmg.crit{color:#ffd23a;text-shadow:0 0 10px rgba(255,210,58,.7),0 2px 2px #000}.death{background:radial-gradient(ellipse at center,#5a00008c,#000000e6)}.death h1{font-size:46px;background:linear-gradient(180deg,#ff9a8a,#a01010);-webkit-background-clip:text;background-clip:text;color:transparent}.screen{background:radial-gradient(ellipse at 50% 30%,#2a1a10,#0b0908 65%),var(--noise)}.screen .card{border-radius:4px;position:relative}.form .input{padding:10px 12px}::selection{background:#d9b25a59}.panel .body{padding:14px 18px}.panel .head h2{font-size:14px;display:flex;align-items:center}.panel .head h2 .hpill{font-family:Manrope,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;-webkit-text-fill-color:var(--crystal);color:var(--crystal);border:1px solid var(--gold-0);border-radius:999px;padding:1px 9px;margin-left:10px;background:#00000059;filter:none}.panel .head h2 .hpill.gold{-webkit-text-fill-color:var(--gold-3);color:var(--gold-3)}.panel .foot{padding:10px 18px;align-items:center}h3.sec{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin:18px 0 8px;font-weight:700}h3.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-0),transparent)}h3.sec:first-child{margin-top:0}h3.sec.mythic{color:var(--mythic)}h3.sec.mythic:after{background:linear-gradient(90deg,#6a1a1a,transparent)}h3.sec .pill{letter-spacing:0;text-transform:none;font-family:Manrope,sans-serif}.panel .tabs{margin:-14px -18px 14px;padding:0 10px;gap:2px;border-bottom:1px solid var(--gold-0);background:linear-gradient(180deg,#0006,#0000)}.tabs button{position:relative;padding:10px 14px;margin-bottom:-1px;border:1px solid transparent;border-bottom:none;border-radius:3px 3px 0 0;color:var(--muted);font-family:Cinzel,serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tabs button:hover{color:var(--gold-2)}.tabs button.active{color:var(--gold-3);border-color:var(--gold-0);border-bottom-color:transparent;background:linear-gradient(180deg,var(--iron-3),var(--iron-1));box-shadow:0 1px #ffffff0d inset}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--ember);box-shadow:0 0 8px var(--ember)}.tabs button.muted{margin-left:auto}.setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--iron-3)}.setting .lbl{font-weight:600}.setting .sub{color:var(--muted);font-size:11px;margin-top:2px}.setting .ctl{display:flex;align-items:center;gap:10px}.seg{display:inline-flex;border:1px solid var(--gold-0);border-radius:3px;overflow:hidden;background:var(--iron-0);box-shadow:0 2px 4px #00000080 inset}.seg button{background:none;border:none;border-right:1px solid var(--iron-4);padding:5px 12px;font-size:12px;color:var(--muted);letter-spacing:.02em}.seg button:last-child{border-right:none}.seg button:hover{color:var(--gold-2)}.seg button.on{background:linear-gradient(180deg,#ffb15a,#c4601a);color:#1a0e06;font-weight:700;text-shadow:0 1px 0 rgba(255,220,150,.5)}input[type=range]{-webkit-appearance:none;appearance:none;width:140px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold-0),var(--gold-2));outline:none;border:1px solid #000}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd27a,#b8531a);border:1px solid var(--gold-3);box-shadow:0 1px 3px #000;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffd27a,#b8531a);border:1px solid var(--gold-3);box-shadow:0 1px 3px #000;cursor:pointer}input[type=checkbox]{accent-color:var(--ember)}.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 20px;font-size:12px;color:var(--muted)}.keys div{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.kbd{background:linear-gradient(180deg,var(--iron-3),var(--iron-1));border:1px solid var(--gold-0);color:var(--gold-3);font-family:Cinzel,serif;font-size:10px;padding:1px 6px;border-radius:3px;box-shadow:0 1px #000;margin-right:2px}.btn.small{padding:4px 10px;font-size:12px}.filters{gap:6px;margin-bottom:12px}.filters .btn.small{border-radius:999px;padding:4px 11px;font-size:11px;color:var(--muted);background:var(--iron-1);border-color:var(--iron-4);box-shadow:none}.filters .btn.small:hover{color:var(--gold-2);border-color:var(--gold-0)}.filters .btn.small.primary{background:linear-gradient(180deg,#3d2a18,#2a1a0e);color:var(--gold-3);border-color:var(--gold-1);box-shadow:0 0 8px #ff8a2e33;font-weight:600}select.input{appearance:none;-webkit-appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1 L5 5 L9 1' fill='none' stroke='%23d9b25a' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(180deg,#0a0806,#100c09);background-repeat:no-repeat;background-position:right 9px center,0 0;background-size:10px 6px,100% 100%}select.input option{background:#15100d;color:var(--text)}.input::placeholder{color:#6f5f4e}.stat{padding:5px 0;border-bottom:1px solid var(--iron-3)}.item-row{border-radius:3px;padding:7px 10px}.quest{border-radius:3px;padding:10px 12px}.quest b{font-family:Cinzel,serif;font-size:12px;color:var(--gold-3);letter-spacing:.03em}.skill-row{grid-template-columns:48px 1fr auto;padding:8px 10px;border-radius:3px}.skill-row .ic{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--gold-0);border-radius:3px;background:radial-gradient(circle at 50% 40%,#2a2019,#120d0a 80%);font-size:22px;box-shadow:0 2px 6px #0009 inset}.skill-row h4{font-family:Cinzel,serif;font-size:12px;color:var(--gold-3);letter-spacing:.03em}.skill-row h4 .muted{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:0;font-size:11px}.skill-row p{color:var(--muted);line-height:1.4}.skill-row.locked{opacity:.45;filter:grayscale(.4)}.skill-row.active{border-color:var(--gold-0);box-shadow:0 0 0 1px #d9b25a1f inset}.skill-row .col{gap:4px}.rune-slot{border:1px dashed var(--gold-0);background:var(--iron-0);border-radius:50%;width:28px;height:28px;font-size:13px;color:var(--gold-2)}.rune-slot.set{border:1px solid var(--ember);box-shadow:0 0 8px #ff8a2e66}.slots{gap:8px;margin-bottom:14px;padding:10px;border:1px solid var(--iron-4);border-radius:3px;background:#00000040}.tier{border-radius:3px}.tier:hover:not(.locked){border-color:var(--gold-1)}.pass .lvl{border-radius:3px}.pass .lvl b{font-family:Cinzel,serif;color:var(--gold-2)}.member{border-bottom:1px solid var(--iron-3);padding:6px 0}table.tbl th{font-family:Cinzel,serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-1);border-bottom:1px solid var(--gold-0);padding:6px}table.tbl td{padding:6px;border-bottom:1px solid var(--iron-3)}table.tbl tbody tr:hover td{background:#ffffff06}.ctx{border-radius:3px;padding:4px 0}.ctx button{font-size:13px}.ctx button:hover{background:#ff8a2e1f;color:var(--gold-3)}.codex-grid{gap:4px}.shop-grid,.packs{gap:10px}.shop-card{padding:12px 10px 10px;border-radius:3px;gap:6px;position:relative;transition:border-color .15s,transform .12s,box-shadow .15s}.shop-card:hover{border-color:var(--gold-1);transform:translateY(-2px);box-shadow:0 8px 20px #00000080,0 0 14px #ff8a2e1f}.shop-card .ico{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#2a2019,#0c0907 75%);border:1px solid var(--gold-0);box-shadow:0 2px 8px #0009 inset}.shop-card .ico.big{font-size:30px;color:var(--crystal);text-shadow:0 0 14px rgba(127,227,255,.6);font-family:Cinzel,serif}.shop-card .nm{font-weight:600;min-height:34px;display:flex;align-items:center;line-height:1.25}.shop-card .price{font-family:Cinzel,serif;color:var(--crystal);text-shadow:0 0 8px rgba(127,227,255,.4);font-size:13px}.shop-card .usd{color:var(--muted);font-size:11px}.shop-card .btn{width:100%;margin-top:4px}.shop-card.owned{opacity:.55}.shop-card .ribbon{position:absolute;top:8px;left:-1px;background:var(--ember);color:#1a0e06;font-size:9px;font-weight:700;padding:1px 7px;letter-spacing:.08em;text-transform:uppercase}.note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.5}.callout{border:1px solid var(--gold-0);border-left:3px solid var(--ember);background:#0000004d;padding:8px 12px;font-size:12px;color:var(--muted);border-radius:3px;margin-bottom:12px}.reconnect{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 10px 6px 14px;background-color:var(--iron-1);border:1px solid #7a2a2a;border-radius:3px;font-size:13px;color:#ff9a8a;z-index:5;box-shadow:0 10px 30px #0009}.reconnect .spin{width:12px;height:12px;border:2px solid #7a2a2a;border-top-color:#ff9a8a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel~.hint{display:none}.topnav{display:flex;background:linear-gradient(180deg,var(--iron-3),var(--iron-1));border:1px solid var(--gold-0);box-shadow:0 0 0 1px #000 inset,0 8px 20px #0000008c;border-radius:3px;overflow:hidden}.topnav .tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 10px 5px;min-width:58px;background:none;border:none;border-right:1px solid rgba(0,0,0,.6);box-shadow:1px 0 #ffffff0a;color:var(--muted);cursor:pointer}.topnav .tab:last-child{border-right:none}.topnav .tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #000)}.topnav .tab span{font-family:Cinzel,serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.topnav .tab kbd{position:absolute;top:3px;right:4px;font:700 8px Manrope,sans-serif;color:var(--gold-1);letter-spacing:.02em}.topnav .tab:hover{color:var(--gold-3);background:#ff8a2e0f}.topnav .tab.on{color:var(--gold-3);background:linear-gradient(180deg,#ff8a2e2e,#00000040)}.topnav .tab.on:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:var(--ember);box-shadow:0 0 8px var(--ember)}.topnav .tab .dot{position:absolute;top:5px;left:7px;width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 6px var(--ember)}.topnav .tab.shop{color:var(--crystal)}.topnav .tab.shop .dot{background:var(--crystal);box-shadow:0 0 6px var(--crystal)}.topnav .tab.shop svg{animation:shopglow 3s ease-in-out infinite}@keyframes shopglow{0%,to{filter:drop-shadow(0 0 2px rgba(127,227,255,.3))}50%{filter:drop-shadow(0 0 7px rgba(127,227,255,.9))}}.deal{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--gold-1);background:linear-gradient(90deg,#7fe3ff14,#0000004d);box-shadow:0 0 18px #7fe3ff1f;border-radius:3px}.deal .ico{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold-0);background:radial-gradient(circle,#2a2019,#0c0907 75%)}.deal .klabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--crystal);font-weight:700}.deal b{font-family:Cinzel,serif;color:var(--gold-3);display:block;margin:2px 0}.deal .price{font-family:Cinzel,serif;color:var(--crystal);font-size:15px}.deal .off{background:var(--ember);color:#1a0e06;font-size:10px;font-weight:700;padding:1px 6px;border-radius:2px;margin-left:6px}.toast.with-action{display:flex;align-items:center;gap:12px;pointer-events:auto;padding:8px 10px 8px 16px}.toast .btn.small{padding:4px 10px}.reconnect{z-index:6}.touch-skills,.touch-potions{display:none}@media(max-width:900px),(pointer:coarse){.joystick{width:120px;height:120px;margin:-60px 0 0 -60px;background:radial-gradient(circle at 50% 45%,#281e188c,#0a0806b3);border:2px solid rgba(201,160,90,.55);box-shadow:inset 0 0 18px #0009,0 0 0 4px #00000059}.joystick i{left:38px;top:38px;width:44px;height:44px;background:radial-gradient(circle at 40% 35%,#d9b26a,#8a5a2a 70%,#4a2e14);border:1px solid rgba(255,220,160,.5);box-shadow:0 2px 6px #0009;transition:transform .04s linear}.joystick:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(201,160,90,.25)}.panel{top:0;bottom:0;left:0!important;right:0!important;width:auto!important;max-width:none;transform:none!important;border-radius:0}.panel.left,.panel.right,.panel.center{left:0;right:0;width:auto}.panel:before,.panel:after{display:none}.panel .body{padding:10px 12px;-webkit-overflow-scrolling:touch}.panel .tabs{margin:-10px -12px 10px;overflow-x:auto}.hud-top{top:52px;left:6px;max-width:62vw;gap:3px;flex-wrap:wrap}.hud-top .badge{padding:2px 6px;font-size:10px}.hud-top .badge.muted{display:none}.hud-right{top:4px;left:4px;right:4px;gap:6px;flex-direction:column;align-items:flex-end}.topnav{width:100%;justify-content:space-between}.reconnect{top:100px}.hint{top:120px}.topnav .tab{min-width:0;flex:1;padding:6px 4px 5px}.topnav .tab span,.topnav .tab kbd{display:none}.topnav .tab svg{width:20px;height:20px}.minimap{width:84px;height:84px}.hud-bottom{left:8px;right:8px;transform:none;justify-content:space-between;bottom:6px;gap:8px;pointer-events:none}.globe{width:58px;height:58px;border-width:3px}.globe span{font-size:10px}.skillbar{display:none}.touch-skills{display:block;position:absolute;right:10px;bottom:74px;width:176px;height:176px}.touch-skills .skill{position:absolute;width:54px;height:54px;border-radius:50%}.touch-skills .skill.attack{width:76px;height:76px;right:0;bottom:0;border-color:var(--gold-2)}.touch-skills .skill.attack .ic{font-size:30px}.touch-skills .skill.s1{right:92px;bottom:6px}.touch-skills .skill.s2{right:86px;bottom:68px}.touch-skills .skill.s3{right:40px;bottom:100px}.touch-skills .skill.s4{right:118px;bottom:122px}.touch-potions{display:flex;position:absolute;left:76px;bottom:12px;gap:8px}.touch-potions .skill{width:46px;height:46px;border-radius:50%}.touch-potions .skill .cnt{position:absolute;right:-2px;bottom:-2px;font-size:10px;background:#1a1210;border:1px solid var(--gold-0);border-radius:8px;padding:0 4px}.chat{width:min(260px,58vw);bottom:70px;left:8px}.chat .log{max-height:56px;font-size:11px;padding:4px}.chat input{font-size:12px}.chat:not(.open) .log{display:none}.chat:not(.open) .kbd{display:none}.hint{top:60px;max-width:92vw;font-size:12px;padding:6px 10px}.toasts{bottom:200px}#fps{display:none}.label{font-size:10px}.objective{top:150px;width:min(360px,92vw);font-size:11px}.riftbar{top:150px}.event-card{bottom:260px;width:94vw}.grid{grid-template-columns:repeat(auto-fill,46px)}.doll{grid-template-columns:52px 1fr 52px}.tooltip{width:min(300px,88vw);left:50%!important;top:auto!important;bottom:12px;transform:translate(-50%)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.tiers{grid-template-columns:repeat(6,1fr)}.death h1{font-size:32px}.screen .card{width:min(560px,96vw);padding:18px}.class-grid{grid-template-columns:1fr}}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.mode{border:1px solid var(--iron-4);border-radius:3px;padding:10px 12px;background:linear-gradient(180deg,#ffffff05,#00000040);display:flex;flex-direction:column;gap:6px}.mode b{font-family:Cinzel,serif;color:var(--gold-3);font-size:12px;letter-spacing:.04em}.mode p{margin:0;font-size:11px;line-height:1.4;flex:1}:root{--font: "Crimson Pro", Georgia, serif;--display: "Metamorphous", "Cinzel", serif;--fell: "IM Fell English", Georgia, serif;--blood: #3a0f0e;--blood-2: #5a1512;--bone: #e8dcc8}html,body,#root{font-family:var(--font);font-size:16px}.panel .head h2,.screen .logo,.death h1,.section h2,h3.sec,.tabs button,.topnav .tab span,.skill .key,.globe span,.tier,.doll .mid,.tooltip h4,.skill-row h4,.quest b,.pass .lvl b,table.tbl th,.setting .lbl,.shop-card .price,.deal b,.kbd,.hud-top .badge b,.panel .head h2 .hpill,.item-name,.cell.eq .slotname{font-family:var(--display);font-weight:400}.panel .head h2{font-size:15px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,#f3e9d2,#cdbc9c 45%,#8f8168 55%,#d9cbae);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,240,210,.2)) drop-shadow(0 2px 0 #000)}.panel .head h2 .hpill{-webkit-text-fill-color:var(--crystal);font-family:var(--font);font-weight:600}.panel .head{background:linear-gradient(180deg,#2a1210,#120a0a);border-bottom:1px solid var(--gold-0)}.panel,.screen .card,.tooltip,.ctx,.riftbar,.target,.hud-top .badge,.skillbar,.hint,.toast,.reconnect{background-color:#0e0b0b;border:1px solid var(--gold-0);box-shadow:0 0 0 4px #0a0808,0 0 0 5px var(--iron-4),0 18px 50px #000000bf}.panel:before,.panel:after,.screen .card:before,.screen .card:after{display:none}.panel .body{font-size:15px}h3.sec{font-size:11px;letter-spacing:.2em;color:var(--gold-2)}h3.sec:after{background:linear-gradient(90deg,var(--gold-0),transparent)}.muted{color:#9a8d78}.btn,.btn.small,.btn.primary,.btn.danger,.seg button.on,.tabs button.active{background-image:linear-gradient(180deg,#7870698c,#28232099,#0a0808cc),url(/landing/tex-iron.jpg);background-size:auto,380px;background-position:center}.btn{border:1px solid #1a0806;color:#f4e6cf;font-family:var(--display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 1px #000;box-shadow:0 1px #ffc8a024 inset,0 -2px #0000008c inset,0 0 0 1px var(--gold-0),0 6px 14px #0009;border-radius:0;padding:7px 14px}.btn:hover{filter:brightness(1.3);border-color:#1a0806;color:#fff;box-shadow:0 1px #ffc8a024 inset,0 -2px #0000008c inset,0 0 0 1px var(--gold-1),0 6px 14px #0009}.btn.small{padding:4px 10px;font-size:10px}.btn.primary{background-image:linear-gradient(180deg,#ffbe9629,#961e1457 40%,#500c0a80),url(/landing/tex-iron.jpg);color:#f4e6cf;text-shadow:0 1px 1px #000;font-weight:400}.btn.danger{color:#ff9a8a}.btn .kbd{background:#0006;border-color:var(--gold-0);color:var(--gold-2)}.close{border-radius:0;background:#120a0a!important;border-color:var(--gold-0)!important}.tabs button{font-size:10px;letter-spacing:.12em;color:#9a8d78}.tabs button.active{color:#f4e6cf;border-color:var(--gold-0)}.tabs button.active:after{background:var(--gold-2);box-shadow:0 0 8px #c9a15a99}.seg{border-radius:0;border-color:var(--gold-0)}.seg button{font-family:var(--display);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.seg button.on{color:#f4e6cf;text-shadow:0 1px 1px #000;background-image:linear-gradient(180deg,#ffbe9629,#961e1457 40%,#500c0a80),url(/landing/tex-iron.jpg)}.filters .btn.small{border-radius:0;background-image:none;background-color:#120e0e;font-family:var(--fell);font-size:12px;letter-spacing:.02em;text-transform:none;color:#9a8d78}.filters .btn.small.primary{background-image:none;background-color:#2a1210;color:var(--gold-3);border-color:var(--gold-1)}.kbd{font-size:9px;letter-spacing:.06em;border-radius:0;background:#120a0a;color:var(--gold-2)}input[type=range]{background:linear-gradient(90deg,var(--gold-0),var(--gold-2))}input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 40% 35%,#ffd27a,#a9520f);border-color:var(--gold-2)}.input{border-radius:0;font-family:var(--font);font-size:15px}.hud-top .badge{border-radius:0;font-family:var(--font);font-size:13px;color:var(--bone);padding:4px 10px}.topnav{border-radius:0;background:linear-gradient(180deg,#2a1210,#0e0b0b)}.topnav .tab span{font-size:8px;letter-spacing:.1em}.topnav .tab.on{background:linear-gradient(180deg,#961e144d,#0000004d)}.topnav .tab.on:after{background:var(--gold-2);box-shadow:0 0 8px #c9a15ab3}.skillbar{border-radius:0}.skill{border-radius:0;clip-path:none;border-color:var(--gold-0);box-shadow:0 0 0 1px #000 inset,0 0 0 2px var(--iron-4)}.skill .key{font-size:8px;letter-spacing:.05em}.skill .nm{font-family:var(--fell);font-size:9px}.globe{border-color:var(--gold-1) var(--gold-0) var(--gold-0) var(--gold-1);box-shadow:0 0 0 3px #000,0 0 0 4px var(--gold-0),0 0 0 6px #0a0808,0 0 0 7px var(--iron-4),0 0 22px #000c,0 0 18px #00000080 inset}.globe span{font-size:13px}.minimap{border-radius:0;box-shadow:0 0 0 3px #0a0808,0 0 0 4px var(--iron-4),0 6px 20px #0009}.target,.riftbar{border-radius:0}.toast{border-radius:0;font-family:var(--fell);font-size:15px}.toast.level{font-family:var(--display);font-size:13px;letter-spacing:.06em}.hint{border-radius:0;border-color:var(--gold-0);font-family:var(--fell);font-style:italic}.chat .log{border-radius:0;font-family:var(--font);font-size:14px}.label .name{font-family:var(--font);font-weight:600;font-size:13px}.label.monster.boss .name,.dmg{font-family:var(--display)}.cell{border-radius:0}.cell.eq{border-color:var(--gold-0)}.cell.eq .slotname{font-size:7px;letter-spacing:.08em}.tooltip{border-radius:0;font-family:var(--font);font-size:13px}.tooltip:before{display:none}.tooltip h4{font-size:13px;letter-spacing:.06em;border-bottom:1px solid var(--gold-0);padding-bottom:8px}.item-row,.quest,.skill-row,.shop-card,.class-card,.char-card,.pass .lvl,.tier,.mode,.deal{border-radius:0;border-color:var(--iron-4)}.shop-card:hover{border-color:var(--gold-1)}.shop-card .nm{font-family:var(--font);font-size:15px}.shop-card .price{font-size:12px;letter-spacing:.06em}.shop-card .ribbon{background:var(--blood-2);color:#fff;border:1px solid var(--gold-0)}.deal{background:linear-gradient(90deg,#961e1426,#0000004d);box-shadow:none}.deal .off{background:var(--blood-2);color:#fff;border:1px solid var(--gold-0)}.skill-row h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.quest b{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.stat{font-size:14px}.stat b{font-family:var(--display);font-size:12px}.setting .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-3)}.keys{font-family:var(--font);font-size:14px}.note,.callout,.viewer-note{font-family:var(--fell);font-style:italic}.screen .logo{font-size:30px;letter-spacing:.14em}.screen .card{border-radius:0}.class-card h3,.char-card b{font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.death h1{font-family:var(--display);font-weight:400;letter-spacing:.12em}.mode b{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.event-card{position:absolute;left:50%;bottom:150px;transform:translate(-50%);width:min(520px,92vw);z-index:30;padding:14px 16px 16px}.event-card .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.event-card .head .kind{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a08a6a}.event-card .text{font-family:Crimson Pro,IM Fell English,serif;font-size:16px;line-height:1.4;color:#e8dcc8;margin:0 0 12px}.event-card .choices{display:flex;flex-wrap:wrap;gap:8px}.event-card .choices .btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;text-align:left}.event-card .choices .btn small{font-weight:400;font-size:11px;opacity:.75;text-transform:none;letter-spacing:0}.dialogue-text{font-family:Crimson Pro,IM Fell English,serif;font-size:17px;line-height:1.45;color:#e8dcc8;margin:4px 0 14px}.dialogue-choices{display:flex;flex-direction:column;gap:8px}.dialogue-choices .btn{text-align:left;justify-content:flex-start}.objective{position:absolute;left:50%;top:96px;transform:translate(-50%);width:min(420px,80vw);z-index:12;padding:6px 10px;background:#0c0908b8;border:1px solid rgba(160,120,70,.35);font-size:12px;color:#e0d2b8}.objective .bar-h{height:4px;background:#ffffff14;margin-top:4px}.objective .bar-h i{display:block;height:100%;background:#c98a3a;transition:width .3s}.objective.done{border-color:#78c87880}.objective.done .bar-h i{background:#7cc47c}.mode.done{opacity:.6}@media(max-width:720px){.event-card{bottom:120px}.objective{top:78px}}.kbd,.key,.skill .key,.slot .key{font-family:Crimson Pro,Georgia,serif!important;font-weight:700;letter-spacing:.04em}