@font-face{font-family:BoldPixels;src:url(/fonts/BoldPixels.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15151b;--panel:#22222b;--line:#3a3a48;--text:#e6e6ee;--accent:#c08a3e;--err:#e06060;--muted:#6e6e80;--topbar-h:48px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-synthesis:none;-webkit-font-smoothing:none;margin:0;font:16px/1.25 BoldPixels,system-ui,sans-serif}.screen{min-height:100vh;padding:16px}.center{place-items:center;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;width:min(360px,100%);padding:20px;display:grid}.panel.wide{width:min(760px,100%)}h1,h2{text-align:center;margin:0 0 6px;font-size:32px;font-weight:400}input,button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:8px 10px}button{cursor:pointer;background:#2e2e3a}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#15151b;font-weight:600}button:disabled{opacity:.6;cursor:default}.tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stack,fieldset{gap:10px;min-width:0;display:grid}.stack>p{margin:0}fieldset{border:0;margin:0;padding:0}fieldset fieldset{border:1px solid var(--line);border-radius:6px;padding:10px}legend{opacity:.8;padding:0 4px}.field{gap:4px;display:grid}.hint{color:var(--err)}.hint:empty{display:none}.support{text-align:center;opacity:.8;margin:0}.tab.active{border-color:var(--accent)}.error{color:var(--err);white-space:pre-wrap;min-height:1.4em;margin:0}.cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.card{text-align:left;gap:4px;display:grid}.card.selected{border-color:var(--accent);outline:1px solid var(--accent)}.card small{opacity:.75}.toast{z-index:20;background:var(--panel);border:1px solid var(--err);border-radius:6px;padding:8px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast.announce{color:#ff3b5c;border-color:#ff3b5c;top:16px;bottom:auto;box-shadow:0 0 12px #ff3b5c}.game{grid-template-columns:260px 1fr 316px;align-items:start;gap:10px;padding:10px;display:grid}@media (width<=900px){.game{grid-template-columns:1fr}}h3,h4{margin:4px 0 0;font-size:16px}h4{opacity:.8}select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:6px}.row{justify-content:space-between;gap:8px;display:flex}.row.neg b{color:var(--err)}.bar-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}[hidden]{display:none!important}.bar{flex-wrap:wrap;align-items:center;column-gap:6px;font-size:16px;display:flex}.bar>span{white-space:nowrap}.bar>span:empty{display:none}.bar .track{height:32px;image-rendering:pixelated;border:14px solid #0000;border-width:14px 22px;border-image:url(/sprites/ui/bar.png) 7 11 fill/14px 22px;flex:96px}.bar .fill{height:100%;image-rendering:pixelated;background:url(/sprites/ui/bar_red.png) 0 0/100% 100%}.bar.mana .fill{background-image:url(/sprites/ui/bar_blue.png)}.bar.stamina .fill{background-image:url(/sprites/ui/bar_orange.png)}.doll,.grid{grid-template-columns:repeat(4,64px);gap:2px;display:grid}.slot,.cell{overflow-wrap:anywhere;width:64px;height:64px;image-rendering:pixelated;background:url(/sprites/ui/slot.png) 50%/64px no-repeat;border:0;border-radius:0;place-items:center;padding:0;font-size:16px;display:grid}.slot:disabled{opacity:1}.slot.empty.weapon{background-image:url(/sprites/ui/slot_weapon.png)}.slot.empty.shield{background-image:url(/sprites/ui/slot_shield.png)}.slot.empty.helmet{background-image:url(/sprites/ui/slot_helmet.png)}.slot.empty.armor{background-image:url(/sprites/ui/slot_armor.png)}.slot.empty.legs{background-image:url(/sprites/ui/slot_legs.png)}.slot.empty.boots{background-image:url(/sprites/ui/slot_boots.png)}.item{place-items:center;display:inline-grid;position:relative}.icon{width:32px;height:32px;image-rendering:pixelated}.icon.rarity{border:2px solid;border-radius:4px}.tier,.qty{background:#0009;border-radius:3px;padding:1px 2px;font-size:11px;font-weight:700;line-height:1;position:absolute}.tier{color:var(--accent);top:-4px;left:-4px}.qty{bottom:-4px;right:-4px}.item-title{align-items:center;gap:6px;display:inline-flex}.items{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.editor label{display:block}.gold{color:var(--accent)}.pill{border-color:var(--accent);border-radius:999px}.overlay{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.overlay .panel{position:relative}.close{padding:2px 8px;position:absolute;top:8px;right:8px}.menu .hunt{justify-content:space-between;gap:8px;display:flex}.hunt.locked{opacity:.45}.num{width:4.5em}.helper .bar-row>span:first-child{min-width:7em}.arena{width:100%;image-rendering:pixelated}.game>.tabbed,.arena-col{top:calc(var(--topbar-h) + 10px);height:calc(100vh - var(--topbar-h) - 20px);position:sticky}.game>.tabbed{min-width:0}.arena-col{flex-direction:column;min-width:0;display:flex}.arena-col>.arena{object-fit:contain;filter:drop-shadow(0 0 12px #000000b3);flex:1 1 0;min-height:0}body.in-game{background:linear-gradient(#00000040, #00000040), var(--map-bg,none) 0 0 / 512px fixed, var(--bg);image-rendering:pixelated}.hero-rotation{text-align:left;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hero-rotation .spell{border:1px solid var(--line);border-radius:4px;padding:2px 8px;font-size:16px}.hero-rotation .spell.empty{opacity:.6}a{color:var(--accent)}.debt{color:var(--err)}.topbar .vip{border:1px solid var(--accent);border-radius:999px;padding:2px 8px;font-size:16px}.shop-tab{gap:6px;display:grid}.offer{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:6px;display:flex}.offer>span:first-child{flex:1}.offer .why{color:var(--err);flex-basis:100%}.offer .desc{opacity:.75;flex-basis:100%}.offer .why:empty{display:none}.offer .why.ok{color:inherit;opacity:.8}.outfit-preview{width:96px;height:96px;image-rendering:pixelated;flex:none}.offer.flash{border:1px solid var(--accent);border-radius:6px;padding:8px}.beast-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.beast-card{border:1px solid var(--line);border-radius:6px;grid-template-columns:48px 1fr;align-items:center;gap:4px 8px;padding:6px;display:grid}.beast-card[role=button]{cursor:pointer}.beast-card[role=button]:hover,.beast-card:focus-visible{border-color:var(--accent)}.beast-card>.bar,.beast-card>small{grid-column:1/-1}.marks{color:var(--accent);letter-spacing:2px}.portrait{width:48px;height:48px;image-rendering:pixelated;background:var(--bg);border-radius:4px}.prey-slot{border:1px solid var(--line);border-radius:8px;padding:10px}.tree-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tree-head input{flex:160px;max-width:260px}.constellation canvas{background:var(--bg);border:1px solid var(--line);touch-action:none;cursor:grab;border-radius:6px;width:100%;height:min(60vh,520px);display:block}.tree-card{border:1px solid var(--line);border-radius:6px;gap:4px;padding:10px;display:grid}.tree-card small,.hint-muted{color:var(--muted)}.tree-card .why{color:var(--err);margin:0}.tree-card .why:empty{display:none}.hint-muted{margin:0}.constellation summary{cursor:pointer}.panel.stats{width:min(520px,100%)}.stats h3{margin:6px 0 0}.stats small{opacity:.75}.stat-row{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.stat-row>span:first-child{min-width:7em}.stat-btns{gap:4px;margin-left:auto;display:flex}.stat-btns button{padding:4px 8px}.tip{z-index:30;pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:fixed}.tip-card{filter:drop-shadow(0 6px 12px #0009);gap:4px;width:260px;padding:4px 6px;display:grid}.tip-heading{color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:4px}.tip-kind,.tip-name,.tip-icon{text-align:center}.tip-kind{opacity:.85}.tip-icon{border:1px solid var(--line);background:var(--bg);border-radius:6px;justify-self:center;padding:6px}.tip-icon .icon{width:64px;height:64px}.tip-imbue{color:#7fd8ff}.tip-vocations{text-align:center;background:#24452a;border-radius:4px;padding:2px 6px}.tip-hint{border-top:1px solid var(--line);opacity:.7;text-align:center;padding-top:4px}.tabbed,.panel,.tip-card,.menu-pop,.chat-dock,.chat-menu{background:var(--panel) padding-box;image-rendering:pixelated;border:10px solid #0000;border-image:url(/sprites/ui/frame.png) 5/10px;border-radius:0}.panel>.vip{border:1px solid var(--line);opacity:.6;border-radius:999px;justify-self:start;padding:2px 8px}.panel>.vip.on{border-color:var(--accent);color:var(--accent);opacity:1}.daily{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.day{border:1px solid var(--line);border-radius:6px;gap:2px;padding:6px;display:grid}.day.claimed{opacity:.5}.day.missed{opacity:.35;text-decoration:line-through}.day.today{border-color:var(--accent);outline:1px solid var(--accent)}.pass-tiers{gap:4px;min-width:0;max-height:50vh;display:grid;overflow:hidden auto}.pass-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;grid-template-columns:72px minmax(0,1fr) 96px minmax(0,1fr) 96px;align-items:center;gap:6px;padding-bottom:4px;display:grid}.pass-head{z-index:1;background:var(--panel);position:sticky;top:0}.pass-head>b{grid-column:span 2}.tabbed{flex-direction:column;gap:6px;min-height:0;padding:6px;display:flex}.tab-bar{gap:2px;display:flex}.tab-bar>.tab{flex:1}.tab.on{border-color:var(--accent);color:var(--accent)}.tab-body{flex:1;align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.topbar{z-index:5;height:var(--topbar-h);background:var(--panel);border-bottom:2px solid var(--accent);align-items:center;gap:8px;padding:0 10px;display:flex;position:sticky;top:0}.topbar>.spacer{flex:1}.topbar .dot{color:var(--err)}.topbar .event{white-space:nowrap;min-width:0;color:var(--accent);font-size:16px;display:flex}.topbar .event>:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.topbar .event>:last-child{flex:none}.topbar-menu{position:relative}.menu-pop{white-space:nowrap;gap:6px;padding:6px;display:grid;position:absolute;top:100%;right:0}@media (width<=900px){.topbar{flex-wrap:wrap;height:auto;padding:6px 10px;position:relative}.topbar .event{white-space:normal;display:block}.game>.tabbed,.arena-col{height:auto;position:static}.arena-col{order:-1}.arena-col>.arena{flex:none}.chat-dock{height:240px}.tab-body{overflow:visible}}.party-box,.bags-box,.hero-more{align-content:start;gap:6px;display:grid}.hero-card{border:1px solid var(--line);background:var(--bg);border-radius:4px;gap:6px;padding:6px;display:grid}.hero-card.open{border-color:var(--accent)}.hero-head{align-items:center;gap:8px;display:flex}.hero-id{flex:1;min-width:0;display:grid}.hero-id b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-id small{opacity:.75}.role{border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:0 6px}.hero-toggle{padding:2px 10px}.gear{grid-template-columns:repeat(7,32px);gap:4px;display:grid}.slot.mini{background-size:32px;width:32px;height:32px}.slot.mini .icon{width:32px;height:32px}.slot.mini .icon.rarity{border-width:1px}.hero-card.locked{text-align:center;justify-items:center}.hero-card.locked button{width:100%}.bar.mini .track{border-width:7px 11px;border-image-width:7px 11px;height:16px}.bar.mini>span{min-width:2em}.bar.xp .fill{background-image:url(/sprites/ui/bar_orange.png)}.sell-line{text-align:right;grid-template-columns:1fr 4.5em 5.5em 6.5em;align-items:center;gap:8px;display:grid}.sell-line>:first-child{text-align:left}.sell-total{border-top:1px solid var(--line);padding-top:6px}.muted{opacity:.75;margin:0}.chat-dock{flex-direction:column;flex:none;gap:4px;min-width:0;height:200px;margin-top:6px;padding:4px;display:flex}.chat-log{overflow-wrap:anywhere;flex:1;min-height:0;overflow:auto}.chat-line.notice{color:#9a9aa8}.chat-line.guild-notice{color:#8fd18f}.chat-tag{color:var(--accent)}.chat-notice{font-size:.8em}.chat-line small{opacity:.6}.chat-nick{color:#9fc3ff;background:0 0;border:0;padding:0}.vip-nick,.arena-badge{color:var(--accent)}.chat-input{gap:4px;display:flex}.chat-to{width:9em}.chat-text{flex:1;min-width:0}.chat-menu{z-index:15;white-space:nowrap;gap:4px;padding:4px;display:grid;position:fixed;transform:translateY(-100%)}.chat-menu p{white-space:normal;max-width:16em;margin:0}.friends{gap:4px;display:grid}.friend{align-items:center;gap:6px;display:flex}.friend.off{opacity:.55}.friend-nick{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.friend button{padding:0 6px}.online-dot{color:#777}.online-dot.on{color:#5bd16b}.friend-add input{flex:1;min-width:0}.referred{color:var(--accent);margin:0}.ref-link{flex:1;min-width:0}.sockets{flex-wrap:wrap;gap:8px;display:flex}.socket{border:1px solid var(--line);border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:13px;display:grid}.socket.full{border-color:var(--accent);color:var(--accent)}.socket.on{outline:2px solid var(--accent)}.runeword{color:var(--accent)}.offer select{min-width:0;max-width:100%}.rune-seq{flex-wrap:wrap;gap:4px;display:flex}.rune{border:1px solid var(--line);border-radius:999px;padding:1px 6px}.rune.have{color:#4caf50;border-color:#4caf50}.rune.missing{color:var(--muted)}.panel>.tabbed.runes,.panel>.tabbed.board{background:0 0;border:0;padding:0}.panel textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:6px;padding:8px 10px}.board-card.featured{border-color:var(--accent)}.board-card b,.board-head b,.board-desc,.board-code{overflow-wrap:anywhere}.board .badge,.offer .tag{border:1px solid var(--accent);color:var(--accent);border-radius:999px;margin-left:6px;padding:0 6px}.board-head{gap:2px;display:grid}.board-head small,.board-gear small{opacity:.75}.board-gear{align-items:center;gap:8px;display:flex}.board-desc{white-space:pre-wrap;margin:0}.board-pager{justify-content:space-between}.plan-bar{border:1px solid var(--accent);border-radius:6px;padding:6px 8px}.plan-bar label{align-items:center;gap:4px;display:flex}.stat-row.next>span:first-child,.plan-next{color:var(--accent)}