:root{font-family:Georgia,Times New Roman,serif;color:#e0dbc7;background:#13191b;font-synthesis:none;--gold:#c7b57e;--muted:#8e9287;--line:#b5b69b25}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;transition:background .18s,color .18s}button:hover:not(:disabled){color:#fff3cb;background:#bcb49a12}button:disabled{opacity:.3;cursor:not-allowed}button:focus-visible{outline:1px solid #d9c992;outline-offset:4px}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}#world,#scene{position:fixed;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#scene{cursor:grab}#scene:active{cursor:grabbing}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 140px 50px #02070b65;background:linear-gradient(#03090e55,transparent 20%,transparent 76%,#02070b90)}.hud{position:absolute;z-index:2}.top-left{top:29px;left:30px;display:flex;align-items:center;gap:12px;filter:drop-shadow(0 2px 8px #000)}.portrait{width:53px;height:59px;display:grid;place-items:center;border:1px solid #b9a77988;background:linear-gradient(145deg,#454740e0,#1a2220);clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);padding-bottom:12px;color:#cab78e}.portrait svg{width:29px;height:29px}.portrait b{position:absolute;bottom:2px;font-size:12px;color:#f0dfb3}.vitals{width:208px}.hero-name{display:flex;justify-content:space-between;font-size:14px;align-items:center;text-shadow:0 1px 4px #000}.hero-name span{font:10px Arial,sans-serif;color:#b8bcaf}.health{height:7px;background:#141915dd;border:1px solid #65755360;margin-top:9px;padding:1px}.health i{display:block;height:100%;background:linear-gradient(90deg,#536c49,#92a772);transition:width .2s}.experience{height:2px;background:#d1b37c20;margin-top:4px}.experience i{height:100%;display:block;background:#bca574}.hero-sub{display:flex;justify-content:space-between;margin-top:7px;font:9px Arial,sans-serif;color:#959d94}.location{top:25px;left:50%;transform:translate(-50%);text-align:center;min-width:230px;text-shadow:0 2px 10px #000}.eyebrow{font:9px Arial,sans-serif;letter-spacing:3.3px;color:#a6a38e}.location h1{font-size:23px;font-weight:400;letter-spacing:.5px;margin:9px 0 7px}.location p{font:9px Arial,sans-serif;letter-spacing:2px;color:#a8a38f}.depth-track{height:2px;width:100px;background:#b8b08d20;margin:12px auto 7px}.depth-track i{display:block;height:100%;background:#bfaa6f;transition:width .5s}#objective{font:9px Arial,sans-serif;color:#a7a38f}.top-right{right:30px;top:30px;display:flex;gap:15px;align-items:center}.resources{display:flex;gap:19px;padding:9px 15px;background:#11191580;border:1px solid #b6ac8625;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resources span,.resources button{display:flex;align-items:center;gap:7px;font-size:13px;padding:0;color:#c5b387}.resources svg{width:17px;height:17px}.resources button{color:#c29b83}.quiet{font-size:17px;color:#8e958b}.dock{bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:6px 9px;background:linear-gradient(#111917cc,#0c1516ec);border:1px solid #b6aa7d35;box-shadow:0 10px 35px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:3px}.dock button{position:relative;min-width:69px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 9px;color:#a9ad9c}.dock button span{font:9px Arial,sans-serif}.dock button svg{height:22px;width:22px}.dock button.active{color:#d0bd8c}.dock button strong{font:20px Georgia,serif;line-height:22px}.dock button b{position:absolute;top:2px;right:6px;font:8px Arial,sans-serif;color:#d6c697;background:#101714;border:1px solid #6d73533b;padding:2px 4px;border-radius:8px}.dock-divider{height:29px;width:1px;background:#bfb38525;margin:0 5px}.upgrade-dot{width:5px;height:5px;background:#b3cc87;position:absolute;right:17px;top:7px;border-radius:50%;box-shadow:0 0 7px #b3cc8777}.bottom-left{left:30px;bottom:36px;pointer-events:none}.combat-stats{display:flex;gap:17px;margin-top:20px;font:10px Arial,sans-serif;color:#9ba18e}.combat-stats span{display:flex;align-items:center;gap:5px}.combat-stats svg{width:14px;height:14px}.feed-item{display:flex;align-items:center;gap:8px;color:var(--rarity);text-shadow:0 1px 4px #000;font-size:12px;margin:9px 0;animation:feedIn .5s both}.feed-item svg{width:13px;height:13px}.feed-item small{font:9px Arial,sans-serif;color:#848b7f;margin-left:3px}.r0{--rarity:#b1b4a4}.r1{--rarity:#acc18b}.r2{--rarity:#84acc6}.r3{--rarity:#b59ed1}@keyframes feedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.map{right:30px;bottom:30px;width:173px;padding:10px 12px;background:#0d1517aa;border:1px solid #a49b7329;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-top,.map-bottom{display:flex;align-items:center;justify-content:space-between;font:8px Arial,sans-serif;color:#939785;letter-spacing:1.5px}.map>svg{width:100%;aspect-ratio:1;height:auto;margin:6px 0;stroke:none;fill:initial}.map-bottom{letter-spacing:.2px;justify-content:flex-end;gap:6px}.map-bottom i{width:4px;height:4px;background:#b2b88f;border-radius:50%}.camera-hint{bottom:9px;left:50%;transform:translate(-50%);font:8px Arial,sans-serif;color:#6f7b70;white-space:nowrap}.drawer{position:absolute;right:24px;top:108px;bottom:125px;width:350px;background:linear-gradient(120deg,#1c2320f5,#101917f5);border:1px solid #b3a67c45;box-shadow:0 20px 80px #0009;z-index:5;padding:23px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;animation:feedIn .18s}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.drawer-head .eyebrow{font-size:8px;letter-spacing:1.5px}.drawer-head h2{font-size:24px;font-weight:400;margin-top:8px}.drawer-head button{color:#999e90;padding:5px}.drawer-head button svg{width:17px;height:17px}#drawer-content{overflow:auto;scrollbar-width:thin;scrollbar-color:#6c70503b transparent;padding-right:3px;font-family:Arial,sans-serif;font-size:12px}.panel-summary{display:flex;justify-content:space-between;font-size:10px;color:#9da08d;margin:0 0 13px}.row-actions{display:flex;gap:7px;margin:10px 0}.row-actions button,.wide{flex:1;border:1px solid #b2a87940;background:#afa77b0a;padding:10px 8px;font-size:10px;color:#c9c09d}.wide{width:100%;margin-top:20px;font-size:11px}.micro{font-size:10px;line-height:1.8;color:#858f7f;margin:13px 0}.intro{font-size:12px;line-height:1.8;color:#a8ae9e;margin:5px 0 20px}.item-list{max-height:39vh;overflow:auto;scrollbar-width:thin}.item-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:9px 6px;border-bottom:1px solid #bbc19715;text-align:left;color:var(--rarity)}.item-row.selected{background:#bdb78a0d;border-color:#c0b08050}.item-icon{width:35px;height:38px;background:#c4c79405;border:1px solid #aeb38525;display:grid;place-items:center}.item-icon svg{height:21px;width:21px}.item-info{flex:1}.item-info strong{font-family:Georgia,serif;font-size:12px;font-weight:400}.item-info small{display:block;font:8px Arial,sans-serif;color:#858f7f;margin-top:6px}.item-row b{font:12px Arial,sans-serif;font-weight:400}.better{font:11px Arial,sans-serif;color:#b2c68b}.empty{font-size:11px;color:#84917f;padding:20px 8px;line-height:1.7;border:1px dashed #a4af7c20}.slot-label{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#919a85;margin:20px 0 7px}.build-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px}.build-stats span{font-size:9px;color:#8d9984}.build-stats b{display:block;font:21px Georgia,serif;color:#d4d3bb;margin-top:8px}.inspect{border:1px solid #b4af8145;background:#101613;padding:16px;margin-top:15px;color:var(--rarity)}.inspect>strong{font:16px Georgia,serif}.inspect-value{font-size:12px;margin-top:14px;color:#ced0b9}.inspect p{font-size:11px;margin-top:9px;color:#b1b99e}.inspect small{display:block;font-size:10px;line-height:1.8;color:#888f7f;margin-top:12px}.positive{color:#b0c58b}.negative{color:#c18e7a}.equipped-tag{display:block;margin-top:12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#a7b48e}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:18px 0;border-bottom:1px solid var(--line);text-align:left}.toggle-row strong{font-size:12px;font-weight:400}.toggle-row small{display:block;font-size:10px;line-height:1.8;color:#879280;margin-top:8px}.switch{width:32px;height:16px;background:#303931;border-radius:20px;position:relative;flex-shrink:0}.switch:after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#767f69;transition:.2s}.switch.on{background:#7c895360}.switch.on:after{left:19px;background:#c0c995}.shop-row{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.shop-row>svg{color:#bca67c}.shop-row span{flex:1}.shop-row strong{font-size:12px;font-weight:400}.shop-row small{display:block;line-height:1.7;font-size:9px;color:#889581;margin-top:6px}.shop-row button{border:1px solid #a6a47640;font-size:10px;padding:8px;color:#d1bb87}.help-keys{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;color:#c0c3a9}.hidden{display:none!important}#labels,#floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.enemy-label{position:absolute;transform:translate(-50%,-100%);width:73px;text-align:center}.enemy-label span{font:8px Arial,sans-serif;text-shadow:0 1px 5px #000;color:#c3b9a7;white-space:nowrap;display:block;margin-left:-30px;margin-right:-30px;margin-bottom:6px}.enemy-label>div{height:3px;background:#1a1816c9;border:1px solid #94775a35}.enemy-label i{height:100%;display:block;background:#956b53}.enemy-label.boss{width:115px}.enemy-label.boss span{color:#d2b88b;font-size:11px}.float{position:absolute;transform:translate(-50%,-50%);font:17px Georgia,serif;color:#e9dfc6;text-shadow:0 2px 5px #000;white-space:nowrap}.float.crit{font-size:24px;color:#f4d58f}.float.hurt{font-size:12px;color:#c59178}.float.heal{font-size:27px;color:#a5d493}.float.loot{font:10px Arial,sans-serif;color:#c8d4ac}.float.level{font-size:22px;letter-spacing:3px;color:#f2d79b}.event-banner{position:absolute;top:23%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .5s;text-shadow:0 2px 12px #000;z-index:3}.event-banner.show{opacity:1}.event-banner strong{display:block;font-size:32px;font-weight:400;color:#e1cc95;margin-top:9px}.event-banner span{font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#c8c4ad}.toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);padding:12px 21px;font:11px Arial,sans-serif;background:#18231eea;border:1px solid #b7b08545;color:#d1d8ba;z-index:8;box-shadow:0 5px 20px #0004}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#111919;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;color:#cebe92}#loading h2{font-size:40px;letter-spacing:3px;font-weight:400}#loading p{font:11px Arial,sans-serif;color:#879280;margin-top:20px}.loading-mark svg{width:32px;height:32px;margin-bottom:20px;animation:flicker 1s infinite alternate}@keyframes flicker{0%{opacity:.4}to{opacity:1}}@media(max-width:1000px){.vitals{width:160px}.top-left{left:20px;top:23px}.location h1{font-size:20px}.top-right{right:20px;top:25px}.bottom-left{left:20px;bottom:125px}.map{right:20px;width:140px;bottom:120px}.dock{bottom:30px}.drawer{right:20px;bottom:125px}.resources{gap:10px;padding:9px}.camera-hint{bottom:11px}.feed-item{font-size:10px}.feed-item small{display:none}}@media(max-width:660px){.top-left{left:14px;top:18px}.portrait{width:38px;height:48px}.portrait svg{width:22px}.portrait b{font-size:10px;bottom:2px}.vitals{width:135px}.hero-name{font-size:11px}.hero-name span,.hero-sub{font-size:8px}.location{top:105px;min-width:200px}.location .eyebrow{display:none}.location h1{font-size:18px;margin-bottom:6px}.location p{font-size:8px}.depth-track{margin-top:8px}.top-right{right:13px;top:22px;gap:8px}.resources{gap:9px;padding:8px}.resources span,.resources button{font-size:11px}.resources svg{width:14px;height:14px}.dock{width:calc(100% - 24px);bottom:24px;padding:5px 3px;justify-content:space-around}.dock button{min-width:0;flex:1;height:54px;padding:4px 3px;gap:6px}.dock button span{font-size:8px}.dock button svg{width:20px;height:20px}.dock-divider{margin:0 2px}.dock button b{right:2px;font-size:7px}.dock button strong{font-size:18px}.camera-hint{font-size:7px;bottom:8px}.bottom-left{left:16px;bottom:110px}.combat-stats{font-size:8px;gap:11px}.feed-item{max-width:220px;font-size:10px}.feed-item svg{width:10px}.map{right:14px;bottom:109px;width:105px;padding:7px;opacity:.8}.map-top,.map-bottom{font-size:6px}.drawer{left:12px;right:12px;width:auto;top:89px;bottom:95px;padding:20px}.item-list{max-height:none;overflow:visible}.event-banner{top:30%;width:90%}.event-banner strong{font-size:26px}.event-banner span{font-size:8px}.toast{bottom:95px;width:max-content;max-width:90vw}}.has-selection .item-list{max-height:min(21vh,190px)}.has-selection .inspect{margin-bottom:4px}