:root{font-size:clamp(11px,calc(4px + 1.111vmin),26px);--jarn-panel-bg: rgba(22, 28, 38, .92);--jarn-panel-bg-solid: #161c26;--jarn-panel-border: rgba(126, 146, 172, .34);--jarn-panel-border-strong: rgba(158, 180, 208, .6);--jarn-text: #eef2f7;--jarn-text-dim: #8b98a8;--jarn-accent: #7fd858;--jarn-accent-gold: #f5c542;--jarn-hp-red: #e6362f;--jarn-hp-red-dark: #7a1512;--jarn-energy-blue: #2f7dff;--jarn-energy-blue-dark: #123a7a;--jarn-xp-purple: #a24dd8;--jarn-xp-purple-dark: #4a1f6e;--jarn-slot-bg: rgba(13, 19, 29, .86);--jarn-slot-bg-filled: rgba(34, 44, 58, .9);--jarn-slot-border: rgba(150, 172, 200, .42);--jarn-radius: .75rem;--jarn-radius-sm: .5rem;--jarn-slot-radius: .5rem;--jarn-border-width: .125rem;--jarn-gap: .375rem;--jarn-pad: .625rem;--jarn-hud-inset: .75rem;--jarn-slot-size: 3.25rem;--jarn-orb-size: 5.5rem;--jarn-orb-gap: 1rem;--jarn-xpbar-height: 1rem;--jarn-hotbar-bottom: calc(.375rem + var(--jarn-xpbar-height) + .25rem);--jarn-shadow: 0 .375rem 1.375rem rgba(0, 0, 0, .55);--jarn-header-spacing: .03125rem;--jarn-slot-bevel: inset 0 .0625rem 0 rgba(255, 255, 255, .14), inset 0 -.1875rem .375rem rgba(0, 0, 0, .45);--jarn-slot-gloss: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(0, 0, 0, .14))}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden;background:#0b0e12;font-family:system-ui,sans-serif;color:var(--jarn-text)}#app{position:relative}#app canvas{display:block}.jarn-login{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1a2330,#0b0e12);z-index:10}.jarn-login-card{width:min(22.5rem,90vw);padding:2rem;text-align:center;background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius);box-shadow:var(--jarn-shadow),inset 0 .0625rem #ffffff0f}.jarn-login-card h1{margin:0 0 .25rem;letter-spacing:.5rem;font-size:2.625rem;color:var(--jarn-accent);text-shadow:0 .125rem .625rem rgba(0,0,0,.6)}.jarn-login-card p{margin:0 0 1.25rem;color:var(--jarn-text-dim);font-size:.8125rem}.jarn-login-input,.jarn-login-btn{width:100%;padding:.75rem .875rem;border-radius:var(--jarn-radius-sm);font-size:.9375rem;border:var(--jarn-border-width) solid var(--jarn-panel-border)}.jarn-login-input{background:var(--jarn-slot-bg);color:var(--jarn-text);margin-bottom:.75rem;box-shadow:var(--jarn-slot-bevel)}.jarn-login-btn{background:var(--jarn-energy-blue);color:#fff;border-color:var(--jarn-energy-blue);cursor:pointer;font-weight:600;letter-spacing:var(--jarn-header-spacing)}.jarn-login-btn:hover{background:#3f8bff}.jarn-login-btn:disabled{background:var(--jarn-slot-bg);border-color:var(--jarn-panel-border);color:var(--jarn-text-dim);cursor:default}.jarn-login-error{min-height:1.125rem;margin-top:.625rem;color:var(--jarn-hp-red);font-size:.8125rem}.jarn-login-toggle{margin-top:.375rem;padding:.25rem .5rem;border:none;background:none;color:var(--jarn-accent);font-size:.8125rem;cursor:pointer;text-decoration:underline}.jarn-login-toggle:hover{color:#fff}.jarn-login-toggle:disabled{color:var(--jarn-text-dim);cursor:default;text-decoration:none}.jarn-login-dev{margin-top:1.25rem;padding-top:.875rem;border-top:.0625rem dashed var(--jarn-panel-border)}.jarn-login-dev-title{margin-bottom:.5rem;color:var(--jarn-accent-gold);font-size:.6875rem;font-weight:700;letter-spacing:.09375rem;text-transform:uppercase}.jarn-logout{position:absolute;top:var(--jarn-hud-inset);left:50%;transform:translate(-50%);z-index:6;padding:.25rem .5625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);box-shadow:var(--jarn-shadow);color:var(--jarn-text-dim);letter-spacing:var(--jarn-header-spacing);font:700 .75rem/1.4 system-ui,sans-serif;cursor:pointer}.jarn-logout:hover{color:#fff;border-color:var(--jarn-panel-border-strong)}.jarn-logout:disabled{color:var(--jarn-text-dim);cursor:default}.jarn-chat{position:absolute;left:var(--jarn-hud-inset);bottom:var(--jarn-hud-inset);width:min(23.75rem,60vw);z-index:5}.jarn-chat-log{max-height:11.25rem;overflow-y:auto;padding:.5rem .625rem;margin-bottom:.375rem;background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius-sm);box-shadow:var(--jarn-shadow);font-size:.8125rem;line-height:1.4}.jarn-chat-line{word-wrap:break-word}.jarn-chat-from{color:var(--jarn-accent);font-weight:600}.jarn-chat-input{width:100%;padding:.5rem .625rem;border-radius:var(--jarn-radius-sm);border:var(--jarn-border-width) solid var(--jarn-panel-border);background:var(--jarn-panel-bg);color:var(--jarn-text);font-size:.8125rem}.jarn-debug-stats{position:absolute;top:var(--jarn-hud-inset);right:var(--jarn-hud-inset);z-index:6;padding:.5rem .625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);color:#9fe8a2;font:.75rem/1.5 ui-monospace,monospace;white-space:pre;pointer-events:none}.jarn-skills{position:absolute;top:var(--jarn-hud-inset);left:var(--jarn-hud-inset);z-index:5;width:10.5rem;pointer-events:none}.jarn-skills-header{display:inline-block;padding:.25rem .5625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);box-shadow:var(--jarn-shadow);color:var(--jarn-accent);letter-spacing:var(--jarn-header-spacing);font:700 .75rem/1.4 system-ui,sans-serif;cursor:pointer;pointer-events:auto;user-select:none}.jarn-skills-header:hover{color:#fff;border-color:var(--jarn-panel-border-strong)}.jarn-skills-body{display:flex;flex-direction:column;gap:.1875rem;margin-top:.25rem}.jarn-skills-collapsed .jarn-skills-body{display:none}.jarn-skills-row{position:relative;display:flex;justify-content:space-between;gap:.5rem;padding:.25rem .5625rem .375rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);color:var(--jarn-accent-gold);font:.75rem/1.4 system-ui,sans-serif;overflow:hidden}.jarn-skills-name{color:var(--jarn-text-dim)}.jarn-skills-level{font-weight:700;color:var(--jarn-accent-gold)}.jarn-skills-bar{position:absolute;left:0;right:0;bottom:0;height:.1875rem;background:#ffffff14}.jarn-skills-bar-fill{height:100%;width:0%;background:var(--jarn-xp-purple)}.jarn-skills-gain{animation:jarn-skills-flash .6s ease-out}@keyframes jarn-skills-flash{0%{background:#f5c54280}to{background:var(--jarn-panel-bg)}}.jarn-factions{position:absolute;top:50%;left:var(--jarn-hud-inset);transform:translateY(-50%);z-index:5;width:12.5rem;pointer-events:none}.jarn-factions-header{display:block;padding:.25rem 2rem .25rem .5625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);box-shadow:var(--jarn-shadow);color:var(--jarn-accent);letter-spacing:var(--jarn-header-spacing);font:700 .75rem/1.4 system-ui,sans-serif;cursor:pointer;pointer-events:auto;user-select:none}.jarn-factions-header:hover{color:#fff;border-color:var(--jarn-panel-border-strong)}.jarn-factions .jarn-close{pointer-events:auto}.jarn-factions-collapsed .jarn-close{display:none}.jarn-factions-body{display:flex;flex-direction:column;gap:.1875rem;margin-top:.25rem}.jarn-factions-collapsed .jarn-factions-body{display:none}.jarn-factions-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:.5rem;padding:.25rem .5625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);font:.75rem/1.4 system-ui,sans-serif}.jarn-factions-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jarn-factions-rep{color:var(--jarn-accent-gold);font-weight:700;font-variant-numeric:tabular-nums}.jarn-rep-stance{font-weight:700;font-size:.625rem;letter-spacing:var(--jarn-header-spacing)}.jarn-rep-stance-friendly{color:var(--jarn-accent)}.jarn-rep-stance-hostile{color:var(--jarn-hp-red)}.jarn-rep-stance-neutral{color:var(--jarn-text-dim)}.jarn-factions-empty{padding:.25rem .5625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);color:var(--jarn-text-dim);font:.75rem/1.4 system-ui,sans-serif}.jarn-xp-toasts{position:absolute;left:50%;top:34%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:.125rem;z-index:6;pointer-events:none}.jarn-xp-toast{padding:.125rem .625rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);color:var(--jarn-accent-gold);font:700 .8125rem/1.5 system-ui,sans-serif;text-shadow:0 .0625rem .125rem rgba(0,0,0,.8);animation:jarn-xp-drift 1.6s ease-out forwards}@keyframes jarn-xp-drift{0%{opacity:0;transform:translateY(.375rem)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-3.375rem)}}.jarn-levelup{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:7;pointer-events:none}.jarn-levelup-banner{padding:.625rem 1.625rem;border:var(--jarn-border-width) solid var(--jarn-accent-gold);border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);color:var(--jarn-accent-gold);font:700 1.375rem/1.3 system-ui,sans-serif;letter-spacing:var(--jarn-header-spacing);text-shadow:0 0 .75rem rgba(245,197,66,.7);white-space:nowrap;animation:jarn-levelup-pop 2s ease-out forwards}@keyframes jarn-levelup-pop{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.08);box-shadow:0 0 2.125rem #f5c5428c}22%{transform:scale(1)}80%{opacity:1;box-shadow:0 0 1.125rem #f5c54240}to{opacity:0;transform:scale(1)}}.jarn-zonesplash{position:absolute;left:50%;top:30%;transform:translate(-50%);z-index:8;text-align:center;pointer-events:none}.jarn-zonesplash-card{animation:jarn-zonesplash-fade 2.4s ease-out forwards}.jarn-zonesplash-title{font:700 2.75rem/1.15 system-ui,sans-serif;letter-spacing:.09375rem;text-shadow:0 .125rem .5rem rgba(0,0,0,.85)}.jarn-zonesplash-sub{margin-top:.25rem;font:700 1.125rem/1.3 system-ui,sans-serif;letter-spacing:var(--jarn-header-spacing);text-shadow:0 .0625rem .375rem rgba(0,0,0,.85)}@keyframes jarn-zonesplash-fade{0%{opacity:0;transform:translateY(-.75rem)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(0)}}.jarn-inventory{position:absolute;right:var(--jarn-hud-inset);bottom:.875rem;width:13rem;z-index:5;padding:.5rem .625rem;border-radius:var(--jarn-radius);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);box-shadow:var(--jarn-shadow);font:.75rem/1.4 system-ui,sans-serif}.jarn-inventory-header{margin-bottom:.375rem;font-weight:700;letter-spacing:var(--jarn-header-spacing);color:var(--jarn-accent)}.jarn-equip-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.1875rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:.0625rem solid var(--jarn-panel-border)}.jarn-equip-slot{height:1.5rem;border-radius:var(--jarn-slot-radius);background:var(--jarn-slot-gloss),var(--jarn-slot-bg);border:var(--jarn-border-width) solid var(--jarn-slot-border);box-shadow:var(--jarn-slot-bevel);font-size:.5625rem;line-height:calc(1.5rem - 2 * var(--jarn-border-width));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.jarn-equip-empty{color:var(--jarn-text-dim)}.jarn-inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.jarn-inventory-slot{position:relative;height:2.625rem;border-radius:var(--jarn-slot-radius);background:var(--jarn-slot-gloss),var(--jarn-slot-bg);border:var(--jarn-border-width) solid var(--jarn-slot-border);box-shadow:var(--jarn-slot-bevel)}.jarn-inventory-filled{display:flex;align-items:center;justify-content:center;background:var(--jarn-slot-gloss),var(--jarn-slot-bg-filled);color:var(--jarn-text);border:var(--jarn-border-width) solid var(--jarn-slot-border)}.jarn-inventory-abbrev{font-size:.625rem;text-align:center;pointer-events:none}.jarn-inventory-qty{position:absolute;top:.0625rem;right:.1875rem;color:var(--jarn-accent-gold);font-size:.625rem;text-shadow:0 .0625rem .0625rem rgba(0,0,0,.9);pointer-events:none}.jarn-inventory-actionable{cursor:pointer}.jarn-inventory-actionable:hover{border-color:var(--jarn-panel-border-strong);background:var(--jarn-slot-gloss),#3c4a5ae6}.jarn-station{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);min-width:15rem;z-index:12;padding:.625rem .75rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);font:.8125rem/1.5 system-ui,sans-serif}.jarn-station-title{font-weight:700;font-size:.9375rem;letter-spacing:var(--jarn-header-spacing);color:var(--jarn-accent)}.jarn-station-hint{margin-bottom:.375rem;color:var(--jarn-text-dim);font-size:.6875rem}.jarn-station-empty{color:var(--jarn-text-dim)}.jarn-station-recipe{padding:.3125rem .4375rem;border-radius:var(--jarn-radius-sm);cursor:pointer}.jarn-station-recipe:hover{background:#ffffff1a}.jarn-station-recipe-name{color:var(--jarn-accent-gold);font-weight:600}.jarn-station-recipe-meta{color:var(--jarn-text-dim);font-size:.6875rem}.jarn-actionbar{position:absolute;bottom:var(--jarn-hotbar-bottom);left:50%;transform:translate(-50%);display:flex;gap:var(--jarn-gap);z-index:10}.jarn-actionbar-slot{position:relative;width:var(--jarn-slot-size);height:var(--jarn-slot-size);border:var(--jarn-border-width) solid var(--jarn-slot-border);border-radius:var(--jarn-slot-radius);background:var(--jarn-slot-gloss),var(--jarn-slot-bg);box-shadow:var(--jarn-slot-bevel),0 .125rem .375rem #0006;color:var(--jarn-text);font:700 .75rem system-ui,sans-serif;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.jarn-actionbar-slot:hover{border-color:var(--jarn-panel-border-strong)}.jarn-actionbar-ready{border-color:var(--jarn-accent)}.jarn-actionbar-key{position:absolute;top:.125rem;left:.3125rem;font-size:.625rem;font-weight:700;color:var(--jarn-accent-gold);opacity:.85}.jarn-actionbar-label{pointer-events:none}.jarn-actionbar-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#000000a6;pointer-events:none}.jarn-bank{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:18.75rem;z-index:12;padding:.625rem .75rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);font:.8125rem/1.5 system-ui,sans-serif}.jarn-bank-header{display:flex;align-items:center;justify-content:space-between}.jarn-bank-title{font-weight:700;font-size:.9375rem;letter-spacing:var(--jarn-header-spacing);color:var(--jarn-accent)}.jarn-bank-hint{margin-bottom:.375rem;color:var(--jarn-text-dim);font-size:.6875rem}.jarn-bank-list{max-height:20rem;overflow-y:auto}.jarn-bank-empty{color:var(--jarn-text-dim)}.jarn-bank-row{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem .4375rem;border-radius:var(--jarn-radius-sm);cursor:pointer}.jarn-bank-row:hover{background:#ffffff1a}.jarn-bank-name{color:var(--jarn-text)}.jarn-bank-qty{color:var(--jarn-accent-gold)}.jarn-trade{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:23.75rem;z-index:12;padding:.75rem .875rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);font:.8125rem/1.5 system-ui,sans-serif}.jarn-trade-header{margin-bottom:.5rem;font-weight:700;font-size:.9375rem;letter-spacing:var(--jarn-header-spacing);color:var(--jarn-accent)}.jarn-trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.jarn-trade-col{display:flex;flex-direction:column}.jarn-trade-col-title{margin-bottom:.25rem;color:var(--jarn-text-dim);font-weight:600;letter-spacing:var(--jarn-header-spacing);font-size:.75rem}.jarn-trade-list{min-height:7.5rem;max-height:12.5rem;overflow-y:auto;padding:.25rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-slot-bg);box-shadow:var(--jarn-slot-bevel)}.jarn-trade-empty{color:var(--jarn-text-dim);font-size:.6875rem}.jarn-trade-row{display:flex;justify-content:space-between;gap:.375rem;padding:.125rem .3125rem;border-radius:.25rem;color:var(--jarn-text)}.jarn-trade-removable{cursor:pointer}.jarn-trade-removable:hover{background:#e6362f47}.jarn-trade-qty{color:var(--jarn-accent-gold)}.jarn-trade-confirm{margin-top:.375rem;color:var(--jarn-text-dim);font-size:.6875rem}.jarn-trade-ok{color:var(--jarn-accent);font-weight:600}.jarn-trade-status{margin:.625rem 0;text-align:center;color:var(--jarn-accent-gold);font-size:.75rem}.jarn-trade-buttons{display:flex;gap:.5rem}.jarn-trade-btn{flex:1;padding:.5rem 0;border-radius:var(--jarn-radius-sm);border:var(--jarn-border-width) solid var(--jarn-panel-border);font:600 .8125rem system-ui,sans-serif;cursor:pointer}.jarn-trade-btn-confirm{background:#2f7d43;border-color:#2f7d43;color:#fff}.jarn-trade-btn-confirm:hover{background:#37954f}.jarn-trade-btn-cancel{background:var(--jarn-slot-bg);color:var(--jarn-text)}.jarn-trade-btn-cancel:hover{border-color:var(--jarn-panel-border-strong)}.jarn-menu{position:absolute;z-index:14;min-width:8.75rem;padding:.25rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);font:.8125rem/1.5 system-ui,sans-serif;user-select:none}.jarn-menu-entry{padding:.25rem .625rem;border-radius:var(--jarn-radius-sm);color:var(--jarn-text);white-space:nowrap;cursor:pointer}.jarn-menu-entry:hover{background:#ffffff1f;color:var(--jarn-accent-gold)}.jarn-tooltip{position:fixed;z-index:20;padding:.1875rem .5625rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);color:var(--jarn-text);font:.75rem/1.4 system-ui,sans-serif;white-space:nowrap;pointer-events:none}.jarn-close{position:absolute;top:.5rem;right:.5rem;width:1.375rem;height:1.375rem;padding:0;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius-sm);background:var(--jarn-slot-bg);color:var(--jarn-text-dim);font-size:.9375rem;line-height:1;cursor:pointer}.jarn-close:hover{color:#fff;border-color:var(--jarn-panel-border-strong)}.jarn-runbtn{position:absolute;bottom:calc(var(--jarn-hotbar-bottom) + var(--jarn-slot-size) + .625rem);left:50%;transform:translate(-50%);z-index:10;min-width:4rem;padding:.3125rem .75rem;border:var(--jarn-border-width) solid var(--jarn-slot-border);border-radius:var(--jarn-slot-radius);background:var(--jarn-slot-gloss),var(--jarn-slot-bg);box-shadow:var(--jarn-slot-bevel);color:var(--jarn-text);font:700 .75rem system-ui,sans-serif;cursor:pointer}.jarn-runbtn:hover{border-color:var(--jarn-panel-border-strong)}.jarn-runbtn-key{position:absolute;top:.0625rem;left:.25rem;font-size:.5625rem;font-weight:700;color:var(--jarn-accent-gold);opacity:.85}.jarn-runbtn-on{color:var(--jarn-accent-gold);border-color:var(--jarn-accent-gold)}.jarn-cockpit{position:absolute;left:50%;bottom:.375rem;transform:translate(-50%);width:calc(var(--jarn-cockpit-slots, 5) * var(--jarn-slot-size) + (var(--jarn-cockpit-slots, 5) - 1) * var(--jarn-gap) + 2 * (var(--jarn-orb-gap) + var(--jarn-orb-size)));height:calc(var(--jarn-orb-size) + .125rem);z-index:9;pointer-events:none}.jarn-orb{position:absolute;bottom:.125rem;width:var(--jarn-orb-size);height:var(--jarn-orb-size);border-radius:50%;border:var(--jarn-border-width) solid var(--jarn-slot-border);box-shadow:var(--jarn-slot-bevel),0 .1875rem .75rem #0000008c;overflow:hidden;display:flex;align-items:center;justify-content:center}.jarn-orb-left{left:0}.jarn-orb-right{right:0}.jarn-orb-hp{background:radial-gradient(circle at 50% 42%,var(--jarn-hp-red-dark),#180605 78%)}.jarn-orb-energy{background:radial-gradient(circle at 50% 42%,var(--jarn-energy-blue-dark),#05122a 78%)}.jarn-orb-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transition:height .28s ease-out}.jarn-orb-hp .jarn-orb-fill{background:linear-gradient(180deg,var(--jarn-hp-red),var(--jarn-hp-red-dark))}.jarn-orb-energy .jarn-orb-fill{background:linear-gradient(180deg,var(--jarn-energy-blue),var(--jarn-energy-blue-dark))}.jarn-orb-gloss{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ffffff80,#fff0 44%)}.jarn-orb-label{position:relative;z-index:2;color:var(--jarn-text);font:700 .9375rem/1 system-ui,sans-serif;text-shadow:0 .0625rem .1875rem rgba(0,0,0,.95)}.jarn-xpbar{position:absolute;left:0;right:0;bottom:0;height:var(--jarn-xpbar-height);border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius-sm);background:var(--jarn-slot-bg);box-shadow:var(--jarn-slot-bevel);overflow:hidden}.jarn-xpbar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(180deg,var(--jarn-xp-purple),var(--jarn-xp-purple-dark));transition:width .28s ease-out}.jarn-xpbar-text{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;color:var(--jarn-text);font:700 .6875rem/1 system-ui,sans-serif;letter-spacing:var(--jarn-header-spacing);text-shadow:0 .0625rem .125rem rgba(0,0,0,.95)}.jarn-minimap{position:absolute;top:var(--jarn-hud-inset);right:var(--jarn-hud-inset);z-index:6;width:11.5rem;padding:.375rem;border:var(--jarn-border-width) solid var(--jarn-panel-border);border-radius:var(--jarn-radius);background:var(--jarn-panel-bg);box-shadow:var(--jarn-shadow);pointer-events:none}.jarn-minimap-header{margin-bottom:.3125rem;text-align:center;color:var(--jarn-accent);font:700 .8125rem/1.3 system-ui,sans-serif;letter-spacing:var(--jarn-header-spacing);text-shadow:0 .0625rem .1875rem rgba(0,0,0,.8)}.jarn-minimap-badge{display:inline-block;margin-left:.375rem;padding:0 .3125rem;border:.0625rem solid currentcolor;border-radius:var(--jarn-radius-sm);font:700 .625rem/1.4 system-ui,sans-serif;letter-spacing:var(--jarn-header-spacing);vertical-align:.0625rem}.jarn-minimap-badge:empty{display:none}.jarn-minimap-badge-safe{color:var(--jarn-accent)}.jarn-minimap-badge-pvp{color:var(--jarn-hp-red)}.jarn-minimap-badge-faction{font-weight:700}.jarn-minimap-canvas{display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--jarn-radius-sm);box-shadow:var(--jarn-slot-bevel)}.jarn-minimap-coords{margin-top:.25rem;text-align:center;color:var(--jarn-accent-gold);font:700 .6875rem/1.3 ui-monospace,monospace}.jarn-worldevents{position:absolute;top:calc(var(--jarn-hud-inset) + 15rem);right:var(--jarn-hud-inset);z-index:6;width:13rem;display:flex;flex-direction:column;align-items:flex-end;gap:.1875rem;pointer-events:none}.jarn-worldevents-title{color:var(--jarn-accent);font:700 .625rem/1.4 system-ui,sans-serif;letter-spacing:.09375rem;text-shadow:0 .0625rem .1875rem rgba(0,0,0,.8)}.jarn-worldevent{max-width:100%;padding:.1875rem .5rem;border-radius:var(--jarn-radius-sm);background:var(--jarn-panel-bg);border:var(--jarn-border-width) solid var(--jarn-panel-border);box-shadow:var(--jarn-shadow);color:var(--jarn-text);font:.6875rem/1.35 system-ui,sans-serif;text-align:right;animation:jarn-worldevent-life 8s ease-out forwards}@keyframes jarn-worldevent-life{0%{opacity:0;transform:translate(.5rem)}6%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0;transform:translate(0)}}