@font-face{font-family:Selawik;src:url(./selawk-dOYqoPcB.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Selawik;src:url(./selawksb-DJnRixAg.woff2)format("woff2");font-weight:600;font-display:block}@font-face{font-family:Selawik;src:url(./selawkb-Bqnk0knP.woff2)format("woff2");font-weight:700 900;font-display:block}@font-face{font-family:Gelasio;src:url(./gelasio-variable-BUMHT7S7.woff2)format("woff2");font-weight:400 900;font-display:block}:root{--ink:#f4ecd6;--ink2:#d9cfb2;--dim:#9fb0aa;--mute:#6f837d;--bg:#0d2129;--panel:#0b2128f5;--card:#ffffff0e;--brass:#e2bd6e;--brass2:#a8843f;--good:#7ee08a;--bad:#ff7a66;--warn:#ffcf5a;--lifestone-builder-top:calc(72px + var(--st));--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--title:Gelasio, Georgia, "Times New Roman", serif;--body:Selawik, "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ui,.ui *{box-sizing:border-box}.ui{z-index:5;pointer-events:none;color:var(--ink);font:13px var(--body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.ui button{font:inherit;color:inherit}.ui b,.ui strong{font-weight:800}.r0{color:var(--r0)}.r1{color:var(--r1)}.r2{color:var(--r2)}.r3{color:var(--r3)}.r4{color:var(--r4)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.dim{color:var(--dim)}.brass{color:var(--brass)}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.hud{touch-action:none;position:absolute;inset:0}.hud .hud-el,.hud .abtn{pointer-events:auto}.vitals{top:calc(8px + var(--st));left:calc(10px + var(--sl));width:min(214px,48vw);position:absolute}.vitals .who{text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;align-items:center;gap:6px;margin-bottom:4px;font-weight:900;display:flex}.vitals .name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.lvl{color:#2a1d05;background:linear-gradient(#f3d27f,#a8843f);border-radius:10px;padding:0 7px;font-size:11px;line-height:17px;box-shadow:0 1px 2px #0008}.vitae{color:#ff9f8a;background:#500a0a99;border-radius:8px;padding:0 5px;font-size:10px;line-height:16px}.bar{background:#0000008c;border:1px solid #000000b3;border-radius:8px;height:14px;margin-bottom:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 1px #ffffff14}.bar>i{transform-origin:0;border-radius:8px;transition:transform .15s linear;position:absolute;inset:0}.bar.hp>i{background:linear-gradient(#ff9a80,#d9392c 55%,#8e1a14)}.bar.mp>i{background:linear-gradient(#9ad6ff,#2f84e6 55%,#173f8f)}.bar>span{text-align:center;text-shadow:0 1px 1px #000,0 0 3px #000;letter-spacing:.3px;font-size:10px;font-weight:900;line-height:13px;position:absolute;inset:0}.buff-bar{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.buff{background:radial-gradient(circle at 50% 30%,#3e7fb5,#153251);border:1px solid #a0d2ffb3;border-radius:7px;place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:relative;box-shadow:0 1px 3px #0008}.buff small{text-shadow:0 1px 1px #000;white-space:nowrap;font-size:9px;font-weight:900;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.buff.low{border-color:#ffb35a;animation:1s infinite pulse}.tracker{top:calc(112px + var(--st));left:calc(10px + var(--sl));border-left:3px solid var(--brass);text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#081a20c7,#081a2000);border-radius:4px;max-width:min(250px,52vw);padding:5px 10px 6px 8px;position:absolute}.tracker .tq{font-family:var(--title);color:var(--brass);font-size:12px;font-weight:800}.tracker .to{color:var(--ink);font-size:12px}.tracker .to.done{color:var(--good)}.tracker .eq{font-family:var(--title);color:#9fdcff;margin-top:4px;font-size:12px;font-weight:800}.tracker .eo{color:var(--ink);font-size:12px}.target{top:calc(8px + var(--st));text-align:center;text-shadow:0 1px 2px #000;min-width:200px;max-width:44vw;position:absolute;left:50%;transform:translate(-50%)}.target .tn{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.tn.con0{color:var(--con0)}.tn.con1{color:var(--con1)}.tn.con2{color:var(--con2)}.tn.con3{color:var(--con3)}.tn.con4{color:var(--con4)}.tn.event{color:var(--event)}.target .tl{color:var(--dim);font-size:11px}.target .bar{height:10px;margin-top:3px}.target .bar>i{background:linear-gradient(#ff9a80,#c7342a)}.top-right{top:calc(8px + var(--st));right:calc(10px + var(--sr));flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute}.purse{text-shadow:0 1px 2px #000;background:#081a2099;border:1px solid #e2bd6e73;border-radius:12px;align-items:center;gap:5px;padding:2px 9px 2px 5px;font-size:14px;font-weight:900;display:flex}.coin{background:radial-gradient(circle at 35% 35%,#fff3b0,#e8b93a 45%,#9a6d14);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #6b4a0c}.map-wrap{border:3px solid var(--brass2);background:#27494a;border-radius:50%;width:98px;height:98px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 3px 10px #00000080}.minimap{width:100%;height:100%;display:block}.zone-name{font-family:var(--title);color:var(--brass);text-shadow:0 1px 2px #000,0 0 6px #000;text-align:right;max-width:150px;font-size:12px;font-weight:800}.menu-bar{gap:5px;display:flex}.mbtn{cursor:pointer;background:linear-gradient(#24585a,#133739);border:1.5px solid #e2bd6ebf;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative;box-shadow:0 2px #06171a,0 3px 8px #00000059}.mbtn svg{width:21px;height:21px}.mbtn:active{transform:translateY(1px)}.mbtn .dot{color:#2a1d05;background:#f0c040;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:900;line-height:16px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #0d2129}.chat-button{left:calc(10px + var(--sl));bottom:calc(248px + var(--sb));cursor:pointer;opacity:.85;background:#081a2099;border:1px solid #e2bd6e80;border-radius:8px;place-items:center;width:30px;height:26px;padding:0;font-size:13px;display:grid;position:absolute}.macro-chip{left:50%;bottom:calc(16px + var(--sb));background:#081a20d1;border:2px solid #e2bd6e8c;border-radius:24px;align-items:center;max-width:min(430px,56vw);display:flex;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #00000073}.macro-toggle{cursor:pointer;letter-spacing:.8px;white-space:nowrap;background:linear-gradient(#3a7771,#1c4a48);border:0;align-items:center;gap:6px;padding:7px 12px 7px 9px;font-size:13px;font-weight:900;display:flex}.macro-toggle svg{width:20px;height:20px}.macro-chip.on{border-color:#7fffd0;box-shadow:0 0 18px #50ffc859,0 4px 14px #00000073}.macro-chip.on .macro-toggle{background:linear-gradient(#35b58f,#16735b)}.macro-chip.on .macro-toggle svg{animation:3s linear infinite spin}.macro-chip.paused .macro-toggle{background:linear-gradient(#b59535,#735b16)}.macro-status{cursor:pointer;min-width:0;padding:4px 12px 4px 10px;font-size:11.5px;line-height:1.25}.macro-status .ms1{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.macro-status .ms2{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.actions{--abtn:52px;--abig:76px;--k:1;right:calc(10px + var(--sr));bottom:calc(14px + var(--sb));width:250px;height:250px;position:absolute}.abtn{width:var(--abtn);height:var(--abtn);color:#fff;touch-action:none;cursor:pointer;background:radial-gradient(circle at 50% 32%,#4c968af7,#0e2e30f7);border:2px solid #e2bd6ed9;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 3px 10px #00000080,inset 0 2px #ffffff26}.abtn svg{width:54%;height:54%}.abtn.bolt svg{fill:currentColor;stroke:none}.abtn.big{width:var(--abig);height:var(--abig);background:radial-gradient(circle at 50% 32%,#d4684af7,#621e14f7)}.abtn .cd{background:conic-gradient(#000000a8 var(--p,0%), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.abtn .cnt{border:1px solid var(--brass2);text-align:center;background:#0d2129;border-radius:9px;min-width:20px;padding:0 4px;font-size:10px;font-weight:900;line-height:15px;position:absolute;bottom:-5px;right:-5px}.abtn .key{color:var(--dim);background:#0008;border-radius:5px;padding:0 3px;font-size:9px;display:none;position:absolute;top:-4px;left:-4px}.abtn.disabled{filter:grayscale(.85)brightness(.7)}.abtn.active{box-shadow:0 0 0 3px #ffe08a,0 0 16px #ffd76a}.abtn:active{transform:scale(.94)}.abtn.pressed{filter:brightness(1.3);transform:scale(.9)}.abtn.refused{animation:.35s refused;box-shadow:0 0 0 3px #ff5a46e6,0 0 14px #ff5a46b3}.abtn.attack{right:calc(6px * var(--k));bottom:calc(6px * var(--k))}.abtn.power{right:calc(106px * var(--k));bottom:calc(18px * var(--k))}.abtn.bolt{right:calc(80px * var(--k));bottom:calc(80px * var(--k))}.abtn.heal{right:calc(18px * var(--k));bottom:calc(106px * var(--k))}.abtn.ring,.abtn.buff,.abtn.drink{width:calc(var(--abtn) * .86);height:calc(var(--abtn) * .86)}.abtn.ring{right:calc(171px * var(--k));bottom:calc(21px * var(--k))}.abtn.buff{right:calc(144px * var(--k));bottom:calc(107px * var(--k))}.abtn.drink{right:calc(67px * var(--k));bottom:calc(164px * var(--k))}@media (hover:hover) and (pointer:fine){.abtn .key{display:block}}.interact{right:calc(10px + var(--sr));bottom:calc(270px + var(--sb));position:absolute}.interact button{border:2px solid var(--brass);color:#2a1d05;cursor:pointer;background:linear-gradient(#f3d27f,#b88c38);border-radius:20px;padding:8px 16px;font-weight:900;animation:1.6s ease-in-out infinite bob;box-shadow:0 3px 10px #00000080}.xpbar{background:#00000080;height:5px;position:absolute;bottom:0;left:0;right:0}.xpbar>i{transform-origin:0;background:linear-gradient(90deg,#b8862a,#ffe07a);position:absolute;inset:0;box-shadow:0 0 8px #ffd76a}.lowhp{transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 120px #c8140a00}.lowhp.on{animation:1.2s infinite pulse;box-shadow:inset 0 0 110px #c8140a8c}.chat{left:calc(10px + var(--sl));bottom:calc(150px + var(--sb));text-shadow:0 1px 1px #000,0 0 4px #000;width:min(360px,44vw);max-height:92px;font-size:11.5px;line-height:1.35;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.chat.open{pointer-events:auto;touch-action:pan-y;z-index:6;-webkit-user-select:text;user-select:text;background:#0614194d;border:1px solid #e2bd6e40;border-radius:10px;width:min(460px,80vw);max-height:min(52vh,100vh - 360px);padding:6px 8px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.chat-lines{flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.chat-line{white-space:normal;word-break:break-word}.chat-line.combat{color:#e9e2c8}.chat-line.hurt{color:#ff9c8a}.chat-line.miss{color:#9fb0aa}.chat-line.kill{color:#b9f5a0}.chat-line.loot{color:#8fe7ff}.chat-line.say{color:#fff}.chat-say{left:calc(10px + var(--sl));bottom:calc(122px + var(--sb));width:min(360px,44vw);display:flex;position:absolute}.chat-say input{font:13px var(--body);color:var(--ink);background:#061419e0;border:1px solid #e2bd6e80;border-radius:8px;flex:1;padding:5px 8px}.chat-button,.chat-say{z-index:7}.ui:has(.chat.open,.chat-say:not([hidden])) .chat-button{bottom:calc(116px + var(--sb))}.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say{left:calc(46px + var(--sl));bottom:calc(116px + var(--sb));width:calc(min(460px,80vw) - 36px)}.chat-line.xp{color:#ffd978}.chat-line.sys{color:#c9b8ff}.chat-line.warn{color:#ffb35a}.chat-line.bcast{color:#ffa53a;font-weight:900}.chat-line.quest{color:#ffe28a}.toasts{top:calc(58px + var(--st));flex-direction:column;align-items:center;gap:6px;width:min(420px,70vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{white-space:pre-line;text-align:center;background:#081a20e6;border:1px solid #e2bd6e8c;border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:700;animation:.25s ease-out toastIn;box-shadow:0 4px 14px #00000073}.toast.rare{border-color:var(--r4);box-shadow:0 0 24px color-mix(in srgb, var(--r4) 50%, transparent)}.toast.quest{border-color:#ffe28a}.toast.warn{color:#ffd9a0;border-color:#ffb35a}.toast.out{animation:.35s ease-in forwards toastOut}.banner{text-align:center;opacity:0;position:absolute;top:30%;left:0;right:0}.banner.show{animation:3.2s ease-out forwards banner}.banner-title{font-family:var(--title);color:#ffe29a;text-shadow:0 3px #6b4a0c,0 0 24px #ffd264b3,0 4px 12px #000;letter-spacing:1px;font-size:clamp(26px,6vw,48px);font-weight:800}.banner-sub{text-shadow:0 2px 4px #000;margin-top:4px;font-size:clamp(13px,2.4vw,18px);font-weight:800}.sheet-wrap{z-index:20;pointer-events:auto;padding:calc(8px + var(--st)) calc(8px + var(--sr)) calc(8px + var(--sb)) calc(8px + var(--sl));background:#030c0f73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:2px solid var(--brass2);border-radius:16px;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:720px;animation:.18s ease-out sheetIn;display:flex;overflow:hidden;box-shadow:0 14px 50px #000000a6,inset 0 1px #ffffff0f}.sheet-head{background:linear-gradient(#e2bd6e29,#e2bd6e00);border-bottom:1px solid #e2bd6e47;flex:none;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.sheet-title{font-family:var(--title);color:var(--brass);letter-spacing:.5px;white-space:nowrap;font-size:18px;font-weight:800}.sheet-tabs{scrollbar-width:none;touch-action:pan-x;flex:1;gap:5px;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;color:var(--ink2);background:#ffffff0a;border:1px solid #e2bd6e59;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:800}.tab.on{color:#231703;background:linear-gradient(#e7c373,#a8843f);border-color:#fff4}.sheet-close{cursor:pointer;background:#ffffff0f;border:1px solid #e2bd6e80;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;margin-left:auto;font-size:18px;font-weight:900;display:grid}.sheet-body{touch-action:pan-y;overscroll-behavior:contain;flex:1;padding:12px 14px 18px;font-size:13.5px;overflow:hidden auto}.sheet-body h3{font-family:var(--title);color:var(--brass);letter-spacing:.4px;margin:14px 0 8px;font-size:14px;font-weight:800}.sheet-body h3:first-child{margin-top:2px}.sheet-body p{color:var(--ink2);margin:6px 0 10px;line-height:1.45}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card{background:var(--card);border:1px solid #ffffff12;border-radius:12px;padding:10px 12px}.btn{appearance:none;border:1.5px solid var(--brass2);color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#347a73,#1b4847);border-radius:10px;padding:8px 13px;font-size:13px;font-weight:800;line-height:1.2;box-shadow:0 2px #081a1c,inset 0 1px #ffffff24}.btn:active{transform:translateY(1px);box-shadow:0 1px #081a1c}.btn.gold{color:#261902;background:linear-gradient(#f3d27f,#b48a36);border-color:#fff5}.btn.red{background:linear-gradient(#c65a42,#7a2a1c)}.btn.ghost{background:#ffffff0d}.btn[disabled]{opacity:.42;filter:grayscale(.6);pointer-events:none}.slot{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#ffffff14,#00000040);border:2px solid #ffffff21;border-radius:10px;place-items:center;width:44px;font-size:20px;line-height:1;display:inline-grid;position:relative}.slot.q0{border-color:color-mix(in srgb, var(--r0) 45%, transparent)}.slot.q1{border-color:var(--r1);box-shadow:inset 0 0 10px color-mix(in srgb, var(--r1) 30%, transparent)}.slot.q2{border-color:var(--r2);box-shadow:inset 0 0 12px color-mix(in srgb, var(--r2) 40%, transparent)}.slot.q3{border-color:var(--r3);box-shadow:inset 0 0 14px color-mix(in srgb, var(--r3) 45%, transparent)}.slot.q4{border-color:var(--r4);box-shadow:inset 0 0 16px color-mix(in srgb, var(--r4) 55%, transparent), 0 0 10px color-mix(in srgb, var(--r4) 40%, transparent)}.sheet-body .row{margin-top:8px}.row.nowrap{flex-wrap:nowrap;align-items:flex-start;margin-top:0}.grow{flex:1;min-width:0}.right{text-align:right}.big{font-size:16px}.unspent{color:var(--warn);font-size:20px;font-weight:900}.btn.sm{border-radius:8px;padding:5px 9px;font-size:12px}.btn.xs{border-radius:7px;padding:3px 7px;font-size:11px}.pbar{background:#00000073;border-radius:5px;height:8px;margin-top:5px;overflow:hidden}.pbar i{background:linear-gradient(90deg,#b8862a,#ffe07a);border-radius:5px;height:100%;display:block}.card.rows{margin-top:10px;padding:4px 8px}.stat-row{border-bottom:1px solid #ffffff0f;grid-template-columns:26px 1fr auto auto;align-items:center;gap:8px;padding:7px 4px;display:grid}.stat-row:last-child{border-bottom:0}.star{cursor:pointer;color:#6f837d;background:#0003;border:1px solid #ffffff2e;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;font-size:14px;display:grid}.star.on{color:#ffd24a;text-shadow:0 0 6px #ffb800;background:#ffd24a1f;border-color:#ffd24a}.sname{font-weight:800}.sdesc{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sval{text-align:right;min-width:44px;font-size:16px;font-weight:900}.sval small{color:var(--dim);font-size:10px;font-weight:700;display:block}.raise{align-items:center;gap:4px;display:flex}.raise .cost{color:var(--dim);text-align:right;min-width:52px;font-size:10.5px;line-height:1.1}.derived{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.derived div{background:var(--card);border-radius:8px;padding:6px 9px;font-size:12px}.derived b{float:right}.eq-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;display:grid}.eq-grid .slot,.pack-grid .slot{cursor:pointer;width:100%;padding:0;font-size:24px}.worn{padding-bottom:14px;position:relative}.worn .lbl{text-align:center;color:var(--dim);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.slot.empty{opacity:.45;color:var(--dim);border-style:dashed;width:100%;font-size:10px;font-weight:800}.slot.sel{outline-offset:1px;outline:2px solid #fff}.slot .new{background:#7fffd0;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px;box-shadow:0 0 6px #7fffd0}.slot .up{color:var(--good);text-shadow:0 1px 1px #000;font-size:12px;font-weight:900;position:absolute;bottom:1px;right:3px}.slot .lock{font-size:10px;position:absolute;bottom:1px;left:3px}.slot .tk{color:#ffd978;font-size:9px;font-weight:900;position:absolute;top:2px;left:4px}.chosen{margin-top:18px}.gap{height:14px}.item-card{background:#00000047;border:1.5px solid #ffffff1f;border-radius:12px;padding:10px 12px}.item-card.q0{border-color:var(--r0)}.item-card.q1{border-color:var(--r1)}.item-card.q2{border-color:var(--r2)}.item-card.q3{border-color:var(--r3)}.item-card.q4{border-color:var(--r4)}.item-card .in{font-size:15px;font-weight:900}.item-card .it{color:var(--dim);margin-bottom:6px;font-size:11.5px}.item-card .ist{grid-template-columns:1fr auto;gap:2px 10px;font-size:12.5px;display:grid}.item-card .spell{color:#9fd8ff;font-size:12.5px}.item-card .spell.mutated{color:#ffd34d}.item-card .flav{color:#d9c79a;margin-top:6px;font-size:12px;font-style:italic}.cmp{font-size:11.5px;font-weight:900}.cmp.up{color:var(--good)}.cmp.down{color:var(--bad)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--card);border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:5px;padding:4px 9px;font-size:12.5px;font-weight:800;display:inline-flex}.price{align-items:center;gap:4px;font-weight:900;display:inline-flex}.price .coin{width:12px;height:12px}@media (width<=560px){.eq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=480px){.sheet-title{font-size:15px}.stat-row{gap:6px}.sname{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.raise{grid-template-columns:auto auto;gap:3px;display:grid}.raise .cost{text-align:center;grid-column:1/span 2;min-width:0}.sval{min-width:36px;font-size:15px}}.npc-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.portrait{border:2px solid var(--brass);background:radial-gradient(circle at 50% 35%,#3d7c75,#12302f);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 2px 8px #0008}.portrait.small{width:40px;height:40px;font-size:20px}.npc-head .nn{font-family:var(--title);color:var(--brass);font-size:18px;font-weight:800}.npc-head .nr{color:var(--dim);font-size:12px}.opts.column{flex-direction:column}.opts.column .btn{text-align:left;flex:none}.reward{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.reward .chip{font-size:12px}.pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.pbar.g i{background:linear-gradient(90deg,#2f9a6a,#7ee08a)}.objective{margin-top:8px}.guide{font-size:12.5px;line-height:1.5}.lrow{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:9px 6px;display:flex}.lrow:last-child{border-bottom:0}.lrow.pick{cursor:pointer;border-radius:8px}.lrow.sel{background:#ffffff0f}.lrow .ic{background:#00000040;border:1.5px solid #ffffff24;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.ic.q0{border-color:var(--r0)}.ic.q1{border-color:var(--r1)}.ic.q2{border-color:var(--r2)}.ic.q3{border-color:var(--r3)}.ic.q4{border-color:var(--r4)}.lrow .t1{font-weight:800}.lrow .t2{color:var(--dim);font-size:11.5px}.shop-head{align-items:center;margin-bottom:6px}.mod{border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:10px;padding:9px 6px;display:flex}.mod .mi{text-align:center;width:36px;font-size:22px}.owned{color:var(--good);font-size:12px;font-weight:900}.card.running{border-color:#7fffd0}.runtime{color:var(--ink);font-size:14px}.btn.bigtoggle{letter-spacing:1px;width:100%;margin-top:10px;padding:12px;font-size:16px}.est{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:8px;display:grid}.est div{background:var(--card);color:var(--dim);border-radius:8px;padding:7px 9px;font-size:11.5px}.est b{color:var(--ink);font-size:15px;display:block}.mon-row{cursor:pointer;border-bottom:1px solid #ffffff0f;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.mon-row:last-child{border-bottom:0}.chk{color:#0000;background:#00000040;border:2px solid #ffffff4d;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.chk.on{color:#7fffd0;background:#7fffd01a;border-color:#7fffd0}.con{border-radius:8px;padding:1px 7px;font-size:11px;font-weight:900}.con.c0{color:#dfe;background:#5a6a66}.con.c1{color:#eaffea;background:#2f8a4a}.con.c2{color:#fff8d8;background:#a88a1f}.con.c3{color:#ffe9d8;background:#b85a1f}.con.c4{color:#ffe0e0;background:#a82a2a}.seg{border:1.5px solid var(--brass2);border-radius:10px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--ink2);background:#ffffff0a;border:0;padding:7px 12px;font-size:12.5px;font-weight:800}.seg button.on{color:#231703;background:linear-gradient(#e7c373,#a8843f)}.seg button[disabled]{opacity:.4;cursor:default}.row.spread{justify-content:space-between}.slider{margin-top:10px}.ui input[type=range]{accent-color:#e2bd6e;width:100%;height:26px}.bigmap{aspect-ratio:1;border:2px solid var(--brass2);touch-action:none;background:#27494a;border-radius:12px;width:100%;max-width:640px;margin:0 auto;display:block}.legend{justify-content:center;margin-top:10px}.trade-status{margin:0 0 8px;font-weight:700}.trade-sides{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.trade-side{background:var(--card);border:1px solid #ffffff1a;border-radius:10px;min-height:64px;padding:6px 8px}.trade-side.ready{border-color:#7ee08a}.trade-side h3{margin:2px 0 6px;font-size:13px}.trade-currency{width:96px}.count{text-align:center;min-width:24px}.legend .portal{color:#b77dff}.legend .lifestone{color:#7fe0ff}.legend .event{color:#ff9a3c}.legend .quest{color:#ffd24a}.legend .monster{color:#e8544a}.center{text-align:center}.map-wrap{cursor:pointer}.online-line{left:50%;bottom:calc(14px + var(--sb));z-index:40;pointer-events:none;color:var(--ink);font:700 12.5px var(--body);background:#081a20e6;border:1px solid #e2bd6e8c;border-radius:10px;padding:7px 12px;position:fixed;transform:translate(-50%)}.online-line .btn{pointer-events:auto;margin-left:10px;padding:4px 12px}.version{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;margin-top:10px}.version p{margin:2px 0}.online-name{max-width:360px;color:var(--ink);font-family:var(--body);flex-direction:column;gap:10px;display:flex}.online-name label{color:var(--ink2);flex-direction:column;gap:4px;font-size:13px;display:flex}.online-name input{font:15px var(--body);color:var(--ink);background:var(--card);border:1.5px solid var(--brass2);border-radius:8px;padding:8px 10px}.online-name .why{min-height:1.2em;color:var(--warn);margin:0;font-size:13px}.modal-wrap{z-index:30;pointer-events:auto;padding:calc(10px + var(--st)) calc(10px + var(--sr)) calc(10px + var(--sb)) calc(10px + var(--sl));background:#030c0f8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:2px solid var(--brass2);touch-action:pan-y;overscroll-behavior:contain;border-radius:16px;width:100%;max-width:560px;max-height:100%;padding:16px 16px 14px;font-size:15px;animation:.18s ease-out sheetIn;overflow-y:auto;box-shadow:0 14px 50px #000000b3}.modal h2{font-family:var(--title);color:var(--brass);margin:0 0 8px;font-size:20px;font-weight:800}.modal p{color:var(--ink2);margin:6px 0 10px;line-height:1.45}.opts{flex-flow:wrap;gap:7px;margin-top:10px;display:flex}.opts .btn{flex:1;padding:10px 12px}.report-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:7px;margin:8px 0;display:grid}.report-grid div{background:var(--card);color:var(--dim);border-radius:9px;padding:8px 9px;font-size:11.5px}.report-grid b{color:var(--ink);font-size:17px;display:block}.loot-strip{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.loot-strip .slot{animation:.35s ease-out backwards pop}.small{font-size:12.5px}.ui textarea{width:100%;min-height:90px;color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:auto;background:#00000059;border:1px solid #fff3;border-radius:8px;padding:8px;font:12px/1.3 ui-monospace,Consolas,monospace}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}@keyframes sheetIn{0%{opacity:0;transform:scale(.97)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes refused{25%{translate:-3px}75%{translate:3px}}@keyframes banner{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1.04)}18%{transform:scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (orientation:portrait){.actions{--abtn:48px;--abig:68px;width:230px;height:220px}.abtn.attack{bottom:6px;right:6px}.abtn.power{bottom:16px;right:94px}.abtn.bolt{bottom:71px;right:71px}.abtn.heal{bottom:94px;right:16px}.abtn.buff{bottom:85px;right:133px}.abtn.drink{bottom:139px;right:75px}.abtn.ring{bottom:151px;right:19px}.target{top:calc(170px + var(--st));max-width:70vw}.menu-bar{flex-direction:column}.macro-chip{bottom:calc(206px + var(--sb));left:calc(10px + var(--sl));max-width:calc(100vw - 20px - var(--sl) - var(--sr));transform:none}.interact{bottom:calc(264px + var(--sb))}.chat-button{bottom:calc(372px + var(--sb))}.chat{bottom:calc(282px + var(--sb));width:min(360px,72vw);max-height:84px}.chat.open{max-height:min(52vh,100vh - 560px)}:is(.ui:has(.chat.open,.chat-say:not([hidden])) .chat-button,.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say){bottom:calc(282px + var(--sb))}.ui:has(.chat.open,.chat-say:not([hidden])) .chat{bottom:calc(316px + var(--sb))}.toasts{top:calc(160px + var(--st))}}@media (orientation:portrait) and (width<=500px){.mbtn{width:44px;height:44px}.mbtn svg{width:22px;height:22px}.abtn.ring,.abtn.buff,.abtn.drink{width:44px;height:44px}.target{top:calc(214px + var(--st))}.macro-chip{bottom:calc(210px + var(--sb))}.macro-toggle{min-height:44px}.macro-status{flex-direction:column;justify-content:center;min-height:44px;display:flex}.interact button{min-height:44px}.chat{bottom:calc(8px + var(--sb));width:min(214px,44vw)}.chat-button{bottom:calc(98px + var(--sb));width:44px;height:44px}.chat.open{box-sizing:border-box;width:min(214px,44vw);max-height:140px}.chat-say input{min-height:44px}.lifestone-stick.idle{display:none}:is(.ui:has(.chat.open,.chat-say:not([hidden])) .chat-button,.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say){bottom:calc(8px + var(--sb))}.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say{left:calc(60px + var(--sl));width:calc(min(214px,44vw) - 50px)}.ui:has(.chat.open,.chat-say:not([hidden])) .chat{bottom:calc(58px + var(--sb))}}@media (orientation:landscape) and (height<=500px){.ui{font-size:12px}.top-right{grid-template-areas:"purse map""zone map""menu map";place-items:start end;gap:3px 8px;display:grid}.purse{grid-area:purse}.zone-name{grid-area:zone}.menu-bar{grid-area:menu}.map-wrap{grid-area:map}.mbtn{width:44px;height:44px}.mbtn svg{width:22px;height:22px}.map-wrap{width:84px;height:84px}.target{top:calc(4px + var(--st))}.target .bar{margin-top:2px}.tracker{top:calc(104px + var(--st))}.actions{--abtn:48px;--abig:64px;--k:.84;width:190px;height:184px;bottom:calc(8px + var(--sb))}.abtn.ring,.abtn.buff,.abtn.drink{width:44px;height:44px}.macro-chip{bottom:calc(8px + var(--sb));max-width:min(340px, 36vw, calc(100vw - 28px - 2 * var(--sl) - 2 * min(220px, 28vw)))}.macro-toggle{min-height:44px;padding:6px 10px 6px 8px;font-size:12px}.macro-status{flex-direction:column;justify-content:center;min-height:44px;display:flex}.interact{left:50%;right:auto;bottom:calc(60px + var(--sb));transform:translate(-50%)}.interact button{white-space:nowrap;min-height:44px;padding:6px 16px}.chat{bottom:calc(8px + var(--sb));width:min(220px,28vw);max-height:58px}.chat-button{bottom:calc(72px + var(--sb));width:44px;height:44px}.chat.open{width:min(220px,28vw);max-height:58px}.chat-say input{min-height:44px}.lifestone-stick.idle{display:none}:is(.ui:has(.chat.open,.chat-say:not([hidden])) .chat-button,.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say){bottom:calc(8px + var(--sb))}.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say{left:calc(60px + var(--sl));width:calc(min(220px,28vw) - 50px)}.ui:has(.chat.open,.chat-say:not([hidden])) .chat{bottom:calc(58px + var(--sb))}.sheet{max-height:none}.sheet-body{padding:10px 12px 14px}}@media (width>=1100px) and (height>=680px){.ui{font-size:14px}.vitals{width:300px}.vitals .who{font-size:16px}.lvl{font-size:12px;line-height:19px}.bar{height:18px}.bar>span{font-size:11.5px;line-height:17px}.buff{width:32px;height:32px;font-size:16px}.buff-bar{gap:6px}.zone-name{font-size:14px}.purse{font-size:16px}.map-wrap{width:150px;height:150px}.actions{--abtn:60px;--abig:86px;--k:1.18;width:300px;height:300px}.macro-chip{max-width:560px}.macro-toggle{padding:10px 16px 10px 12px;font-size:15px}.macro-toggle svg{width:24px;height:24px}.macro-status{min-width:240px;font-size:13px}.target{min-width:320px}.target .tn{font-size:16px}.target .bar{height:12px}.tracker{top:calc(136px + var(--st));max-width:340px}.tracker .tq,.tracker .to,.tracker .eq,.tracker .eo{font-size:14px}.mbtn{width:46px;height:46px}.mbtn svg{width:24px;height:24px}.chat{width:440px;max-height:150px;bottom:calc(30px + var(--sb));font-size:13px}.chat-button{bottom:calc(188px + var(--sb))}:is(.ui:has(.chat.open,.chat-say:not([hidden])) .chat-button,.ui:has(.chat.open,.chat-say:not([hidden])) .chat-say){bottom:calc(30px + var(--sb))}.ui:has(.chat.open,.chat-say:not([hidden])) .chat{bottom:calc(64px + var(--sb))}.toasts{top:calc(80px + var(--st))}.toast{font-size:14px}}