.hub-panel{--hub-accent:#a1cad8;--hub-line:#6f9eae4d;--hub-bg:#172c38;color:#e4e9e7;padding:8px 2px 18px}.hub-panel[data-hub=guild]{--hub-accent:#d1b080;--hub-line:#ba93674d;--hub-bg:#302720}.hub-service-head{background:linear-gradient(115deg,var(--hub-bg),#14212ac9);border:1px solid var(--hub-line);border-radius:5px;align-items:center;gap:18px;padding:18px 20px;display:flex}.hub-service-seal{border:1px solid var(--hub-accent);height:58px;color:var(--hub-accent);flex:0 0 58px;place-items:center;margin:9px;font:38px Georgia;display:grid;transform:rotate(45deg)}.hub-eyebrow{letter-spacing:.14em;color:var(--hub-accent);font-size:10px;line-height:1.7}.hub-greeting{margin:8px 0;font:17px/1.55 Georgia,serif}.hub-service-content{padding:14px 3px}.hub-service-content>button{border:1px solid var(--hub-line);background:var(--hub-bg);color:#f1eadd;min-height:44px;margin:8px 8px 0 0;padding:11px 19px}.hub-facts{border-block:1px solid var(--hub-line);grid-template-columns:minmax(115px,1fr) 2fr;gap:0;font-size:14px;display:grid}.hub-facts dt,.hub-facts dd{border-bottom:1px solid #ffffff08;margin:0;padding:12px 8px}.hub-facts dt{color:#a4b4b8}.hub-facts dd{color:var(--hub-accent)}.hub-unlinked{border-left:2px solid var(--hub-accent);color:#a7b6bb;background:#ffffff05;padding:12px 15px;font-size:13px;line-height:1.6}.hub-orders{gap:12px;display:grid}.hub-order{border:1px solid var(--hub-line);background:linear-gradient(120deg,var(--hub-bg),#17232c);grid-template-columns:40px 1fr;gap:10px 14px;padding:18px;display:grid}.hub-order-rank{color:var(--hub-accent);border:1px solid var(--hub-line);align-self:start;place-items:center;width:38px;height:44px;font:25px Georgia;display:grid}.hub-order small{color:#a6b5b8;letter-spacing:.06em;font-size:11px}.hub-order h3,.hub-stock h3{color:#eee5d2;margin:7px 0;font:19px Georgia}.hub-order p,.hub-stock p{margin:5px 0;font-size:13px;line-height:1.5}.hub-order .hub-reward{color:var(--hub-accent)}.hub-order button{grid-column:2;justify-self:start;min-height:44px}.hub-stock{border-bottom:1px solid var(--hub-line);justify-content:space-between;align-items:center;gap:16px;padding:15px 9px;display:flex}.hub-stock button{flex-shrink:0;min-height:44px}.hub-feedback{min-height:22px;color:var(--hub-accent);font-size:13px}.hub-panel button:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}.hub-panel button:disabled{opacity:.48;cursor:default}@media (max-width:600px),(max-height:520px){.hub-service-head{gap:10px;padding:12px}.hub-service-seal{flex-basis:36px;height:36px;margin:6px;font-size:25px}.hub-greeting{font-size:15px}.hub-facts{grid-template-columns:110px 1fr;font-size:12px}.hub-order{padding:12px}.hub-stock{flex-wrap:wrap}.hub-stock button{margin-left:auto}.hub-order h3,.hub-stock h3{font-size:17px}}.hub-order[hidden]{display:none}.hub-order-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hub-order-filters button{border:1px solid var(--hub-line);min-height:44px;padding:9px 14px}.hub-order-filters [aria-pressed=true]{background:var(--hub-bg);color:var(--hub-accent);border-color:var(--hub-accent)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111e27;--panel:#172731;--text:#f1f5ee;--muted:#b9c7c9;--accent:#f0ba66;--line:#536774;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);border-radius:8px;padding:10px 16px}button{cursor:pointer;transition:background .12s}button:hover{background:#304552}button:active{background:#415c68}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#17222a;font-weight:750}.primary:hover{background:#ffd08a}[hidden]{display:none!important}#app{width:100%;height:var(--app-height,100dvh);position:relative;overflow:hidden}#world{touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;width:100%;height:100%;display:block}.brand{top:calc(18px + max(env(safe-area-inset-top),var(--safe-top)));left:calc(22px + max(env(safe-area-inset-left),var(--safe-left)));pointer-events:none;text-shadow:0 2px 5px #111e27;position:absolute}.brand strong{letter-spacing:.14em;font-size:16px}.brand span{color:#d8e2de;letter-spacing:.13em;margin-top:5px;font-size:11px;display:block}.hud-button{z-index:4;top:calc(12px + max(env(safe-area-inset-top),var(--safe-top)));right:calc(16px + max(env(safe-area-inset-right),var(--safe-right)));position:absolute}.overlay{padding:calc(16px + max(env(safe-area-inset-top),var(--safe-top))) calc(16px + max(env(safe-area-inset-right),var(--safe-right))) calc(16px + max(env(safe-area-inset-bottom),var(--safe-bottom))) calc(16px + max(env(safe-area-inset-left),var(--safe-left)));z-index:5;background:#0b18256e;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.card{background:var(--bg);border:1px solid var(--line);border-radius:14px;width:min(100%,430px);max-height:100%;padding:28px;overflow:auto;box-shadow:0 18px 80px #0005}h1{letter-spacing:-.03em;margin:8px 0 14px;font-size:clamp(28px,4vw,40px)}h2{margin:0 0 12px;font-size:22px}p{margin:12px 0;line-height:1.55}.muted{color:var(--muted);font-size:14px}.eyebrow{color:var(--accent);letter-spacing:.13em;font-size:11px;font-weight:700}.card .primary{width:100%;margin-top:8px}#boot-status{color:var(--muted);margin-bottom:0;font-size:12px}#joystick{z-index:3;left:calc(24px + max(env(safe-area-inset-left),var(--safe-left)));bottom:calc(22px + max(env(safe-area-inset-bottom),var(--safe-bottom)));touch-action:none;-webkit-user-select:none;user-select:none;background:#15263280;border:2px solid #d3e0d899;border-radius:50%;width:138px;height:138px;position:absolute}.stick-ring{border:1px solid #cedac966;border-radius:50%;position:absolute;inset:22px}#stick-thumb{pointer-events:none;background:#e7ead9;border:3px solid #849d98;border-radius:50%;width:46px;height:46px;position:absolute;top:calc(50% - 23px);left:calc(50% - 23px);box-shadow:0 3px 9px #0004}dialog{max-width:min(460px,100vw - 32px);max-height:calc(var(--app-height,100dvh) - 32px - var(--safe-top) - var(--safe-bottom));border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:14px;padding:24px;overflow:auto}dialog::backdrop{background:#08121ab8}dialog header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}dialog header h2{margin:0}dialog label{margin:16px 0 8px;display:block}dialog select{width:100%}dialog input[type=range]{width:100%;height:36px;accent-color:var(--accent)}dialog .check{align-items:center;gap:12px;min-height:44px;display:flex}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}#restart,#exit{width:100%;margin-top:10px;display:block}#diagnostics{z-index:4;top:calc(78px + max(env(safe-area-inset-top),var(--safe-top)));right:calc(16px + max(env(safe-area-inset-right),var(--safe-right)));border:1px solid var(--line);max-width:min(350px,100vw - 32px);max-height:calc(100% - 100px - var(--safe-top) - var(--safe-bottom));-webkit-user-select:text;user-select:text;background:#101c27ed;border-radius:8px;padding:12px;font:12px/1.6 ui-monospace,monospace;position:absolute;overflow:auto}#diagnostics strong{color:var(--accent);font-size:11px}#diagnostics button{width:100%;margin-top:8px;font:12px system-ui;display:block}#measurement{white-space:pre-line;color:var(--muted);margin-top:6px;display:block}#notice{bottom:calc(18px + var(--safe-bottom));z-index:7;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:80%;padding:10px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}#fatal{z-index:20}@media (max-height:450px){.card{padding:18px}.card p{margin:8px 0}.card h1{margin:4px 0;font-size:28px}#joystick{width:116px;height:116px;bottom:calc(14px + max(env(safe-area-inset-bottom),var(--safe-bottom)))}.brand{top:calc(12px + max(env(safe-area-inset-top),var(--safe-top)))}}@media (prefers-reduced-motion:reduce){button{transition:none}}dialog{top:max(env(safe-area-inset-top),var(--safe-top));bottom:max(env(safe-area-inset-bottom),var(--safe-bottom));left:max(env(safe-area-inset-left),var(--safe-left));right:max(env(safe-area-inset-right),var(--safe-right));max-width:min(460px,calc(100vw - 32px - max(env(safe-area-inset-left),var(--safe-left)) - max(env(safe-area-inset-right),var(--safe-right))));max-height:calc(var(--app-height,100dvh) - 32px - max(env(safe-area-inset-top),var(--safe-top)) - max(env(safe-area-inset-bottom),var(--safe-bottom)))}#player-health{z-index:3;top:calc(57px + max(env(safe-area-inset-top),var(--safe-top)));left:calc(22px + max(env(safe-area-inset-left),var(--safe-left)));pointer-events:none;text-shadow:0 1px 3px #111;width:140px;font-size:13px;position:absolute}.hp-track{background:#182630;border:1px solid #b9c7c9;border-radius:4px;height:7px;margin-top:5px;overflow:hidden}#player-hp-fill{background:#91cf9c;height:100%}#combat-controls{z-index:3;right:calc(20px + max(env(safe-area-inset-right),var(--safe-right)));bottom:calc(20px + max(env(safe-area-inset-bottom),var(--safe-bottom)));touch-action:none;-webkit-user-select:none;user-select:none;align-items:flex-end;gap:8px;display:flex;position:absolute}.combat-action{touch-action:none;background:#172731eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:68px;height:68px;min-height:48px;padding:4px;font-size:11px;display:flex;position:relative}.combat-action .action-icon{color:#f0ba66;font:700 24px/1 system-ui}.combat-action kbd{color:#b9c7c9;font:10px/1.1 system-ui}.main-attack{border:2px solid #f0ba66;border-radius:50%;width:88px;height:88px;font-size:13px}.combat-action[aria-disabled=true]{color:#a2b1b6;border-color:#536774}.cooldown:not(:empty){border-radius:inherit;color:#fff;background:#111e27df;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}#fight-exit{width:100%;margin-top:12px}#build-id{color:var(--muted);font:11px ui-monospace,monospace}@media (max-height:450px){#player-health{top:calc(58px + max(env(safe-area-inset-top),var(--safe-top)));width:120px}#combat-controls{bottom:calc(14px + max(env(safe-area-inset-bottom),var(--safe-bottom)));right:calc(14px + max(env(safe-area-inset-right),var(--safe-right)))}}#combat-controls{grid-template-rows:68px 88px;grid-template-columns:68px 88px;gap:8px;display:grid}#action-attack{grid-area:2/2}#action-dash{grid-area:2/1;align-self:end}#action-pulse{grid-area:1/2;justify-self:end}#action-barrier{grid-area:1/1}.combat-action svg.action-icon{width:24px;height:24px}#player-health.hit .hp-track{outline:2px solid #ffb195}@media (pointer:coarse){#diagnostics{max-height:max(0px,calc(100% - 260px - max(env(safe-area-inset-top),var(--safe-top)) - max(env(safe-area-inset-bottom),var(--safe-bottom))));padding:8px}}.cooldown:not(:empty){background:#111e27f5;border:1px solid #536774;border-radius:5px;min-width:30px;padding:2px 4px;font-size:11px;inset:3px 3px auto auto}.combat-action[aria-disabled=true] .action-icon{opacity:.55}#combat-controls{pointer-events:none;width:196px;height:192px;display:block}.combat-action{pointer-events:auto;isolation:isolate;border-radius:50%;position:absolute}#action-attack{bottom:0;right:0}#action-dash{bottom:0;left:0}#action-pulse{top:0;right:0}#action-barrier{top:6px;left:18px}.combat-action:before{content:"";background:conic-gradient(#071119d9 var(--cooldown-angle,0deg),transparent 0);z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:0}.combat-action .cooldown:not(:empty){border-radius:10px;min-width:25px;padding:2px;font-size:10px;top:1px;right:0}.compact-touch .combat-action kbd{display:none}#aim-cancel{right:calc(228px + max(env(safe-area-inset-right),var(--safe-right)));bottom:calc(40px + max(env(safe-area-inset-bottom),var(--safe-bottom)));z-index:5;pointer-events:none;background:#182630e8;border:2px dashed #e3bb98;border-radius:26px;place-items:center;width:70px;height:52px;font-size:12px;display:grid;position:absolute}#aim-cancel.over{background:#873a36;border-color:#ffba9d}#aim-stick{z-index:4;width:calc(var(--aim-radius)*2);height:calc(var(--aim-radius)*2);margin-left:calc(-1*var(--aim-radius));margin-top:calc(-1*var(--aim-radius));pointer-events:none;background:#18263022;border:1px solid #f1c97a88;border-radius:50%;position:fixed}#aim-thumb{background:#ffe2a4;border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #1b2c35}@media (pointer:coarse){#diagnostics{max-height:max(0px,calc(100% - 300px - max(env(safe-area-inset-top),var(--safe-top)) - max(env(safe-area-inset-bottom),var(--safe-bottom))))}}@media (max-height:450px){#aim-cancel{right:calc(222px + max(env(safe-area-inset-right),var(--safe-right)));bottom:calc(34px + max(env(safe-area-inset-bottom),var(--safe-bottom)))}}#city-hud{z-index:2;top:calc(112px + max(env(safe-area-inset-top),var(--safe-top)));left:calc(22px + max(env(safe-area-inset-left),var(--safe-left)));pointer-events:none;text-shadow:0 1px 6px #17221c;position:absolute}.hub-subtitle,.hub-hint{letter-spacing:.08em;color:#d1d9c9;font-size:10px;display:block}.hub-hint{margin-top:5px}#district-name{letter-spacing:.1em;margin-top:4px;font-size:12px;display:block}.hub-map{background:#132827b0;border:1px solid #c9c6a966;border-radius:50%;width:100px;height:100px;margin-top:12px;position:relative;overflow:hidden;box-shadow:0 3px 16px #152b3444}.map-road{background:#bdc6b955;width:12%;height:100%;position:absolute;left:44%}.map-cross{background:#bdc6b933;width:100%;height:9%;position:absolute;top:30%}.map-square{border:1px solid #e3d4a666;border-radius:50%;width:42%;height:42%;position:absolute;top:27%;left:29%}.hub-map span{color:#e1cf9d;font:9px system-ui;position:absolute}.map-gate{top:8%;left:45%}.map-shop{top:42%;left:28%}.map-forge{top:42%;left:67%}.map-guild{top:22%;left:28%}#map-player{background:#fff7d4;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #172e2c}.interaction-button{z-index:4;left:50%;bottom:calc(35px + max(env(safe-area-inset-bottom),var(--safe-bottom)));background:#203737ed;border-color:#d4c390;border-radius:24px;min-width:180px;position:absolute;transform:translate(-50%);box-shadow:0 3px 20px #0005}#return-city{z-index:4;top:calc(12px + max(env(safe-area-inset-top),var(--safe-top)));right:calc(145px + max(env(safe-area-inset-right),var(--safe-right)));position:absolute}#city-dialog{background:linear-gradient(145deg,#243631,#132526);border-color:#8d9b8a;width:min(510px,100vw - 32px);max-width:510px;padding:26px;box-shadow:0 12px 65px #0008}#city-dialog header{align-items:start}#city-dialog .eyebrow{margin-top:0}#city-dialog .primary{width:100%;margin-top:12px}.wares{gap:8px;display:grid}.wares div{border:1px solid #8a9d8755;justify-content:space-between;gap:14px;padding:12px 15px;display:flex}.wares span{color:#b4c5b7;font-size:12px}.forge-mark{text-align:center;color:#d6ae78;font-size:55px}#welcome{background:linear-gradient(90deg,#0c1e26f2,#0d232aa6 45%,#0d232a16);place-items:center start;padding-left:clamp(28px,7vw,120px)}#welcome .card{box-shadow:none;background:#142a2db0;border:0;border-left:2px solid #ccb886;border-radius:0;max-width:470px;padding:30px 36px}#welcome h1{letter-spacing:-.02em;font-family:Georgia,serif;font-size:clamp(32px,5vw,57px);font-weight:400}#welcome .eyebrow{letter-spacing:.17em}#welcome .primary{margin-top:18px}.credits{color:#b5c6bf;margin-top:18px;font-size:12px}.credits a{color:#e6cb94}.credits summary{cursor:pointer;min-height:32px}#fight-city{width:100%;margin-top:12px}@media (max-height:500px){#city-hud{top:calc(105px + var(--safe-top))}.hub-map{width:70px;height:70px;margin-top:6px}.hub-hint{display:none}#welcome .card{padding:14px 24px}#welcome .card .muted{font-size:12px}.interaction-button{bottom:calc(22px + var(--safe-bottom));min-width:154px;max-width:calc(100vw - 390px);padding:8px 12px;font-size:12px}#city-dialog{padding:16px}}@media (max-width:700px){#district-name{font-size:10px}.hub-subtitle{display:none}#city-hud{max-width:160px}#welcome{padding-left:24px}#city-dialog .wares div{padding:8px}}#world-tools{right:calc(18px + var(--safe-right,0px));top:calc(70px + var(--safe-top,0px));z-index:3;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute}#world-tools[hidden]{display:none}.tool-row{gap:6px;display:flex}.tool-row button{min-height:38px;padding:8px 12px}.gold-hud{color:#ddc795;background:#12282dde;border-radius:5px;padding:5px 9px;font-size:12px}#minimap-open{background:#122b2ace;border:1px solid #b9aa794d;border-radius:8px;width:112px;height:160px;padding:3px;overflow:hidden}.world-map{width:100%;height:100%;font-family:system-ui;display:block}.world-map.large{width:100%;max-height:58vh;margin:auto}.world-map .landmark circle{fill:#203b3c;stroke:#d5ba79;stroke-width:.3px}.world-map .landmark text{text-anchor:middle;fill:#f2dec0;font-size:2px;font-weight:600}.world-map .landmark .map-label{text-anchor:start;fill:#fff3d9;paint-order:stroke;stroke:#203b3c;stroke-width:.55px;font-size:1.35px}.world-map .rift circle{fill:#355b78}.north-label{fill:#d6dcca;letter-spacing:.3px;font-size:1.5px}#city-dialog{width:min(790px,100vw - 32px);max-height:calc(var(--app-height,100vh) - 32px)}#city-body{max-height:65vh;padding-right:5px;overflow:auto}.inventory-summary{color:#dbc290;border-block:1px solid #c6b58038;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.item-tabs,.purchase-actions{gap:8px;margin:12px 0;display:flex}.item-list{gap:9px;display:grid}.item-row{background:#203538;border:1px solid #a9ad8c30;border-radius:8px;align-items:center;gap:13px;padding:13px;display:flex}.item-copy{flex:1;min-width:0}.item-copy h3{margin:0 0 3px;font-size:15px}.item-copy small{color:#b6bcab;font-size:10px}.item-copy p{color:#bdc8bf;margin:6px 0 0;font-size:12px;line-height:1.45}.item-icon{color:#d4bf91;background:#15272b;border:1px solid #b2a1766b;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.item-icon svg{width:31px;height:31px}.rarity-uncommon .item-icon{color:#86c8b3;border-color:#589c875e}.rarity-rare .item-icon{color:#98b9ed;border-color:#6b89bc77}.item-actions{flex-direction:column;align-items:flex-end;gap:5px;max-width:190px;display:flex}.item-actions button{min-height:39px;padding:9px 13px;font-size:12px}.item-actions button:disabled{opacity:.43;cursor:default}.upgrade-preview{color:#c5b88e;text-align:right;font-size:11px;line-height:1.5}#transaction-message{color:#ddc89b;min-height:20px;font-size:13px}#zone-transition{pointer-events:none;opacity:0;z-index:8;background:#84a5af;position:absolute;inset:0}#city-hud .hub-hint{max-width:220px}#city-hud.combat-zone .hub-subtitle{color:#ddb58a}@media (max-height:550px),(max-width:700px){#world-tools{gap:3px;top:53px;right:12px}.tool-row button{min-height:33px;padding:6px 9px;font-size:11px}.tool-row kbd{display:none}#minimap-open{width:67px;height:96px}.gold-hud{font-size:10px}#city-hud{max-width:200px}.hub-hint{display:none}.item-row{gap:8px;padding:9px}.item-icon{width:33px;height:33px}.item-icon svg{width:25px;height:25px}.item-copy h3{font-size:12px}.item-copy p{font-size:10px}.item-actions{max-width:145px}.item-actions button{padding:8px;font-size:10px}.inventory-summary{font-size:12px}#city-dialog{max-height:calc(var(--app-height,100vh) - 16px)}#city-body{max-height:63vh}}.world-map.large{min-height:340px}.world-map.large .north-label{font-size:2px}.rift-brief{color:#cad6ce;border-left:2px solid #79b79f;margin:18px 0;padding-left:16px}.rift-rewards{text-align:left;background:#142824;border:1px solid #526c61;border-radius:12px;margin:18px 0;padding:16px 22px}.rift-rewards span{letter-spacing:.15em;color:#acbda6;font-size:10px}.rift-rewards p{margin:7px 0}.rare-reward{color:#a6c8ef}#city-dialog{max-width:790px}.world-map.large{height:64vh;min-height:420px;max-height:none}.world-map.large .landmark .map-label{font-size:2.1px}#city-dialog.character-dialog{color:#e7e5df;background:linear-gradient(125deg,#171d23,#10141a 58%,#182027);border:1px solid #70664e;border-radius:9px;width:min(1080px,96vw);max-width:1080px;max-height:94dvh;padding:0;box-shadow:0 30px 100px #000c}.character-dialog #city-person{letter-spacing:.25em;color:#b9a778;margin:22px 28px 4px;font-size:10px}.character-dialog #city-title{color:#e4d8b9;margin:0 28px 16px;font-family:Georgia,serif;font-size:29px;font-weight:400}.character-dialog #city-close{color:#cfc4a9;background:#ffffff06;border:1px solid #76674a66;border-radius:50%;min-width:40px;min-height:40px;position:absolute;top:20px;right:20px}.character-dialog #city-body{padding:0}.character-dialog button{box-shadow:none;font-family:inherit}.character-dialog button:focus-visible,.character-dialog select:focus-visible,.character-dialog input:focus-visible,.character-dialog summary:focus-visible{outline-offset:3px;outline:2px solid #d8b877}.character-dialog svg{flex-shrink:0;width:26px;height:26px}.hero-tabs{background:#ffffff02;border-bottom:1px solid #bba36c36;gap:28px;padding:0 28px;display:flex}.hero-tabs button{color:#abb1b8;border-radius:0;min-height:46px;padding:14px 0;font-size:13px;position:relative;background:0 0!important;border:0!important}.hero-tabs button[aria-current=page]{color:#e3c891}.hero-tabs button[aria-current=page]:after{content:"";background:#d4af67;height:2px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 9px #d4af6740}.hero-content{min-height:480px}.hero-layout{grid-template-columns:42% 58%;display:grid}.hero-stage{background:radial-gradient(at 50% 58%,#3d505448 0,#0000 60%);border-right:1px solid #bba36c24;min-height:548px;position:relative;overflow:hidden}.hero-name{text-align:center;z-index:1;pointer-events:none;padding:25px 60px 0;position:relative}.hero-name small,.bag-heading small,.catalog-heading small{letter-spacing:.16em;color:#a99c7d;font-size:9px}.hero-name h3{color:#e2d4b0;margin:7px 0 5px;font:25px Georgia,serif}.hero-name p{color:#9ea9b5;margin:0;font-size:11px}.hero-halo{border:1px solid #ad95683d;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);box-shadow:0 0 0 12px #b8a67c05,0 0 0 13px #b8a67c16}.hero-halo:after{content:"";border:1px solid #bdab7a16;position:absolute;inset:24px;transform:rotate(45deg)}.hero-portrait{pointer-events:none;outline:0;width:100%;height:376px;position:absolute;inset:92px 0 80px}.hero-model-status{text-align:center;color:#acb4bd;font-size:11px;position:absolute;top:45%;left:26%;right:26%}.gear-column{z-index:2;flex-direction:column;gap:9px;display:flex;position:absolute;top:122px}.gear-left{left:19px}.gear-right{right:19px}.gear-slot{color:#c6b888;width:66px;height:64px;position:relative;background:linear-gradient(145deg,#38413655,#1b2429)!important;border:1px solid #716749!important;border-radius:3px!important;padding:5px!important}.gear-slot.empty{color:#727f86;background:#101a2066!important;border-color:#81745155!important}.slot-glyph{display:block}.gear-slot svg{width:29px;height:29px}.gear-slot small{font-size:9px;line-height:12px;display:block}.gear-slot b{font-size:10px;position:absolute;top:3px;right:4px}.gear-slot:hover,.bag-cell:hover{background-color:#3c4344!important;border-color:#d7bc7e!important}.equipped-dot{background:#bde4c8;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:5px;box-shadow:0 0 5px #bde4c844}.artifact-slot{color:#c6b8d8;text-align:left;align-items:center;gap:12px;min-width:205px;min-height:50px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2a2537,#171c24)!important;border:1px solid #80709366!important;border-radius:3px!important;padding:8px 12px!important}.artifact-slot span{font-size:12px}.artifact-slot small{color:#9998ac;margin-top:3px;font-size:9px;display:block}.artifact-slot i{color:#8d91a2;margin-left:auto;font-size:9px;font-style:normal}.hero-appearance-note{text-align:center;color:#95a0ac;margin:5px;font-size:9px;position:absolute;bottom:3px;left:12px;right:12px}.hero-storage{min-width:0;padding:24px}.hero-stats{border-bottom:1px solid #bba36c24;grid-template-columns:1.7fr 1fr 1fr;gap:18px;padding-bottom:16px;display:grid}.hero-stats small{letter-spacing:.1em;color:#a9afb7;margin-bottom:7px;font-size:9px;display:block}.hero-stats strong{color:#ebe4d3;font-size:22px;font-weight:500}.hero-stats em{color:#7e919b;font-size:13px;font-style:normal}.hero-stats p{color:#95a1ae;grid-column:1/-1;margin:0;font-size:10px;line-height:1.5}.hero-hp{background:#343b41;height:3px;margin-top:10px}.hero-hp i{background:#8ba68e;height:100%;display:block}.bag-heading{justify-content:space-between;align-items:center;margin-top:22px;margin-bottom:16px;display:flex}.bag-heading h3{color:#e0d3b0;margin:5px 0 0;font:23px Georgia,serif}.bag-count{color:#a6afb8;border:1px solid #c0b18933;border-radius:3px;padding:6px 9px;font-size:10px}.bag-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.bag-filters{gap:4px;display:flex}.bag-filters button{color:#a4afb8;min-height:33px;padding:6px 9px;font-size:10px;background:0 0!important;border:1px solid #0000!important}.bag-filters button[aria-pressed=true]{color:#e0c795;border-radius:3px;background:#beaa7010!important;border-color:#bba36c55!important}.bag-search{color:#dbe0e3;background:#0b1117;border:1px solid #67737a55;border-radius:3px;flex:1;width:130px;min-width:90px;padding:8px 10px;font:11px inherit}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:232px;padding:2px;display:grid;overflow:auto}.bag-cell{aspect-ratio:1/1.1;color:#b7bcae;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;background:linear-gradient(145deg,#31363366,#172028)!important;border:1px solid #7b755744!important;border-radius:3px!important;padding:6px 3px 3px!important}.bag-cell>span>svg{width:29px;height:29px}.bag-cell small{white-space:normal;max-width:100%;margin-top:4px;font-size:8px;line-height:10px}.bag-cell>b{color:#ded9cd;font-size:10px;font-weight:500;position:absolute;top:2px;right:4px}.bag-cell.selected{outline-offset:1px;outline:1px solid #d9bc79;box-shadow:inset 0 0 18px #c9ae6d1a}.bag-cell.vacant{min-height:0;background:#080f1633!important;border-color:#8d9dab18!important}.rarity-uncommon{color:#a4ceb2!important;background:linear-gradient(140deg,#2c453e88,#182226)!important;border-color:#69877288!important}.rarity-rare{color:#acc4e6!important;background:linear-gradient(140deg,#273c5b88,#182226)!important;border-color:#6285b888!important}.item-inspector{border-top:1px solid #bba36c28;min-height:138px;margin-top:19px;padding-top:16px}.inspector-empty{color:#9ba7b3;align-items:center;gap:16px;min-height:125px;display:flex}.inspector-empty>svg{color:#988766;width:38px;height:38px}.item-inspector h4{color:#ddd0ad;margin:0 0 6px;font:18px Georgia,serif}.item-inspector p{color:#aab3bd;margin:8px 0;font-size:11px;line-height:1.65}.inspector-title{align-items:center;gap:12px;display:flex;background:0 0!important}.inspector-title>span{border:1px solid #92866455;border-radius:3px;padding:8px}.inspector-title small{font-size:10px}.inspector-title h4{margin:4px 0 0}.inspector-title em{color:#aac0ac;margin-left:auto;font-size:10px;font-style:normal}.inspector-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.item-value{color:#ded7c5;font-size:13px}.item-value small{margin-top:3px;font-size:10px;display:block}.positive{color:#9bcab1}.negative{color:#d9a6a1}.item-action{min-width:100px;min-height:38px;color:#eeddb5!important;background:linear-gradient(#534a35,#383428)!important;border:1px solid #b6a16b88!important;border-radius:3px!important;padding:8px 18px!important;font-size:12px!important}.item-action:disabled{opacity:.45;cursor:default}.hero-operation{color:#c4d2bc;min-height:15px;margin:6px 0 0;font-size:11px}.hero-footer{color:#96a1ac;background:#070e1466;border-top:1px solid #a8916633;justify-content:space-between;align-items:center;padding:12px 28px;font-size:10px;display:flex}.hero-gold{color:#d9bd76;align-items:center;gap:8px;display:flex}.hero-gold svg{width:18px;height:18px}.hero-gold b{font-size:13px;font-weight:500}.hunter-catalog{max-height:65dvh;padding:25px 28px;overflow:auto}.catalog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.catalog-heading h3{color:#e0d3b0;margin:8px 0;font:28px Georgia,serif}.catalog-heading label{color:#9ea9b5;gap:7px;font-size:10px;display:grid}.catalog-heading select{color:#e0d7c2;background:#19232b;border:1px solid #9c8b6055;border-radius:3px;min-width:160px;padding:10px 12px}.catalog-note{color:#a7b4bd;background:#7598af09;border:1px solid #72879333;align-items:center;gap:10px;margin:15px 0 24px;padding:10px 14px;font-size:11px;line-height:1.5;display:flex}.catalog-note svg{width:20px;height:20px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.skill-card{background:radial-gradient(at 50% 0,#6d725322,#0000 70%),#111a21;border:1px solid #a28e613e;border-radius:4px;flex-direction:column;align-items:flex-start;min-height:340px;padding:24px 22px;display:flex;position:relative}.skill-emblem{color:#cabb94;background:radial-gradient(#565b4244,#1c2831);border:1px solid #bba36c88;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:22px;display:flex;box-shadow:0 0 0 5px #bba36c09}.skill-emblem svg{width:35px;height:35px}.skill-card>small{letter-spacing:.08em;color:#afa580;font-size:9px}.skill-card h4{color:#e2d3af;margin:8px 0 12px;font:22px Georgia,serif}.level-gate{color:#b6c6d0;border:1px solid #71869244;border-radius:2px;padding:4px 7px;font-size:10px}.skill-card p{color:#a8b3bd;margin:16px 0;font-size:12px;line-height:1.7}.skill-ranks{gap:4px;width:100%;margin-top:auto;margin-bottom:15px;display:flex}.skill-ranks i{background:#242e34;border:1px solid #82745966;flex:1;height:5px}.skill-card details{color:#b9b297;width:100%;font-size:11px;line-height:1.6}.skill-card summary{cursor:pointer;min-height:32px}.skill-card details p{margin:8px 0;font-size:11px}.catalog-readonly{letter-spacing:.05em;text-transform:uppercase;color:#8b9aa6;margin-top:auto;padding-top:20px;font-size:9px}.talent-intro{color:#aab4bd;margin-bottom:24px;font-size:12px}.talent-tree{gap:20px;display:grid}.talent-tier{grid-template-columns:60px 1fr;gap:20px;display:grid;position:relative}.tier-level{z-index:1;background:#242b2b;border:1px solid #a28e6166;border-radius:3px;flex-direction:column;justify-content:center;align-self:start;align-items:center;width:50px;height:58px;display:flex}.tier-level strong{color:#d8c798;font:21px Georgia,serif}.tier-level small{color:#9dabad;font-size:9px}.talent-tier:not(:last-child):after{content:"";border-left:1px solid #a28e6144;position:absolute;top:58px;bottom:-20px;left:25px}.tier-choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.talent-node{background:linear-gradient(120deg,#252d2d88,#121a22);border:1px solid #a28e6138;border-radius:3px;overflow:hidden}.talent-node summary{cursor:pointer;align-items:center;gap:12px;min-height:60px;padding:12px 16px;list-style:none;display:flex}.talent-node summary>span{color:#b9ad84}.talent-node small{color:#9ca7ad;font-size:9px}.talent-node h4{color:#d2c7aa;margin:3px 0;font:17px Georgia,serif}.talent-node summary>i{color:#ab9c75;margin-left:auto;font-style:normal}.talent-node[open] summary>i{transform:rotate(45deg)}.talent-node p{color:#afb8bf;margin:10px 16px 16px;font-size:11px;line-height:1.6}.spec-stats{color:#a9b4bd;width:100%;padding:0;font-size:11px;line-height:2;list-style:none}.spec-stats li{border-bottom:1px solid #aaa1;justify-content:space-between;display:flex}.spec-stats b{color:#c7b887;font-weight:400}@media (max-width:850px){#city-dialog.character-dialog{width:97vw;max-height:96dvh}.hero-storage{padding:18px}.hero-layout{grid-template-columns:44% 56%}.gear-slot{width:54px;height:62px}.gear-left{left:10px}.gear-right{right:10px}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bag-cell small{font-size:8px}.hero-name{padding-left:45px;padding-right:45px}.hero-name h3{font-size:22px}.skills-grid{gap:10px}.skill-card{padding:20px 15px}.hero-tabs{gap:20px}.hero-stage{min-height:555px}.hero-portrait{top:95px}}@media (max-width:600px){.hero-layout{display:block}.hero-stage{border-bottom:1px solid #bba36c24;border-right:0;min-height:540px}.hero-portrait{height:376px}.gear-left{left:22px}.gear-right{right:22px}.gear-slot{width:62px}.hero-content{max-height:70dvh;overflow:auto}.hero-tabs{gap:18px;padding:0 14px;overflow-x:auto}.hero-tabs button{white-space:nowrap;font-size:11px}.character-dialog #city-title{margin-left:18px;font-size:24px}.character-dialog #city-person{margin-left:18px}.hero-footer{padding:12px 18px;font-size:9px}.hero-storage{padding:20px}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}.bag-cell{min-height:64px}.bag-filters button{min-height:40px;font-size:11px}.item-action{min-height:44px}.hunter-catalog{max-height:none;padding:20px 16px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:0}.skill-card p{margin:14px 0}.skill-ranks{margin-top:16px}.catalog-heading{gap:12px}.catalog-heading h3{font-size:23px}.catalog-heading select{min-width:105px;max-width:125px}.talent-tier{grid-template-columns:44px 1fr;gap:10px}.tier-level{width:40px}.talent-tier:not(:last-child):after{left:20px}.tier-choices{grid-template-columns:1fr;gap:8px}.talent-node summary{min-height:60px;padding:10px}.hero-name{padding-top:25px}.hero-name h3{font-size:25px}}@media (prefers-reduced-motion:reduce){.character-dialog *{transition:none!important}}.character-dialog header{margin-bottom:0!important}.character-dialog #city-person{margin-top:16px}.character-dialog #city-title{margin-bottom:12px}.character-dialog #city-body{max-height:none;overflow:visible}.character-dialog .hero-content{height:clamp(480px,94dvh - 177px,620px);min-height:0;overflow:auto}.hero-layout,.hero-stage{height:100%;min-height:480px}.hero-storage{height:100%;padding:19px 24px;overflow:auto}.hero-name{padding-top:18px}.gear-column{gap:7px;top:106px}.gear-slot{height:59px}.hero-portrait{height:calc(100% - 143px);top:80px}.hero-halo{width:260px;height:260px;top:48%}.artifact-slot{min-height:44px;bottom:28px}.hero-appearance-note{font-size:8px;bottom:0}.hero-stats{gap:12px;padding-bottom:12px}.hero-stats small{margin-bottom:5px}.hero-stats strong{font-size:20px}.hero-stats p{font-size:9px}.bag-heading{margin-top:15px;margin-bottom:11px}.bag-heading h3{font-size:21px}.bag-toolbar{margin-bottom:11px}.bag-search{flex:initial;max-width:135px}.bag-grid{gap:6px;max-height:157px}.bag-cell{aspect-ratio:1;max-height:74px}.item-inspector{min-height:126px;margin-top:12px;padding-top:12px}.inspector-empty{min-height:106px}.item-inspector p{font-size:10px}.hero-operation{margin-top:8px}.hero-footer{min-height:40px}@media (max-width:600px){.character-dialog .hero-content{height:calc(94dvh - 170px);min-height:240px}.hero-layout{height:auto}.hero-stage{height:500px;min-height:500px}.hero-storage{height:auto;padding:20px;overflow:visible}.gear-slot{height:62px}.bag-grid{max-height:none}.hero-appearance-note{font-size:9px}.bag-search{flex:1;max-width:none}.hero-stats p{font-size:10px}}@media (max-height:550px) and (min-width:601px){.character-dialog .hero-content{height:calc(94dvh - 154px);min-height:230px}.hero-layout{min-height:480px}.hero-stage,.hero-storage{height:480px}.character-dialog #city-person{margin-top:10px}.character-dialog #city-title{margin-bottom:8px;font-size:23px}}#city-dialog:not(.character-dialog){background:linear-gradient(135deg,#20272b,#111b23);border-color:#93825c77;border-radius:6px;box-shadow:0 20px 65px #0009}#city-dialog:not(.character-dialog) h2{color:#e1d1ac;font-family:Georgia,serif;font-weight:400}#city-dialog:not(.character-dialog) .eyebrow{color:#baa674;letter-spacing:.17em}#city-dialog:not(.character-dialog) .primary{color:#15191d;background:linear-gradient(#af965d,#8c774b);border-color:#dbc089;border-radius:4px}#city-dialog .item-row{background:#b8a37705;border-color:#8b7b5940;border-radius:4px}#world-tools .tool-row button,#settings-open{color:#dbd3be;background:linear-gradient(#202b32f5,#121d27f5);border-color:#aa926255;border-radius:4px}#world-tools .gold-hud{background:#101b24ee;border:1px solid #a8935838;border-radius:3px}#minimap-open{border-color:#a88f5555;border-radius:5px}.interaction-button{color:#e9dfc7;background:linear-gradient(#29373be8,#14222bee);border-color:#baa878}.hero-tabs{scrollbar-width:none;overflow-y:hidden}.hero-tabs::-webkit-scrollbar{display:none}.bag-grid{grid-auto-rows:74px;max-height:158px}.bag-cell{aspect-ratio:auto;height:74px;min-height:0;max-height:74px}.bag-search{font-family:inherit;font-size:12px}@media (max-width:600px){.hero-stage{height:540px;min-height:540px}.bag-grid{grid-auto-rows:82px;max-height:none}.bag-cell{height:82px;max-height:82px}.bag-cell small{font-size:10px;line-height:12px}}:root{--ui-top:max(env(safe-area-inset-top,0px),var(--safe-top,0px));--ui-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-bottom,0px));--ui-left:max(env(safe-area-inset-left,0px),var(--safe-left,0px));--ui-right:max(env(safe-area-inset-right,0px),var(--safe-right,0px));--ui-gap:clamp(8px,1.2vw,16px);--ui-height:calc(var(--app-height,100dvh) - var(--ui-top) - var(--ui-bottom) - 2 * var(--ui-gap));--ui-width:calc(100vw - var(--ui-left) - var(--ui-right) - 2 * var(--ui-gap));--mini-size:112px}.brand{display:none}#hud-overview{z-index:3;top:calc(var(--ui-top) + var(--ui-gap));left:calc(var(--ui-left) + var(--ui-gap));grid-template-columns:var(--mini-size) minmax(0,1fr);width:min(352px,calc(var(--ui-width) - 270px));pointer-events:none;align-items:start;gap:12px;display:grid;position:absolute}#hud-overview #minimap-open{width:var(--mini-size);height:var(--mini-size);pointer-events:auto;background:#101e25ed;border:1px solid #a78f5a88;border-radius:10px;min-height:0;padding:5px;box-shadow:0 3px 16px #0005}#hud-overview #player-health{width:auto;text-shadow:none;background:linear-gradient(110deg,#16292bef,#101c24e8);border:1px solid #9b90634d;border-radius:8px;padding:9px 11px 10px;font-size:11px;position:static}.health-label{color:#d5e5d8;justify-content:space-between;align-items:center;gap:8px;display:flex}.health-label>span{letter-spacing:.13em;color:#b4c2b8;font-size:9px}.health-label output{white-space:nowrap;font-variant-numeric:tabular-nums}#hud-overview .hp-track{background:#3a4946;border:0;height:6px;margin-top:6px}#hud-overview #player-hp-fill{background:linear-gradient(90deg,#70a990,#acd5af)}#hud-overview #city-hud{text-shadow:0 1px 4px #071014;max-width:none;margin-top:8px;position:static}#hud-overview .hub-subtitle{display:none}#hud-overview #district-name{color:#f0e6cb;letter-spacing:.02em;margin:0;font-size:12px;line-height:1.3}#hud-overview .hub-hint{letter-spacing:0;color:#ced8d5;max-width:none;margin-top:4px;font-size:11px;line-height:1.35;display:block}#world-tools{top:calc(var(--ui-top) + var(--ui-gap));right:calc(var(--ui-right) + var(--ui-gap));z-index:4;pointer-events:none;flex-direction:row;align-items:flex-start;gap:8px;display:flex}#world-tools .tool-row{pointer-events:auto;gap:6px;display:flex}#world-tools .tool-row button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:12px;display:flex;position:static;box-shadow:0 3px 12px #0003}#world-tools .tool-row svg{color:#d8c38e;flex-shrink:0;width:20px;height:20px}#world-tools .tool-row kbd{color:#a3b0b7;font:10px system-ui}#world-tools #settings-open{width:44px;padding:10px}.hud-utility{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex}#world-tools .gold-hud{border-radius:8px;align-items:center;gap:6px;min-height:44px;margin:0;padding:8px 10px;font-size:12px;display:flex}.gold-hud>span{color:#d6c083;border:1px solid #a58d57;border-radius:50%;place-items:center;width:17px;height:17px;font:10px Georgia;display:grid}#world-tools #return-city{white-space:nowrap;border-radius:8px;min-height:44px;padding:8px 10px;font-size:11px;position:static}#diagnostics{top:calc(var(--ui-top) + var(--ui-gap) + 56px);right:calc(var(--ui-right) + var(--ui-gap));max-width:min(340px,var(--ui-width))}#notice{bottom:calc(var(--ui-bottom) + 12px);max-width:min(460px,calc(var(--ui-width) - 260px));text-align:center;font-size:12px}.interaction-button{max-width:calc(var(--ui-width) - 340px);border-radius:12px;min-width:0;min-height:44px}dialog{inset:calc(var(--ui-top) + var(--ui-gap)) calc(var(--ui-right) + var(--ui-gap)) calc(var(--ui-bottom) + var(--ui-gap)) calc(var(--ui-left) + var(--ui-gap));max-height:var(--ui-height);max-width:min(460px,var(--ui-width));overscroll-behavior:contain;margin:auto}#city-dialog{width:min(790px,var(--ui-width));max-width:min(790px,var(--ui-width));max-height:var(--ui-height);padding:18px}#city-dialog[open]{flex-direction:column;display:flex}#city-dialog>header{flex-shrink:0;align-items:center;gap:12px;margin-bottom:12px}#city-dialog>header>div{min-width:0}#city-dialog>header h2{line-height:1.15}#city-dialog>header .eyebrow{margin:0 0 4px}#city-close{flex-shrink:0;min-width:44px;min-height:44px}#city-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;max-height:none;overflow:auto}#city-travel{flex-shrink:0}#settings{padding:18px}#settings header{background:var(--bg);z-index:1;padding-block:10px;position:sticky;top:-18px}#city-dialog.character-dialog{width:min(1080px,var(--ui-width));max-width:min(1080px,var(--ui-width));height:min(760px,var(--ui-height));max-height:var(--ui-height);padding:0;overflow:hidden}#city-dialog.character-dialog>header{background:#141d24;border-bottom:1px solid #bba36c26;margin:0;padding:12px 18px}#city-dialog.character-dialog #city-person{letter-spacing:.14em;margin:0 0 4px;font-size:9px}#city-dialog.character-dialog #city-title{margin:0;font-size:25px}#city-dialog.character-dialog #city-close{border-radius:8px;min-height:44px;padding:8px 12px;position:static}#city-dialog.character-dialog #city-body{flex:1;grid-template-rows:auto minmax(0,1fr) auto;max-height:none;padding:0;display:grid;overflow:hidden}#city-dialog.character-dialog .hero-tabs{flex-shrink:0;gap:24px;padding:0 18px;overflow-x:auto}#city-dialog.character-dialog .hero-tabs button{white-space:nowrap;min-height:44px;padding:10px 0;font-size:12px}#city-dialog.character-dialog .hero-content{overscroll-behavior:contain;height:auto;min-height:0;overflow:auto}#city-dialog.character-dialog .hero-layout{grid-template-columns:42% 58%;height:auto;min-height:100%}#city-dialog.character-dialog .hero-stage{height:auto;min-height:410px}#city-dialog.character-dialog .hero-storage{height:auto;padding:16px 20px;overflow:visible}#city-dialog.character-dialog .hero-name{padding-top:12px}#city-dialog.character-dialog .hero-name h3{font-size:23px}#city-dialog.character-dialog .gear-column{gap:6px;top:86px}#city-dialog.character-dialog .gear-slot{width:54px;height:48px;min-height:48px}#city-dialog.character-dialog .gear-slot svg{width:24px;height:24px}#city-dialog.character-dialog .gear-slot small{font-size:9px}#city-dialog.character-dialog .hero-portrait{width:calc(100% - 112px);height:calc(100% - 136px);inset:74px 56px 62px}#city-dialog.character-dialog .hero-footer{min-height:30px;padding:7px 18px}#city-dialog.character-dialog .hero-stats p{font-size:11px}#city-dialog.character-dialog .bag-filters button{min-height:44px;font-size:11px}#city-dialog.character-dialog .bag-search{min-height:44px}#city-dialog.character-dialog .bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:76px;max-height:none}#city-dialog.character-dialog .bag-cell{height:76px;max-height:76px}#city-dialog.character-dialog .bag-cell small{font-size:10px;line-height:12px}#city-dialog.character-dialog .item-action{min-height:44px}#city-dialog.character-dialog .item-inspector p{font-size:12px}#city-dialog.character-dialog .hunter-catalog{max-height:none;overflow:visible}@media (max-height:550px),(max-width:900px){:root{--mini-size:88px;--ui-gap:8px}#hud-overview{width:min(290px,calc(var(--ui-width) - 240px));gap:9px}#hud-overview #player-health{padding:7px 9px 8px}#hud-overview #district-name{font-size:11px}#hud-overview .hub-hint{font-size:10px}#world-tools .tool-row button{flex-direction:column;gap:2px;min-width:48px;padding:5px 7px;font-size:10px}#world-tools .tool-row svg{width:18px;height:18px}#world-tools .tool-row kbd{display:none}#world-tools #settings-open{min-width:44px}#city-dialog:not(.character-dialog){padding:12px}#city-dialog:not(.character-dialog)>header h2{font-size:20px}#city-dialog.character-dialog>header{padding:2px 12px}#city-dialog.character-dialog #city-title{font-size:21px}#city-dialog.character-dialog #city-person{display:none}#city-dialog.character-dialog .hero-tabs{gap:22px;padding:0 12px}#city-dialog.character-dialog .hero-footer{min-height:25px;padding:4px 12px;font-size:9px}#city-dialog.character-dialog .hero-storage{padding:12px}#city-dialog.character-dialog .hero-stats{gap:8px}#city-dialog.character-dialog .hero-stats small{font-size:9px}#city-dialog.character-dialog .hero-stats strong{font-size:18px}#city-dialog.character-dialog .bag-heading small{display:none}#city-dialog.character-dialog .bag-heading h3{font-size:20px}#city-dialog.character-dialog .bag-filters{flex-wrap:wrap}#city-dialog.character-dialog .bag-toolbar{gap:4px}#city-dialog.character-dialog .bag-search{flex:1;max-width:none}}@media (max-height:550px) and (min-width:601px){#city-dialog.character-dialog .hero-stage{min-height:344px}#city-dialog.character-dialog .hero-name{padding-top:8px}#city-dialog.character-dialog .hero-name small,#city-dialog.character-dialog .hero-name p{display:none}#city-dialog.character-dialog .hero-name h3{margin:0;font-size:20px}#city-dialog.character-dialog .gear-column{gap:5px;top:40px}#city-dialog.character-dialog .gear-left{left:10px}#city-dialog.character-dialog .gear-right{right:10px}#city-dialog.character-dialog .gear-slot{width:48px}#city-dialog.character-dialog .hero-portrait{height:calc(100% - 84px);top:36px;bottom:48px}#city-dialog.character-dialog .hero-halo{width:180px;height:180px}#city-dialog.character-dialog .artifact-slot{min-width:130px;bottom:24px;padding:4px 8px!important}#city-dialog.character-dialog .artifact-slot small,#city-dialog.character-dialog .artifact-slot i{display:none}#city-dialog.character-dialog .hero-appearance-note{font-size:8px}#city-dialog.character-dialog .bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-height:380px){:root{--mini-size:78px}#hud-overview{width:min(260px,calc(var(--ui-width) - 300px));gap:8px}#world-tools .hud-utility{flex-direction:row;align-items:center;gap:5px}#world-tools .tool-row button>span{display:none}#world-tools .tool-row button{min-width:44px}#world-tools #return-city{white-space:normal;max-width:108px}}@media (max-width:600px){#city-dialog.character-dialog .hero-layout{display:block}#city-dialog.character-dialog .hero-stage{min-height:420px}#city-dialog.character-dialog .hero-storage{padding:16px}#city-dialog.character-dialog .hero-tabs{gap:18px}#city-dialog.character-dialog .hero-tabs button{font-size:11px}#city-dialog.character-dialog .gear-column{top:90px}#city-dialog.character-dialog .bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.interaction-button{max-width:calc(var(--ui-width) - 300px)}}.gear-rack{display:contents}@media (max-height:550px) and (min-width:601px){#city-dialog.character-dialog .hero-content:has(.hero-layout){overflow:hidden}#city-dialog.character-dialog .hero-layout,#city-dialog.character-dialog .hero-stage{height:100%;min-height:0}#city-dialog.character-dialog .hero-name{width:calc(100% - 128px);padding:7px 3px 0}#city-dialog.character-dialog .hero-name h3{font-size:16px}#city-dialog.character-dialog .hero-portrait{width:calc(100% - 130px);height:calc(100% - 36px);inset:32px 126px 4px 4px}#city-dialog.character-dialog .hero-halo{width:110px;height:110px;left:calc(50% - 60px)}#city-dialog.character-dialog .hero-appearance-note{display:none}#city-dialog.character-dialog .gear-rack{scrollbar-width:thin;overscroll-behavior:contain;grid-template-columns:1fr 1fr;align-content:start;gap:6px;width:116px;padding:2px;display:grid;position:absolute;inset:7px 8px 7px auto;overflow:hidden auto}#city-dialog.character-dialog .gear-rack:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#city-dialog.character-dialog .gear-column{gap:5px;position:static}#city-dialog.character-dialog .gear-slot{width:48px}#city-dialog.character-dialog .artifact-slot{grid-column:1/-1;gap:5px;width:100%;min-width:0;min-height:44px;position:static;transform:none}#city-dialog.character-dialog .artifact-slot span{font-size:10px}#city-dialog.character-dialog .artifact-slot svg{width:18px;height:18px}#city-dialog.character-dialog .hero-storage{scrollbar-width:thin;overscroll-behavior:contain;height:100%;min-height:0;padding:6px 12px;overflow:auto}#city-dialog.character-dialog .hero-stats{gap:10px;padding-bottom:4px}#city-dialog.character-dialog .hero-stats strong{font-size:16px}#city-dialog.character-dialog .hero-stats small{margin-right:5px;font-size:8px;display:inline}#city-dialog.character-dialog .hero-stats p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#city-dialog.character-dialog .hero-hp{display:none}#city-dialog.character-dialog .bag-heading{margin:6px 0}#city-dialog.character-dialog .bag-heading h3{margin:0;font-size:17px}#city-dialog.character-dialog .bag-count{padding:4px 6px;font-size:9px}#city-dialog.character-dialog .bag-toolbar{flex-wrap:nowrap;gap:6px;margin-bottom:7px}#city-dialog.character-dialog .bag-filters{scrollbar-width:thin;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto}#city-dialog.character-dialog .bag-filters button{flex-shrink:0;padding:5px;font-size:10px}#city-dialog.character-dialog .bag-search{flex:0 0 90px;width:90px;min-width:0;font-size:11px}#city-dialog.character-dialog .bag-grid{grid-auto-rows:64px;gap:5px}#city-dialog.character-dialog .bag-cell{height:64px;max-height:64px}#city-dialog.character-dialog .bag-cell small{font-size:9px;line-height:11px}#city-dialog.character-dialog .bag-cell>span>svg{width:24px;height:24px}}@media (min-height:551px) and (min-width:901px){#city-dialog.character-dialog .hero-content:has(.hero-layout){overflow:hidden}#city-dialog.character-dialog .hero-layout,#city-dialog.character-dialog .hero-stage{height:100%;min-height:0}#city-dialog.character-dialog .hero-storage{scrollbar-width:thin;height:100%;min-height:0;overflow:auto}}