.inventory-slot-filter{color:#b9d1d6}.spell-catalog-source{color:#d6b85a}.creep-state-badges{display:flex;min-height:20px;gap:4px;align-items:center}.creep-state-badge{position:relative;min-width:20px;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:2px 5px;font-size:10px;text-align:center;background:#080e11cc}.creep-state-badge:has(>.effect-time){margin-right:8px}:root{--character-panel-width: 320px;--inventory-panel-width: 640px;--inventory-panel-preview-width: 640px;--build-panel-top-inset: 64px;--build-panel-bottom-inset: 12px;--character-panel-left-inset: 12px;--inventory-panel-right-inset: 12px;--ground-item-preview-gap: 6px;--game-header-height: 52px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f9ff;background:#101418}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#game-canvas{position:fixed;inset:0;display:block;width:100vw;height:100vh;touch-action:none}.touch-joystick{display:none;position:absolute;z-index:24;left:88px;bottom:104px;width:112px;height:112px;border:2px solid rgba(58,255,212,.65);border-radius:50%;background:#0514187a;box-shadow:inset 0 0 24px #3affd41f;pointer-events:auto;touch-action:none}.touch-joystick-knob{position:absolute;top:34px;left:34px;width:40px;height:40px;border:2px solid #8fffea;border-radius:50%;background:#177069d1}.touch-ui .touch-joystick{display:block}.item-hover-card{position:fixed;z-index:30;top:16px;right:calc(var(--inventory-panel-preview-width) + var(--inventory-panel-right-inset) + var(--ground-item-preview-gap));width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:hidden;pointer-events:none;transition:right .16s ease}.item-hover-card-copy{width:100%;box-shadow:0 16px 42px #000000a6}.ground-resource-card{display:grid;gap:10px;border:1px solid rgba(var(--rarity-rgb, 116, 133, 138),.9);border-left-width:4px;padding:12px;background:#080e11f0;box-shadow:0 16px 42px #000000a6}.ground-resource-card.is-gold{--rarity-rgb: 240, 206, 114;border-color:#f0ce72}.ground-resource-card>span{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.ground-resource-card small{color:#9fb8bf;text-transform:uppercase}#hud{pointer-events:none;position:fixed;inset:0}#hud button,#hud input,#hud a{pointer-events:auto}.game-status-bar{position:absolute;z-index:5;top:0;left:0;right:0;height:var(--game-header-height);border-bottom:1px solid rgba(138,216,255,.28);background:#101418b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:visible;pointer-events:none}.header-panel-toggle{position:absolute;top:6px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(138,216,255,.5);border-radius:6px;padding:7px;color:#dffeff;background:#15312f;box-shadow:0 3px 8px #0000006b;cursor:pointer;transition:box-shadow .1s ease,filter .1s ease}.header-panel-toggle:hover{box-shadow:0 5px 14px #00000094;filter:brightness(1.18)}.header-panel-toggle:active{box-shadow:inset 0 2px 5px #0000006b;filter:brightness(.94)}.header-panel-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.character-panel-toggle{left:16px}.inventory-panel-toggle{right:16px}.hud-top{position:absolute;top:4px;left:62px;right:62px}.online-count{position:absolute;top:50%;left:50%;display:flex;align-items:baseline;color:#9fb8bf;font-size:13px;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:auto}.realm-presence-member{border:0;padding:0;color:#ff6575;background:transparent;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.realm-presence-member:hover,.realm-presence-member:focus-visible{color:#ff9aa5}.header-login-actions{position:absolute;top:6px;left:16px;display:flex;gap:8px;pointer-events:auto}.header-control{border:1px solid rgba(138,216,255,.5);border-radius:6px;padding:8px 12px;color:#dffeff;background:#15312f;box-shadow:0 3px 8px #0000006b;font:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .1s ease,filter .1s ease}.header-control:hover{box-shadow:0 5px 14px #00000094;filter:brightness(1.18)}.header-control:active{box-shadow:inset 0 2px 5px #0000006b;filter:brightness(.94)}.swarm-mode-control{position:relative}.swarm-mode-control[aria-pressed=true]{border-color:#f0ce72;color:#f0ce72}.swarm-mode-control [role=tooltip]{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;display:none;width:300px;transform:translate(-50%);border:1px solid #56717a;border-radius:5px;padding:7px 9px;color:#dbeef2;background:#09151b;box-shadow:0 8px 20px #00000073;font-size:12px;font-weight:400;line-height:1.4;white-space:normal;pointer-events:none}.swarm-mode-control:hover [role=tooltip],.swarm-mode-control:focus-visible [role=tooltip]{display:block}.spell-bar{position:absolute;bottom:72px;left:14px;display:flex;flex-direction:row;width:auto;gap:6px;align-items:flex-end;justify-content:flex-start;padding:0;overflow:visible;pointer-events:auto}.skill-bar{display:flex;flex-direction:column;width:78px;gap:6px;align-items:center;justify-content:flex-end;padding:6px;overflow:hidden;border:1px solid rgba(138,216,255,.35);border-radius:8px;background:#0d1418d1;box-shadow:0 12px 36px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-list{display:flex;flex:0 0 auto;flex-direction:column;width:100%;gap:6px;align-items:center;overflow:visible}.spell-slot.is-passive{cursor:help}.skill-bar small{color:#9fb8bf}.skill-bar-label{flex:0 0 auto;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.spell-catalog-trigger{flex:0 0 auto;border:0;color:#c8e8ee;font-weight:800;letter-spacing:.12em;background:transparent;cursor:pointer}.spell-catalog-trigger.is-extract-preview{color:#62e88a;text-shadow:0 0 7px rgba(98,232,138,.7)}.spell-slot{position:relative;display:grid;flex:0 0 56px;width:56px;height:56px;place-items:center;overflow:visible;border:2px solid #f2ce45;border-radius:50%;color:#e8f9ff;background:#18383c;cursor:pointer}.spell-slot.spell-resource-mana{border-color:#35d6ee;box-shadow:inset 0 0 10px #35d6ee2e}.spell-slot.spell-resource-rage{border-color:#f2ce45;box-shadow:inset 0 0 10px #f2ce4529}.spell-slot.spell-resource-life{border-color:#ed354b;box-shadow:inset 0 0 10px #ed354b33}.spell-slot.is-level-preview small{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.45)}.spell-slot.is-level-cost-preview small{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.35)}.spell-slot.is-ready{background:#285158;box-shadow:inset 0 0 12px #aef0f62e,0 0 11px 2px currentColor}.spell-slot.is-disabled,.spell-slot.is-disabled.is-ready{color:#777d80;background:#242729;border-color:#54595c;box-shadow:inset 0 0 8px #00000073}.spell-slot.is-disabled .spell-cooldown{opacity:.35}.spell-slot.spell-resource-mana.is-ready{color:#8ceeff}.spell-slot.spell-resource-rage.is-ready{color:#ffe88a}.spell-slot.spell-resource-life.is-ready{color:#ff91a0}.spell-slot.is-unaffordable:not(.is-disabled){filter:brightness(.48) saturate(.7);box-shadow:inset 0 0 12px #000000b8}.spell-slot.is-casting{box-shadow:inset 0 0 10px 3px rgba(255,255,255,calc(.18 + var(--cast-progress, 0) * .62)),0 0 12px 3px rgba(255,255,255,calc(.18 + var(--cast-progress, 0) * .72))}.spell-slot.is-casting:after{content:"";position:absolute;inset:-5px;z-index:0;border-radius:50%;background:conic-gradient(from -90deg,#fffffff2 calc(var(--cast-progress, 0) * 1turn),#ffffff14 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);pointer-events:none}.spell-slot strong,.spell-slot small{position:relative;z-index:1;line-height:1}.spell-shortcut{position:absolute;top:3px;left:50%;display:grid;width:14px;height:14px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:800;line-height:1;background:#0d141880;transform:translate(-50%)}.spell-shortcut-dot{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.spell-auto-fire{position:absolute;inset:-7px;z-index:3;border-radius:50%;background:linear-gradient(135deg,#f5c94a 0 50%,transparent 51%) top left / 11px 11px no-repeat,linear-gradient(225deg,#f5c94a 0 50%,transparent 51%) top right / 11px 11px no-repeat,linear-gradient(45deg,#f5c94a 0 50%,transparent 51%) bottom left / 11px 11px no-repeat,linear-gradient(315deg,#f5c94a 0 50%,transparent 51%) bottom right / 11px 11px no-repeat;filter:drop-shadow(0 0 3px rgba(245,201,74,.75));pointer-events:none}.spell-slot strong{display:inline-flex;align-items:center;font-size:15px}.spell-slot small{white-space:nowrap}.spell-slot .spell-level{margin-left:3px;color:#fff;font-size:8px;font-weight:800}.aim-reticle{position:fixed;top:50%;left:50%;z-index:19;width:28px;height:28px;border:1px solid rgba(232,249,255,.88);border-radius:50%;box-shadow:0 0 8px #40e0ff8c;transform:translate(-50%,-50%);pointer-events:none}.aim-reticle:before,.aim-reticle:after{position:absolute;top:50%;left:50%;content:"";background:#e8f9ff;transform:translate(-50%,-50%)}.aim-reticle:before{width:8px;height:1px}.aim-reticle:after{width:1px;height:8px}.spell-catalog,.graphics-options-modal{position:fixed;top:50%;left:50%;z-index:35;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:22px;border:1px solid rgba(104,213,238,.65);border-radius:12px;background:#070f13f5;box-shadow:0 24px 80px #000000b8;transform:translate(-50%,-50%);pointer-events:auto}.spell-catalog{display:flex;height:min(820px,calc(100vh - 32px));max-height:calc(100vh - 32px);flex-direction:column;overflow:hidden}.spell-catalog-scroll{min-height:0;overflow:auto;padding:2px 8px 18px 2px;overscroll-behavior:contain;scrollbar-color:rgba(138,216,255,.58) transparent;scrollbar-width:thin;touch-action:pan-y}.spell-catalog-scroll:focus-visible{outline:1px solid rgba(138,216,255,.45);outline-offset:3px}.spell-catalog-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:14px}.spell-catalog-slot{display:grid;min-width:0;min-height:58px;place-content:center;gap:4px;border:1px solid #3e626a;border-radius:7px;color:#9fb8bf;background:#11262cc7;cursor:default}.spell-catalog-slot small{color:#f2ce45;font-weight:800}.spell-catalog-slot strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.spell-catalog.has-selected-spell .spell-catalog-slot{border-color:#f2ce45;box-shadow:0 0 0 1px #f2ce4533;cursor:pointer}.graphics-options-modal{overflow-y:auto}.graphics-options-mask{position:fixed;inset:0;z-index:34;background:#0000007a;pointer-events:auto}.spell-catalog>h2,.graphics-options-modal>h2{margin:0 0 6px}.spell-catalog>p,.graphics-options-modal>p{margin:0 0 18px;color:#a9c3ca}.spell-catalog-close{position:absolute;top:10px;right:12px;border:0;color:#e8f9ff;font-size:26px;background:transparent;cursor:pointer}.spell-catalog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:-4px 0 12px}.spell-catalog-filter{display:flex;align-items:center;gap:7px;color:#c5d8dd;font-size:13px}.spell-catalog-filter-buttons{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:12px}.spell-catalog-filter-group{display:flex;flex-wrap:wrap;gap:7px}.spell-catalog-filter-button{position:relative;display:inline-flex;cursor:pointer}.spell-catalog-filter-button input{position:absolute;opacity:0;pointer-events:none}.spell-catalog-filter-button span{padding:5px 10px;border:1px solid #47717a;border-radius:5px;color:#a9c3ca;background:#132a31}.spell-catalog-filter-button input:checked+span{border-color:#62e88a;color:#e8f9ff;background:#1b493a}.spell-catalog-filter-button input:focus-visible+span{outline:2px solid rgba(98,232,138,.5);outline-offset:2px}.spell-catalog-search{flex:1 1 260px}.spell-catalog-search input{width:100%;min-width:180px;border:1px solid #47717a;border-radius:4px;padding:5px 8px;color:#e8f9ff;background:#132a31}.spell-catalog-search input:focus{border-color:#62e88a;outline:1px solid rgba(98,232,138,.35)}.spell-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:20px}.spell-catalog-resource{position:sticky;top:0;z-index:1;margin:0 0 8px;padding:8px 10px;border-left:3px solid currentColor;background:#070f13f5}.spell-catalog-resource.spell-resource-life{color:#ff7182}.spell-catalog-resource.spell-resource-rage{color:#f2ce45}.spell-catalog-resource.spell-resource-mana{color:#55def3}.spell-catalog-card-heading,.spell-catalog-levels{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.spell-catalog-card-heading small,.spell-catalog-resource-label{color:#9fb8bf}.spell-catalog-description{min-height:3.8em;color:#c5d8dd;font-size:12px;line-height:1.28}.spell-catalog-levels{padding-top:7px;border-top:1px solid rgba(126,174,184,.22);font-size:11px}.spell-catalog-levels span{display:grid;gap:2px}.spell-catalog-levels b{font-size:14px}.spell-catalog-card{display:grid;gap:5px;min-height:74px;padding:12px;border:1px solid #47717a;border-radius:8px;color:#e8f9ff;text-align:left;background:#173139;cursor:pointer}.spell-catalog-card[hidden],.spell-catalog-grid[hidden],.spell-catalog-resource[hidden]{display:none}.spell-catalog-card:hover,.spell-catalog-card:focus-visible{border-color:#f5c94a;box-shadow:0 0 0 2px #f5c94a47}.spell-catalog-card.is-selected{border-color:#f2ce45;box-shadow:0 0 0 2px #f2ce4573,0 0 18px #f2ce4533}.spell-catalog-card.is-locked{color:#727b7e;background:#181b1c;filter:saturate(0) brightness(.62);cursor:not-allowed}.inspection-health{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;border-left:3px solid #ed354b;background:#62161f42}.creep-preview-tooltip{position:fixed;z-index:26;top:calc(var(--game-header-height) + 10px);left:50%;display:grid;width:min(300px,calc(100vw - 24px));gap:6px;padding:8px;border:1px solid rgba(138,216,255,.45);border-radius:6px;background:#070f13f2;box-shadow:0 12px 34px #0000008f;transform:translate(-50%);pointer-events:none}.creep-preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.creep-preview-heading small{color:#9fb8bf}.creep-preview-tooltip .equipped-icon{pointer-events:none}@media(max-width:640px){.spell-catalog-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}.graphics-options-modal{width:min(430px,calc(100vw - 32px))}.graphics-options-close{position:absolute;top:10px;right:12px;border:0;color:#e8f9ff;font-size:26px;background:transparent;cursor:pointer}.graphics-option-group{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;border:1px solid rgba(104,213,238,.3);border-radius:6px;padding:12px}.graphics-option-group legend{padding:0 5px;font-weight:800}.graphics-option-group label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.graphics-option-group input{accent-color:#3affd4}.resolution-scale-setting{display:grid;grid-template-columns:1fr auto;align-items:center}.resolution-scale-setting input{width:100%}.resolution-scale-setting output{min-width:3ch;color:#e8f9ff;font-variant-numeric:tabular-nums;text-align:right}.graphics-option-group:disabled{opacity:.45}.graphics-option-group:disabled label{cursor:not-allowed}.graphics-option-group.is-unimplemented{border-color:#ff657559;opacity:.58}.graphics-option-group.is-unimplemented legend small{margin-left:6px;color:#ff8592;font-size:10px;letter-spacing:.06em}.spell-cooldown{position:absolute;inset:-1px;z-index:0;border-radius:50%;background:conic-gradient(from -90deg,rgba(6,12,16,.76) calc(var(--cooldown-progress, 0) * 1turn),transparent 0);box-shadow:inset 0 0 12px #ffffff29;pointer-events:none}.spell-tooltip{position:fixed;top:0;left:0;z-index:30;display:grid;gap:8px;width:760px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:12px;border:1px solid #607980;border-radius:5px;color:#e8f9ff;text-align:left;background:#080f12f7;box-shadow:0 12px 28px #0000007a;opacity:0;visibility:hidden;transform:translate(-4px);transition:opacity 90ms ease,transform 90ms ease,visibility 90ms;pointer-events:none}.spell-tooltip.is-overlay.is-visible{opacity:1;visibility:visible;transform:none}.spell-tooltip>b{font-size:16px}.spell-tooltip-comparison{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px}.spell-tooltip-property-column{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid #2e4248;border-radius:4px;background:#12222880}.spell-tooltip-property-column>b{color:#9fb8bf;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.spell-tooltip-property-column:nth-child(2)>b{color:#62e88a}.spell-tooltip-property-column:last-child>b{color:#55c8ff}.spell-tooltip-description{color:#bad0d7;font-size:13px;line-height:1.35}.spell-tooltip-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.spell-tooltip-stats>span{display:flex;justify-content:space-between;gap:8px}.spell-tooltip-stats small{color:#7f9aa2;font-size:11px;text-transform:uppercase}.spell-tooltip-stats strong{font-size:12px;white-space:nowrap}.join-panel,.leaderboard-panel,.stats-panel,.neighbor-panel,.notice,.inventory-panel,.character-panel,.allocation-panel{border:1px solid rgba(138,216,255,.35);background:#0d1418d1;box-shadow:0 12px 36px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-panel{position:absolute;bottom:16px;left:50%;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:0;padding:10px;overflow:auto;pointer-events:auto;transform:translate(-50%)}.join-panel form{display:flex;gap:8px}.leaderboard-panel{position:absolute;top:50%;left:16px;display:grid;width:min(320px,calc(100vw - 32px));max-height:90vh;gap:8px;padding:10px;overflow-y:auto;border-radius:8px;pointer-events:auto;transform:translateY(-50%)}.leaderboard-panel h2{margin:0;font-size:16px}.leaderboard{display:grid;gap:5px}.leaderboard button{display:flex;justify-content:space-between;border:1px solid #3affd4;color:#dffeff}.leaderboard button.is-online{color:#071715;background:#3affd4}.leaderboard button.is-offline{color:#dffeff;background:transparent}.join-panel input{width:min(58vw,260px);border:1px solid #4d6268;border-radius:4px;padding:10px 12px;color:#e8f9ff;background:#0f171b}.join-panel button{border:1px solid #3affd4;border-radius:4px;color:#06211f;background:#3affd4;cursor:pointer}.join-panel button{padding:10px 14px}.authentication-mask{position:fixed;z-index:98;inset:0;background:#000000b8;pointer-events:auto}.authentication-modal{position:fixed;z-index:99;top:50%;left:50%;display:grid;width:min(380px,calc(100vw - 32px));gap:14px;border:1px solid rgba(138,216,255,.5);border-radius:8px;padding:20px;background:#10181d;box-shadow:0 24px 80px #000000b3;transform:translate(-50%,-50%);pointer-events:auto}.authentication-modal h2{margin:0;font-size:18px}.authentication-modal label{display:grid;gap:6px;color:#b9d1d6}.authentication-modal label[hidden]{display:none}.authentication-modal input{width:100%;border:1px solid #4d6268;border-radius:4px;padding:10px 12px;color:#e8f9ff;background:#0f171b}.authentication-notice{border:1px solid rgba(138,216,255,.5);border-radius:5px;padding:9px 11px;color:#dffeff;background:#14312f6b}.authentication-notice.is-success{border-color:#3affd4b8;color:#cffff4;background:#13645261}.authentication-notice.is-error{border-color:#ff6575a6;color:#ffd8dc;background:#8f1f2f52}.authentication-actions{display:flex;justify-content:flex-end;gap:8px}.authentication-actions button{border:1px solid #3affd4;border-radius:4px;padding:9px 13px;color:#dffeff;background:transparent;cursor:pointer}.authentication-actions button[type=submit]{color:#06211f;background:#3affd4}.character-selector{position:absolute;z-index:7;top:var(--build-panel-top-inset);right:var(--build-panel-bottom-inset);bottom:var(--build-panel-bottom-inset);left:var(--character-panel-left-inset);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:20px;overflow:hidden;border:1px solid rgba(138,216,255,.5);border-radius:10px;background:#0a1115f0;box-shadow:0 24px 80px #00000094;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.game-hud.character-panel-open .character-selector{left:calc(var(--character-panel-width) + 24px)}.game-hud.inventory-panel-open .character-selector{right:calc(var(--inventory-panel-width) + 24px)}.character-selector>header,.character-selector>footer,.character-create-action{display:flex;align-items:center;gap:10px}.character-selector>header{justify-content:space-between}.character-selector h2,.character-selector p{margin:0}.character-selector header small,.character-selector-card span,.character-selector-card small{color:#9fb8bf}.character-selector-close{width:40px;height:40px;border:1px solid rgba(138,216,255,.45);border-radius:5px;color:#dffeff;font-size:25px;background:transparent;cursor:pointer}.character-selector-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-content:start;gap:12px;overflow-y:auto}.character-selector-card{display:grid;min-height:132px;gap:6px;border:1px solid rgba(138,216,255,.35);border-radius:7px;padding:16px;color:#dffeff;text-align:left;background:#142026d6;cursor:pointer}.character-selector-card:hover,.character-selector-card.is-selected{border-color:#3affd4;background:#3affd41a;box-shadow:inset 0 0 0 1px #3affd43d}.character-selector-card strong{font-size:18px}.character-selector-card small{align-self:end;color:#3affd4}.character-selector>footer{align-items:stretch}.character-selector>footer button,.character-selector>footer input{min-height:50px;border:1px solid #3affd4;border-radius:5px;padding:11px 14px}.character-selector>footer button{color:#06211f;font-weight:700;background:#3affd4;cursor:pointer}.character-selector>footer button:disabled{border-color:#52656a;color:#91a0a4;background:#253036;cursor:default}.character-switch-action{flex:1 1 55%;font-size:18px}.character-create-action{flex:1 1 45%}.character-create-action input{min-width:0;flex:1;color:#e8f9ff;background:#0f171b}@media(max-width:900px){.character-selector>footer,.character-create-action{align-items:stretch;flex-direction:column}}.stats-panel,.neighbor-panel{display:flex;flex-wrap:wrap;gap:8px 12px;max-width:min(720px,calc(100vw - 32px));padding:10px 12px}.neighbor-panel{margin-left:auto;justify-content:flex-end}.neighbor-list{display:contents}.stats-panel span,.neighbor-panel span{color:#bbd2d9}.player-summary{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center}.resource-bars{display:grid;width:min(320px,32vw);gap:5px}.resource-bar{display:grid;gap:2px}.resource-bar-header{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.1}.resource-bar-header span{color:#e8f9ff;font-variant-numeric:tabular-nums}.resource-bar-header .resource-bar-values{display:flex;gap:8px;align-items:baseline}.resource-bar-header .resource-regen{color:#74efad}.resource-bar-track{position:relative;width:100%;height:10px;overflow:hidden;border:1px solid rgba(232,249,255,.42);border-radius:1px;background:#0009}.resource-overfill-track{position:relative;display:none;width:100%;height:5px;margin-bottom:2px;overflow:hidden;border:1px solid rgba(226,250,255,.66);border-radius:1px;background:#0009}.resource-overfill-track.is-visible{display:block}.resource-overfill{display:block;height:100%;background:linear-gradient(90deg,#55cfee,#d8faff);box-shadow:0 0 7px #bef5ffb8;transition:width .1s linear}.resource-bar-track>span{position:absolute;inset:0 auto 0 0;display:block;height:100%}.resource-bar-track>.resource-loss{background:#ffffffeb}.resource-bar-track>.resource-loss.is-catching-up{transition:width .65s ease-out}.resource-bar-track>.resource-fill{transition:width .1s linear}.resource-health .resource-bar-track>.resource-fill{background:#e83f4f}.resource-rage .resource-bar-track>.resource-fill{background:#f2ce45}.resource-mana .resource-bar-track>.resource-fill{background:#35d6ee}.notice{max-width:min(56vw,520px);padding:12px;color:#bbd2d9}.death-modal{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#00000094;text-align:center;pointer-events:none}.death-modal strong{color:#a20f0f;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,9vw,112px);font-weight:400;letter-spacing:.12em;line-height:.95;text-shadow:0 0 8px rgba(255,20,20,.48),0 2px 3px #000}.death-modal span{max-width:620px;color:#fff;font-size:clamp(11px,1.3vw,15px);letter-spacing:.04em;line-height:1.5;text-shadow:0 2px 4px #000}.center-toast{position:absolute;z-index:4;top:50%;left:50%;max-width:min(420px,calc(100vw - 32px));border:1px solid rgba(58,255,212,.5);padding:12px 18px;color:#e8f9ff;text-align:center;background:#0d1418e6;box-shadow:0 18px 56px #0000006b;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.98);transition:opacity .4s ease,transform .4s ease}.center-toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .14s ease,transform .14s ease}.multiplayer-intro{position:fixed;top:50%;left:50%;z-index:101;display:flex;gap:16px;align-items:center;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid rgba(58,255,212,.65);border-radius:12px;padding:22px;color:#e8f9ff;background:#0d181cf5;box-shadow:0 24px 80px #000000b8;pointer-events:auto;transform:translate(-50%,-50%)}.multiplayer-intro-mask{position:fixed;inset:0;z-index:100;background:#0000007a;pointer-events:auto}.multiplayer-intro div{flex:1}.multiplayer-intro p{margin:4px 0 0;color:#bbd2d9;line-height:1.4}.multiplayer-intro button{flex:none}.xp-cluster{position:relative}.training-mode-status{position:absolute;bottom:calc(100% + 9px);left:50%;width:max-content;color:#c8e8ef;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transform:translate(-50%)}.timed-effects{position:absolute;bottom:calc(100% + 9px);right:0;display:flex;width:max-content;max-width:min(440px,60vw);gap:4px;align-items:center;justify-content:flex-end;pointer-events:auto}.xp-toast{position:absolute;bottom:calc(100% + 42px);left:50%;width:max-content;max-width:240px;border:1px solid rgba(58,255,212,.45);border-radius:3px;padding:7px 10px;color:#e8f9ff;text-align:center;background:#0d1418e6;box-shadow:0 8px 24px #0000005c;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .4s ease,transform .4s ease}.xp-toast.is-visible{opacity:1;transform:translate(-50%);transition:opacity .14s ease,transform .14s ease}.inventory-panel{display:flex;align-items:center;gap:8px;padding:10px}.inventory-slot{display:flex;align-items:center;gap:9px;border:1px solid #3affd4;border-radius:4px;padding:7px 10px;background:#3affd414}.inventory-slot>span:last-child{display:grid}.inventory-slot small{color:#9fb8bf}.sword-icon{color:#dffeff;font-size:24px;transform:rotate(45deg)}.character-panel{position:absolute;z-index:8;top:var(--build-panel-top-inset);bottom:var(--build-panel-bottom-inset);left:var(--character-panel-left-inset);display:grid;align-content:start;width:var(--character-panel-width);gap:8px;padding:10px;overflow-y:auto;border-radius:10px;background:#0d1418b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transform:translate(0);transform-origin:left center;will-change:transform,opacity}.public-character-panel{left:auto;right:0;width:min(360px,42vw)}.inventory-column{position:absolute;z-index:8;top:var(--build-panel-top-inset);right:var(--inventory-panel-right-inset);bottom:var(--build-panel-bottom-inset);display:grid;grid-template-rows:minmax(0,1fr);width:var(--inventory-panel-width);min-height:200px;gap:8px;padding:10px;overflow:hidden;border:1px solid rgba(138,216,255,.35);border-radius:10px;background:#0d1418cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transform:translate(0);transform-origin:right center;will-change:transform,opacity}.game-hud>.character-panel:not(.is-collapsed){animation:character-panel-enter .24s cubic-bezier(.2,.75,.25,1) both}.game-hud>.inventory-column:not(.is-collapsed){animation:inventory-panel-enter .24s cubic-bezier(.2,.75,.25,1) both}@keyframes character-panel-enter{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes inventory-panel-enter{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.game-hud>.character-panel:not(.is-collapsed),.game-hud>.inventory-column:not(.is-collapsed){animation:none}}.character-panel.is-collapsed,.inventory-column.is-collapsed{border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.character-panel.is-collapsed>*,.inventory-column.is-collapsed>*{display:none}.inventory-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;gap:8px;overflow:hidden}.inventory-header{display:grid;gap:8px;flex:none}.inventory-loadout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.loadout-cell{position:relative;display:grid;min-width:0;height:42px;align-content:center;gap:1px;border:1px solid currentColor;border-radius:3px;padding:4px 6px;background:#142735e6;cursor:help}.loadout-cell.is-slot-preview{z-index:2;border-color:#fff;background:#345c70fa;box-shadow:inset 0 0 0 2px #3affd4,0 0 14px 3px #3affd4b8;transform:translateY(-2px) scale(1.02)}.loadout-cell.is-empty{color:#60747b}.loadout-cell small{overflow:hidden;color:#91aab1;font-size:8px;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.loadout-cell strong{overflow:hidden;color:#e4f5f8;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.loadout-cell [role=tooltip]{position:absolute;z-index:30;top:calc(100% + 5px);left:50%;display:none;width:max-content;max-width:260px;transform:translate(-50%);border:1px solid #56717a;border-radius:3px;padding:5px 7px;color:#dbeef2;background:#09151b;font-size:11px;white-space:nowrap}.loadout-cell:hover [role=tooltip],.loadout-cell:focus [role=tooltip]{display:block}.realm-panel{display:flex;flex-wrap:nowrap;width:100%;gap:6px;align-items:center;padding:6px 0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;white-space:nowrap;font-size:clamp(11px,1vw,15px)}.realm-panel button{flex:none;border:1px solid #3affd4;padding:4px 6px;color:#dffeff;background:#15312f}.realm-panel .header-control{flex:none;padding:4px 6px}.realm-panel .header-control:hover{box-shadow:0 5px 14px #00000094}.realm-panel .header-control:active{box-shadow:inset 0 2px 5px #0000006b}.realm-panel .enter-realm{border-color:#ff6575;color:#fff3f5;background:#8f1f2f}.realm-panel button:disabled{border-color:#59666a;color:#7d898c;background:#20282a;cursor:not-allowed;filter:grayscale(1)}.ranked-name{display:inline-flex;gap:4px;align-items:center}.death-echo-warning{position:relative;color:#ffc857;cursor:help}.death-echo-warning [role=tooltip]{position:absolute;z-index:20;top:calc(100% + 7px);left:0;display:none;width:260px;border:1px solid #ffc857;border-radius:4px;padding:8px;color:#fff2ca;background:#241d0d;box-shadow:0 8px 24px #00000073;white-space:normal}.death-echo-warning:hover [role=tooltip],.death-echo-warning:focus [role=tooltip]{display:block}.portrait{display:flex;align-items:center;gap:10px}.portrait>span{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid #3affd4;border-radius:50%;font-size:20px}.portrait>div{display:grid}.portrait small,.item-card small{color:#9fb8bf}.equipped-icons{display:flex;gap:6px;min-height:30px}.equipped-icon{position:relative;display:grid;width:28px;height:28px;place-items:center;border:1px solid currentColor;border-radius:4px;background:#142735;font-size:15px;cursor:help}.equipped-icon.is-empty{color:#60747b}.equipped-icon [role=tooltip]{position:absolute;z-index:20;left:50%;top:calc(100% + 5px);display:none;width:max-content;max-width:240px;transform:translate(-50%);padding:4px 7px;border:1px solid #56717a;border-radius:3px;background:#09151b;color:#dbeef2;font-size:11px;white-space:nowrap}.equipped-icon:hover [role=tooltip],.equipped-icon:focus [role=tooltip]{display:block}.attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.attribute-grid span{display:grid;border:1px solid rgba(138,216,255,.2);padding:5px;text-align:center}.attribute-grid small{color:#9fb8bf;font-size:10px}.attribute-grid b{font-weight:500}.attribute-grid b.is-changed,.attribute-grid b.is-gain-preview,.combat-stat-grid b.is-changed,.combat-stat-grid b.is-gain-preview{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.3)}.attribute-grid b.is-cost-preview,.combat-stat-grid b.is-cost-preview{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.3)}.combat-stat-grid{display:grid;gap:8px}.combat-stat-group{display:grid;gap:4px}.combat-stat-group>strong{color:#b9d1d6;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.combat-stat-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.combat-stat-section>span{display:grid;min-width:0;gap:1px;border:1px solid rgba(138,216,255,.16);padding:5px 6px;background:#080e118c}.combat-stat-grid small{overflow:hidden;color:#79949c;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.combat-stat-grid b{overflow:hidden;color:#e4f5f8;font-size:10px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.backpack-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;max-width:100%;gap:7px;padding-bottom:80px;align-content:start;overflow-y:auto;overscroll-behavior:contain}.rarity-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px;padding:6px 0}.inventory-filter-field{display:grid;min-width:0;gap:3px;border:1px solid rgba(138,216,255,.16);border-radius:4px;padding:5px;background:#080e117a}.inventory-filter-field>small{overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.rarity-filter-label{text-transform:capitalize;opacity:.82}.rarity-filter select{width:100%;min-width:0;background:#080e11bf;color:#e4f5f8;border:1px solid #74858a;border-radius:3px;padding:2px 4px;font-size:10px;cursor:pointer}.item-card{--rarity-rgb: 116, 133, 138;position:relative;display:grid;min-width:0;border:1px solid #74858a;border-left-width:4px;padding:7px;background:#080e11bf;cursor:pointer;overflow-wrap:anywhere}.backpack-scroll .item-card{grid-template-columns:minmax(0,1fr) 96px;gap:8px;align-items:start}.item-card-content,.item-card-controls{min-width:0}.item-card-controls{display:grid;gap:6px;align-content:start;border-left:1px solid rgba(138,216,255,.16);padding-left:7px}.item-card.is-equipped{outline:1px solid rgba(var(--rarity-rgb),.9);outline-offset:1px;background:rgba(var(--rarity-rgb),.14);box-shadow:inset 0 0 12px rgba(var(--rarity-rgb),.24),0 0 4px 1px rgba(var(--rarity-rgb),.42)}.item-card:hover:not(.is-replacement-preview){outline:1px solid rgba(var(--rarity-rgb),.9);outline-offset:1px;box-shadow:inset 0 0 12px rgba(var(--rarity-rgb),.24),0 0 4px 1px rgba(var(--rarity-rgb),.42)}.item-card.is-loadout-source{z-index:2;outline:2px solid #fff;outline-offset:2px;box-shadow:inset 0 0 0 2px #3affd4,inset 0 0 18px #3affd447,0 0 16px 4px #3affd4b8;transform:translateY(-2px) scale(1.01)}.item-card.is-replacement-preview{outline:1px solid rgba(255,69,88,.95);outline-offset:1px;box-shadow:inset 0 0 13px #ff2d4452,0 0 4px 1px #ff2d448c}.item-card.is-empty{filter:grayscale(1);opacity:.55}.equipped-item{isolation:isolate;cursor:default;overflow:visible}.equipped-main-hand:before{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:var(--attack-progress, 100%);content:"";background:#cdd8dc1f;transition:width 50ms linear;pointer-events:none}.equipped-item>*{position:relative;z-index:1}.equipment-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px}.equipment-details>span{display:grid;min-width:0;gap:1px;border-top:1px solid rgba(138,216,255,.14);padding-top:4px}.equipment-details small{overflow:hidden;color:#79949c;font-size:9px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.equipment-details b{overflow:hidden;color:#dcecf0;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tile-text-anchor{position:relative;display:block;min-width:0;outline:none}.tile-text-anchor>b,.item-name-anchor>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-text-tooltip{position:absolute;z-index:30;top:calc(100% + 5px);left:0;display:none;width:max-content;max-width:min(300px,calc(100vw - 32px));border:1px solid rgba(58,255,212,.65);border-radius:4px;padding:7px 9px;color:#e8f9ff;font-size:11px;font-weight:500;line-height:1.35;text-align:left;text-shadow:none;background:#091115fa;box-shadow:0 8px 24px #0000007a;white-space:normal;overflow-wrap:anywhere;pointer-events:none}.tile-text-anchor:hover>.tile-text-tooltip,.tile-text-anchor:focus>.tile-text-tooltip{display:block}.item-effect-list{display:grid;min-width:0;gap:0;margin:0;padding:0!important;padding-inline-start:0!important;list-style:none!important}.item-effect-list li{position:relative;display:block;min-width:0;color:#dcecf0;font-size:9px;font-weight:500;line-height:1.25;list-style:none;outline:none}.item-effect-list li::marker{content:""}.item-effect-list li>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-effect-list li.is-gain-preview{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.3)}.item-effect-list li.is-cost-preview{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.3)}.item-skill-list li.is-extract-preview{color:#55c8ff;text-shadow:0 0 7px rgba(85,200,255,.55)}.item-effect-list li:hover>.tile-text-tooltip,.item-effect-list li:focus>.tile-text-tooltip{display:block}.item-skill-tooltip{display:none;gap:5px;width:min(340px,calc(100vw - 32px))}.item-effect-list li:hover>.item-skill-tooltip,.item-effect-list li:focus>.item-skill-tooltip{display:grid}.item-skill-tooltip>b{color:#e8f9ff;font-size:12px}.item-skill-tooltip>span{color:#bad0d7}.equipped-item .is-gain-preview,.equipment-details b.is-gain-preview{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.3)}.equipped-item .is-cost-preview,.equipment-details b.is-cost-preview{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.3)}.equipment-detail-wide{grid-column:1 / -1}.requirement-detail.is-unmet>em{color:#ff6575;cursor:help;outline:none}.requirement-detail.is-unmet>em:hover,.requirement-detail.is-unmet>em:focus{color:#3affd4;text-decoration:underline}.requirement-value.is-unmet{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.3)}.requirement-detail>em{display:block;margin-top:2px;font-size:9px;font-style:normal}.item-title{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.item-name-anchor{flex:1}.item-subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-subtitle.is-gain-preview{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.3)}.rarity-uncommon{--rarity-rgb: 98, 232, 138;border-color:#62e88a}.rarity-rare{--rarity-rgb: 108, 168, 255;border-color:#6ca8ff}.rarity-epic{--rarity-rgb: 202, 117, 255;border-color:#ca75ff}.rarity-unique{--rarity-rgb: 227, 181, 44;border-color:#e3b52c}.item-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0}.item-menu button{position:relative;width:100%;padding-inline:4px;font-size:12px}.item-menu button.has-new-spell:after{position:absolute;top:-6px;right:-5px;content:"new";border:1px solid #7dff9e;border-radius:999px;padding:1px 4px;color:#08220f;background:#62e88a;box-shadow:0 1px 5px #0000008c;font-size:9px;font-weight:800;line-height:1;letter-spacing:.03em;pointer-events:none}.item-menu button,.allocation-panel button,.inspect-back{border:1px solid #3affd4;border-radius:3px;padding:5px 7px;color:#dffeff;background:#15312f;cursor:pointer}.inspect-back-icon{display:none}.item-menu button:disabled{border-color:#59666a;color:#7d898c;background:#20282a;cursor:not-allowed;opacity:.62;filter:grayscale(1)}.allocation-panel{display:grid;gap:5px;border-color:transparent;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.allocation-title{padding:2px 0;font-size:11px;font-weight:600}.allocation-controls{display:none;gap:5px}.allocation-panel:hover,.allocation-panel:focus-within,.allocation-panel.is-previewing{border-color:#8ad8ff59;padding:7px;background:#0d1418d1;box-shadow:0 8px 22px #00000040}.allocation-panel:hover .allocation-controls,.allocation-panel:focus-within .allocation-controls,.allocation-panel.is-previewing .allocation-controls{display:grid}.allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 26px 24px 26px;gap:4px;align-items:center;color:#9fb8bf;font-size:10px;text-transform:capitalize}.allocation-row b{color:#e8f9ff;text-align:center;font-variant-numeric:tabular-nums}.allocation-row button{padding:2px}.allocation-actions{display:grid;gap:5px}.allocation-respec{border-color:#f0ce72!important}.allocation-panel button:disabled{cursor:not-allowed;opacity:.45}.allocation-remaining{color:#9fb8bf}.spell-bar{right:auto;bottom:12px;left:14px;flex-direction:row;width:auto;max-width:none;gap:6px;justify-content:flex-start;padding:0;overflow:visible;transform:none;pointer-events:auto;transition:left .18s ease}.game-hud.character-panel-open .spell-bar{left:calc(var(--character-panel-width) + 24px)}.notification-area{position:fixed;z-index:31;top:0;right:46px;display:grid;align-content:center;justify-items:end;width:min(360px,40vw);height:var(--game-header-height);pointer-events:none}.realm-panel{position:static;max-width:100%;overflow:visible}.chat-area{position:absolute;z-index:3;bottom:0;right:12px;width:min(320px,calc(100vw - 32px));pointer-events:none;display:block;gap:4px;transition:right .18s ease}.game-hud.inventory-panel-open .chat-area{right:calc(var(--inventory-panel-width) + 24px)}.chat-log{display:grid;gap:2px;max-height:calc(6.75em + 12px);overflow-y:auto;padding:6px 8px;border:1px solid rgba(138,216,255,.2);border-radius:4px;background:#080e118c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;line-height:1.35;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(138,216,255,.3) transparent}.chat-log:empty{display:none}.chat-entry{color:#bbd2d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name{font-weight:600}.chat-team{color:#62e88a}.chat-opponent{color:#ff6575}.chat-system{color:#ffd166}.chat-input{width:100%;border:1px solid rgba(138,216,255,.35);border-radius:4px;padding:6px 8px;color:#e8f9ff;background:#0d1418d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;outline:none;pointer-events:auto;opacity:0;transition:opacity .14s ease}.chat-input::placeholder{color:#60747b}.chat-input:focus{opacity:1;border-color:#3affd499}.chat-log:not(:empty)~.chat-input:not(:focus){opacity:.6}.chat-log:not(:empty)~.chat-input:not(:focus):hover{opacity:1}.resource-dock{position:absolute;z-index:2;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:minmax(180px,260px) 92px minmax(180px,260px);justify-content:center;gap:8px;align-items:end;pointer-events:none}.health-cluster,.mana-cluster{width:min(100%,330px);border:1px solid rgba(138,216,255,.2);border-radius:4px;padding:7px 9px;background:#080e117a;box-shadow:0 8px 22px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.health-cluster{position:relative;justify-self:end}.mana-cluster{justify-self:start}.status-effects{display:flex;min-height:24px;gap:4px;align-items:center;justify-content:flex-end;margin-bottom:0}.status-effects:empty{display:none;min-height:0;margin-bottom:0}.beneficial-effects{display:flex;min-height:24px;justify-content:flex-start;gap:4px;margin-bottom:0}.beneficial-effects:empty{display:none;min-height:0;margin-bottom:0}.beneficial-effect{position:relative;display:inline-flex;min-height:22px;align-items:center;gap:4px;padding:1px 7px;border:1px solid #64ef9a;border-radius:11px;color:#d8ffe6;background:#052b18e6;box-shadow:0 2px 7px #00000073,0 0 8px #44e87e4d;font-size:11px;line-height:1;pointer-events:auto}.beneficial-effect:focus{outline:2px solid #8ad8ff;outline-offset:2px}.beneficial-effect>b{font-weight:700}.beneficial-effect:has(>.effect-time),.status-effect:has(>.effect-time){margin-right:8px}.effect-time{position:absolute;top:0;right:0;z-index:1;min-width:13px;padding:1px 3px;border-radius:7px;color:#fff;font-size:8px;font-weight:700;line-height:1.1;text-align:center;white-space:nowrap;background:#101418;box-shadow:0 1px 3px #0000008c;transform:translate(55%,-45%)}.beneficial-effect-xp{border-color:#c084fc;color:#f3e8ff;background:#431b5eeb;box-shadow:0 2px 7px #00000073,0 0 8px #c084fc59}.beneficial-effect-tooltip{position:absolute;z-index:30;right:0;bottom:calc(100% + 6px);display:none;width:max-content;max-width:260px;padding:5px 7px;border:1px solid #56717a;border-radius:3px;color:#dbeef2;background:#09151b;font-size:11px;line-height:1.3;white-space:normal;pointer-events:none}.beneficial-effect:hover .beneficial-effect-tooltip,.beneficial-effect:focus .beneficial-effect-tooltip{display:block}.status-effect{position:relative;display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid #ff6575;border-radius:50%;background:#050c10e6;box-shadow:0 2px 7px #00000073;font-size:13px;line-height:1;pointer-events:auto}.status-effect:focus{outline:2px solid #8ad8ff;outline-offset:2px}.status-effect>.effect-stacks{position:absolute;right:-4px;bottom:-4px;min-width:12px;padding:1px 3px;border-radius:7px;background:#101418;color:#fff;font-size:9px;line-height:1.1;text-align:center}.status-effect-tooltip{position:absolute;z-index:30;right:0;bottom:calc(100% + 6px);display:none;width:max-content;max-width:260px;padding:5px 7px;border:1px solid #56717a;border-radius:3px;color:#dbeef2;background:#09151b;font-size:11px;line-height:1.3;white-space:normal;pointer-events:none}.status-effect:hover .status-effect-tooltip,.status-effect:focus .status-effect-tooltip{display:block}.resource-bar-track{height:16px}.resource-health .resource-bar-track>.resource-fill{background:linear-gradient(90deg,#6f101d,#ed354b 58%,#ff7583)}.resource-mana .resource-bar-track>.resource-fill{background:linear-gradient(90deg,#087ea4,#21c4e9 60%,#79efff)}.rage-line{height:2px;margin:3px 1px 0;overflow:hidden;background:#000000b3}.rage-line>span{display:block;height:100%;background:#f6d849;box-shadow:0 0 5px #f6d849cc;transition:width .1s linear}.rage-value{display:block;margin:2px 1px 0;font-size:9px;line-height:1.1;color:#f6d849;font-variant-numeric:tabular-nums;text-align:right;opacity:.9}.xp-badge{--xp-angle: 0deg;display:grid;width:82px;height:82px;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,#f0ce72 0deg,#c68d35 var(--xp-angle),rgba(115,127,132,.3) var(--xp-angle),rgba(115,127,132,.3) 360deg);box-shadow:0 8px 25px #0000008c,0 0 14px #dab15238}.xp-badge>div{display:grid;width:68px;height:68px;place-items:center;align-content:center;border:1px solid rgba(240,206,114,.55);border-radius:50%;background:radial-gradient(circle at 45% 35%,#26353b,#0a1115 72%)}.xp-badge small{max-width:58px;overflow:hidden;color:#d7e5e8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.xp-badge strong{color:#f4d886;font-size:25px;line-height:1}.sheet-content{display:grid;gap:8px}.currency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.currency-cell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;border:1px solid rgba(138,216,255,.24);border-left-width:3px;padding:5px 6px;background:#080e11b8;white-space:nowrap}.currency-cell.has-tooltip{cursor:help}.currency-cell.has-tooltip:focus-visible{outline:1px solid rgba(214,146,255,.85);outline-offset:1px}.currency-cell [role=tooltip]{position:absolute;z-index:30;top:calc(100% + 5px);right:0;display:none;width:280px;max-width:min(280px,calc(100vw - 32px));border:1px solid rgba(214,146,255,.7);border-radius:4px;padding:7px 9px;color:#e8f9ff;font-size:11px;font-weight:500;line-height:1.35;text-align:left;text-shadow:none;background:#091115fa;box-shadow:0 8px 24px #0000007a;white-space:normal;overflow-wrap:anywhere;pointer-events:none}.currency-cell:hover>[role=tooltip],.currency-cell:focus>[role=tooltip]{display:block}.currency-cell small{overflow:hidden;color:#9fb8bf;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.currency-cell strong{min-width:7ch;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.currency-cell.is-scrap-promotion{cursor:pointer}.currency-cell.is-scrap-promotion:hover,.currency-cell.is-scrap-promotion:focus-visible{border-color:#8ad8ffcc;outline:none}.currency-cell.is-gain-preview strong{color:#62e88a;text-shadow:0 0 6px rgba(98,232,138,.3)}.currency-cell.is-cost-preview strong{color:#ff6575;text-shadow:0 0 6px rgba(255,101,117,.3)}.currency-gold{border-left-color:#f0ce72}.currency-souls{border-left-color:#d692ff}.currency-common{border-left-color:#d8e5e8}.currency-uncommon{border-left-color:#62e88a}.currency-rare{border-left-color:#6ca8ff}.currency-epic{border-left-color:#ca75ff}.onboarding-card{position:absolute;z-index:4;top:50%;left:50%;display:grid;width:min(430px,calc(100vw - 32px));gap:10px;border:1px solid rgba(58,255,212,.65);padding:20px;background:#091115f5;box-shadow:0 18px 60px #0000008c;transform:translate(-50%,-50%);pointer-events:auto}.onboarding-card>small{color:#3affd4;letter-spacing:.12em}.onboarding-card>strong{font-size:25px}.onboarding-card>span{color:#bbd2d9;line-height:1.4}.onboarding-card b{color:#e8f9ff}.onboarding-card kbd{border:1px solid #668087;border-radius:3px;padding:2px 5px;color:#e8f9ff;background:#142126}.onboarding-card button{margin-top:4px;border:1px solid #3affd4;border-radius:4px;padding:10px;color:#06211f;background:#3affd4;cursor:pointer;font-weight:700}.is-hidden{display:none}@media(max-width:1099px){#game-canvas{width:100vw;height:100vh}.character-panel{z-index:8;width:320px}.inventory-column{z-index:8;width:min(640px,calc(100vw - 40px))}}@media(max-width:720px){:root{--character-panel-width: calc(100vw - 16px) ;--inventory-panel-width: calc(100vw - 16px) ;--build-panel-top-inset: 60px;--build-panel-bottom-inset: 8px;--character-panel-left-inset: 8px;--inventory-panel-right-inset: 8px}.hud-top,.hud-bottom{left:8px;right:8px;flex-direction:column}.neighbor-panel{margin-left:0;justify-content:flex-start}.notice{max-width:none;width:100%}.inventory-panel{width:100%;overflow-x:auto}.character-panel,.inventory-column{width:calc(100vw - 16px);gap:6px;border-radius:7px;padding:7px}.inspect-back{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:28;display:grid;width:40px;height:40px;place-items:center;padding:0 0 3px;border-color:#47717a;border-radius:6px;font-size:28px;line-height:1;background:#071014f0}.inspect-back-icon{display:inline}.inspect-back-label{display:none}.realm-panel{gap:4px;overflow-x:auto;font-size:11px;scrollbar-width:none}.realm-panel .header-control,.realm-panel button{padding:3px 5px}.game-hud.character-panel-open .spell-bar{left:8px}.game-hud.inventory-panel-open .chat-area{right:8px}#game-canvas{width:100vw;height:100vh}}.devlog-panel{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dffeff;background:#071014;position:fixed;inset:0;z-index:10000;margin:0;overflow:hidden;background:radial-gradient(circle at top,#10282db3 0,#071014b3 38rem);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.devlog-panel[hidden]{display:none}.devlog-panel .devlog-close{position:fixed;top:12px;right:18px;z-index:2;border:1px solid #47717a;border-radius:6px;padding:2px 10px 5px;color:#dffeff;font-size:28px;line-height:1;background:#071014e6;cursor:pointer}.devlog-panel main{display:grid;grid-template-columns:160px minmax(0,1fr);width:min(1720px,100%);height:100vh;margin:0 auto;cursor:default}.devlog-panel .devlog-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:28px;min-height:0}.devlog-panel .changelog-column,.devlog-panel .requests-column{box-sizing:border-box;min-width:0;height:100vh;overflow-y:auto;padding:28px 14px 80px;scrollbar-gutter:stable}.devlog-panel header{position:relative;height:100vh;overflow:hidden}.devlog-panel header>div{position:absolute;top:calc(100vh - 28px);left:18px;box-sizing:border-box;width:calc(100vh - 56px);border-bottom:1px solid #274750;padding:0 0 18px;text-align:right;transform:rotate(-90deg);transform-origin:top left}.devlog-panel h1{margin:0 0 8px;color:#6fffe2;font-size:clamp(2rem,6vh,4rem);letter-spacing:-.04em}.devlog-panel header p{margin:0;line-height:1.45}.devlog-panel header p,.devlog-panel .calendar-heading small,.devlog-panel .month-heading span{color:#9fb8bf}.devlog-panel .calendar-panel,.devlog-panel .request-panel,.devlog-panel .future-panel,.devlog-panel article{border:1px solid #274750;border-radius:10px;background:#0a181db3;box-shadow:0 14px 40px #0000003d}.devlog-panel .calendar-panel,.devlog-panel .request-panel,.devlog-panel .future-panel{margin-bottom:28px;padding:18px}.devlog-panel .request-intro,.devlog-panel .future-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.devlog-panel .request-intro h2,.devlog-panel .future-heading h2{margin:4px 0 16px}.devlog-panel .request-intro small,.devlog-panel .future-heading small{color:#f0ce72;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.devlog-panel .request-intro p,.devlog-panel .future-heading>span,.devlog-panel .muted{max-width:440px;margin-top:4px;color:#9fb8bf;line-height:1.5}.devlog-panel .request-search{display:grid;gap:6px;margin:18px 0;color:#b8cdd2;font-size:.82rem;font-weight:700}.devlog-panel #request-form{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:14px}.devlog-panel #request-form label{display:grid;gap:6px;color:#b8cdd2;font-size:.82rem;font-weight:700}.devlog-panel #request-form label:last-of-type,.devlog-panel .form-actions{grid-column:1 / -1}.devlog-panel input,.devlog-panel select,.devlog-panel textarea{box-sizing:border-box;width:100%;border:1px solid #35646d;border-radius:6px;padding:10px 12px;color:#dffeff;background:#071014;font:inherit}.devlog-panel textarea{min-height:110px;resize:vertical}.devlog-panel .form-actions{display:flex;gap:14px;align-items:center}.devlog-panel .form-actions button,.devlog-panel .vote-controls button{border:1px solid #3a7d75;border-radius:6px;padding:9px 13px;color:#dffeff;background:#12463f;cursor:pointer;font:inherit}.devlog-panel button:disabled{opacity:.5;cursor:wait}.devlog-panel .success{color:#6fffe2}.devlog-panel .future-month h3{margin:18px 0 10px;color:#f0ce72}.devlog-panel .request-list{display:grid;gap:10px}.devlog-panel article.request-card{position:relative;display:flex;gap:18px;justify-content:space-between;margin:0;padding:16px}.devlog-panel .request-copy{min-width:0;flex:1}.devlog-panel .request-copy h4{margin:7px 0;font-size:1.05rem}.devlog-panel .request-copy p{margin:0;white-space:pre-wrap}.devlog-panel .request-meta{display:flex;gap:9px;align-items:center;padding-right:72px}.devlog-panel .moderator-delete{position:absolute;top:16px;right:16px;border:1px solid rgba(255,101,117,.7);border-radius:5px;padding:3px 7px;color:#ff9aa5;background:#500f18b8;cursor:pointer}.devlog-panel .moderator-delete:hover,.devlog-panel .moderator-delete:focus-visible{background:#781420d9}.devlog-panel .request-kind{border-radius:999px;padding:2px 8px;color:#071014;background:#6fffe2;font-size:.68rem;font-weight:800;text-transform:uppercase}.devlog-panel .request-kind.bug{background:#ff8592}.devlog-panel .request-kind.balance{background:#f4c95d}.devlog-panel .request-completed{border:1px solid rgba(111,255,226,.5);border-radius:999px;padding:2px 8px;color:#9effec;background:#0c4a3f8c;font-size:.68rem;font-weight:800;text-transform:uppercase}.devlog-panel .request-date{color:#718d94;font-size:.75rem}.devlog-panel .vote-controls{display:grid;grid-template-columns:repeat(3,auto);gap:7px;align-items:center;align-self:center}.devlog-panel .vote-controls button{min-width:54px;padding:7px 9px;background:#101d21}.devlog-panel .vote-controls button[aria-pressed=true]{border-color:#f0ce72;color:#f0ce72;background:#26331f}.devlog-panel .vote-score{min-width:2ch;text-align:center}.devlog-panel .calendar-heading{display:flex;gap:8px 20px;align-items:baseline;justify-content:space-between;margin-bottom:14px}.devlog-panel .calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px}.devlog-panel .calendar-grid button{min-height:42px;border:1px solid #28464d;border-radius:5px;color:#a9c3ca;background:#101d21;cursor:pointer;font:inherit;font-size:.75rem}.devlog-panel .calendar-grid button.intensity-1{background:#0e4429}.devlog-panel .calendar-grid button.intensity-2{background:#006d32}.devlog-panel .calendar-grid button.intensity-3{background:#26a641}.devlog-panel .calendar-grid button.intensity-4{color:#06140c;background:#39d353}.devlog-panel .calendar-grid button.is-selected{outline:2px solid #f0ce72;outline-offset:2px}.devlog-panel .month-heading{margin:0 0 16px}.devlog-panel .month-heading h2{margin:3px 0;font-size:1.8rem}.devlog-panel .month-heading small,.devlog-panel article>small{color:#f0ce72;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.devlog-panel article{margin:0 0 16px;padding:20px}.devlog-panel article h2,.devlog-panel article h3{margin:5px 0 10px}.devlog-panel article p{color:#c4d9de;line-height:1.65}.devlog-panel .devlog-summary{display:grid;gap:16px}.devlog-panel .legacy-summary hr{border:0;border-top:1px solid #274750;margin:16px 0}.devlog-panel .summary-section h4{margin:0 0 6px;color:#6fffe2;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.devlog-panel .summary-section ul{margin:0;padding-left:20px}.devlog-panel .summary-section li{margin:5px 0;color:#c4d9de}.devlog-panel .tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.devlog-panel .tags span{border:1px solid #35646d;border-radius:999px;padding:3px 8px;color:#9eeede;font-size:.75rem}.devlog-panel .commit-details{border-top:1px solid #203b42;padding-top:12px}.devlog-panel .commit-details>summary{color:#9fb8bf;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.devlog-panel .commit-details>summary:hover,.devlog-panel .commit-details>summary:focus-visible{color:#dffeff}.devlog-panel li{margin:9px 0;color:#b8cdd2;line-height:1.45}.devlog-panel li small{display:block;margin-top:3px;color:#718d94;white-space:pre-wrap}.devlog-panel .error{color:#ff8592}@media(max-width:560px){.devlog-panel .calendar-heading,.devlog-panel .request-intro,.devlog-panel .future-heading,.devlog-panel article.request-card{align-items:flex-start;flex-direction:column}.devlog-panel #request-form{grid-template-columns:1fr}.devlog-panel #request-form label:last-of-type,.devlog-panel .form-actions{grid-column:auto}}@media(max-width:980px){.devlog-panel{overflow:auto}.devlog-panel main{grid-template-columns:minmax(0,1fr);height:auto;min-height:100vh}.devlog-panel header{display:none}.devlog-panel .devlog-columns{grid-template-columns:1fr}.devlog-panel .changelog-column,.devlog-panel .requests-column{height:auto;overflow:visible;padding:20px 12px 32px}}@media(max-width:720px){.devlog-panel{overflow:hidden}.devlog-panel main{height:100vh;min-height:0}.devlog-panel .devlog-columns{overflow-y:auto;overscroll-behavior:contain}.devlog-panel .devlog-close{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:3;width:40px;height:40px;padding:0 0 3px}}