@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Trebuchet MS,Segoe UI,sans-serif;user-select:none}#game-root{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%}#ui-overlay{position:absolute;inset:0;pointer-events:none}#ui-overlay>*{pointer-events:auto}#ui-overlay>.overlay-3d,#ui-overlay>.levelup-container,#ui-overlay>.click-marker-layer,#ui-overlay>.hover-label{pointer-events:none}:root{--display: "Cinzel", "Trebuchet MS", serif;--oak-1: #4a3f2d;--oak-2: #352d1f;--panel-bg: #3e3529;--panel-border: #15110a;--panel-stud: #5f5039;--bevel-hi: rgba(255, 230, 160, .14);--bevel-lo: rgba(0, 0, 0, .55);--hairline: rgba(120, 96, 56, .35);--slot-bg: #211a11;--slot-fill: #4a3c28;--slot-edge: #100c07;--text: #ffdf6e;--text-dim: #c2ad7e;--accent: #c8862f;--panel-frame: 0 6px 22px rgba(0, 0, 0, .55), inset 0 1px 0 var(--bevel-hi), inset 0 -2px 6px rgba(0, 0, 0, .4), inset 0 0 0 1px var(--hairline)}.slot{position:relative;background:radial-gradient(120% 120% at 50% 0%,#2a2114,var(--slot-bg));border:1px solid var(--slot-edge);border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 0 var(--bevel-hi)}.slot.filled{background:linear-gradient(#54442d,var(--slot-fill));box-shadow:inset 0 1px #ffe9aa2e,inset 0 -3px 6px #00000073}.audio-controls{position:absolute;right:12px;top:182px;display:flex;align-items:center;gap:6px;background:linear-gradient(var(--oak-1),var(--oak-2));border:2px solid var(--panel-border);border-radius:8px;padding:6px 8px;box-shadow:var(--panel-frame)}.audio-btn{width:30px;height:30px;background:#2f281e;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);font-size:15px;cursor:pointer}.audio-btn:hover{background:var(--panel-stud)}.audio-btn.off{opacity:.45}.audio-slider{width:90px;accent-color:#b87333;cursor:pointer}.minimap{position:absolute;top:12px;right:12px;width:160px;height:160px;border-radius:50%;border:3px solid var(--panel-border);box-shadow:0 4px 14px #00000080,inset 0 0 0 2px var(--panel-stud),inset 0 0 16px #0009;background:#1a1812;overflow:hidden}.minimap-canvas{display:block;width:100%;height:100%}.minimap-compass{position:absolute;top:2px;left:50%;transform:translate(-50%);color:#ffdf6e;font-size:11px;font-weight:700;text-shadow:1px 1px 0 #000;pointer-events:none}.side-panel{position:absolute;bottom:12px;right:12px;width:244px;background:linear-gradient(var(--oak-1),var(--oak-2));border:2px solid var(--panel-border);border-radius:9px;box-shadow:var(--panel-frame);color:var(--text);font-size:13px;overflow:hidden}.tab-bar{display:flex;gap:2px;padding:4px 4px 0;background:#00000040;border-bottom:2px solid var(--panel-border)}.tab-btn{flex:1;padding:8px 0 7px;background:linear-gradient(#42381f,#312813);color:var(--text-dim);border:1px solid var(--panel-border);border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.6px;text-shadow:0 1px 0 #000;transition:color .12s,background .12s,transform .05s}.tab-btn.active{background:linear-gradient(#6a5836,#4a3c23);color:var(--text);box-shadow:inset 0 1px 0 var(--bevel-hi);transform:translateY(1px)}.tab-btn:not(.active):hover{color:var(--text);background:linear-gradient(#4d4124,#3a2f18)}.panel-content{padding:11px;height:408px}.panel-placeholder{color:var(--text-dim);text-align:center;padding:40px 10px;font-style:italic}.discoveries{height:100%;overflow-y:auto}.discoveries-head{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.5px;color:var(--text);text-shadow:0 1px 0 #000;margin-bottom:8px}.discovery-row{padding:6px 8px;margin-bottom:5px;background:#00000038;border:1px solid var(--panel-border);border-radius:5px;font-size:12px;line-height:1.35;color:var(--text)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:100%;align-content:center}.skill-cell{position:relative;display:flex;align-items:center;gap:5px;height:46px;padding:0 6px 0 5px;background:linear-gradient(#473c2c,#382f23);border:1px solid var(--panel-border);border-radius:4px;box-shadow:inset 0 1px #ffebb414;overflow:hidden}.skill-cell:hover{background:linear-gradient(#52462f,#423826)}.skill-swatch{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:5px;flex:none;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -2px 3px #00000073,0 1px 1px #00000080}.skill-swatch .skill-icon{display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}.skill-levels{position:relative;flex:1;height:100%;font-weight:700;font-size:13px;color:var(--text);text-shadow:1px 1px 0 #000}.skill-cur{position:absolute;top:4px;right:9px}.skill-base{position:absolute;bottom:4px;right:2px;color:var(--text)}.skill-total{grid-column:1 / -1;display:flex;justify-content:space-around;margin-top:6px;padding-top:9px;border-top:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--bevel-hi);color:var(--text-dim);font-size:12px}.skill-total-item{font-family:var(--display);letter-spacing:.3px}.skill-total-item b{color:var(--text);margin-left:4px;font-size:14px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.inv-slot{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#2a2114,var(--slot-bg));border:1px solid var(--slot-edge);border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 0 var(--bevel-hi)}.inv-slot.filled{background:linear-gradient(#54442d,var(--slot-fill));box-shadow:inset 0 1px #ffe9aa2e,inset 0 -3px 6px #00000073;cursor:grab}.inv-slot.filled:hover{outline:1px solid rgba(255,223,110,.55);outline-offset:-1px}.inv-slot.filled:active{cursor:grabbing}.inv-slot.use-held{outline:2px solid rgba(255,223,110,.95);outline-offset:-2px;box-shadow:inset 0 0 10px #ffdf6e80}.inv-icon{width:100%;height:100%;padding:3px;object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.inv-count{position:absolute;top:1px;left:2px;font-size:10px;color:#ffff64;text-shadow:1px 1px 0 #000;pointer-events:none}.equip-panel{height:100%;display:flex;flex-direction:column}.equip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.equip-summary{margin-top:auto}.equip-slot{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#2a2114,var(--slot-bg));border:1px solid var(--slot-edge);border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 0 var(--bevel-hi)}.equip-slot.filled{background:linear-gradient(#54442d,var(--slot-fill));box-shadow:inset 0 1px #ffe9aa2e,inset 0 -3px 6px #00000073;cursor:pointer}.equip-slot.filled:hover{outline:1px solid rgba(255,223,110,.55);outline-offset:-1px}.equip-empty{font-size:10px;color:var(--text-dim);opacity:.6;letter-spacing:.3px}.equip-summary{border-top:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--bevel-hi);padding-top:9px;font-size:12px;color:var(--text-dim);line-height:1.55}.equip-bonus-title{color:var(--text);font-family:var(--display);font-weight:700;letter-spacing:.5px;margin-bottom:4px}.bank-backdrop{position:absolute;inset:0;z-index:50;background:#00000080;display:flex;align-items:center;justify-content:center}.bank-window{width:760px;max-width:94vw;max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(var(--oak-1),var(--oak-2));border:2px solid var(--panel-border);border-radius:12px;box-shadow:0 12px 40px #000000a6,var(--panel-frame);color:var(--text);padding:14px 16px 16px}.bank-header{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--panel-border);box-shadow:0 1px 0 var(--bevel-hi);padding-bottom:11px;margin-bottom:12px}.bank-header>span:first-child{flex:1;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:.5px;color:var(--text);text-shadow:0 2px 0 #000,0 0 14px rgba(255,200,90,.25)}.bank-qty{display:flex;gap:5px}.bank-qty-btn{width:38px;padding:6px 0;background:linear-gradient(#42381f,#312813);color:var(--text-dim);border:1px solid var(--panel-border);border-radius:5px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:12px}.bank-qty-btn.active{background:linear-gradient(#6a5836,#4a3c23);color:var(--text);box-shadow:inset 0 1px 0 var(--bevel-hi)}.bank-qty-btn:not(.active):hover{color:var(--text)}.bank-close{width:32px;height:32px;background:linear-gradient(#8a3a3a,#5e2020);color:#fff;border:1px solid var(--panel-border);border-radius:6px;cursor:pointer;font-weight:700;box-shadow:inset 0 1px #ffffff2e}.bank-close:hover{background:linear-gradient(#a04646,#6e2626)}.bank-section-label{color:var(--text-dim);font-family:var(--display);font-size:12px;font-weight:700;margin:4px 2px 6px;text-transform:uppercase;letter-spacing:1.5px}.bank-inv-label{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.bank-deposit-all{background:linear-gradient(#42381f,#312813);color:var(--text);border:1px solid var(--panel-border);border-radius:5px;padding:5px 11px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.4px}.bank-deposit-all:hover{background:linear-gradient(#574826,#443720);color:var(--text)}.bank-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;flex:1;min-height:220px;max-height:52vh;overflow-y:auto;align-content:start;background:radial-gradient(140% 90% at 50% 0%,#241d12,#1b150d);border:1px solid var(--slot-edge);border-radius:7px;box-shadow:inset 0 3px 8px #0009;padding:9px}.bank-inv-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;background:radial-gradient(140% 90% at 50% 0%,#241d12,#1b150d);border:1px solid var(--slot-edge);border-radius:7px;box-shadow:inset 0 3px 8px #0009;padding:9px}.bank-cell{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#2a2114,var(--slot-bg));border:1px solid var(--slot-edge);border-radius:4px;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 0 var(--bevel-hi)}.bank-cell.filled{background:linear-gradient(#54442d,var(--slot-fill));box-shadow:inset 0 1px #ffe9aa2e,inset 0 -3px 6px #00000073;cursor:pointer}.bank-cell.filled:hover{outline:1px solid rgba(255,223,110,.6);outline-offset:-1px}.bank-empty{grid-column:1 / -1;text-align:center;color:var(--text-dim);font-style:italic;padding:60px 0}.bank-grid::-webkit-scrollbar{width:11px}.bank-grid::-webkit-scrollbar-track{background:#1a140c;border-radius:6px}.bank-grid::-webkit-scrollbar-thumb{background:linear-gradient(var(--panel-stud),#43381f);border:1px solid var(--panel-border);border-radius:6px}.context-menu{position:fixed;z-index:100;background:#2f281e;border:2px solid var(--panel-border);border-radius:4px;min-width:130px;box-shadow:0 4px 12px #0009;overflow:hidden}.context-header{background:#5a4d3a;color:var(--text);padding:5px 8px;font-size:12px;font-weight:700}.context-item{display:block;width:100%;text-align:left;padding:6px 8px;background:none;border:none;color:#fff;font-family:inherit;font-size:12px;cursor:pointer}.context-item:hover{background:var(--panel-stud);color:var(--text)}.overlay-3d{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hitsplat{position:absolute;transform:translate(-50%,-50%);min-width:22px;height:22px;line-height:22px;text-align:center;border-radius:4px;color:#fff;font-size:13px;font-weight:700;text-shadow:1px 1px 0 #000;padding:0 3px}.hitsplat.hit{background:#b81d1d}.hitsplat.miss{background:#2b6fb8}.hitsplat.heal{background:#1d9b3a}.hp-bar{position:absolute;width:42px;height:6px;transform:translate(-50%,-50%);background:#3a0c0c;border:1px solid #000;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;width:100%;background:#3ec23e}.hud{position:absolute;top:44px;left:12px;display:flex;gap:8px}.hud-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#5a4d3a,#2e281e);border:3px solid var(--panel-border);box-shadow:0 3px 10px #00000080}.hud-orb-label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.hud-orb-value{font-size:15px;font-weight:700;color:#7fffa0;text-shadow:1px 1px 0 #000}.chat-box{position:absolute;left:12px;bottom:12px;width:380px;height:150px;display:flex;flex-direction:column;background:#2e281ee0;border:3px solid var(--panel-border);border-radius:6px;box-shadow:0 4px 14px #00000080}.chat-log{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 10px;font-size:13px;color:#e8e0c8}.chat-input{flex:0 0 auto;margin:0 6px 6px;padding:6px 8px;font:inherit;font-size:13px;color:var(--text);background:#2a2419;border:1px solid var(--panel-border);border-radius:4px;outline:none}.chat-input:focus{border-color:var(--text)}.chat-line{line-height:1.35;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-thumb{background:var(--panel-stud);border-radius:4px}.levelup-container{position:absolute;top:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.levelup-banner{background:linear-gradient(#5a4d3a,#3e3529);border:3px solid var(--text);border-radius:8px;padding:12px 22px;text-align:center;color:#fff;box-shadow:0 6px 18px #0009;opacity:0;transform:translateY(-14px) scale(.95);transition:opacity .4s ease,transform .4s ease}.levelup-banner.show{opacity:1;transform:translateY(0) scale(1)}.levelup-title{color:var(--text);font-weight:700;font-size:18px;margin-bottom:2px}.levelup-body{font-size:13px}.name-backdrop{position:absolute;inset:0;z-index:200;background:radial-gradient(circle at 50% 35%,#283c1e8c,#000000d9);display:flex;align-items:center;justify-content:center}.name-window{width:360px;max-width:90vw;background:var(--panel-bg);border:3px solid var(--panel-border);border-radius:10px;box-shadow:0 10px 34px #000000b3;color:var(--text);padding:22px 22px 20px;text-align:center}.name-title{font-size:30px;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 0 #1c1812}.name-sub{color:var(--text-dim);font-size:13px;margin:6px 0 16px}.name-input{width:100%;padding:10px 12px;font:inherit;font-size:16px;color:var(--text);background:#2a2419;border:2px solid var(--panel-border);border-radius:6px;outline:none;text-align:center}.name-input:focus{border-color:var(--text)}.name-button{margin-top:14px;width:100%;padding:11px;font:inherit;font-size:16px;font-weight:700;color:#1c1812;background:var(--text);border:none;border-radius:6px;cursor:pointer}.name-button:hover{filter:brightness(1.08)}.name-button:disabled,.name-guest:disabled{opacity:.5;cursor:default}.name-button.secondary{background:transparent;color:var(--text);border:2px solid var(--panel-border);margin-top:8px}.name-error{min-height:16px;margin-top:12px;color:#e08a7a;font-size:13px}.name-guest{margin-top:14px;width:100%;padding:4px;font:inherit;font-size:13px;color:var(--text-dim);background:none;border:none;text-decoration:underline;cursor:pointer}.name-guest:hover{color:var(--text)}.mp-status{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:30;padding:4px 10px;font-size:12px;font-weight:700;color:var(--text);background:#1c1812bf;border:1px solid var(--panel-border);border-radius:6px;display:flex;align-items:center;gap:6px}.mp-status .mp-dot{width:9px;height:9px;border-radius:50%;background:#c0392b}.mp-status.online .mp-dot{background:#2ecc71}.click-marker-layer{position:absolute;inset:0;pointer-events:none;z-index:25}.click-marker{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;animation:click-pop .5s ease-out forwards}.click-marker i{position:absolute;top:50%;left:0;width:100%;height:3px;margin-top:-1.5px;border-radius:2px}.click-marker i:nth-child(1){transform:rotate(45deg)}.click-marker i:nth-child(2){transform:rotate(-45deg)}.click-marker.yellow i{background:#ffe14a;box-shadow:0 0 3px #000000e6}.click-marker.red i{background:#ff5347;box-shadow:0 0 3px #000000e6}@keyframes click-pop{0%{transform:translate(-50%,-50%) scale(1.6);opacity:1}to{transform:translate(-50%,-50%) scale(.65);opacity:0}}.hover-label{position:absolute;top:8px;left:10px;z-index:28;pointer-events:none;font-size:15px;font-weight:700;white-space:nowrap;max-width:60vw;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 #000,0 0 4px rgba(0,0,0,.85);opacity:0;transition:opacity .08s ease}.hover-label.visible{opacity:1}.hover-verb{color:#fff}.hover-name{color:#ffd84a}.ctx-backdrop{position:absolute;inset:0;z-index:80}.ctx-menu{position:absolute;z-index:81;min-width:140px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:4px;box-shadow:0 6px 18px #0009;overflow:hidden;font-size:14px}.ctx-header{background:#5d4a2e;color:#fff;padding:5px 10px;font-weight:700;border-bottom:1px solid var(--panel-border)}.ctx-row{padding:5px 10px;cursor:pointer;white-space:nowrap}.ctx-row:hover{background:#6b5836}.ctx-verb{color:#fff}.ctx-name{color:#ffd84a}.run-timer{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 18px 7px;background:linear-gradient(var(--oak-1),var(--oak-2));border:2px solid var(--panel-border);border-radius:10px;box-shadow:var(--panel-frame);pointer-events:none;text-align:center}.run-timer-time{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.05;color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.run-timer-obj{font-size:12px;color:var(--text-dim);white-space:nowrap}.run-timer.done .run-timer-time{color:#8ce06a}.results-backdrop{position:absolute;inset:0;z-index:60;background:#0000009e;display:flex;align-items:center;justify-content:center}.results-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:94vw;padding:16px;background:linear-gradient(var(--oak-1),var(--oak-2));border:2px solid var(--panel-border);border-radius:12px;box-shadow:0 12px 40px #000000a6,var(--panel-frame)}.results-canvas{width:min(680px,88vw);height:auto;border-radius:8px;display:block}.results-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.results-btn{padding:9px 16px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--text);background:linear-gradient(#6a5836,#4a3c23);border:1px solid var(--panel-border);border-radius:7px;box-shadow:inset 0 1px 0 var(--bevel-hi);cursor:pointer;transition:background .12s}.results-btn:hover{background:linear-gradient(#7a6640,#5a4a2b)}.results-btn.secondary{background:linear-gradient(#42381f,#312813);color:var(--text-dim)}.results-status{min-height:16px;font-size:12px;color:var(--text-dim)}.results-rank{font-family:var(--display);font-weight:700;font-size:15px;color:var(--text);text-align:center}.results-claim{display:flex;flex-direction:column;gap:8px;align-items:center;width:min(680px,88vw)}.results-claim-msg{font-size:13px;color:var(--text-dim);text-align:center}.results-claim-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.results-input{padding:8px 10px;font-size:13px;color:var(--text);background:var(--slot-bg);border:1px solid var(--panel-border);border-radius:6px;outline:none}.results-input:focus{border-color:var(--accent)}.leaderboard{width:min(680px,88vw);background:var(--slot-bg);border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.leaderboard-title{font-family:var(--display);font-weight:700;font-size:13px;color:var(--text-dim);margin-bottom:4px}.leaderboard-list{display:flex;flex-direction:column;gap:1px}.leaderboard-empty{font-size:12px;color:var(--text-dim);font-style:italic;padding:4px 0}.leaderboard-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;font-size:13px;color:var(--text-dim);padding:2px 4px;border-radius:4px}.leaderboard-row.me{color:var(--text);background:#ffdf6e1f;font-weight:700}.lb-rank{text-align:right;color:var(--accent)}.lb-time{font-variant-numeric:tabular-nums}