:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;--bg:#0e0c0b;--bg-glow:#221a15;--bar:#141110;--pill:#171312d9;--ring-center:#171312;--frame-outer:#5e5651;--frame-inner:#322c2a;--frame-fill:#0e0c0b;--card-top:#1d1817;--card-bottom:#141110;--line:#2a2421;--line-strong:#433c38;--track:#302720;--text:#e3d8c4;--text-muted:#94897d;--accent:#d06a32;--hp:#b8322a;--orb-hi:#4a3a30;--orb-lo:#171312;--orb-rim:#746a63;--gold:#e2c48a;--mod:#6969ff;--rarity-normal:#fff;--rarity-magic:#2364ff;--rarity-rare:#ff6c23;--rarity-unique:#b323ff;--fell:"IM Fell English SC", serif;color:var(--text);background:var(--bg);font:1rem/1.4 Karla,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(120% 60% at 50% 0%, var(--bg-glow) 0%, var(--bg) 60%) fixed;margin:0}a{color:inherit;text-decoration:none}button{all:unset;box-sizing:border-box;cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.app{height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.top{flex:none;align-items:center;gap:10px;padding:4px 14px 0;display:flex}.settings-link{background:url(/ui/settings.png) 50%/32px no-repeat;flex:none;width:44px;height:44px}.activity{flex:1}.side-nav{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--bar);color:var(--text);font:1rem var(--fell);flex-direction:column;flex:none;order:1;display:flex}.wordmark{text-align:center;font:1.375rem var(--fell);color:var(--gold);background:url(/ui/divider.png) 20px bottom/calc(100% - 40px) 7px no-repeat;margin-bottom:8px;padding:0 20px 22px}.side-nav img{opacity:.7;width:32px;height:32px}.side-nav a:hover img,.side-nav .active img{opacity:1}.side-nav a{min-height:44px;color:var(--text-muted);border-left:2px solid #0000;align-items:center;gap:12px;padding:0 20px;display:flex}.nav-main{flex:1;display:flex}.side-nav .nav-main a{min-height:0;font:.75rem var(--fell);letter-spacing:.02em;border:0 solid #0000;border-top-width:2px;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 0}.side-nav .nav-main img{width:28px;height:28px}.nav-foot{padding:12px 0;position:relative}.nav-foot:before{content:"";background:url(/ui/divider.png) 50%/100% 100% no-repeat;height:7px;position:absolute;inset:0 20px auto;transform:rotate(180deg)}.side-nav a:hover{color:var(--text)}.side-nav a.active{color:var(--gold);border-color:var(--gold);background:#e2c48a0f}@media (width<=1023px){.wordmark,.nav-foot{display:none}}.activity{border-style:solid;border-width:9px 22px;border-image:url(/ui/pill.png) 18 42 fill/9px 22px;align-items:center;gap:12px;min-width:0;padding:2px 4px;display:flex}.ring{background:conic-gradient(var(--accent) var(--pct), var(--track) 0);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.ring:after{content:"";background:var(--ring-center);border-radius:50%;width:22px;height:22px}.activity-text{flex-direction:column;flex:1;min-width:0;display:flex}.activity-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-text span:first-child{font-size:.875rem;font-weight:500}.hud{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.hp-bar{background:linear-gradient(90deg, var(--hp) var(--pct), var(--track) 0);border-radius:3px;flex:1;height:6px}.bench{flex-direction:column;flex:1;min-height:0;display:flex}.bench .building-head{padding:16px 16px 0}.item-wrap{flex:1;padding:18px 18px 16px;overflow:auto}.orbs{border-top:1px solid var(--line);flex:none;order:1;justify-content:space-around;gap:2px;padding:10px 8px 12px;display:flex}.orb{text-align:center;flex-direction:column;flex:0 76px;align-items:center;gap:5px;min-width:0;font-size:.75rem;line-height:1.15;display:flex}.orb-glyph{aspect-ratio:1;background:url(/ui/ring.png) center / contain, radial-gradient(circle at 38% 32%, var(--orb-hi), var(--orb-lo) 62%);width:min(56px,100%);font:1.0625rem var(--fell);color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.orb-detail{display:none}.orb-short{font-size:.625rem}.item{background:var(--frame-fill) padding-box;border:14px solid;border-image:url(/ui/frame.png) 48/14px;padding:2px}.normal{--rarity:var(--rarity-normal)}.magic{--rarity:var(--rarity-magic)}.rare{--rarity:var(--rarity-rare)}.unique{--rarity:var(--rarity-unique)}.slot.normal{border-image:url(/ui/rarity-normal.png) 4/4px}.slot.magic{border-image:url(/ui/rarity-magic.png) 4/4px}.slot.rare{border-image:url(/ui/rarity-rare.png) 4/4px}.slot.unique{border-image:url(/ui/rarity-unique.png) 4/4px}.item-inner{border:1px solid var(--frame-inner);background:linear-gradient(var(--card-top), var(--card-bottom));text-align:center}.item header{border-bottom:1px solid var(--frame-inner);background:linear-gradient(90deg,#0000,#e2c48a0f,#0000);padding:14px 12px 12px}.item-icon{height:120px;margin:0 auto 10px;display:block}.item h2{font:400 1.5rem/1.1 var(--fell);color:var(--rarity);margin:0}.item .kind{letter-spacing:.14em;text-transform:uppercase;color:var(--rarity);margin-top:6px;font-size:.75rem}.ilvl{display:none}.item ul{margin:0;padding:6px 0;list-style:none}.item li{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:50px;padding:7px 14px;display:flex}.props{align-content:start;gap:4px;margin:0;font-size:.875rem;display:grid}.weapon-props{border-bottom:1px solid var(--frame-inner);grid-template-columns:1fr 1fr;gap:12px;padding:10px 14px;display:grid}.props div{justify-content:center;gap:6px;display:flex}.props dt{color:var(--text-muted)}.props dt:after{content:":"}.props dd{color:var(--text);margin:0}.panel .props div{justify-content:space-between}.slot[aria-expanded=true]{filter:brightness(1.3)}.inspect,.inspect .item{display:grid}.inspect .item-inner{flex-direction:column;justify-content:center;display:flex}.inspect .item-inner:has(header){justify-content:start}.inspect li{min-height:0;padding:4px 12px}.inspect .mod{font-size:.9375rem}.mod{color:var(--mod)}.tier{color:var(--text-muted);font-size:.75rem}.empty{color:var(--text-muted);margin:0;padding:22px 12px;font-style:italic}@media (width>=1024px){body{background:radial-gradient(80% 70% at 50% 30%, var(--bg-glow) 0%, var(--bg) 65%) fixed}.app{padding:0 0 0 180px}.side-nav{border:0;border-right:1px solid var(--line);width:180px;padding:0;position:fixed;inset:0 auto 0 0}.nav-main{flex-direction:column}.side-nav .nav-main a{border-width:0 0 0 2px;gap:10px;font-size:1.125rem}.side-nav .nav-main img{width:72px;height:72px}.wordmark{justify-content:center;align-items:center;height:64px;padding-bottom:0;display:flex}.side-nav a{min-height:38px;font-size:.9375rem}.top{border-bottom:1px solid var(--line);background:#0a0b0a99;height:64px;padding:0 24px}.activity{flex:none;width:320px;margin:0 auto;padding:0 8px 0 2px}.ring{width:28px;height:28px}.ring:after{width:20px;height:20px}.settings-link,.orb-short{display:none}.bench{grid-template-columns:200px minmax(0,520px);justify-content:center;align-items:start;gap:16px 40px;padding:32px 24px;display:grid;overflow:auto}.item-wrap{padding:0;overflow:visible}.bench .building-head{grid-column:1/-1;padding:0}.orbs{border:0;flex-direction:column;order:0;gap:14px;padding:30px 0 0}.orb{text-align:left;border-radius:999px;flex-direction:row;flex:none;gap:14px;width:100%;padding:6px;font-size:.9375rem;line-height:1.4}.orb:not(:disabled):hover{background:#d06a321a}.orb-detail{flex-direction:column;display:flex}.orb-detail small{color:var(--text-muted);font-size:.75rem}.item header{padding:18px 16px 14px}.item h2{font-size:1.875rem}.item .kind{margin-top:8px}.ilvl{display:inline}.item ul{padding:10px 0}.item li{min-height:52px;padding:8px 16px}.mod{font-size:1.125rem}.tier{font-size:.8125rem}.empty{padding:28px}}dialog.away{width:min(420px,100vw - 32px);color:var(--text);text-align:center;padding:12px 16px;animation:.2s ease-out pop}dialog.away:not([open]){display:none}.away::backdrop{background:#000a}.away .btn{align-self:center}.blank{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.blank h2{font:400 1.5rem var(--fell);color:var(--text);margin:0}.blank p{margin:0}.login{box-sizing:border-box;place-items:center;min-height:100dvh;padding:16px;display:grid}.login .panel{width:min(100%,320px);color:var(--text)}.login p{margin:0}.player-email{overflow-wrap:anywhere;min-width:0}.login h2{font:400 1.5rem var(--fell);text-align:center;margin:0}.login input{font:inherit;border:1px solid var(--line-strong);background:var(--bar);min-height:44px;color:inherit;border-radius:4px;padding:0 10px;font-size:16px}.login .error{color:var(--hp);margin:0}.login button.muted{text-align:center;min-height:44px}.page{flex-direction:column;flex:1;gap:14px;width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.panel{background:linear-gradient(var(--card-top), var(--card-bottom)) padding-box;border:14px solid;border-image:url(/ui/frame.png) 48/14px;flex-direction:column;gap:10px;padding:6px 8px;display:flex}.panel h3{font:400 1.125rem var(--fell);color:var(--gold);margin:0}.panel p{margin:0;font-size:.875rem}.muted{color:var(--text-muted)}.status{color:var(--accent)}.bar{text-shadow:0 1px 2px #000;background:linear-gradient(90deg, #8c3d1f var(--pct), var(--track) 0) padding-box;border-style:solid;border-width:3px;border-image:url(/ui/hp-frame.png) 5/3px;justify-content:space-between;padding:2px 8px;font-size:.8125rem;display:flex}.rotation{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rotation select{appearance:none;min-height:40px;color:var(--text);font:inherit;text-align:center;text-align-last:center;background:0 0;border-style:solid;border-width:5px 8px;border-image:url(/ui/btn-dark.png) 16 26 fill/5px 8px;padding:0 8px;font-size:.875rem}.zone-title{font:400 1.375rem var(--fell);color:var(--gold);margin:0}.frontier{gap:18px}.area>summary{cursor:pointer;aspect-ratio:4;background:50%/cover no-repeat;border:3px solid #3a2414;border-radius:6px;justify-content:center;align-items:center;gap:12px;list-style:none;transition:filter .2s;display:flex}.area>summary::-webkit-details-marker{display:none}.area>summary b{isolation:isolate;font:400 1.75rem var(--fell);color:#3a2414;padding:2px 28px;position:relative}.area>summary b:before{content:"";z-index:-1;filter:blur(8px);background:#f3e8d4d9;border-radius:99px;position:absolute;inset:-4px}.area>summary:after{content:"▾";color:#3a2414;font-size:1.25rem;transition:transform .2s}.area[open]>summary:after{transform:rotate(180deg)}.area>summary:hover{filter:brightness(1.08)}.area-body{flex-direction:column;gap:14px;margin-top:14px;display:flex}@media (width>=1024px){.frontier{grid-template-columns:1fr 1fr}.frontier .status{grid-column:1/-1}.area>summary:after{content:none}.area[open]>summary{filter:none;transition:none}.area[open]>summary:before{content:"";z-index:10;cursor:default;background:#000a;position:fixed;inset:0}.area[open] .area-body{z-index:11;cursor:auto;width:min(560px,90vw);max-height:85dvh;margin:0;animation:.2s ease-out pop;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%}}@keyframes pop{0%{opacity:0;scale:.9}}.area-banner{aspect-ratio:3;background:50%/cover no-repeat;border:3px solid #3a2414;border-radius:6px;justify-content:center;align-items:center;display:none}.area-banner b{isolation:isolate;font:400 2rem var(--fell);color:#3a2414;padding:2px 28px;position:relative}.area-banner b:before{content:"";z-index:-1;filter:blur(8px);background:#f3e8d4d9;border-radius:99px;position:absolute;inset:-4px}@media (width>=1024px){.area-banner{display:flex}}.enemy{align-items:center;gap:12px;display:flex}.enemy .slot{flex:none;width:64px;height:64px;padding:10px}.enemy .slot img{object-fit:contain;width:100%;height:100%}.enemy>span{flex-direction:column;min-width:0;display:flex}.enemy b{font:400 1.125rem var(--fell)}.enemy.grey{filter:grayscale();opacity:.6}.fight-btn{align-self:start;min-width:120px}@media (prefers-reduced-motion:reduce){.area[open] .area-body{animation:none}}.page.town{--h:clamp(150px, calc((100dvh - 160px) / 3), 240px);max-width:1400px}.town-grid{grid-template-columns:1fr 1fr;grid-auto-rows:var(--h);flex:1;align-content:center;gap:18px 32px;display:grid}.town-tile{min-width:0;min-height:0;text-decoration:none;display:flex}@media (width>=1024px){.town-tile:nth-child(2n){direction:rtl}}.town-tile .who{z-index:1;width:var(--h);background:url(/ui/slot-bg.png) 50%/cover padding-box padding-box;border:14px solid;border-image:url(/ui/frame.png) 48/14px;flex:none;position:relative}.town-tile .who img{object-fit:cover;width:100%;height:100%;display:block}.town-tile .sign{background:url(/ui/parchment.png) 50%/100% 100% no-repeat;flex:1;align-items:center;gap:8px;min-width:0;margin-inline-start:-10px;padding:8% 6%;display:flex}.town-tile .sign b{text-align:center;font:400 clamp(1.125rem, 2.2vw, 1.75rem) var(--fell);color:#3a2414;flex:1}.town-tile .sign img{aspect-ratio:1;object-fit:contain;flex:none;height:100%}@media (width<=1023px){.page.town{--h:clamp(64px, calc((100dvh - 220px) / 6), 104px)}.town-grid{grid-template-columns:1fr;gap:10px}.town-tile .sign{padding:8px 10px}.town-tile .sign b{font-size:1.25rem}}.zone-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{min-height:36px;font:.9375rem var(--fell);color:#f6e9d0;text-shadow:0 1px 2px #000;border-style:solid;border-width:5px 8px;border-image:url(/ui/btn.png) 16 26 fill/5px 8px;place-items:center;padding:0 12px;display:grid}.btn:not(:disabled):hover{border-image-source:url(/ui/btn-hover.png)}.btn:disabled{opacity:.6;border-image-source:url(/ui/btn-disabled.png)}.btn.dark{color:var(--text);border-image-source:url(/ui/btn-dark.png)}.btn.dark:not(:disabled):hover{filter:brightness(1.25);border-image-source:url(/ui/btn-dark.png)}.duel{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fighter{gap:8px;min-width:0;padding:12px;position:relative}.floater{pointer-events:none;color:#f3ece0;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:1.25rem;font-weight:700;animation:.9s ease-out forwards floater;position:absolute;top:44px;left:50%}.floater.crit{color:#ffd84a;font-size:1.75rem}@keyframes floater{0%{opacity:1;translate:-50%;scale:1.3}15%{scale:1}to{opacity:0;translate:-50% -36px}}@media (prefers-reduced-motion:reduce){.floater{animation-name:floater-fade}@keyframes floater-fade{0%{translate:-50%}to{opacity:0;translate:-50%}}}.chips{flex-wrap:wrap;gap:4px;font-size:.75rem;display:flex}.chips>*{color:var(--text-muted);border:3px solid;border-image:url(/ui/chip.png) 8 fill/3px;padding:0 4px}.tabs{font-size:.875rem}.tabs>*{text-align:center;flex:1;padding:2px 4px}.span-all{grid-column:1/-1}.page-tabs a{text-decoration:none}.chips .on{color:#f6e9d0;text-shadow:0 1px 2px #000;border-image:url(/ui/chip-on.png) 11 fill/3px}.wind{color:var(--text-muted);background:linear-gradient(90deg, var(--accent) var(--pct), var(--track) 0) bottom / 100% 3px no-repeat;justify-content:space-between;padding-bottom:4px;font-size:.75rem;display:flex}.defeated{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;animation:.4s ease-out defeated;display:flex}.defeated b{font:400 1.25rem var(--fell);color:var(--accent)}@keyframes defeated{0%{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.defeated{animation:none}}.last{font-size:.75rem!important}.stat-boxes{grid-auto-rows:1fr;gap:14px;display:grid}@media (width<=1023px){.inventory{gap:10px;padding:10px 12px;overflow:hidden}.inventory .gear{aspect-ratio:auto;flex:2 1 0;min-height:0}.inventory .inspect{flex:3 1 0;min-height:0}.inventory .item{min-height:0}.inventory .item-inner{overflow-y:auto}.inventory .item header{padding:6px 10px}.inventory .item h2{font-size:1.25rem}.inventory .weapon-props{padding:4px 12px}.inventory .props{gap:2px}.inventory li{flex-direction:row;gap:8px;padding:2px 10px}}@media (width<=1023px) and (height<=700px){.inventory .inspect{flex-grow:3.4}.inventory .item h2{font-size:1.0625rem}.inventory .props,.inventory .mod{font-size:.8125rem}.inventory li{padding:1px 10px}}.panel.paper{color:#3a2414;background:0 0;border-image:url(/ui/paper.png) 40 fill/20px}.panel.paper h3{color:#5a3a1e}.panel.paper .muted{color:#6e5238}.gather-scroll{gap:0;padding:4px 18px}.gather-group+.gather-group{border-top:1px solid #3a241440}.gather-group summary{cursor:pointer;align-items:center;gap:12px;padding:14px 4px;list-style:none;display:flex}.gather-group summary::-webkit-details-marker{display:none}.gather-group summary:hover{background:#3a24140f}.gather-group summary>span:first-child{flex:1}.gather-group summary b{font:400 1.25rem var(--fell);color:#5a3a1e}.gather-group summary:after{content:"▾";color:#5a3a1e;transition:rotate .2s}.gather-group[open] summary:after{rotate:180deg}.peek{gap:4px;display:flex}.peek img{object-fit:contain;width:28px;height:28px}.gather-group[open] .peek{visibility:hidden}.gather-group .gather-tiles{padding:0 0 16px}.gather-tiles{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gather-tile{width:112px;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.gather-tile .slot{width:96px;height:96px;padding:10px;transition:filter .2s}.gather-tile:hover .slot{filter:brightness(1.25)}.gather-tile.on .slot{filter:brightness(1.3);box-shadow:0 0 12px var(--gold)}.gather-tile b{font-size:.9375rem}.gather-tile .wind{visibility:hidden;width:96px;height:4px}.gather-tile.on .wind{visibility:visible}.gather-tile.grey .slot{filter:grayscale();opacity:.6}.recipe{justify-content:start}.recipe img{object-fit:contain;flex:none;width:40px;height:40px}.recipe>span{flex:1;min-width:0}.recipe small{display:block}.skill-list{flex-direction:column;gap:14px;display:flex}@media (width>=1024px){.skill-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.skill-list .status{grid-column:1/-1}}.slot-grid{background:var(--frame-fill) padding-box;border:14px solid;border-image:url(/ui/frame.png) 48/14px;grid-template-columns:repeat(8,minmax(0,64px));gap:6px;padding:10px;display:grid}.slot-grid .slot{aspect-ratio:1;position:relative}.stash{grid-template-columns:repeat(10,minmax(0,1fr))}.slot-grid .material span{text-shadow:0 1px 2px #000;font-size:.75rem;position:absolute;bottom:2px;right:4px}.orb-slot{cursor:pointer;color:var(--gold)}.orb-slot b{font:400 1.125rem var(--fell)}.orb-slot:hover{filter:brightness(1.3)}.panel .slot-grid{background:0 0;border:0;padding:0}.inspect:has(.equip){grid-template-rows:minmax(0,1fr) auto;gap:8px}@media (width<=1023px){.inventory .stash{flex:none;gap:4px;padding:6px}.inventory .stash .slot{border-width:2px;padding:1px}.inventory .stash .material span{font-size:.625rem;bottom:0;right:1px}}.gear{aspect-ratio:4/3;background:var(--frame-fill) padding-box;border:14px solid;border-image:url(/ui/frame.png) 48/14px;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));grid-template-areas:"weapon weapon.helm helm.offhand offhand""weapon weapon.helm helm amulet offhand offhand""weapon weapon.body body.offhand offhand""weapon weapon ring1 body body ring2 offhand offhand""gloves gloves.body body.boots boots""gloves gloves.belt belt.boots boots";gap:6px;padding:10px;display:grid}.slot{text-align:center;background:url(/ui/slot-bg.png) 50%/cover padding-box padding-box;border:4px solid;border-image:url(/ui/slot-frame.png) 14/4px;grid-template-rows:minmax(0,1fr);place-items:center;min-width:0;padding:4px;display:grid}.weapon{grid-area:weapon}.slot img{object-fit:contain;width:100%;height:100%;min-height:0}.helm{grid-area:helm}.body{grid-area:body}.offhand{grid-area:offhand}.belt{grid-area:belt}.gloves{grid-area:gloves}.boots{grid-area:boots}.amulet{grid-area:amulet}.ring1{grid-area:ring1}.ring2{grid-area:ring2}@media (width>=1024px){.page.wide{align-content:start;gap:20px;max-width:1400px;padding:24px;display:grid}.page.fight{max-width:900px}.character{grid-template-columns:minmax(0,560px) 360px;justify-content:center}.stats{grid-template-columns:minmax(0,940px);justify-content:center}.stat-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.inspect{min-height:440px}.character .gear{align-self:stretch;width:100%}}.save-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.save-actions label{cursor:pointer}.setting{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.toggle{appearance:none;cursor:pointer;background:url(/ui/toggle-off.png) 50%/contain no-repeat;flex:none;width:60px;height:20px;margin:0}.toggle:checked{background-image:url(/ui/toggle-on.png)}.town-tile .who img{background:url(/fx/light.png) 50%/0 no-repeat;transition:background-size .3s}.town-tile:hover .who img{background-size:100%}.btn{position:relative;overflow:hidden}.btn:after{content:"";opacity:.35;pointer-events:none;background:url(/fx/shine.png) 50%/100% 100% no-repeat;width:60%;position:absolute;top:0;bottom:0;left:-80%}.btn:not(:disabled):hover:after{animation:.6s ease-out forwards shine}@keyframes shine{to{left:120%}}.orb-glyph{position:relative}.orb-glyph:after{content:"";opacity:0;pointer-events:none;background:url(/fx/ring-glow.png) 50%/contain no-repeat;transition:opacity .2s;position:absolute;inset:-22%}.orb:not(:disabled):hover .orb-glyph:after{opacity:.8}.zone-title{background:url(/fx/title.png) 50%/100% 100% no-repeat;padding:2px 20px}@keyframes spin{to{transform:rotate(1turn)}}.defeated{isolation:isolate;position:relative}.defeated:before{content:"";z-index:-1;opacity:.3;pointer-events:none;background:url(/fx/light.png) 50%/45% no-repeat,url(/fx/rays.png) 50%/contain no-repeat;width:220px;height:220px;margin:-110px 0 0 -110px;animation:.5s ease-out burst,30s linear .5s infinite spin;position:absolute;top:50%;left:50%}@keyframes burst{0%{opacity:1;transform:scale(.3)}}@media (prefers-reduced-motion:reduce){.btn:after,.defeated:before{animation:none}}.xp-pops{z-index:10;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;translate:-50%}.xp-pop{border:1px solid var(--line-strong);background:var(--pill);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.875rem;animation:4s forwards xp-fade;position:relative}.xp-total{color:var(--gold);font-weight:700;animation:.3s ease-out xp-bump;display:inline-block}.xp-added{color:var(--accent);font-weight:700;animation:1s ease-out forwards xp-float;position:absolute;top:4px;left:calc(100% + 6px)}@keyframes xp-fade{85%{opacity:1}to{opacity:0}}@keyframes xp-bump{40%{scale:1.35}}@keyframes xp-float{0%{opacity:1;translate:0 6px}to{opacity:0;translate:0 -18px}}@media (width>=1024px){.xp-pops{bottom:24px;left:calc(50% + 90px)}}@media (prefers-reduced-motion:reduce){.xp-total,.xp-added{animation:none}.xp-added{display:none}}