html,body{color:#eee;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif}#join-form{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}#join-form label{flex-direction:column;gap:.25rem;display:flex}#join-form input,#join-form button{padding:.5rem .75rem;font-size:1.1rem}#class-choice{border:none;gap:.5rem;margin:0;padding:0;display:flex}#class-choice legend{margin-bottom:.25rem}#class-choice legend .join-hint{margin:.1rem 0 0;display:block}.class-option{cursor:pointer;border:2px solid #ffffff40;border-radius:6px;flex-direction:column;gap:.25rem;width:11rem;padding:.6rem .75rem;display:flex}.class-option input{opacity:0;pointer-events:none;position:absolute}.class-option:has(input:checked){background:#e0b52c1f;border-color:#e0b52c}.class-option:has(input:focus-visible){outline:2px solid #fff}.class-name{font-size:1.05rem;font-weight:700}.class-desc{opacity:.8;font-size:.8rem}.join-hint{opacity:.65;margin:-.5rem 0 0;font-size:.8rem}#join-error{color:#ff6b6b;min-height:1.5em}#game{position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 40%,#000000a6 100%);position:fixed;inset:0}[hidden]{display:none!important}#hud{--minimap-width:180px;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud-notice{text-align:center;max-width:calc(100vw - 2 * (var(--minimap-width) + 2rem));background:#0009;border-radius:6px;width:max-content;padding:.5rem 1rem;font-size:1.1rem;font-weight:600;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}#boss-bar{width:min(46rem, 70vw, calc(100vw - 2 * (var(--minimap-width) + 2rem)));text-align:center;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}#boss-bar .boss-name{color:#ffd9c8;text-shadow:0 0 3px #000,0 0 6px #000;margin-bottom:4px;font-size:1.1rem;font-weight:700}#boss-bar .boss-track{background:#000000a6;border:1px solid #ffffff59;border-radius:4px;height:20px;position:relative;overflow:hidden}#boss-bar .boss-fill{background:linear-gradient(#d8402a,#8e1d10);width:100%;height:100%}#boss-bar .boss-text{font-variant-numeric:tabular-nums;text-shadow:0 0 3px #000,0 0 3px #000;font-size:.85rem;font-weight:600;line-height:20px;position:absolute;inset:0}#game-menu{text-align:center;min-width:220px}#game-menu .menu-buttons{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}#game-menu .menu-buttons button{padding:.5rem 1rem;font-size:1rem}#waypoint-window{min-width:320px}.waypoint-row{border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:3px 4px;display:grid}.waypoint-row.here{background:#6eaaff26}.waypoint-row.locked .waypoint-label{opacity:.45}.waypoint-note{opacity:.7;font-size:.8rem}.waypoint-row.party-needed .waypoint-note{color:#ffd27a;opacity:1}.waypoint-row button{padding:2px 10px}#hud-status{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:1rem;left:1rem}.hud-row{align-items:center;gap:.5rem;display:flex}#hud-level{text-shadow:0 0 3px #000;font-weight:600}.bar{background:#000000a6;border:1px solid #ffffff40;border-radius:3px;width:200px;height:16px;position:relative;overflow:hidden}.bar-fill{width:0;height:100%}.bar-hp .bar-fill{background:#d63a3a}.bar-stamina .bar-fill{background:#e0b52c}.bar-mana .bar-fill{background:#2f6fe0}.bar-xp .bar-fill{background:#8e5bd6}.bar-label{letter-spacing:.04em;text-shadow:0 0 2px #000;pointer-events:none;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:0;left:5px}.bar-text{text-align:center;text-shadow:0 0 2px #000;font-size:11px;line-height:16px;position:absolute;inset:0}#hud-points,#hud-skill-points{opacity:.75;text-shadow:0 0 3px #000;font-size:.8rem}#minimap{image-rendering:pixelated;pointer-events:none;background:#0f1a12;border:1px solid #ffffff59;border-radius:4px;max-width:25vw;height:auto;position:absolute;top:1rem;right:1rem;box-shadow:0 0 0 1px #0009}#rune-hint{background:#000000a6;border:1px solid #5aa0ff99;border-radius:6px;padding:.4rem .7rem;font-size:1.05rem;line-height:1.5;position:absolute;top:1rem;left:1rem}#interact-hint{text-align:center;background:#000000a6;border:1px solid #fff9;border-radius:4px;min-width:1.6rem;padding:.15rem .45rem;font-weight:700;position:absolute;bottom:6.5rem;left:50%;transform:translate(-50%)}#hud-bar{align-items:flex-end;gap:1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.bar-group{gap:4px;display:flex}.slot{text-shadow:0 0 2px #000;background:#000000a6;border:1px solid #ffffff59;border-radius:4px;width:56px;height:56px;position:relative;overflow:hidden}.slot-potion-heal,.slot-potion-mana{width:84px}.slot-potion-heal{border-color:#e53935cc}.slot-potion-mana{border-color:#2f6fe0e6}.slot-key{opacity:.8;font-size:10px;position:absolute;top:2px;left:4px}.slot-name{text-align:center;white-space:nowrap;font-size:11px;position:absolute;bottom:5px;left:0;right:0}.slot-cooldown{background:#0009;height:0;position:absolute;bottom:0;left:0;right:0}.slot-seconds{justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.slot.grayed .slot-name,.slot.grayed .slot-key{opacity:.35}.slot.grayed{filter:grayscale()}#death-overlay{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:#3c3c3c99;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#death-overlay p{text-shadow:0 0 4px #000;margin:.25rem}.death-title{font-size:2.5rem;font-weight:700}.game-window{z-index:10;-webkit-user-select:none;user-select:none;background:#141418f0;border:1px solid #fff3;border-radius:8px;min-width:260px;max-height:90vh;padding:1rem 1.25rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.game-window h2{margin:0 0 .5rem;font-size:1.2rem}.game-window table{border-collapse:collapse;width:100%;margin-bottom:.75rem}.game-window td{padding:2px 4px}.game-window td.value{text-align:right;font-variant-numeric:tabular-nums}#character-panel button{cursor:pointer;width:1.8rem}.game-window button:disabled{cursor:default}.game-window .hint{opacity:.7;margin:.25rem 0 0;font-size:.8rem}#diagnostics{color:#d0f0d0;pointer-events:none;z-index:20;background:#000000bf;border-radius:6px;margin:0;padding:.5rem .75rem;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:.5rem;right:.5rem}#loading{z-index:30;background:#111;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:fixed;inset:0}.game-window h3{opacity:.85;margin:.75rem 0 .25rem;font-size:1rem}.game-window button:not(:disabled){cursor:pointer}.window-points{margin:0 0 .25rem;font-weight:600}#skill-window{width:min(560px,94vw)}.skill-row{background:#ffffff0a;border-radius:4px;margin-bottom:4px;padding:.4rem .5rem}.skill-row.locked{opacity:.5}.skill-head{justify-content:space-between;display:flex}.skill-name{font-weight:700}.skill-stars{color:#e0b52c;letter-spacing:1px}.skill-description,.skill-cost{opacity:.8;font-size:.8rem}.skill-actions{align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.skill-reason{color:#ff8a80;font-size:.8rem}.skill-keys{gap:3px;margin-left:auto;display:flex}.skill-key{min-width:2.4rem}.skill-key.active{color:#111;background:#e0b52c;font-weight:700}#inventory-window{width:min(760px,96vw)}.inv-body{align-items:flex-start;gap:.75rem;display:flex}.inv-equipment{flex-direction:column;gap:4px;display:flex}.inv-equip-row{flex-direction:column;font-size:.75rem;display:flex}.inv-equip-label{opacity:.7}.inv-grid{grid-template-columns:repeat(5,72px);gap:4px;display:grid}.item-slot{box-sizing:border-box;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;flex-direction:column;justify-content:space-between;width:72px;height:44px;padding:3px;font-size:.75rem;display:flex;overflow:hidden}.item-slot.empty{cursor:default;opacity:.5}.item-slot:not(.empty):hover{border-color:#fff}.item-slot.dragging{opacity:.4}.item-slot.drop-ok{opacity:1;border-color:#6fdc6f;box-shadow:0 0 0 2px #6fdc6f73}.item-slot.unusable{border-color:#ff3b30}.item-slot.unusable .item-level{color:#ff6b6b}.item-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.item-level{opacity:.75}.inv-tooltip{background:#00000059;border-radius:4px;flex:1;min-width:180px;min-height:180px;padding:.5rem;font-size:.85rem}.inv-tooltip .hint{margin:0}.tooltip-name{font-size:1rem;font-weight:700}.tooltip-type{opacity:.75;margin-bottom:.3rem}.tooltip-heading{opacity:.8;margin-top:.4rem}.tooltip-better{color:#4cd964}.tooltip-worse,.tooltip-problem{color:#ff5a4f}.tooltip-hint{opacity:.65;margin-top:.3rem;font-size:.75rem}.tooltip-drop{margin-top:.5rem}#party-frames{pointer-events:none;flex-direction:column;justify-content:safe center;gap:6px;width:200px;display:flex;position:absolute;top:10rem;bottom:10rem;left:1rem;overflow:hidden}.party-frame{flex-direction:column;flex-shrink:0;justify-content:flex-end;gap:2px;height:2.4rem;display:flex}.party-head{text-shadow:0 0 3px #000,0 0 3px #000;white-space:nowrap;align-items:baseline;gap:.4rem;font-size:.8rem;display:flex;overflow:hidden}.party-name{text-overflow:ellipsis;font-weight:700;overflow:hidden}.party-level{opacity:.8}.party-zone{color:#ffd27a;margin-left:auto}.party-frame.dead .bar-text,.party-frame.offline .bar-text{color:#ffb4a8}.party-frame.offline{opacity:.6}@media (height<=600px){#party-frames{gap:3px}.party-frame{height:1.9rem}.party-head{font-size:.72rem}.party-frame .bar{height:12px}.party-frame .bar-label,.party-frame .bar-text{font-size:9px;line-height:12px}}#party-invite{text-align:center;pointer-events:auto;max-width:calc(100vw - 2 * (var(--minimap-width) + 2rem));background:#141418f0;border:1px solid #ffd27a99;border-radius:8px;padding:.6rem 1rem;position:absolute;top:8.5rem;left:50%;transform:translate(-50%)}#party-invite p{margin:0 0 .3rem}.invite-text{font-weight:600}.invite-seconds{opacity:.7;font-size:.8rem}.invite-buttons{justify-content:center;gap:.5rem;display:flex}.invite-buttons button,#player-menu button{cursor:pointer;padding:.3rem .8rem}#party-window{min-width:320px}.party-row{border-radius:4px;justify-content:space-between;align-items:center;gap:.75rem;padding:3px 4px;display:flex}.party-row.self{background:#6eaaff26}.party-row-note{color:#ffd27a;font-size:.8rem}.party-row button,.party-leave{padding:2px 10px}.party-leave{margin-top:.4rem}#player-menu{z-index:15;-webkit-user-select:none;user-select:none;background:#141418f5;border:1px solid #ffffff4d;border-radius:6px;flex-direction:column;gap:.3rem;padding:.4rem;display:flex;position:fixed}.player-menu-title{padding:0 .2rem;font-size:.85rem;font-weight:700}