*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,system-ui,sans-serif;background:#1a2418 url(/ui/hero.webp) center / cover no-repeat;color:#e8eadf;overflow:hidden}#game{display:block;cursor:pointer}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#06121800 46%,#0612186b)}button{font-family:inherit}#landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 42%,#0a0e1400 38%,#0a0e1473),linear-gradient(0deg,#080c108c,#080c1000 28%)}#landing[hidden]{display:none}#landing .lwrap{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5vh 16px 0}#landing .hero,#landing .cta{display:flex;flex-direction:column;align-items:center;transform:translate3d(var(--px, 0px),var(--py, 0px),0);transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}#landing .hero{--depth: 1}#landing .cta{--depth: .42}.logo{width:clamp(260px,min(42vw,56vh),520px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.55))}.tagline{margin-top:clamp(14px,2.4vh,28px);display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);font-size:clamp(13px,1.1vw,16px);font-weight:700;text-transform:uppercase;color:#f2dfa9;text-shadow:0 2px 8px rgba(0,0,0,.85)}.tagline span{letter-spacing:.32em;margin-right:-.32em}.tagline:before,.tagline:after{content:"";height:1px;width:clamp(26px,5.5vw,76px);flex:none;background:linear-gradient(90deg,#ead9ac00,#ead9acb3)}.tagline:after{transform:scaleX(-1)}#landing .lead{margin-top:12px;max-width:56ch;text-align:center;font-size:clamp(13px,1.05vw,15.5px);line-height:1.6;font-weight:500;color:#d5dfc9;text-shadow:0 2px 6px rgba(0,0,0,.85)}#landing .lead b{color:#f2dfa9;font-weight:700}.panel{margin-top:clamp(20px,3.6vh,40px);width:min(376px,calc(100vw - 32px));padding:9px;border-radius:16px;background:linear-gradient(180deg,#7a5527,#5a3c1c 42%,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 2px #ffe09c61,inset 0 -3px #00000073,0 22px 58px #0000009e}.panel .inner{padding:16px 17px 5px;border-radius:11px;display:flex;flex-direction:column;align-items:center;gap:9px;background:radial-gradient(120% 90% at 12% 0%,rgba(120,146,92,.16),transparent 60%),linear-gradient(180deg,#2f3d26,#1b2513);box-shadow:inset 0 0 0 1px #ffe8aa2b,inset 0 3px 14px #0000008c}.panel .hint{font-size:13px;color:#aab8a0;text-align:center}#landing .panel{width:min(440px,calc(100vw - 32px))}.waitrow{display:flex;gap:8px;width:100%}.waitrow[hidden]{display:none}.waitrow input{flex:1 1 auto;min-width:0;padding:12px 13px;border-radius:9px;font-family:var(--ui-face);font-size:14px;font-weight:600;color:var(--cream);background:#00000057;border:2px solid rgba(255,232,170,.22);box-shadow:inset 0 2px 8px #00000080;transition:border-color .14s,box-shadow .14s}.waitrow input::placeholder{color:#8a9880;font-weight:500}.waitrow input:focus{outline:none;border-color:#f7c95abf;box-shadow:inset 0 2px 8px #00000080,0 0 0 3px #f7c95a29}.waitrow input:disabled{opacity:.55}.waitrow #waitbtn{width:auto;flex:0 0 auto;padding:12px 16px;font-size:14px;white-space:nowrap}.waitrow #waitbtn:disabled{cursor:default;filter:grayscale(.45) brightness(.85)}.err.good{color:#a8cf86}#landing.blocked{background:radial-gradient(ellipse at 50% 42%,#1821168c,#080b0ef5 62%),#080b0e}.blockedtitle{font-family:var(--ui-face);font-weight:800;font-size:17px;color:#f2dfa9;text-align:center;line-height:1.25;text-shadow:0 2px 6px rgba(0,0,0,.7)}.already{width:100%;margin-top:3px;padding-top:9px;text-align:center;border-top:1px solid rgba(255,232,170,.14)}.already a{font-family:var(--ui-face);font-size:13px;font-weight:700;color:#cbd8bf;text-decoration:none;opacity:.85;transition:opacity .14s,color .14s}.already a:hover{opacity:1;color:var(--gold-1);text-decoration:underline}@media(max-width:440px){.waitrow{flex-direction:column}.waitrow #waitbtn{width:100%}}.gold{width:100%;padding:13px 18px;border:0;border-radius:9px;cursor:pointer;font-size:17px;font-weight:700;color:#3a2208;background:linear-gradient(180deg,#ffd977,#f0b43c 60%,#dd9727);box-shadow:0 3px #8a5410,0 6px 16px #0006;transition:transform .06s,filter .12s}.gold:hover:not(:disabled){filter:brightness(1.07)}.gold:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a5410}.gold:disabled{filter:saturate(.4) brightness(.75);cursor:default}.gold:focus-visible{outline:3px solid rgba(255,231,154,.8);outline-offset:3px}a.gold{display:block;text-align:center;text-decoration:none;font-family:inherit;line-height:1.25}#landing .gold{position:relative;overflow:hidden;transition:transform .14s cubic-bezier(.2,1.3,.5,1),filter .14s,box-shadow .18s}#landing .gold:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-75%;width:42%;transform:skew(-18deg);pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:goldsheen 5s ease-in-out 1.4s infinite}@keyframes goldsheen{0%,74%{left:-75%}to{left:135%}}#landing .gold:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 5px #8a5410,0 12px 26px #00000080,0 0 30px #ffcd6c61}#landing .gold:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a5410}#landing .gold:disabled:after{animation:none;opacity:0}.err{color:#e08a7a;font-size:13px;min-height:1em;text-align:center}.hint.bad{color:#e08a7a}.hint.good{color:#a8cf86}#landing .beats{margin-top:clamp(16px,2.8vh,32px);list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(7px,1.1vw,14px)}#landing .beats li{display:flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border-radius:999px;background:#0c120e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px #d2be8233,0 4px 14px #0000005c;transition:transform .18s cubic-bezier(.2,1.3,.5,1),box-shadow .18s,background .18s}#landing .beats li:hover{transform:translateY(-3px);background:#121a12c2;box-shadow:inset 0 0 0 1px #f5e79a7a,0 9px 22px #00000075}#landing .beats .ic{flex:none;width:34px;height:34px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#0a0e0a99;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #c4b07a38,0 2px 6px #00000080}#landing .beats .ic img{width:30px;height:30px;object-fit:contain;display:block}#landing .beats b{display:block;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em;color:#f2dfa9;line-height:1.25}#landing .beats em{display:block;font-style:normal;font-size:11.5px;color:#a9b79e;line-height:1.3}#landing footer{margin-top:auto;padding:14px 18px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#b9c4ad;text-shadow:0 1px 3px rgba(0,0,0,.8)}#audiobtn{width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:17px;border:1px solid rgba(255,255,255,.18);background:#0e141ab3;transition:transform .14s cubic-bezier(.2,1.3,.5,1),border-color .14s,background .14s}#audiobtn:hover{transform:scale(1.09);background:#18201ad9;border-color:#f5e79a80}#landing .sitehead{position:fixed;top:0;left:0;right:0;z-index:2}#landing .topscrim{z-index:1}#landing .lwrap{padding-top:calc(2.5vh + 46px)}@keyframes lfade{0%{opacity:0;transform:translateY(15px)}}@keyframes lbar{0%{opacity:0;transform:translateY(-10px)}}@keyframes lsign{0%{opacity:0;transform:translateY(-12px) scale(.965)}}#landing .sitehead{animation:lbar .55s cubic-bezier(.2,.9,.3,1) .08s both}#landing .logo{animation:lsign .85s cubic-bezier(.2,.9,.3,1) both}#landing .tagline{animation:lfade .6s cubic-bezier(.2,.9,.3,1) .2s both}#landing .lead{animation:lfade .6s cubic-bezier(.2,.9,.3,1) .32s both}#landing .panel{animation:lfade .6s cubic-bezier(.2,.9,.3,1) .44s both}#landing .beats li{animation:lfade .55s cubic-bezier(.2,.9,.3,1) both}#landing .beats li:nth-child(1){animation-delay:.58s}#landing .beats li:nth-child(2){animation-delay:.66s}#landing .beats li:nth-child(3){animation-delay:.74s}#landing footer{animation:lfade .6s ease-out .8s both}@media(max-width:620px){#landing .beats{flex-direction:column;align-items:stretch;gap:6px;width:min(340px,calc(100vw - 32px))}.tagline span{letter-spacing:.2em;margin-right:-.2em}}@media(max-height:700px){#landing .beats{display:none}#landing .sitehead{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}#landing .lwrap{padding-top:calc(2.5vh + 36px)}}@media(max-height:580px){#landing .lead{display:none}}@media(prefers-reduced-motion:reduce){#landing .sitehead,#landing .logo,#landing .tagline,#landing .lead,#landing .panel,#landing .beats li,#landing footer{animation:none}#landing .gold:after{animation:none;opacity:0}#landing .hero,#landing .cta{transform:none}}#namepick{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#26170ae0;z-index:9}#namepick[hidden]{display:none}#namepick h2{color:#ead9ac;font-weight:700}#namepick .sub{font-size:13px;color:#b6a87f}#namepick input{padding:11px 14px;width:260px;border:1px solid #5a4224;border-radius:3px;background:#2a1b0c;color:#e8eadf;font-size:16px;text-align:center;font-family:inherit;font-weight:600}#namepick .gold{width:260px;border-radius:6px}#minimap{position:fixed;top:60px;right:14px;z-index:5;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}#minimap[hidden]{display:none}#minimapcv{width:196px;height:196px;border-radius:50%;border:3px solid rgba(210,190,130,.55);box-shadow:0 4px 18px #00000080,inset 0 0 24px #0000008c;background:#0e141a99}#minimaplabel{max-width:200px;text-align:center;line-height:1.15;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.05em;color:#f2dc9c;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9)}#minimapsub{max-width:200px;text-align:center;margin-top:-1px;font-size:10px;font-weight:600;letter-spacing:.1em;color:#c6b791;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.9)}#minimapsub[hidden]{display:none}#minimap .mhint{font-size:10px;color:#c3b491;text-shadow:0 1px 3px rgba(0,0,0,.9)}#placard{position:fixed;top:13vh;left:50%;transform:translate(-50%,-8px);z-index:6;pointer-events:none;text-align:center;opacity:0;transition:opacity .75s ease,transform .75s ease}#placard.on{opacity:1;transform:translate(-50%);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1,.4,1)}#placard .pname{font-family:"Baloo 2",system-ui,sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.1;letter-spacing:.06em;color:#f6e6b4;text-shadow:0 2px 0 rgba(0,0,0,.55),0 4px 18px rgba(0,0,0,.85)}#placard .pname:after{content:"";display:block;height:2px;margin:5px auto 0;width:min(240px,42vw);background:linear-gradient(90deg,#f2dc9c00,#f2dc9cbf,#f2dc9c00)}#placard .psub{margin-top:5px;font-size:clamp(11px,1vw,13px);font-weight:700;letter-spacing:.26em;margin-right:-.26em;text-transform:uppercase;color:#d9cfae;text-shadow:0 2px 8px rgba(0,0,0,.9)}#placard .psub[hidden]{display:none}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;justify-content:center;background:#100903bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#bigmap[hidden]{display:none}#bigmap .mapframe{position:relative;display:flex;gap:12px;align-items:stretch;padding:12px;background:radial-gradient(120% 120% at 50% 0%,#463a228c,#26170a00 60%),#221509f5;border:1px solid rgba(210,190,130,.34);border-radius:6px;box-shadow:0 18px 70px #000000a6,inset 0 0 0 1px #00000080}#bigmapcv{display:block;border-radius:4px;cursor:grab;touch-action:none;box-shadow:0 0 0 1px #0009,0 6px 24px #00000080}#bigmapcv:active{cursor:grabbing}#bigmap .maptitle{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:3px 22px;border-radius:5px;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:18px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 2px 10px #0000008c}#bigmapside{width:194px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#d9cdb0}#bigmapwhere{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:15px;color:#f0e2b4;line-height:1.2;min-height:36px;padding:8px 10px;border-radius:4px;background:#1a0f0699;border:1px solid rgba(210,190,130,.2)}#bigmapkey{display:flex;flex-direction:column;gap:2px;overflow:auto}#bigmapkey>div{display:flex;align-items:center;gap:6px}#bigmapkey .kicon{width:22px;height:22px;flex:none}#bigmapkey span{opacity:.85}#bigmap .mapbtns{display:flex;gap:6px;margin-top:auto}#bigmap .mapbtns button{flex:1;padding:6px 0;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;color:#e8dcb8;background:#422c15e6;border:1px solid rgba(210,190,130,.28);border-radius:4px}#bigmap .mapbtns button:hover{background:#5c3e1ef2}#bigmap .maphint{font-size:11px;color:#b6a87f;text-align:center;line-height:1.5}@media(max-width:900px){#bigmap .mapframe{flex-direction:column;padding:14px;gap:8px}#bigmapside{width:auto;gap:6px}#bigmapkey{display:none}#bigmapwhere{min-height:0;text-align:center}#bigmap .mapbtns button{padding:9px 0;font-size:15px}}#pframe{position:absolute;left:0;bottom:calc(100% + 7px);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}#pframe[hidden]{display:none}#plevel{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:17px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);border:2px solid rgba(38,23,10,.85);box-shadow:0 2px 8px #0000008c,inset 0 -2px 4px #0000002e}#pframe .pbars{width:290px}#pframe .pbar,#pframe #stamwrap{position:relative;overflow:hidden;background:#180e06cc;border:1px solid rgba(210,190,130,.42);box-shadow:0 2px 10px #00000080}#pframe .php{height:19px;border-radius:3px 3px 0 0}#pframe .pbar>span:first-child{display:block;height:100%;width:100%;transition:width .22s ease,background .25s ease}#pname,#phptext{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:12px;color:#f7f1de;text-shadow:0 1px 3px rgba(0,0,0,.95);pointer-events:none;white-space:nowrap}#pname{left:8px;right:74px;overflow:hidden;text-overflow:ellipsis}#phptext{right:8px}#phpfill{background:linear-gradient(180deg,#6fc36a,#37833c)}#pframe.hurt #phpfill{background:linear-gradient(180deg,#f2cf70,#d08f2c)}#pframe.crit #phpfill{background:linear-gradient(180deg,#e2745a,#a8452c)}#pframe.levelup #plevel{animation:levelup 1s ease-out}@keyframes levelup{0%{box-shadow:0 2px 8px #0000008c,0 0 #ffd977e6}60%{box-shadow:0 2px 8px #0000008c,0 0 20px 9px #ffd9778c}to{box-shadow:0 2px 8px #0000008c,0 0 #ffd97700}}@media(prefers-reduced-motion:reduce){#pframe.levelup #plevel{animation:none}}#stamwrap{height:13px;border-radius:0 0 3px 3px;margin-top:-1px}#stamwrap[hidden]{visibility:hidden}#stamfill{display:block;height:100%;width:100%;background:linear-gradient(180deg,#f2cf70,#d08f2c);box-shadow:0 0 8px #e8bd5c73;transition:width .08s linear,background .25s ease}#stamwrap.low #stamfill{background:linear-gradient(180deg,#e2745a,#a8452c)}#hotbarwrap{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px}#hotbarwrap[hidden]{display:none}#hotbar{display:flex;gap:6px;padding:7px 9px;background:#26170ad1;border:1px solid rgba(210,190,130,.3);border-radius:6px;box-shadow:0 4px 18px #00000073}#hotbar .slot{position:relative;width:46px;height:46px;border-radius:3px;background:#1a0f068c;overflow:hidden;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #c4b07a38,0 2px 6px #00000080}#hotbar .slot .ic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}#hotbar .slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #fff6d633,inset 1px 0 #fff6d61a,inset 0 -1px #0000008c,inset 0 0 8px #00000073}#hotbar .slot.rare{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ffcd69bf,0 0 10px #ffc45459,0 2px 6px #00000080}img.ic{width:30px;height:30px;object-fit:cover;border-radius:3px;vertical-align:middle;flex:none;box-shadow:0 0 0 1px #000000d9,0 0 0 2px #c4b07a33}.ic-unknown{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;vertical-align:middle;flex:none;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:15px;line-height:1;color:#9c8862}#hotbar .slot span.ic-unknown,#bagitems .bslot span.ic-unknown,.chgear .gtile span.ic-unknown{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#hotbar .slot span.ic-unknown,#bagitems .bslot span.ic-unknown{position:absolute;top:0;right:0;bottom:0;left:0;font-size:18px}.chgear .gtile span.ic-unknown{font-size:14px}img.uiic{width:26px;height:26px;object-fit:contain;vertical-align:middle;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}#hotbar .slot .qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;color:#f7f1de;text-shadow:0 1px 2px #000}#hotbar .slot.pop,#bagitems .bslot.pop,#bagbtn.pop{animation:slotpop .28s ease}@keyframes slotpop{40%{transform:scale(1.18)}}#hotbar .slot.empty{background:#10090380;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #c4b07a21,inset 0 2px 7px #0009}#hotbar .slot.empty:after{box-shadow:none}#hotbar .slot .key{position:absolute;left:4px;top:2px;font-size:10px;font-weight:700;color:#e0d6b457;text-shadow:0 1px 2px #000}#goldbadge{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#26170ad1;border:1px solid rgba(210,190,130,.3);border-radius:6px;font-weight:700;color:#ffd977;font-size:15px;box-shadow:0 4px 18px #00000073}#satchelchip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:46px;padding:0 10px;border-radius:6px;border:1px solid rgba(232,148,46,.45);background:#1c160ed9;box-shadow:0 4px 18px #00000073;color:#f0c878;line-height:1.1;font-family:"Baloo 2",sans-serif;-webkit-user-select:none;user-select:none}#satchelchip[hidden]{display:none}#satchelchip .slabel{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}#satchelchip .sunits{font-size:14px;font-variant-numeric:tabular-nums}#satchelchip.full{border-color:#ff8a5a;color:#ffb090}#satchelchip.pop{animation:slotpop .28s ease}#blockwrap{height:5px;margin-top:3px;border-radius:2px;background:#00000073;overflow:hidden;border:1px solid rgba(210,190,130,.25)}#blockwrap[hidden]{display:none}#blockwrap span{display:block;height:100%;width:100%;background:#6fa8dc;transition:width .12s linear}#blockwrap.up span{background:#a8d0ff}#blockwrap.broken span{background:#d8483a}#hotbar .slot.kit{background:#3c341ed9}#hotbar .slot.kit .kitname{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-size:9px;letter-spacing:.04em;color:#ead9ac;text-transform:uppercase}#hotbar .slot.kit{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}@media(hover:hover){#hotbar .slot.kit:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #000000e6,0 0 0 2px #f0ca8099,0 0 12px #ffc45452,0 4px 10px #0000008c}#hotbar .slot.kit:hover .ic{filter:brightness(1.12) saturate(1.05)}#hotbar .slot.kit:hover .key{color:#f0e0b4b3}}#hotbar .slot.selected{outline:2px solid #f0c878;outline-offset:-2px;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ffd68ce6,0 0 16px #ffbe5a80,0 2px 6px #00000080;animation:slotlit 2.4s ease-in-out infinite}#hotbar .slot.selected:after{box-shadow:inset 0 1px #fff6d64d,inset 0 0 12px #ffbe5a52,inset 0 -1px #00000080}#hotbar .slot.selected .key{color:#ffe8b8d9}#hotbar .slot.selected .ic{filter:brightness(1.08)}@keyframes slotlit{50%{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ffe0a0,0 0 22px #ffbe5ab8,0 2px 6px #00000080}}@media(prefers-reduced-motion:reduce){#hotbar .slot.selected{animation:none}#hotbar .slot.kit{transition:none}}#dlgshop{margin:11px 0 3px;display:flex;flex-direction:column;gap:5px;max-height:46vh;overflow-y:auto;padding-right:3px}#dlgshop[hidden]{display:none}#dlgshop::-webkit-scrollbar{width:8px}#dlgshop::-webkit-scrollbar-thumb{background:#c4a05c59;border-radius:4px}#dlgshop .shead,.qblock .shead{display:flex;align-items:baseline;justify-content:space-between;font-family:inherit;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d3b47c;padding:3px 2px 4px;border-bottom:1px solid rgba(214,172,96,.26);margin-bottom:2px;position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#3b2712 94%,#3b271200)}#dlgshop .shead .spurse,.qblock .shead .spurse{color:#f0c878;font-weight:700;letter-spacing:.04em}#dlgshop .srow,.qblock .srow{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;font-size:13.5px;background:linear-gradient(180deg,#140b0457,#0c060280);box-shadow:inset 0 0 0 1px #ffe09c21,inset 0 1px #ffecbe0f}#dlgshop .srow:hover,.qblock .srow:hover{box-shadow:inset 0 0 0 1px #ffe8aa42}#dlgshop .srow.none,.qblock .srow.none{opacity:.42}#dlgshop .srow.none:hover,.qblock .srow.none:hover{box-shadow:inset 0 0 0 1px #ffe8aa17}#dlgshop .stile,.qblock .stile{position:relative;flex:none;width:34px;height:34px;border-radius:3px;overflow:hidden;background:#1a0f068c;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #c4b07a38,inset 0 -1px #00000080}#dlgshop .stile img,.qblock .stile img{width:100%;height:100%;object-fit:cover;display:block}#dlgshop .stile .sqty,.qblock .stile .sqty{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:700;color:#f7f1de;text-shadow:0 1px 2px #000,0 0 3px #000}#dlgshop .stile .ic-unknown,.qblock .stile .ic-unknown{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9c8862;font-size:15px}#dlgshop .srow.rare .stile,.qblock .srow.rare .stile{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ffcd69bf,0 0 8px #ffc4544d}#dlgshop .stx,.qblock .stx{flex:1;min-width:0}#dlgshop .sname,.qblock .sname{color:#ead9ac;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dlgshop .srow.rare .sname,.qblock .srow.rare .sname{color:#ffd977}#dlgshop .ssub,.qblock .ssub{font-size:11.5px;color:#b6a077}#dlgshop .sprice,.qblock .sprice{display:flex;align-items:center;gap:4px;color:#f0c878;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}#dlgshop .sprice img,.qblock .sprice img{width:15px;height:15px;object-fit:contain}#dlgshop .sacts,.qblock .sacts{display:flex;gap:5px;flex:none}#dlgshop button,.qblock button{font:inherit;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:4px;cursor:pointer;border:none;color:#f8eed4;white-space:nowrap;background:linear-gradient(180deg,#7b552b,#482f14);box-shadow:0 0 0 1px #170e05,inset 0 1px #fff0c83d,0 2px #00000073}#dlgshop button:hover,.qblock button:hover{background:linear-gradient(180deg,#93673a,#58391a)}#dlgshop button:active,.qblock button:active{transform:translateY(2px);box-shadow:0 0 0 1px #140d05}#dlgshop button:disabled,.qblock button:disabled{opacity:.35;cursor:default;transform:none}#dlgshop button.gold,.qblock button.gold{background:linear-gradient(180deg,#c9922f,#8a5c17);color:#2c1a04;border-radius:4px;width:auto}#dlgshop button.gold:hover,.qblock button.gold:hover{background:linear-gradient(180deg,#e0a63c,#9d6a1c)}#dlgshop .sbar,.qblock .sbar{height:4px;margin-top:3px;border-radius:2px;overflow:hidden;background:#00000080;box-shadow:inset 0 0 0 1px #ffe8aa1f}#dlgshop .sbar span,.qblock .sbar span{display:block;height:100%;background:#8fd0e8}#dlgshop .sbar.worn span,.qblock .sbar.worn span{background:#e8c46a}#dlgshop .sbar.blunt span,.qblock .sbar.blunt span{background:#d8483a}#dlgshop .sroad,.qblock .sroad{display:flex;gap:4px;margin-top:5px}#dlgshop .spip,.qblock .spip{width:13px;height:5px;border-radius:2px;background:transparent;box-shadow:inset 0 0 0 1px #ffe8aa38}#dlgshop .spip.past,.qblock .spip.past{opacity:.45}#dlgshop .spip.past,.qblock .spip.past,#dlgshop .spip.here,.qblock .spip.here{box-shadow:none}#dlgshop .spip.m0.past,.qblock .spip.m0.past,#dlgshop .spip.m0.here,.qblock .spip.m0.here{background:#a8865c}#dlgshop .spip.m1.past,.qblock .spip.m1.past,#dlgshop .spip.m1.here,.qblock .spip.m1.here{background:#8f9499}#dlgshop .spip.m2.past,.qblock .spip.m2.past,#dlgshop .spip.m2.here,.qblock .spip.m2.here{background:#c3cad1}#dlgshop .spip.m3.past,.qblock .spip.m3.past,#dlgshop .spip.m3.here,.qblock .spip.m3.here{background:#d6e2ea}#dlgshop .spip.m4.past,.qblock .spip.m4.past,#dlgshop .spip.m4.here,.qblock .spip.m4.here{background:#e0a24a}#dlgshop .spip.here,.qblock .spip.here{box-shadow:0 0 0 1px #f2e2b4,0 0 5px #f2e2b480}#dlgshop .ssub.lock,.qblock .ssub.lock{color:#f0c878}#dlgshop .sempty,.qblock .sempty{color:#b9ad8d;font-size:12.5px;font-style:italic;padding:6px 4px 2px}#dlgshop .stabs{display:flex;gap:4px;padding:2px 0 4px}#dlgshop .stabs button{flex:1;font-size:12px;letter-spacing:.02em;background:linear-gradient(180deg,#5a3d1c,#35220e);box-shadow:0 0 0 1px #170e05,inset 0 1px #fff0c81f}#dlgshop .stabs button.on{background:linear-gradient(180deg,#8a6129,#55381a);box-shadow:0 0 0 1px #170e05,inset 0 1px #fff0c84d,inset 0 -2px #f0c8788c;color:#ffe9bd}#dlgshop .sfilter{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 5px}#dlgshop .sfilter button{padding:2px 8px;font-size:11.5px;font-weight:600;background:linear-gradient(180deg,#4c3317,#2c1c0a);box-shadow:0 0 0 1px #170e05}#dlgshop .sfilter button.on{background:linear-gradient(180deg,#8a6129,#55381a);color:#ffe9bd}#dlgshop .sslot{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a58d5e;padding:6px 2px 2px;border-bottom:1px solid rgba(214,172,96,.16);margin-bottom:2px}#dlgshop .srow.wear .sname{color:#ead9ac}#dlgshop .srow.wear.fine .sname{color:#9fd0e8}#dlgshop .srow.wear.rare .sname{color:#ffd977}#dlgshop .sform{display:flex;flex-direction:column;gap:6px;padding:8px;margin:-2px 0 2px;border-radius:4px;background:linear-gradient(180deg,#261809bf,#140c04bf);box-shadow:inset 0 0 0 1px #ffe09c2e}#dlgshop .sfield{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:#cbb98a}#dlgshop .sfield input{font:inherit;font-size:13px;font-weight:700;width:9em;text-align:right;padding:3px 7px;border-radius:3px;border:none;color:#ffe9bd;background:#0a0602b8;box-shadow:inset 0 0 0 1px #ffe09c38;font-variant-numeric:tabular-nums}#dlgshop .sfield input:focus{outline:none;box-shadow:inset 0 0 0 1px #ffd880a6}#dlgshop .sdur{display:flex;gap:4px}#dlgshop .sdur button{flex:1;padding:3px 6px;font-size:11.5px;background:linear-gradient(180deg,#4c3317,#2c1c0a)}#dlgshop .sdur button.on{background:linear-gradient(180deg,#8a6129,#55381a);color:#ffe9bd}#dlgshop .squote{font-size:11.5px;color:#b6a077;line-height:1.45}#dlgshop button.swide{width:100%}#dlgshop .snote{font-size:12px;color:#e8c46a;padding:5px 8px;border-radius:4px;background:#7854182e;box-shadow:inset 0 0 0 1px #ffe09c33}#dlgshop .snote.quiet{color:#b6a077;background:#00000038}#dlgquests{margin:11px 0 2px;display:flex;flex-direction:column;gap:7px;max-height:42vh;overflow-y:auto;padding-right:3px}#dlgquests[hidden]{display:none}#dlgquests::-webkit-scrollbar{width:8px}#dlgquests::-webkit-scrollbar-thumb{background:#c4a05c59;border-radius:4px}.qblock .qcard{border-radius:4px;padding:8px 10px 9px;border-left:3px solid rgba(232,194,124,.7);background:linear-gradient(180deg,#140b044d,#0a050270);box-shadow:inset 0 0 0 1px #ffe8aa21}.qblock .qcard.ready{border-left-color:#ffd977;box-shadow:inset 0 0 0 1px #ffcd6966,0 0 14px #ffc45421}.qblock .qcard.offer{border-left-color:#f0cd7c}.qblock .qcard.progress{border-left-color:#c2a06a}.qblock .qhead{display:flex;align-items:center;gap:8px}.qblock .qmark{flex:none;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-family:inherit;font-weight:700;font-size:15px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 0 0 1px #140d05e6,inset 0 -1px #8a541080}.qblock .qcard.progress .qmark{color:#dcc49b;background:#0006;box-shadow:0 0 0 1px #c4b07a73}.qblock .qtitle{flex:1;min-width:0;font-family:inherit;font-weight:700;font-size:15px;color:#ffe9b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qblock .qtag{flex:none;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#b6a87f}.qblock .qcard.ready .qtag{color:#ffd977}.qblock .qline{margin:5px 0 2px;font-size:13px;font-style:italic;line-height:1.45;color:#d8c19a}.qblock .qobjs{display:flex;flex-direction:column;gap:4px;margin-top:6px}.qblock .stile.glyph .ic-unknown{color:#cbb98a;font-size:17px}.qblock .stile.glyph.done .ic-unknown{color:#a9d98d}.qblock .qcount{flex:none;font-weight:700;font-size:12px;color:#cbb98a;font-variant-numeric:tabular-nums;white-space:nowrap}.qblock .qcount.done{color:#a9d98d}#dlgshop .sempty.caps{color:#cbb98a;font-style:normal;font-size:11.5px;padding-top:2px}.qblock .srow.done{opacity:1}.qblock .srow.done .sname{color:#a9d98d}.qblock .qtick{color:#a9d98d;font-weight:700;margin-right:5px}.qblock .qrew{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}.qblock .qrew .rlab{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#ab9773}.qblock .qchip{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 3px;border-radius:4px;font-size:11.5px;font-weight:700;color:#f0c878;background:#00000057;box-shadow:inset 0 0 0 1px #ffe8aa24}.qblock .qchip.plain{padding-left:9px;color:#e6d5b2;font-weight:600}.qblock .qchip .tic{flex:none;width:18px;height:18px;border-radius:3px;overflow:hidden;background:#1a0f068c;box-shadow:0 0 0 1px #000000e6,0 0 0 1px #c4b07a4d}.qblock .qchip .tic img{width:100%;height:100%;object-fit:cover;display:block}.qblock .qchip img.coin{width:15px;height:15px;object-fit:contain}.qblock .qacts{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.qblock .qwhere{flex:1;min-width:0;font-size:11.5px;color:#e0c98a}.qblock .qwhere.far{color:#b6a87f;font-style:italic}#journal{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:7;width:min(460px,calc(100vw - 24px));background:#2a1a0bf2;border:1px solid rgba(214,178,104,.4);border-radius:6px;padding:14px 16px;box-shadow:0 12px 44px #0000008c;font-family:Caudex,Georgia,serif}#journal[hidden]{display:none}#journal h3{font-family:inherit;font-weight:700;color:#ead9ac;font-size:15.5px;letter-spacing:.06em;text-transform:uppercase;margin:0}#journal .jflap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px -2px 9px;padding-bottom:7px;border-bottom:1px dashed rgba(196,176,122,.34)}#journal .jflap .jcount{font-size:12px;color:#b6a87f}#jlist{display:flex;flex-direction:column;gap:7px;max-height:54vh;overflow-y:auto;padding-right:3px;margin:0}#jlist::-webkit-scrollbar{width:8px}#jlist::-webkit-scrollbar-thumb{background:#c4a05c59;border-radius:4px}#journal .jsec{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9c8862;margin:4px 2px 1px;border-top:1px solid rgba(196,160,92,.18);padding-top:8px}#journal .jdone{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:4px;font-size:12.5px;color:#9c8862;background:#0003}#journal .jdone .qtick{color:#a9d98d}#journal .jhint{font-size:11.5px;color:#a89066;margin-top:9px}#journal .jhint b{display:inline-block;padding:0 4px;border-radius:3px;color:#e8dcb4;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffe8aa2e}#journal .sempty{color:#b9ad8d;font-size:12.5px;font-style:italic;padding:6px 4px 2px}#bagbtn{width:46px;height:46px;border-radius:6px;cursor:pointer;font-size:21px;border:1px solid rgba(210,190,130,.3);background:#26170ad1;box-shadow:0 4px 18px #00000073}#bagpanel{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:6;width:min(400px,calc(100vw - 24px));background:#2a1a0bf0;border:1px solid rgba(210,190,130,.35);border-radius:6px;padding:14px 16px;box-shadow:0 12px 44px #0000008c}#bagpanel[hidden]{display:none}#bagpanel h3{font-family:"Baloo 2",sans-serif;color:#ead9ac;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px}.bagflap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px -2px 9px;padding-bottom:7px;border-bottom:1px dashed rgba(196,176,122,.34)}.bagflap h3{margin:0}.bagflap .baggold{display:flex;align-items:center;gap:5px;font-weight:700;color:#ffd977;font-size:14px}.bagflap .baggold img.uiic{width:19px;height:19px}.bagflap .bagcap{margin-left:auto;margin-right:10px;font-size:12px;font-variant-numeric:tabular-nums;color:#d6ceb29e;letter-spacing:.02em}.bagflap .bagcap[hidden]{display:none}.bagflap .bagcap.near{color:#f0c878}.bagflap .bagcap.full{color:#ff9d76;font-weight:700}.bagpockets{border-radius:4px;padding:8px;background:#10090380;box-shadow:inset 0 2px 10px #0000008c,inset 0 0 0 1px #0009;outline:1px dashed rgba(196,176,122,.16);outline-offset:-4px}#bagitems{display:grid;grid-template-columns:repeat(6,48px);justify-content:center;gap:7px}#bagitems .bslot{position:relative;width:48px;height:48px;border-radius:3px;background:#1a0f068c;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px #000000e6,0 0 0 2px #c4b07a38,0 2px 6px #00000080}#bagitems .bslot .ic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none}#bagitems .bslot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #fff6d633,inset 1px 0 #fff6d61a,inset 0 -1px #0000008c,inset 0 0 8px #00000073}#bagitems .bslot .qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;color:#f7f1de;text-shadow:0 1px 2px #000}#bagitems .bslot.rare{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ffcd69bf,0 0 10px #ffc45459,0 2px 6px #00000080}.chgear{display:flex;flex-direction:column;gap:5px;margin-top:8px}.chgear .gslot{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;padding:4px 6px;border-radius:4px;background:#00000038;box-shadow:inset 0 0 0 1px #c4b07a1f}.chgear .glabel,.chgear .gtile,.chgear .gname{align-self:center}.chgear .goffers{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:7px}.chgear .glabel{min-width:54px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d6ceb28c}.chgear .gtile{width:26px;height:26px;border-radius:3px;overflow:hidden;flex:none;box-shadow:0 0 0 1px #000c,0 0 0 2px #c4b07a33}.chgear .gtile img.ic{width:100%;height:100%;object-fit:cover;display:block}.chgear .gtile.rar-uncommon{box-shadow:0 0 0 1px #000,0 0 0 2px #96c678b3}.chgear .gtile.rar-rare{box-shadow:0 0 0 1px #000,0 0 0 2px #ffcd69bf}.chgear .gtile.rar-epic{box-shadow:0 0 0 1px #000,0 0 0 2px #ba84e9d9}.chgear .gtile.rar-legendary{box-shadow:0 0 0 1px #000,0 0 0 2px #ff924af2}.chgear .gname{flex:1;font-size:12px;color:#ead9ac}.chgear .gname.empty{color:#d6ceb266;font-style:italic}.chgear button{width:auto;font:inherit;font-size:11px;font-weight:700;padding:3px 8px;border:none;border-radius:3px;cursor:pointer;color:#f8eed4;background:linear-gradient(180deg,#4a5240,#2c3226);box-shadow:0 0 0 1px #000000b3}.chgear button.gold{background:linear-gradient(180deg,#c9922f,#8a5c17);color:#2c1a04}.chgear button:disabled{opacity:.45;cursor:default}#hotbar .slot .qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;color:#f7f1de;text-shadow:0 1px 2px #000;pointer-events:none}#hotbar .slot.out .ic{opacity:.35;filter:grayscale(.7)}#hotbar .slot.out .qty{color:#9a8f7a}#hotbar .slot.pop{animation:slotpop .28s ease}#bagitems .bslot.rar-uncommon{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #96c678b3,0 2px 6px #00000080}#bagitems .bslot.rar-epic{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ba84e9d9,0 0 12px #a86ae273,0 2px 6px #00000080}#bagitems .bslot.rar-legendary{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ff924af2,0 0 16px #ff80308c,0 2px 6px #00000080}#bagdetail.rar-uncommon .dnm{color:#b7d99a}#bagdetail.rar-epic .dnm{color:#c9a2f0;text-shadow:0 0 8px rgba(168,106,226,.5)}#bagdetail.rar-legendary .dnm{color:#ffab6b;text-shadow:0 0 9px rgba(255,128,48,.55)}#hotbar .slot.rar-epic{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ba84e9d9,0 0 12px #a86ae273}#hotbar .slot.rar-legendary{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #ff924af2,0 0 16px #ff80308c}#bagitems .bslot.empty{cursor:default;background:#0d07028c;box-shadow:0 0 0 1px #000000bf,0 0 0 2px #c4b07a14,inset 0 2px 7px #0009}#bagitems .bslot.empty:after{box-shadow:none}#bagitems .bslot:not(.empty):hover,#bagitems .bslot.on{box-shadow:0 0 0 1px #000000e6,0 0 0 2px #f7f4e8eb,0 0 12px #fffff038,0 2px 6px #00000080}#bagdetail{min-height:20px;margin:8px 2px 2px;font-size:13px;display:flex;align-items:baseline;gap:8px}#bagdetail .dnm{color:#ead9ac;font-weight:700}#bagdetail.rare .dnm{color:#ffd977;text-shadow:0 0 10px rgba(255,196,84,.4)}#bagdetail .dq{color:#c3b491;font-weight:700}#bagdetail .dhint{color:#9c8862}#bagpanel h3.bagsec{margin-top:12px}#skillrows{display:flex;flex-direction:column;gap:5px;margin-top:4px}.skrow{display:flex;align-items:center;gap:8px;font-size:13px}.skrow .nm{width:96px;color:#e2d8c0}.skrow .lv{width:42px;font-weight:700;color:#ead9ac}.skrow .bar{flex:1;height:7px;border-radius:2px;overflow:hidden;background:#ffffff1a}.skrow .fill{display:block;height:100%;background:linear-gradient(90deg,#a4c25a,#ddb43c)}.skrow .xp{width:64px;text-align:right;color:#b6a87f;font-size:11px}.sktabs{display:flex;gap:4px;margin:6px 0 2px}.sktab{flex:1;padding:5px 8px;border-radius:3px;cursor:pointer;font:inherit;font-size:12px;color:#b6a87f;border:1px solid rgba(210,190,130,.22);background:#1a0f068c}.sktab:hover{color:#ead9ac;border-color:#d2be8266}.sktab.on{color:#f0c878;background:#26170aeb;border-color:#d2be8280}#colrows{display:flex;flex-direction:column;gap:4px;margin-top:4px}.colcap{border-radius:4px;padding:5px 8px;margin-bottom:2px;font-size:11.5px;color:#f0c878;background:#1a0f068c;border:1px solid rgba(210,190,130,.22)}.colgrp{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9c8862}.colgrp img{width:24px;height:24px;border-radius:3px}.colgrp:first-child{margin-top:2px}.colrow{display:flex;align-items:center;gap:8px;font-size:13px}.colrow img{width:20px;height:20px;border-radius:3px;flex:none}.colrow .nm{width:100px;color:#e2d8c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colrow .lv{width:32px;font-weight:700;color:#ead9ac;font-size:11px}.colrow .bar{flex:1;min-width:40px;height:7px;border-radius:2px;overflow:hidden;background:#ffffff1a}.colrow .fill{display:block;height:100%;background:linear-gradient(90deg,#a4c25a,#ddb43c)}.colrow .xp{width:74px;text-align:right;color:#b6a87f;font-size:11px}.colrow .colnext{width:118px;color:#9c8862;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.colrow .colnext.rec,.colrow.done .nm{color:#f0c878}.colrow.done .colnext{color:#a4c25a}.colrow.done .fill{background:linear-gradient(90deg,#ddb43c,#f0c878)}#charsheet,#wardrobe{position:fixed;top:56px;right:14px;z-index:6;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 92px);overflow-y:auto;background:#2a1a0bf0;border:1px solid rgba(210,190,130,.35);border-radius:6px;padding:14px 16px;box-shadow:0 12px 44px #0000008c}#charsheet{width:min(350px,calc(100vw - 28px))}#charsheet[hidden],#wardrobe[hidden]{display:none}@media(max-width:900px){#charsheet,#wardrobe{left:50%;transform:translate(-50%)}}#charsheet h3,#wardrobe h3{font-family:"Baloo 2",sans-serif;color:#ead9ac;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 10px}#wdtabs{display:flex;gap:6px;margin-bottom:10px}#wdtabs button{flex:1;padding:6px 4px;font-size:12px;cursor:pointer;color:#d8cca4;border:1px solid rgba(210,190,130,.22);border-radius:4px;background:#ffffff0a;font-family:inherit}#wdtabs button.on{color:#2a1c06;background:#ddc07a;border-color:#ddc07a;font-weight:700}#wdlist{display:flex;flex-direction:column;gap:4px;max-height:42vh;overflow-y:auto}.wdrow{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:4px;cursor:pointer;border:1px solid transparent;background:#ffffff08}.wdrow:hover{background:#ffffff14}.wdrow.on{border-color:#ddc07a;background:#ddc07a24}.wdrow.locked{cursor:default;opacity:.5}.wdrow.locked:hover{background:#ffffff08}.wdrow .wdnm{font-size:13px;color:#e8dfc9;font-weight:600}.wdrow.fine .wdnm{color:#8fd0e8}.wdrow.rare .wdnm{color:#ffd977}.wdrow .wdtx{flex:1;min-width:0}.wdrow .wdbl{font-size:11px;color:#b6a87f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wdrow .wdpx{font-size:11px;color:#ddc07a;white-space:nowrap;font-weight:700}.wdhint{font-size:11px;color:#9c8862;margin-top:9px}#talkprompt{position:fixed;bottom:152px;left:50%;transform:translate(-50%);z-index:6;pointer-events:none;white-space:nowrap;padding:5px 14px;border-radius:6px;font-size:13.5px;color:#f3e7c9;font-family:Caudex,Georgia,serif;background:#26170adb;border:1px solid rgba(214,178,104,.4);box-shadow:0 4px 18px #00000080}#talkprompt[hidden]{display:none}#talkprompt b{display:inline-block;margin-right:7px;padding:0 6px;border-radius:3px;font-family:Caudex,Georgia,serif;font-weight:700;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727)}#dialogue{position:fixed;bottom:112px;left:50%;transform:translate(-50%);z-index:7;width:min(660px,calc(100vw - 20px));max-height:calc(100dvh - 128px);display:flex;flex-direction:column;border-radius:6px;background:linear-gradient(180deg,#8a6432,#5c3e1d 44%,#2f1e0c);box-shadow:0 0 0 2px #170e05,inset 0 2px #ffe09c66,inset 0 -3px #00000080,0 24px 64px #000000b8;font-family:Caudex,Georgia,serif;animation:dlgin .16s cubic-bezier(.2,1.3,.5,1)}@keyframes dlgin{0%{opacity:0;transform:translate(-50%,10px) scale(.97)}}#dialogue[hidden]{display:none}#dialogue:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 11px 11px,#ffe6a8 0 1.7px,#8a5c1c 1.8px 2.8px,transparent 2.9px),radial-gradient(circle at calc(100% - 11px) 11px,#ffe6a8 0 1.7px,#8a5c1c 1.8px 2.8px,transparent 2.9px),radial-gradient(circle at 11px calc(100% - 11px),#ffe6a8 0 1.7px,#8a5c1c 1.8px 2.8px,transparent 2.9px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#ffe6a8 0 1.7px,#8a5c1c 1.8px 2.8px,transparent 2.9px)}#dialogue .inner{margin:8px;padding:15px 17px 11px;border-radius:4px;flex:1;min-height:0;overflow:hidden;display:flex;gap:15px;align-items:flex-start;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(255,214,158,.028) 0 1px,transparent 1px 9px),radial-gradient(120% 90% at 12% 0%,rgba(255,206,140,.11),transparent 62%),linear-gradient(180deg,#54391f,#3a2612 55%,#2a1a0b);box-shadow:0 0 0 2px #1d1106,inset 0 0 0 1px #ffe09c30,inset 0 3px 14px #0000008c}#dialogue .banner{position:absolute;top:-16px;left:26px;z-index:1;padding:3px 20px;border-radius:5px;white-space:nowrap;font-family:Caudex,Georgia,serif;font-weight:700;font-size:21px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 3px 10px #000000a6,inset 0 -2px #8a541080,inset 0 1px #fff8d699,0 0 0 2px #2a1a06}#dialogue .port{position:relative;flex:none;width:104px;height:104px;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#3f2b16,#241608);box-shadow:0 0 0 2px #170e05,0 0 0 5px #cea8609e,0 0 0 7px #170e05,inset 0 2px 10px #0009}#dialogue .port img{width:100%;height:100%;object-fit:cover;display:block}#dialogue .port img[hidden]{display:none}#dialogue .port .mono{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-family:Caudex,Georgia,serif;font-size:44px;font-weight:700;color:#ffe2a080;text-shadow:0 2px 6px rgba(0,0,0,.7)}#dialogue .port.noart .mono{display:flex}#dialogue .body{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;align-self:stretch}#dlgquests,#dlgshop{flex:0 1 auto;min-height:0}#dialogue .who{font-size:12.5px;color:#cbb28a;font-style:italic;margin:1px 0 8px;letter-spacing:.02em}#dialogue .line{font-size:17px;line-height:1.55;color:#f6ecd6;min-height:1.55em;text-shadow:0 1px 2px rgba(0,0,0,.6)}#dialogue .line.err{color:#ffb0a0;font-style:italic}#dialogue .line .caret{display:inline-block;width:.42em;height:1em;margin-left:1px;vertical-align:-.14em;background:#ffe2a0bf;animation:caretblink .7s steps(1) infinite}@keyframes caretblink{50%{opacity:0}}#dialogue .svc{margin-top:9px;padding:7px 10px;border-radius:4px;font-size:13px;font-style:italic;line-height:1.45;color:#dcc49b;background:#0000003d;box-shadow:inset 0 0 0 1px #ffe8aa1a;border-left:3px solid rgba(240,200,120,.5)}#dialogue .svc[hidden]{display:none}#dialogue .hint{margin-top:10px;font-size:11.5px;color:#a89066;text-align:right}@media(max-width:560px){#dialogue{bottom:96px;border-radius:5px}#dialogue .inner{gap:10px;padding:12px 12px 9px}#dialogue .port{width:68px;height:68px}#dialogue .port .mono{font-size:30px}#dialogue .banner{font-size:17px;left:18px;padding:2px 15px}#dialogue .line{font-size:15.5px}#dialogue:before{display:none}#dlgshop,#dlgquests{max-height:26vh}.qblock .qtitle{font-size:13.5px}.qblock .qline{font-size:12px}#dlgshop .srow,.qblock .srow{gap:7px;padding:5px 6px}#dlgshop .stile,.qblock .stile{width:30px;height:30px}#dlgshop .ssub,.qblock .ssub{font-size:10.5px}}#dialogue .hint b{display:inline-block;padding:0 4px;border-radius:3px;color:#e8dcb4;background:#fff0d217;box-shadow:inset 0 0 0 1px #ffe8aa2e}#dialogue .hint{opacity:.45;transition:opacity .2s ease}#dialogue.said .hint{opacity:1}#settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;padding:26px 16px 20px;align-items:safe center;justify-content:safe center;background:radial-gradient(ellipse at 50% 44%,#100a0480 26%,#0a0602eb)}#settings[hidden]{display:none}#settings .frame{position:relative;width:min(430px,calc(100vw - 32px));display:flex;flex-direction:column;gap:4px;padding:32px 26px 20px;border-radius:6px;background:linear-gradient(180deg,#422c15f5,#221509f7);border:2px solid rgba(210,190,130,.45);box-shadow:0 18px 60px #000000a6,inset 0 0 0 1px #ffffff0d,inset 0 24px 44px #ffe8b00d}#settings .banner{position:absolute;top:-17px;left:50%;transform:translate(-50%);padding:3px 26px;border-radius:5px;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:19px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 2px 8px #0009,inset 0 -2px #8a541073}#settings .sgroup{display:flex;flex-direction:column}#settings .srow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 4px;cursor:pointer;border-bottom:1px solid rgba(196,176,122,.13)}#settings .sgroup .srow:first-child{padding-top:4px}#settings .sname{display:flex;flex-direction:column;gap:2px;min-width:0;font-family:"Baloo 2",sans-serif;font-size:14.5px;font-weight:700;color:#f0e8d6}#settings .sname em{font-family:Quicksand,system-ui,sans-serif;font-style:normal;font-size:11.5px;font-weight:600;color:#b6a87f;line-height:1.35}#settings .sw{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}#settings .swt{position:relative;flex:none;width:46px;height:26px;border-radius:999px;background:linear-gradient(180deg,#241708,#33220f);box-shadow:inset 0 2px 5px #0009,inset 0 0 0 1px #c4b07a38;transition:background .18s ease,box-shadow .18s ease}#settings .swt:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#dbd0b4,#a3906c);box-shadow:0 2px 4px #0000008c,inset 0 1px #ffffff59;transition:transform .18s cubic-bezier(.2,1.2,.5,1),background .18s ease}#settings .sw:checked+.swt{background:linear-gradient(180deg,#f3cd74,#d8a03a);box-shadow:inset 0 1px 3px #78460a80,inset 0 0 0 1px #ffd68299,0 0 12px #ffc65c47}#settings .sw:checked+.swt:after{transform:translate(20px);background:linear-gradient(180deg,#fffaf0,#f0e2c4)}#settings .sw:focus-visible+.swt{outline:3px solid rgba(255,231,154,.8);outline-offset:3px}#settings .srow:hover .swt{box-shadow:inset 0 2px 5px #0009,inset 0 0 0 1px #d2be8273}#settings .srow:hover .sw:checked+.swt{filter:brightness(1.05)}#settings .sact{cursor:default;border-bottom:0}#settings .sact button{padding:8px 15px;border-radius:4px;cursor:pointer;flex:none;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700;color:#2a1c06;border:1px solid rgba(255,214,130,.55);background:linear-gradient(180deg,#f3cd74,#d8a03a);box-shadow:0 2px #8a541080;transition:filter .12s,transform .06s}#settings .sact button:hover:not(:disabled){filter:brightness(1.07)}#settings .sact button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #8a541080}#settings .sact button:disabled{filter:saturate(.35) brightness(.7);cursor:default}#settings .snote{min-height:15px;font-size:11.5px;color:#b6a87f;text-align:center}#settings .snote.bad{color:#e8a07a}#settings .sclose{margin-top:8px;padding:9px 0;width:100%;border-radius:4px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:13.5px;font-weight:700;color:#e2d8c0;border:1px solid rgba(210,190,130,.3);background:#26170ad1;transition:color .12s,border-color .12s,background .12s}#settings .sclose:hover{color:#ffeab4;border-color:#f0d080b3;background:#3c2813eb}#perfhud{position:fixed;top:14px;left:14px;z-index:5;padding:5px 10px;border-radius:6px;pointer-events:none;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700;letter-spacing:.03em;color:#e0d3ab;background:#26170ad1;border:1px solid rgba(210,190,130,.28);box-shadow:0 4px 18px #00000073}#perfhud[hidden]{display:none}#perfhud b{color:#ead9ac;font-weight:700}body.touch #perfhud{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left))}#charcreate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;overflow-y:auto;display:flex;padding:26px 16px 20px;align-items:safe center;justify-content:safe center;background:radial-gradient(ellipse at 50% 44%,#100a0480 26%,#0a0602eb)}#charcreate[hidden]{display:none}#charcreate .frame{position:relative;display:flex;flex-direction:column;align-items:center;gap:13px;padding:30px 30px 20px;border-radius:6px;background:linear-gradient(180deg,#422c15f5,#221509f7);border:2px solid rgba(210,190,130,.45);box-shadow:0 18px 60px #000000a6,inset 0 0 0 1px #ffffff0d,inset 0 24px 44px #ffe8b00d}#charcreate .banner{position:absolute;top:-17px;left:50%;transform:translate(-50%);padding:3px 26px;border-radius:5px;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:21px;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 2px 8px #0009,inset 0 -2px #8a541073}#charcreate .sub{font-size:12.5px;color:#c3b491;text-align:center;font-style:italic}#charcreate .row{display:flex;gap:26px;position:relative}#charcreate button.card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 20px 12px;border-radius:6px;cursor:pointer;border:2px solid #644c2c;color:#e8eadf;font-size:15px;background:linear-gradient(180deg,#463016,#34220e);box-shadow:inset 0 1px #ffffff0f,0 4px #00000059;transition:transform .08s,border-color .12s,box-shadow .12s}#charcreate button.card:hover{border-color:#f5e79a99;transform:translateY(-2px)}#charcreate button.card.sel{border-color:#f5e79a;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #f5e79a2e,0 6px 24px #ffd7782e}#charcreate .plate{padding:2px 15px;border-radius:5px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;color:#ead9ac;background:#1a0f0680;border:1px solid rgba(210,190,130,.28)}#charcreate button.card.sel .plate{color:#3a2208;border-color:transparent;background:linear-gradient(180deg,#ffd977,#dd9727)}#charcreate .slot{display:block;position:relative;width:145px;height:min(272px,32vh);border-radius:4px;background:radial-gradient(ellipse at 50% 72%,#c4985c33,#26170a00 68%)}#charcreate .slot img{height:100%;display:block;margin:0 auto;image-rendering:auto}#charcreate .slot.live img{visibility:hidden}#charcreate canvas.bodycv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#charcreate .tints{display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:10px 12px;padding:12px 18px;border-radius:4px;background:#120a046b;border:1px solid rgba(210,190,130,.18);box-shadow:inset 0 2px 6px #0006}@media(max-width:560px){#charcreate .tints{grid-template-columns:auto auto}}#charcreate .tints .wlabel:nth-of-type(2n){padding-left:10px}@media(max-width:560px){#charcreate .tints .wlabel:nth-of-type(2n){padding-left:0}}#charcreate .wlabel{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:12px;color:#ead9ac;text-transform:uppercase;letter-spacing:.1em;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.7)}#charcreate .wrow{display:flex;gap:9px}#charcreate .sw{width:30px;height:30px;border-radius:50%;padding:0;cursor:pointer;border:2px solid rgba(24,14,6,.75);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 5px #00000059,0 2px 3px #00000073;transition:transform .08s,box-shadow .12s}#charcreate .sw:hover{transform:scale(1.12)}#charcreate .sw.sel{border-color:#f5e79a;box-shadow:inset 0 2px 3px #ffffff59,0 0 0 3px #f5e79a38,0 2px 7px #00000080}#charcreate .gold{width:282px;margin-top:2px;border-radius:6px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:18px}#party{position:fixed;top:14px;left:14px;z-index:6;width:min(196px,calc(100vw - 28px));display:flex;flex-direction:column;gap:6px;pointer-events:none;font-family:Quicksand,system-ui,sans-serif}#party[hidden]{display:none}#party .pbody{border-radius:6px;padding:6px 8px 7px;background:#0a0e0a80;box-shadow:inset 0 0 0 1px #d2be822e}#party .pbody[hidden]{display:none}#party .phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}#party .ptitle{font-family:"Baloo 2",system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#d6ceb299}#party .pleave{pointer-events:auto;cursor:pointer;border:0;border-radius:3px;padding:1px 7px;font-family:inherit;font-size:10px;font-weight:700;color:#d8cfb4;background:#00000059;box-shadow:inset 0 0 0 1px #d2be8233}#party .pleave:hover{color:#ffe6a8;background:#00000080}#party .pleave:focus-visible{outline:2px solid rgba(255,231,154,.8);outline-offset:1px}#party .plist{display:flex;flex-direction:column;gap:4px}#party .prow{display:grid;grid-template-columns:11px 1fr;align-items:center;column-gap:5px;row-gap:3px}#party .plead{font-family:"Baloo 2",system-ui,sans-serif;font-size:9px;font-weight:800;text-align:center;color:#f2dc9c}#party .plead.pblank{visibility:hidden}#party .pname{font-size:12px;font-weight:700;color:#e8eadf;text-shadow:0 1px 3px rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#party .pself .pname{color:#9fd4ff}#party .pbar{grid-column:2 / -1;height:4px;border-radius:3px;overflow:hidden;background:#00000080;box-shadow:inset 0 0 0 1px #ffe8aa1a}#party .pfill{height:100%;border-radius:3px;background:linear-gradient(90deg,#4f8f3a,#8ed36a);transition:width .2s linear,background .2s}#party .pfill.low{background:linear-gradient(90deg,#a8321f,#e0705a)}#party .paway{grid-column:2 / -1;font-size:10px;font-weight:600;color:#8c9a84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#party .pinvite{pointer-events:auto;border-radius:6px;padding:8px 9px;background:#141a10db;box-shadow:inset 0 0 0 1px #f5e79a59,0 8px 22px #00000080}#party .pinvite[hidden]{display:none}#party .pitext{font-size:12px;font-weight:600;line-height:1.35;color:#e8eadf}#party .piacts{display:flex;gap:6px;margin-top:7px}#party .piacts button{pointer-events:auto;cursor:pointer;flex:1;width:auto;border:0;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:700;color:#d8cfb4;background:#0006;box-shadow:inset 0 0 0 1px #d2be8238}#party .piacts button.gold{color:#2c1a04;background:linear-gradient(180deg,#ffd977,#f0b43c 60%,#dd9727);box-shadow:0 2px #8a5410}#party .piacts button:disabled{opacity:.5;cursor:default}body.touch #party{top:52px;left:8px;width:min(176px,calc(100vw - 120px))}@media(prefers-reduced-motion:reduce){#party .pfill{transition:none}}#chat{position:fixed;z-index:5;left:14px;bottom:12px;width:min(360px,calc(100vw - 28px));display:flex;flex-direction:column;gap:6px;pointer-events:none;transition:opacity .5s ease}#chat[hidden]{display:none}#chat.cfaded{opacity:.32}#chat.copen{opacity:1}#chat .clog{display:flex;flex-direction:column;gap:2px;max-height:168px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(210,190,130,.35) transparent}#chat.copen .clog{pointer-events:auto;max-height:232px}#chat .cline{align-self:flex-start;max-width:100%;padding:2px 8px;border-radius:4px;font-family:Quicksand,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.35;color:#eef0e4;background:#0a0e0a70;text-shadow:0 1px 3px rgba(0,0,0,.95);overflow-wrap:anywhere}#chat .cwho{color:#f2dc9c;font-weight:800;font-family:"Baloo 2",system-ui,sans-serif}#chat .cwho:after{content:":";margin-right:5px;color:#f2dc9c99}#chat .cself .cwho{color:#9fd4ff}#chat .cself .cwho:after{color:#9fd4ff99}#chat .cnote{align-self:flex-start;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;color:#ffb4a2;background:#280c0899;text-shadow:0 1px 3px rgba(0,0,0,.9)}#chat .cnote[hidden]{display:none}#chat .crow{display:flex;pointer-events:auto}#chat .cinput{width:100%;padding:6px 10px;border:0;border-radius:5px;font-family:Quicksand,system-ui,sans-serif;font-size:13px;font-weight:600;color:#eef0e4;background:#0a0e0a80;box-shadow:inset 0 0 0 1px #d2be8238;transition:background .16s,box-shadow .16s}#chat .cinput::placeholder{color:#c8d0bc73;font-weight:600}#chat .cinput:focus{outline:none;background:#080c08d1;box-shadow:inset 0 0 0 1px #f5e79a8c,0 0 0 3px #ffe79a24}body.touch #chat{left:8px;bottom:auto;top:calc(56px + var(--party-h, 0px));width:min(260px,calc(100vw - 120px))}body.touch #chat .clog{max-height:96px}body.touch #chat.copen .clog{max-height:132px}body.touch #chat .cline{font-size:12px}@media(prefers-reduced-motion:reduce){#chat{transition:none}}#tracker{position:fixed;right:14px;top:330px;z-index:6;width:min(236px,calc(100vw - 28px));pointer-events:none;border-radius:6px;background:linear-gradient(180deg,#7a5527,#5a3c1c 42%,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 2px #ffe09c61,inset 0 -3px #00000073,0 14px 38px #0009}#tracker[hidden]{display:none}#tracker.kready{box-shadow:0 0 0 2px #150d05,inset 0 2px #ffecb280,inset 0 -3px #00000073,0 0 20px #ffd06047,0 14px 38px #0009}#tracker.kin{animation:trackin .2s cubic-bezier(.2,1.3,.5,1)}@keyframes trackin{0%{opacity:0;transform:translate(10px) scale(.97)}}#tracker .kplaque{position:absolute;top:-10px;left:16px;pointer-events:auto;cursor:pointer;padding:1px 11px;border:0;border-radius:5px;white-space:nowrap;font-family:"Baloo 2",system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3a2208;background:linear-gradient(180deg,#ffd977,#f0b43c 60%,#dd9727);box-shadow:0 2px #8a5410,0 3px 10px #00000080}#tracker .kplaque:hover{filter:brightness(1.08)}#tracker .kplaque:focus-visible{outline:3px solid rgba(255,231,154,.8);outline-offset:2px}#tracker .kinner{margin:7px;padding:13px 13px 10px;border-radius:4px;background:radial-gradient(120% 90% at 12% 0%,rgba(255,206,140,.11),transparent 62%),linear-gradient(180deg,#54391f,#3a2612 55%,#2a1a0b);box-shadow:inset 0 0 0 1px #ffe8aa2b,inset 0 3px 14px #0000008c}#tracker.kmin .kinner{display:none}#tracker.kmin{box-shadow:0 0 0 2px #150d05,0 8px 20px #00000080;background:none}#tracker.kmin .kplaque{position:static;display:block}#tracker .ktitle{font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:800;line-height:1.2;color:#ffe6a8;text-shadow:0 2px 6px rgba(0,0,0,.6)}#tracker .kobjs:not(:empty){margin-top:8px;display:flex;flex-direction:column;gap:7px}#tracker .krow{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px;row-gap:4px}#tracker .klabel{font-size:12.5px;font-weight:600;line-height:1.35;color:#e6d7b4}#tracker .kcount{font-family:"Baloo 2",system-ui,sans-serif;font-size:12px;font-weight:800;color:#ffd977;white-space:nowrap}#tracker .kbar{grid-column:1 / -1;height:4px;border-radius:3px;overflow:hidden;background:#00000073;box-shadow:inset 0 0 0 1px #ffe8aa1f}#tracker .kfill{height:100%;border-radius:3px;background:linear-gradient(90deg,#dd9727,#ffd977);transition:width .25s ease}#tracker .kgo{margin-top:9px;font-size:11.5px;font-weight:600;line-height:1.4;color:#c9b17f}#tracker .kgo[hidden]{display:none}#tracker .kfoot{margin-top:8px;padding-top:7px;font-size:10.5px;font-weight:600;color:#a89066;border-top:1px solid rgba(255,232,170,.12)}#tracker .kfoot[hidden]{display:none}#tracker .kpoint{position:absolute;top:50%;left:-24px;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#7a5527,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 1px #ffe09c59,0 4px 12px #00000080;animation:tutpulse 2.2s ease-in-out infinite}#tracker .kpoint[hidden]{display:none}#tracker .kpoint i{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:11px;height:11px;border:3px solid #ffd977;border-left:0;border-bottom:0;border-radius:0 3px 0 0;transform:rotate(var(--a, 0rad)) translate(-3.5px) rotate(45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}@media(prefers-reduced-motion:reduce){#tracker.kin,#tracker .kpoint{animation:none}#tracker .kfill{transition:none}}@media(max-height:640px){#tracker{top:50%;right:auto;left:18px;transform:translateY(-50%)}#tracker.kin{animation:trackinflat .2s cubic-bezier(.2,1.3,.5,1)}#tracker .kpoint{left:auto;right:-24px}}@keyframes trackinflat{0%{opacity:0;transform:translate(-10px,-50%) scale(.97)}}@media(max-width:760px){#tracker{top:168px;right:8px;width:min(188px,calc(100vw - 16px))}#tracker .kinner{margin:6px;padding:11px 11px 9px}#tracker .ktitle{font-size:13.5px}#tracker .klabel{font-size:11.5px}#tracker .kpoint{left:-12px;width:28px;height:28px;margin-top:-14px}}#tutorial{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:6;width:min(292px,calc(100vw - 36px));pointer-events:none;border-radius:6px;background:linear-gradient(180deg,#7a5527,#5a3c1c 42%,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 2px #ffe09c61,inset 0 -3px #00000073,0 18px 48px #000000a8}#tutorial[hidden]{display:none}#tutorial.tin{animation:tutin .18s cubic-bezier(.2,1.3,.5,1)}@keyframes tutin{0%{opacity:0;transform:translate(-10px,-50%) scale(.97)}}@keyframes tutinflat{0%{opacity:0;transform:translateY(-8px) scale(.98)}}#tutorial .tinner{margin:7px;padding:15px 14px 11px;border-radius:4px;background:radial-gradient(120% 90% at 12% 0%,rgba(255,206,140,.11),transparent 62%),linear-gradient(180deg,#54391f,#3a2612 55%,#2a1a0b);box-shadow:inset 0 0 0 1px #ffe8aa2b,inset 0 3px 14px #0000008c}#tutorial .tprog{position:absolute;top:-10px;left:22px;padding:1px 11px;border-radius:5px;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 2px 7px #0009,inset 0 -2px #8a541080,inset 0 1px #fff8d699,0 0 0 2px #2a1a06}#tutorial .ttitle{margin:0 0 5px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:18px;line-height:1.15;color:#ffe2a0;text-shadow:0 2px 3px rgba(0,0,0,.7)}#tutorial .ttext{margin:0;font-size:13.5px;line-height:1.5;color:#e8eadf;text-shadow:0 1px 2px rgba(0,0,0,.6)}#tutorial .tfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px;margin-top:11px}#tutorial .thint{margin-right:auto;padding:3px 9px;border-radius:3px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:12px;letter-spacing:.03em;color:#e8dcb4;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffe8aa2e}#tutorial .thint[hidden]{display:none}#tutorial .tskip{pointer-events:auto;flex:none;width:auto;padding:5px 14px;border-radius:4px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:12.5px;box-shadow:0 2px #8a5410,0 4px 10px #00000059;opacity:.82}#tutorial .tskip:hover{opacity:1}#tutorial .tpoint{position:absolute;top:50%;right:-24px;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#7a5527,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 1px #ffe09c59,0 4px 12px #00000080;animation:tutpulse 2.2s ease-in-out infinite}#tutorial .tpoint[hidden]{display:none}#tutorial .tpoint i{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:11px;height:11px;border:3px solid #ffd977;border-left:0;border-bottom:0;border-radius:0 3px 0 0;transform:rotate(var(--a, 0rad)) translate(-3.5px) rotate(45deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}@keyframes tutpulse{0%,to{box-shadow:0 0 0 2px #150d05,inset 0 1px #ffe09c59,0 4px 12px #00000080}50%{box-shadow:0 0 0 2px #150d05,inset 0 1px #ffe09c59,0 0 16px 4px #ffd97759}}@media(prefers-reduced-motion:reduce){#tutorial.tin,#tutorial .tpoint{animation:none}}@media(max-width:560px){#tutorial{left:calc(8px + env(safe-area-inset-left));right:calc(126px + env(safe-area-inset-right));top:calc(64px + env(safe-area-inset-top));bottom:auto;transform:none;width:auto;max-width:300px;border-radius:6px}#tutorial.tin{animation-name:tutinflat}#tutorial .tinner{margin:6px;padding:14px 12px 9px}#tutorial .tprog{left:16px;font-size:10px}#tutorial .ttitle{font-size:16px}#tutorial .ttext{font-size:13px}#tutorial .thint{font-size:11.5px;padding:3px 8px}#tutorial .tpoint{width:30px;height:30px;margin-top:-15px;right:-20px}}body.touch #tutorial{left:calc(8px + env(safe-area-inset-left));right:auto;top:calc(64px + env(safe-area-inset-top));bottom:auto;transform:none;width:min(292px,calc(100vw - 142px))}body.touch #tutorial.tin{animation-name:tutinflat}#fishbar{--fbh: 232px;position:fixed;left:calc(50% + 134px);top:50%;transform:translateY(-54%);z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:stretch;gap:7px;padding:8px;border-radius:6px;background:linear-gradient(180deg,#7a5527,#5a3c1c 42%,#37240f);box-shadow:0 0 0 2px #150d05,inset 0 2px #ffe09c61,inset 0 -3px #00000073,0 16px 42px #0000009e}#fishbar[hidden]{display:none}#fishbar.fbin{animation:fbin .2s cubic-bezier(.2,1.3,.5,1)}@keyframes fbin{0%{opacity:0;transform:translate(9px,-54%) scale(.94)}}#fishbar .fbwater{position:relative;width:50px;height:var(--fbh);border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#2c515b,#16333c 38%,#0a1a21);box-shadow:inset 0 0 0 1px #ffe8aa29,inset 0 5px 16px #0009}#fishbar .fbwater:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(186,228,240,.055) 0 1px,transparent 1px 9px)}#fishbar .fbbox{position:absolute;left:2px;right:2px;bottom:0;height:calc(var(--fbh) * var(--fb-boxh, .2));transform:translateY(calc(var(--fbh) * var(--fb-b, 0) * -1));border-radius:3px;background:linear-gradient(180deg,#ffd68242,#ffb8541c);box-shadow:inset 0 0 0 1.5px #ffe29eb8,inset 0 3px #fff6d680,inset 0 -3px #7848108c,0 0 0 1px #140c0480;transition:background .1s linear,box-shadow .1s linear}#fishbar.on .fbbox{background:linear-gradient(180deg,#ffce6c80,#ffa0304d);box-shadow:inset 0 0 0 1.5px #fff6d0eb,inset 0 3px #fffae8a6,inset 0 -3px #965a1499,0 0 18px #ffc45499}#fishbar .fbfish{--fbfh: max(15px, calc(var(--fbh) * var(--fb-fishh, .1)));position:absolute;left:50%;bottom:0;height:var(--fbfh);width:calc(var(--fbfh) * 1.714);margin-left:calc(var(--fbfh) * -.857);transform:translateY(calc(var(--fbh) * var(--fb-f, .5) * -1)) translateY(calc(var(--fbfh) * .5)) rotate(var(--fb-tilt, 0deg));filter:drop-shadow(0 1px 3px rgba(0,0,0,.75))}#fishbar .fbfish svg{display:block;width:100%;height:100%;overflow:visible}#fishbar .fbbody{fill:#dbe9ef}#fishbar .fbtail,#fishbar .fbfin{fill:#93b3c1}#fishbar .fbeye{fill:#16232a}#fishbar.on .fbfish{filter:drop-shadow(0 0 7px rgba(255,202,96,.85)) drop-shadow(0 1px 3px rgba(0,0,0,.75))}#fishbar .fbmeter{position:relative;width:10px;height:var(--fbh);border-radius:3px;overflow:hidden;background:#080c0a9e;box-shadow:inset 0 0 0 1px #ffe8aa2e,inset 0 2px 8px #0009}#fishbar .fbfill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 100%;transform:scaleY(var(--fb-p, 0));background:linear-gradient(180deg,#ffe08a,#d8952a);box-shadow:0 0 10px #ffc85a73}#fishbar .fbhint{position:absolute;left:50%;top:calc(100% + 9px);transform:translate(-50%);padding:3px 10px;border-radius:3px;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:12px;letter-spacing:.03em;color:#e8dcb4;background:#18140eb8;box-shadow:inset 0 0 0 1px #ffe8aa2e}#fishbar .fbhint[hidden]{display:none}@media(max-height:660px){#fishbar{--fbh: 172px}}@media(max-width:760px){#fishbar{left:auto;right:calc(10px + env(safe-area-inset-right))}}#sysbar{position:fixed;top:14px;right:14px;z-index:6;display:flex;gap:5px;align-items:center}#sysbar[hidden]{display:none}.sbbtn{position:relative;width:34px;height:34px;padding:0;flex:none;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;color:#e6c48d;border:1px solid rgba(210,190,130,.3);background:#26170ad1;box-shadow:0 4px 18px #00000073;transition:color .14s ease,border-color .14s ease,background .14s ease,transform .08s ease}.sbg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sbbadge{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",sans-serif;font-size:10px;font-weight:800;line-height:1;color:#3a2208;background:linear-gradient(180deg,#ffd977,#dd9727);box-shadow:0 0 0 1.5px #170e05e6}.sbbadge[hidden]{display:none}.sbbtn:hover{color:#ffeab4;border-color:#f0d080bf;background:#3c2813eb}.sbbtn:active{transform:translateY(1px)}.sbbtn:focus-visible{outline:2px solid rgba(255,231,154,.85);outline-offset:2px}.sbbtn.on{color:#2a1c06;border-color:#ffd682e6;background:linear-gradient(180deg,#f3cd74,#d8a03a);box-shadow:0 0 0 1px #00000080,0 0 14px #ffc65c59}.sbbtn.arm{color:#2a1606;border-color:#ffb060f2;background:linear-gradient(180deg,#f0a85a,#d4762a)}.sbbtn.arm .sblabel{opacity:1;transform:translateY(-50%) translate(0);color:#ffd9a8;border-color:#f0a85a99}.sblabel{position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%) translate(4px);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 9px;border-radius:4px;pointer-events:none;font-family:"Baloo 2",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#f0e6c6;background:#1c1107f2;border:1px solid rgba(210,190,130,.34);box-shadow:0 4px 14px #00000080;opacity:0;transition:opacity .13s ease,transform .13s ease}.sbbtn:hover .sblabel,.sbbtn:focus-visible .sblabel{opacity:1;transform:translateY(-50%) translate(0)}.sblabel b{font-size:10.5px;font-weight:700;color:#e8dcb4;padding:0 4px;border-radius:3px;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffe8aa33}body.touch .sblabel{display:none}body.touch #sysbar{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}body.touch #minimap{top:calc(54px + env(safe-area-inset-top))}#skillspanel,#guildspanel,#socialpanel{position:fixed;top:56px;right:14px;z-index:6;width:min(330px,calc(100vw - 24px));max-height:calc(100vh - 92px);overflow-y:auto;background:#2a1a0bf0;border:1px solid rgba(210,190,130,.35);border-radius:6px;padding:14px 16px;box-shadow:0 12px 44px #0000008c}#skillspanel[hidden],#guildspanel[hidden],#socialpanel[hidden]{display:none}#skillspanel h3,#guildspanel h3,#socialpanel h3{font-family:"Baloo 2",sans-serif;color:#ead9ac;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px}.sklvl,.chlvl,.soccount{font-family:"Baloo 2",sans-serif;font-size:12.5px;font-weight:700;color:#d8c48a;letter-spacing:.04em}.skhint{font-size:11px;color:#9c8862;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(196,176,122,.22)}.chid{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 10px;margin-bottom:4px;border-bottom:1px dashed rgba(196,176,122,.24)}.chname{font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:800;color:#f2ead0}.chstats{font-size:12px;color:#b6a87f;text-align:right;line-height:1.5}.chstats b{color:#e0d4a8;font-weight:700}#socpop{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:2px 2px 10px;margin-bottom:4px;border-bottom:1px dashed rgba(196,176,122,.24)}.popnow{font-family:"Baloo 2",sans-serif;font-size:30px;font-weight:800;line-height:1;color:#f2ead0;font-variant-numeric:tabular-nums}.popunit{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9c8862}#socpop .soccount{margin-left:auto;color:#b6a87f;font-weight:600;white-space:nowrap}.poplive{align-self:center;width:8px;height:8px;border-radius:50%;flex:none;background:#8fd06a;box-shadow:0 0 6px #8fd06ab3}.poplive.beat{animation:livebeat .9s ease-out}@keyframes livebeat{0%{transform:scale(1);box-shadow:0 0 #8fd06a8c}30%{transform:scale(1.35)}to{transform:scale(1);box-shadow:0 0 6px 7px #8fd06a00}}@media(prefers-reduced-motion:reduce){.poplive.beat{animation:none}}.socz,.socrow{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:13px;color:#e2d8c0}.socz+.socz,.socrow+.socrow{border-top:1px solid rgba(255,255,255,.045)}.socz .nm,.socrow .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socz .n{font-weight:700;color:#ead9ac;font-variant-numeric:tabular-nums;min-width:16px;text-align:right}.socz .bar{flex:0 0 76px;height:7px;border-radius:2px;background:#ffffff12;overflow:hidden}.socz .bar i{display:block;height:100%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#c58f2f,#f3cd74)}.socrow .d{font-size:11.5px;color:#9c8862;font-variant-numeric:tabular-nums}.socrow .dot{width:7px;height:7px;border-radius:50%;flex:none;background:#8fd06a;box-shadow:0 0 6px #8fd06ab3}.socrow.me .nm{color:#ffd977;font-weight:700}.socrow.me .dot{background:#ffd977;box-shadow:0 0 6px #ffd977b3}#socworld,#soclist{font-size:12.5px;color:#b6a87f}.socempty{color:#b9ad8d;font-size:12.5px;font-style:italic;padding:6px 4px 2px}#soctabs{display:flex;gap:5px;margin:2px 0 10px}.soctab{flex:1;position:relative;padding:6px 4px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;color:#c3b491;background:#1a0f0680;border:1px solid rgba(210,190,130,.2);border-radius:4px;transition:color .12s,background .12s,border-color .12s}.soctab:hover{color:#ead9ac;border-color:#d2be8266}.soctab.on{color:#2a1c06;border-color:#ffd682d9;background:linear-gradient(180deg,#f3cd74,#d8a03a)}.socbadge{display:inline-block;margin-left:5px;min-width:16px;padding:0 4px;border-radius:999px;font-size:10.5px;line-height:16px;background:#c8452c;color:#fff3e2;box-shadow:0 0 8px #c8452c80}.soctab.on .socbadge{background:#7a2414}#socadd{display:flex;gap:6px;margin-bottom:6px}#socadd input{flex:1;min-width:0;padding:7px 10px;border-radius:3px;border:1px solid rgba(210,190,130,.28);background:#1a0f068c;color:#e8eadf;font-family:inherit;font-size:13px;font-weight:600}#socadd input:focus{outline:none;border-color:#f0d080b3}.socgo{padding:7px 13px;border-radius:4px;cursor:pointer;flex:none;font-family:"Baloo 2",sans-serif;font-size:12.5px;font-weight:700;color:#2a1c06;border:1px solid rgba(255,214,130,.55);background:linear-gradient(180deg,#f3cd74,#d8a03a)}.socgo:hover{filter:brightness(1.07)}.socnote{min-height:15px;font-size:11.5px;color:#b6a87f;padding:0 2px 6px}.socnote.pop{animation:slotpop .28s ease}.socact{flex:none;margin-left:6px;padding:4px 9px;border-radius:4px;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:700;border:1px solid rgba(210,190,130,.28);background:#32200fe6;color:#d8cca4;transition:filter .12s,color .12s,border-color .12s}.socact:hover{color:#ffeab4;border-color:#f0d08099}.socact.socok{color:#2a1c06;border-color:#ffd68299;background:linear-gradient(180deg,#f3cd74,#d8a03a)}.socact.socok:hover{filter:brightness(1.07);color:#2a1c06}.socrow.down .dot{background:#6b6152;box-shadow:none}.socrow.req .d{flex:none}#socfriends,#socin,#socout{font-size:12.5px}.soonwrap{text-align:center;padding:8px 4px 4px}.soonmark{display:flex;justify-content:center;margin:6px 0 12px}.soonmark svg{width:54px;height:54px;fill:none;stroke:#d2be826b;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.soonhead{font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700;color:#e8dcb4;margin-bottom:8px}.soonwrap p{font-size:12.5px;line-height:1.55;color:#b6a87f;margin-bottom:8px}.soonwrap .soonfoot{font-style:italic;color:#9c8862;font-size:11.5px;margin-bottom:0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 44%,#080c109e,#06090ce6),linear-gradient(0deg,#06090cb8,#06090c33 60%);transition:opacity .44s ease}#loading[hidden]{display:none}#loading.gone{opacity:0;pointer-events:none}#loading .lcol{width:min(520px,100%);display:flex;flex-direction:column;align-items:center}#loading .logo{width:clamp(200px,min(30vw,34vh),340px)}#loading .lbarwrap{width:min(420px,100%);margin-top:clamp(22px,4vh,44px)}#loading .lbar{height:14px;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#3a2a14,#281a0a);box-shadow:0 0 0 2px #150d05,inset 0 0 0 1px #ffe8aa38,inset 0 2px 5px #0009,0 6px 18px #0000008c}#loading .lfill{display:block;height:100%;width:0%;border-radius:3px 2px 2px 3px;background:linear-gradient(180deg,#ffd977,#f0b43c 58%,#dd9727);box-shadow:0 0 12px #f0b43c80,inset 0 -2px #00000047}#loading .lrow{margin-top:11px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;color:#c9bb9a;text-shadow:0 2px 6px rgba(0,0,0,.85)}#loading .lstatus:after{content:"…"}#loading .lpct{font-family:"Baloo 2",sans-serif;font-weight:800;color:#f2dfa9}#loading .ltip{margin-top:clamp(20px,3.4vh,34px);min-height:2.9em;max-width:44ch;text-align:center;font-size:clamp(12.5px,1vw,14px);line-height:1.55;font-weight:500;color:#b6a87f;text-shadow:0 2px 6px rgba(0,0,0,.85);transition:opacity .32s ease}#loading .ltip b{color:#f2dfa9;font-weight:700}#loading .lslow{margin-top:6px;max-width:44ch;text-align:center;font-size:12.5px;line-height:1.5;color:#e0b48a}#loading .lslow[hidden]{display:none}:root{--ink: #1f1208;--ink-2: #3a2213;--wood-1: #6d4727;--wood-2: #4b2e17;--wood-3: #33200f;--bevel: rgba(255, 222, 165, .32);--gold-1: #ffe36e;--gold-2: #f4b93a;--gold-3: #c9801c;--gold-edge: #7d4a0c;--green-1: #b4ec66;--green-2: #6cc63c;--green-3: #3f9a22;--green-edge: #245b12;--red-1: #ff8a66;--red-2: #d9502f;--red-edge: #7a2a14;--cream: #fff4dc;--r-frame: 14px;--r-inner: 9px;--r-tile: 8px;--r-btn: 10px;--frame-shadow: 0 5px 0 var(--ink), 0 12px 28px rgba(0, 0, 0, .5);--ui-face: "Baloo 2", "Quicksand", system-ui, sans-serif;--outline: -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink), 0 2px 0 var(--ink)}body{font-family:var(--ui-face);font-weight:600}button,input,textarea,select,#talkprompt,#talkprompt b,#dialogue,#dialogue .inner,#dialogue .banner,#dialogue .line,#dialogue .choice,#dlgshop,.qblock,#tutorial .ttext,#settings .sname{font-family:var(--ui-face)}body #bagpanel,body #wardrobe,body #charsheet,body #skillspanel,body #guildspanel,body #socialpanel,body #journal,body #settings .frame,body #dialogue .inner,body #tutorial,body #bigmap .bside,body #bigmapside,body #namepick .frame,body #charcreate .frame,body #landing .panel{background:radial-gradient(120% 80% at 18% 0%,rgba(255,214,150,.12),transparent 60%),linear-gradient(180deg,var(--wood-1) 0%,var(--wood-2) 48%,var(--wood-3) 100%);border:3px solid var(--ink);border-radius:var(--r-frame);box-shadow:var(--frame-shadow),inset 0 2px 0 var(--bevel),inset 0 -3px #00000047}body #tutorial .tinner,body #dialogue .inner{box-shadow:inset 0 2px 0 var(--bevel),inset 0 -3px #00000047;border-radius:var(--r-inner)}body #tutorial{border-radius:var(--r-frame)}body #bagpanel h3,body #wardrobe h3,body #charsheet h3,body #skillspanel h3,body #guildspanel h3,body #socialpanel h3,body #journal h3,body #tutorial .ttitle{font-family:var(--ui-face);font-weight:800;letter-spacing:.05em;color:var(--cream);text-shadow:var(--outline)}body #settings .banner,body #dialogue .banner,body #tutorial .tprog,body #namepick .banner,body #charcreate .banner{font-family:var(--ui-face);font-weight:800;color:var(--ink-2);background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);border:3px solid var(--ink);border-radius:var(--r-btn);box-shadow:0 3px 0 var(--ink),0 6px 14px #00000073,inset 0 2px #fffadc99;text-shadow:0 1px 0 rgba(255,240,190,.6)}body .gold,body #enterbtn,body #namebtn,body #settings .sact button,body #settings .sclose,body #dlgshop button.gold,body .qblock button.gold,body #tutorial .tskip,body #socadd,body #bigmapin,body #bigmapout,body #bigmaphome,body #landing .cta a.gold{font-family:var(--ui-face);font-weight:800;color:var(--ink-2);background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);border:3px solid var(--ink);border-radius:var(--r-btn);box-shadow:0 4px 0 var(--ink),0 8px 16px #0006,inset 0 2px #fffadc99;text-shadow:0 1px 0 rgba(255,240,190,.6);transition:transform .06s,filter .12s,box-shadow .06s}body .gold:hover:not(:disabled),body #enterbtn:hover,body #namebtn:hover:not(:disabled),body #settings .sact button:hover:not(:disabled),body #settings .sclose:hover,body #dlgshop button.gold:hover,body .qblock button.gold:hover,body #tutorial .tskip:hover,body #socadd:hover,body #landing .cta a.gold:hover{filter:brightness(1.08)}body .gold:active:not(:disabled),body #enterbtn:active,body #namebtn:active:not(:disabled),body #settings .sact button:active:not(:disabled),body #settings .sclose:active,body #dlgshop button.gold:active,body .qblock button.gold:active,body #tutorial .tskip:active,body #socadd:active,body #landing .cta a.gold:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink),0 3px 8px #0006,inset 0 2px #fffadc99}body #dlgshop button,body .qblock button,body #wdtabs button,body #sktabs button,body #soctabs button,body #dialogue .choice{font-family:var(--ui-face);font-weight:700;color:var(--cream);background:linear-gradient(180deg,#7a5330,#4d3018);border:2px solid var(--ink);border-radius:var(--r-tile);box-shadow:0 3px 0 var(--ink),inset 0 1px 0 var(--bevel);text-shadow:0 1px 0 rgba(0,0,0,.6)}body #dlgshop button:hover,body .qblock button:hover,body #wdtabs button:hover,body #sktabs button:hover,body #soctabs button:hover,body #dialogue .choice:hover{filter:brightness(1.12)}body #wdtabs button.on,body #sktabs button.on,body #soctabs button.on{color:var(--ink-2);background:linear-gradient(180deg,var(--gold-1),var(--gold-3));text-shadow:0 1px 0 rgba(255,240,190,.6);border-color:var(--ink)}body #settings .swt{border:2px solid var(--ink);box-shadow:inset 0 2px 4px #00000080}body #settings .sw:checked+.swt{background:linear-gradient(180deg,var(--green-2),var(--green-3))}body #settings .swt:after{border:2px solid var(--ink);box-shadow:0 2px #0006}body #hotbar,body #goldbadge,body #bagbtn,body #satchelchip,body #talkprompt,body .sbbtn{background:linear-gradient(180deg,var(--wood-1) 0%,var(--wood-2) 55%,var(--wood-3) 100%);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink),0 8px 18px #00000073,inset 0 2px 0 var(--bevel)}body #goldbadge{font-family:var(--ui-face);font-weight:800;font-size:16px;color:var(--gold-1);text-shadow:var(--outline)}body #hotbar .slot,body #bagitems .bslot{border-radius:var(--r-tile);box-shadow:0 0 0 2px var(--ink),inset 0 2px 6px #0009}body #hotbar .slot:after,body #bagitems .bslot:after{box-shadow:inset 0 2px #fff6d62e,inset 0 -2px #00000080}body #hotbar .slot .key,body #hotbar .slot .num,body #hotbar .slot .n{font-family:var(--ui-face);font-weight:800;color:var(--cream);text-shadow:var(--outline)}body #bagitems .bslot .qty{font-family:var(--ui-face);font-weight:800;font-size:12px;text-shadow:var(--outline)}body #plevel{width:46px;height:46px;font-size:20px;font-weight:800;border:3px solid var(--ink);color:var(--ink-2);background:radial-gradient(circle at 35% 30%,#fff0a0 0%,var(--gold-2) 45%,var(--gold-3) 100%);box-shadow:0 2px 6px #00000073,inset 0 -3px #0003;text-shadow:0 1px 0 rgba(255,240,190,.7)}body #pframe .pbar,body #pframe #stamwrap,body #blockwrap{border:2px solid var(--ink);background:#241408;box-shadow:0 3px 0 var(--ink),inset 0 2px 4px #0009}body #pframe .php{height:22px;border-radius:8px}body #pframe #stamwrap{border-radius:6px}body #pframe .pbar>span:first-child,body #stamfill,body #blockfill{border-radius:5px;box-shadow:inset 0 3px #ffffff47,inset 0 -3px #0003}body #phpfill{background:linear-gradient(180deg,var(--green-1),var(--green-3))}body #pframe.hurt #phpfill{background:linear-gradient(180deg,var(--gold-1),var(--gold-3))}body #pframe.crit #phpfill{background:linear-gradient(180deg,var(--red-1),var(--red-2))}body #pname,body #phptext{font-family:var(--ui-face);font-weight:800;font-size:13px;color:var(--cream);text-shadow:var(--outline)}body #plevel{position:relative}body #plevel:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;z-index:-1;background:conic-gradient(var(--gold-1) 0deg,var(--gold-2) calc(var(--xp, 0) * 360deg),#2a180a calc(var(--xp, 0) * 360deg),#2a180a 360deg);border:2px solid var(--ink);box-shadow:0 5px 12px #00000080,inset 0 0 0 2px #00000059}body #minimapcv{border:3px solid var(--ink);box-shadow:0 0 0 4px var(--gold-3),0 0 0 7px var(--ink),0 8px 20px #0000008c,inset 0 0 24px #0000008c}body #minimaplabel{font-weight:800;color:var(--cream);text-shadow:var(--outline)}body #minimapsub{font-family:var(--ui-face);font-weight:700;color:#f2dc9c;text-shadow:var(--outline)}body .sbbtn{width:38px;height:38px;border-radius:10px;color:var(--cream)}body .sbbtn:hover{color:#fff;filter:brightness(1.15);border-color:var(--ink)}body .sbbtn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink),inset 0 2px 0 var(--bevel)}body .sbbtn.on{color:var(--ink-2);background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 55%,var(--gold-3) 100%);box-shadow:0 4px 0 var(--ink),0 8px 18px #00000073,inset 0 2px #fffadc99}body .sbbadge{font-family:var(--ui-face);font-weight:800;color:var(--cream);background:linear-gradient(180deg,var(--red-1),var(--red-2));border:2px solid var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.5)}body .sbtip{font-family:var(--ui-face);font-weight:800;color:var(--cream);background:linear-gradient(180deg,var(--wood-1),var(--wood-3));border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.6)}body .sbtip kbd,body .sbtip b{font-family:var(--ui-face);color:var(--ink-2);background:linear-gradient(180deg,var(--gold-1),var(--gold-3));border:2px solid var(--ink);border-radius:5px}body #placard .pname{color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink),0 8px 22px rgba(0,0,0,.7)}body #placard .pname:after{background:linear-gradient(90deg,rgba(255,227,110,0),var(--gold-2),rgba(255,227,110,0));height:3px;box-shadow:0 2px 0 var(--ink)}body #placard .psub{color:var(--gold-1);text-shadow:var(--outline)}body #talkprompt{font-weight:700;color:var(--cream);text-shadow:0 1px 0 rgba(0,0,0,.6);padding:7px 16px}body #talkprompt b{color:var(--ink-2);border:2px solid var(--ink);border-radius:6px;padding:0 8px;background:linear-gradient(180deg,var(--gold-1),var(--gold-3))}body .qblock .qcard,body #dlgshop .srow,body .qblock .srow{border:2px solid var(--ink);border-radius:var(--r-tile);box-shadow:0 2px 0 var(--ink),inset 0 1px 0 var(--bevel)}body .wdrow{border:2px solid transparent;border-radius:var(--r-tile)}body .wdrow.on{border-color:var(--ink);background:linear-gradient(180deg,#ffe36e38,#c9801c38);box-shadow:0 2px 0 var(--ink),inset 0 1px 0 var(--bevel)}body kbd,body #tutorial .thint{font-family:var(--ui-face);font-weight:800;color:var(--cream);border:2px solid var(--ink);border-radius:6px;box-shadow:0 2px 0 var(--ink);background:linear-gradient(180deg,#7a5330,#4d3018);text-shadow:0 1px 0 rgba(0,0,0,.6)}body #chstats{font-size:12.5px;letter-spacing:-.01em}