:root{--panel:#f3ead6;--panel2:#e4d6b6;--ink:#2b2216;--muted:#6e5f45;--line:#c4ae82;--gold:#d9a227;--btn:#2b2216;--btnInk:#f3ead6;--pixel:"Pixelify Sans", ui-rounded, system-ui, sans-serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--panel:#241d14;--panel2:#2f2619;--ink:#f1e5c9;--muted:#b5a47f;--line:#4d3f2a;--btn:#f1e5c9;--btnInk:#241d14}}:root[data-theme=dark]{--panel:#241d14;--panel2:#2f2619;--ink:#f1e5c9;--muted:#b5a47f;--line:#4d3f2a;--btn:#f1e5c9;--btnInk:#241d14}*,*:before,*:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;height:100%;overflow:hidden;background:#4f7a33;font-family:var(--sans);color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;top:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:10px}.bars{width:min(54vw,250px);color:#fff;text-shadow:0 1px 2px #000;font-family:var(--pixel)}.bar{position:relative;height:16px;background:#0000008c;border:2px solid rgba(0,0,0,.7);border-radius:3px;margin-bottom:4px;overflow:hidden}.bar b{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left;transition:transform .12s}.bar.hp b{background:linear-gradient(#e2574c,#a8261d)}.bar.mp b{background:linear-gradient(#5b8ef0,#2a52a8)}.bar.xp{height:7px}.bar.xp b{background:#e8c547}.bar span{position:relative;font-size:11px;line-height:12px;padding-left:6px}.info{font-size:13px;display:flex;gap:10px;flex-wrap:wrap}#mini{width:110px;height:110px;border:2px solid rgba(0,0,0,.7);border-radius:6px;background:#2f4a20}#zone{position:fixed;top:calc(env(safe-area-inset-top,0px) + 128px);left:50%;transform:translate(-50%);font-family:var(--pixel);font-size:22px;color:#fff;text-shadow:0 2px 4px #000;opacity:0;transition:opacity .4s;pointer-events:none;white-space:nowrap}#toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 250px);left:50%;transform:translate(-50%);background:#000000b8;color:#fff;font-size:13px;padding:6px 12px;border-radius:14px;opacity:0;transition:opacity .3s;pointer-events:none;max-width:80vw;text-align:center}#skills{position:fixed;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:222px;height:216px;pointer-events:none}.sk{position:absolute;width:60px;height:60px;pointer-events:auto;border:3px solid rgba(0,0,0,.75);border-radius:50%;background:#281e12c7;color:#fff;font-family:var(--pixel);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:0;touch-action:none;cursor:pointer}.sk:active{transform:scale(.92)}.sk .ic{font-size:23px;line-height:1}.sk .lb{font-size:10px;margin-top:2px}.sk .ct{position:absolute;top:2px;right:7px;font-size:11px;color:#ffe08a}.sk .cd{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(0,0,0,.65) calc(var(--p,0)*1turn),transparent 0);pointer-events:none}.sk.nomana{filter:grayscale(.8) brightness(.7)}.sk .kh{position:absolute;left:7px;top:4px;font-size:9px;color:#ffe08a;opacity:.9}#b-atk .ic{font-size:28px}#b-fire{right:84px;bottom:4px;background:#96460ad9}#b-ice{right:154px;bottom:4px;background:#286ea0d9}#b-exori{right:78px;bottom:74px;background:#782814d9}#b-heal{right:148px;bottom:74px;background:#1e6e3cd9}#b-stasis{right:130px;bottom:140px;background:#463296e0}#b-hp{right:8px;bottom:154px;width:54px;height:54px}#b-mp{right:70px;bottom:144px;width:54px;height:54px}.sk:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}#cfg{position:fixed;top:calc(env(safe-area-inset-top,0px) + 128px);right:calc(env(safe-area-inset-right,0px) + 10px);width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.7);background:#281e12c7;color:#fff;font-size:20px;cursor:pointer;padding:0}.kb{min-width:92px;font-family:var(--pixel);font-size:15px;padding:8px 10px;border-radius:6px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer}.kb.wait{background:var(--gold);color:#2b2216;border-color:#000}.note{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 0}#cfgmsg{min-height:1.2em;color:#b33a3a;font-size:13px;margin:6px 0 0}#talk{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 230px);transform:translate(-50%);display:none;font-family:var(--pixel);font-size:18px;padding:10px 18px;border-radius:8px;border:3px solid #000;background:var(--gold);color:#2b2216;cursor:pointer}.overlay{position:fixed;inset:0;background:#0a080499;display:none;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);z-index:10}.overlay.show{display:flex}.panel{background:var(--panel);color:var(--ink);border:3px solid #000;border-radius:10px;width:min(440px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 6px #0006}.panel h1,.panel h2{font-family:var(--pixel);margin:0}.ph{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:2px solid var(--line)}.ph h2{font-size:20px}.pb{padding:12px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.tabs{display:flex;gap:6px;padding:10px 14px 0}.tab{flex:1;font-family:var(--pixel);font-size:15px;padding:8px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:6px 6px 0 0;cursor:pointer}.tab.on{background:var(--btn);color:var(--btnInk);border-color:var(--btn)}.row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}.row:last-child{border-bottom:0}.row .ri{font-size:28px;width:36px;text-align:center}.row .rt{flex:1;min-width:0}.row .rt b{display:block;font-size:15px}.row .rt small{color:var(--muted);font-size:12px;display:block}.bt{font-family:var(--pixel);font-size:14px;padding:8px 12px;border-radius:6px;border:2px solid #000;background:var(--gold);color:#2b2216;cursor:pointer;white-space:nowrap}.bt[disabled]{opacity:.4;cursor:default}.bt.sec{background:var(--panel2);color:var(--ink);border-color:var(--line)}.goldtag{font-family:var(--pixel);font-size:16px}.x{font-size:22px;background:none;border:0;color:var(--ink);cursor:pointer;padding:4px 8px}.intro p{margin:0 0 10px;line-height:1.5;font-size:14px}.intro h1{font-size:34px;line-height:1;margin-bottom:6px}.keys{font-size:12px;color:var(--muted)}.cta{display:flex;gap:8px;margin-top:6px}.cta .bt{flex:1;font-size:17px;padding:12px}.empty{color:var(--muted);text-align:center;padding:20px 0;font-size:14px}label.nick{display:block;font-size:13px;color:var(--muted);margin:4px 0 10px}label.nick input{display:block;width:100%;margin-top:4px;font:600 16px var(--sans);padding:10px;border-radius:6px;border:2px solid var(--line);background:var(--panel2);color:var(--ink);user-select:text;-webkit-user-select:text;touch-action:auto}#tools{position:fixed;top:calc(env(safe-area-inset-top,0px) + 128px);right:calc(env(safe-area-inset-right,0px) + 10px);display:flex;gap:6px;flex-direction:row-reverse}#tools button{position:static;width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.7);background:#281e12c7;color:#fff;font-size:19px;cursor:pointer;padding:0}#tools button.off{background:#3c5a3cd9}#cfg{position:static!important}#campad{position:fixed;top:calc(env(safe-area-inset-top,0px) + 176px);right:calc(env(safe-area-inset-right,0px) + 10px);display:none;grid-template-columns:repeat(3,40px);gap:5px;padding:8px;background:#14100ab8;border:2px solid rgba(0,0,0,.6);border-radius:10px}#campad.show{display:grid}#campad button{width:40px;height:36px;border-radius:7px;border:2px solid rgba(0,0,0,.6);background:#3c301ee6;color:#fff;font-size:16px;cursor:pointer;padding:0;font-family:var(--pixel)}#campad small{grid-column:1/-1;color:#ffe08a;text-align:center;font:600 11px var(--sans)}#side{position:fixed;left:calc(env(safe-area-inset-left,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 100px);width:min(54vw,230px);background:#0c0a068c;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 9px;color:#fff;font:12px/1.45 var(--sans);text-shadow:0 1px 2px #000;pointer-events:none}#side .sh{font-size:13px}#side .sg{display:flex;flex-wrap:wrap;gap:2px 10px;opacity:.95}#side .st{margin-top:6px;font-family:var(--pixel);color:#ffe08a;font-size:12px}#side .rk{display:flex;gap:6px}#side .rk b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#side .rk em{font-style:normal;color:#ffe08a}#side .rk.me b{color:#ffe08a}#side .pf{position:relative;padding-bottom:4px}#side .pf i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:#4fb04a;border-radius:2px}#invite{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 220px);transform:translate(-50%);display:none;gap:8px;align-items:center;background:var(--panel);color:var(--ink);border:3px solid #000;border-radius:10px;padding:10px 12px;z-index:9;font-size:14px}#castbar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 290px);transform:translate(-50%);width:min(60vw,260px);display:none;pointer-events:none;color:#fff;font:13px var(--pixel);text-align:center;text-shadow:0 1px 2px #000}#castbar .bar b{background:linear-gradient(#ffd27a,#c98a20)}#b-atk{right:0;bottom:0;width:76px;height:76px;background:#6e3c96e0}#b-q{right:84px;bottom:4px;background:#96460ad9}#b-e{right:154px;bottom:4px;background:#286ea0d9}#b-r{right:110px;bottom:74px;background:#463296e0}#b-dash{right:8px;bottom:84px;background:#5a3c8cd9}#b-mp{right:180px;bottom:80px;width:54px;height:54px}#bossbar{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 176px);width:min(86vw,420px);display:none;pointer-events:none;font-family:var(--pixel);color:#fff;text-shadow:0 1px 2px #000;text-align:center;font-size:13px}#bossbar .bar{height:14px;margin:3px 0 0;border-color:#000}#bossbar .bar b{background:linear-gradient(#ff7a3a,#b3200f)}@media(min-width:760px){#bossbar{top:calc(env(safe-area-inset-top,0px) + 8px)}}#townt{color:#9dffb0}.row .rt small b{font-size:12px}#connmsg{min-height:1.2em;color:#b33a3a;font-size:13px;margin:6px 0 0}:root{--r0:#c9c3b4;--r1:#5fd16a;--r2:#4aa3ff;--r3:#b36bff;--r4:#ffab2e;--ok:#4fb04a;--bad:#c0473c}.panel.wide{width:min(760px,100%)}.panel.xl{width:min(920px,100%)}.ph{background:linear-gradient(var(--panel2),var(--panel))}.ph h2{display:flex;align-items:center;gap:8px}.ph .sub{font-family:var(--sans);font-size:12px;color:var(--muted);font-weight:400}.tabs{flex-wrap:wrap}.tab{min-width:90px}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);font-size:12px}.muted{color:var(--muted)}.gold{color:#c58b00;font-family:var(--pixel)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .gold{color:#ffd45a}}.hero{display:grid;grid-template-columns:230px 1fr;gap:14px}@media(max-width:700px){.hero{grid-template-columns:1fr}}.doll{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.slotbox{position:relative;border:2px solid var(--line);border-radius:8px;background:var(--panel2);min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted);text-align:center;padding:4px;cursor:pointer}.slotbox .ico{font-size:26px;line-height:1}.slotbox.has{color:var(--ink)}.slotbox b{display:block;font-size:11px;line-height:1.15;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.cell{position:relative;aspect-ratio:1;border:2px solid var(--line);border-radius:8px;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer}.cell.empty{opacity:.45;cursor:default}.cell .lv{position:absolute;right:3px;bottom:1px;font:600 10px var(--sans);color:var(--ink);text-shadow:0 0 2px var(--panel)}.cell .up{position:absolute;left:3px;top:1px;font:700 10px var(--sans);color:#ffd45a;text-shadow:0 1px 1px #000}.cell.bad{outline:2px solid var(--bad)}.r0{border-color:var(--r0)}.r1{border-color:var(--r1);box-shadow:0 0 6px -1px var(--r1)}.r2{border-color:var(--r2);box-shadow:0 0 8px -1px var(--r2)}.r3{border-color:var(--r3);box-shadow:0 0 10px -1px var(--r3)}.r4{border-color:var(--r4);box-shadow:0 0 12px 0 var(--r4)}.tc0{color:var(--r0)}.tc1{color:var(--r1)}.tc2{color:var(--r2)}.tc3{color:var(--r3)}.tc4{color:var(--r4)}#tip{position:fixed;z-index:30;max-width:260px;pointer-events:none;display:none;background:#14110b;color:#f1e5c9;border:2px solid #000;border-radius:8px;padding:8px 10px;font:12px/1.4 var(--sans);box-shadow:0 4px 12px #00000080}#tip h4{margin:0 0 2px;font:700 14px var(--pixel)}#tip .ln{display:flex;justify-content:space-between;gap:12px}#tip .aff{color:#7ad8ff}#tip .req{color:#ff8f7a}#tip .cmp{color:#9aa}.bar-attr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.bar-attr .nm{flex:1}.bar-attr .nm b{display:block}.bar-attr .nm small{color:var(--muted);font-size:11px}.bar-attr .v{font:700 20px var(--pixel);min-width:44px;text-align:right}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:13px;margin-top:8px}.statgrid div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line)}.q{border:2px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 8px;background:var(--panel2)}.q h4{margin:0 0 2px;font:700 15px var(--pixel);display:flex;justify-content:space-between;gap:8px}.q p{margin:2px 0 6px;font-size:13px;line-height:1.4}.q .pg{height:8px;border-radius:4px;background:#00000040;overflow:hidden;margin:4px 0}.q .pg i{display:block;height:100%;background:linear-gradient(#7fe07a,#3f9a3a)}.q.ready{border-color:#d9a227}.q.ready h4{color:#c58b00}.q .rw{font-size:12px;color:var(--muted)}#tracker{position:fixed;right:calc(env(safe-area-inset-right,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 232px);width:min(46vw,210px);pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;font:12px/1.35 var(--sans);background:#0c0a0680;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 8px;display:none}#tracker .th{font:700 12px var(--pixel);color:#ffe08a;margin-bottom:2px}#tracker .tq{margin-top:3px}#tracker .tq.ok{color:#9dffb0}@media(max-width:759px){#tracker{top:calc(env(safe-area-inset-top,0px) + 270px)}}#lootlog{position:fixed;left:calc(env(safe-area-inset-left,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 150px);pointer-events:none;font:12px/1.35 var(--sans);color:#fff;text-shadow:0 1px 2px #000;display:flex;flex-direction:column;gap:2px;max-width:48vw}#lootlog div{background:#0c0a068c;border-radius:6px;padding:2px 8px;animation:lf 6s forwards}@keyframes lf{0%{opacity:0;transform:translate(-8px)}6%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}#buffs{display:flex;gap:4px;margin-top:3px}#buffs span{font-size:15px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0 4px;position:relative}#buffs small{font:600 9px var(--sans);margin-left:2px;color:#ffe08a}.bar.hp b,.bar.mp b{transition:transform .08s}#cls-badge{background:#0000008c;border-radius:6px;padding:0 6px;border:1px solid rgba(255,255,255,.2)}#pts-badge{display:none;background:#d9a227;color:#2b2216;border-radius:6px;padding:0 6px;font-weight:700;cursor:pointer;pointer-events:auto}#npc-title{font:12px var(--sans);color:var(--muted)}.npcgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:700px){.npcgrid{grid-template-columns:1fr}}.shoprow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.shoprow .ri{font-size:26px;width:34px;text-align:center}.shoprow .rt{flex:1;min-width:0}.shoprow .rt b{display:block;font-size:14px}.shoprow .rt small{display:block;color:var(--muted);font-size:12px}.filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.filters button{font:600 12px var(--sans);padding:4px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer}.filters button.on{background:var(--btn);color:var(--btnInk)}#worldmap{width:100%;max-height:68vh;object-fit:contain;border-radius:8px;border:2px solid #000;background:#16202c;display:block}#mini{cursor:pointer;pointer-events:auto}#tools{flex-wrap:wrap;justify-content:flex-start;max-width:min(62vw,250px);top:calc(env(safe-area-inset-top,0px) + 124px)}#campad{top:calc(env(safe-area-inset-top,0px) + 232px)}@media(max-width:759px){#tracker{top:calc(env(safe-area-inset-top,0px) + 290px)}#side{top:calc(env(safe-area-inset-top,0px) + 124px)}}@media(max-width:759px){#zone{top:calc(env(safe-area-inset-top,0px) + 96px);font-size:19px}}