:root{--bg:#0c1510;--panel:#142119;--panel-2:#1c2e23;--glass:rgba(12,22,16,.8);--scrim:rgba(6,12,9,.7);--line:#2f4838;--line-hi:#4a6b52;--fg:#eaf1df;--muted:#98ad97;--accent:#f2c14e;--accent-deep:#7a5413;--accent-ink:#2b1d05;--hp:#4cc04a;--hp-dark:#123a14;--en:#f2c14e;--en-dark:#3a2a08;--slot:#2a3a2f;--slot-hi:#4b6052;--slot-lo:#141e17;--sel:#f4f1e4;--f:"DG Display","Pixelify Sans","Courier New",monospace;--s:clamp(34px,6vh,46px)}@font-face{font-family:DG Display;font-display:swap;size-adjust:128%;src:url(https://fonts.gstatic.com/s/jersey10/v4/GftH7vZKsggXMf9n_J5n_5jh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DG Display;font-display:swap;size-adjust:128%;src:url(https://fonts.gstatic.com/s/jersey10/v4/GftH7vZKsggXMf9n_J5n8Zjh-1w.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}html body{font-family:var(--f);color:var(--fg);-webkit-font-smoothing:none}html body button{font-family:var(--f)}html body #hud button,html body #apBtn{font:16px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:5px 10px;box-shadow:0 3px 0 var(--slot-lo);cursor:pointer}html body #apBtn.on{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent-deep)}html body #keys{font:15px var(--f);color:var(--muted);background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:4px 8px}html body #area{font:28px var(--f);color:var(--accent);text-shadow:0 2px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 -2px 0 #000}html body #bars .b{width:150px;height:13px;border-radius:0;background:var(--hp-dark);border:2px solid var(--slot-lo);box-shadow:0 2px #000}html body #bars .hp i{background:var(--hp);box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff40}html body #bars .en{background:var(--en-dark)}html body #bars .en i{background:var(--en);box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff4d}html body #bars .b span{font:13px/13px var(--f);text-shadow:1px 1px 0 #000}html body #hotbar{background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:3px;gap:3px;box-shadow:0 4px 0 var(--slot-lo)}html body .slot{width:var(--s);border:0;border-radius:0;background:var(--slot);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}html body .slot.sel{box-shadow:inset 0 0 0 2px var(--sel),inset 4px 4px 0 var(--slot-lo);border:0}html body .slot img{width:72%}html body .slot .n{font:15px var(--f);right:3px;bottom:0;text-shadow:1px 1px 0 #000,-1px 0 0 #000}html body .slot .k{font:12px var(--f);color:var(--muted);left:3px;top:0}html body .slot .du{left:4px;right:4px;bottom:3px;height:3px}html body #bagBtn{width:var(--s);border:0;border-radius:0;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-hi),inset -2px -2px 0 var(--slot-lo);font-size:20px}html body #bag{background:var(--scrim)}html body #bag .card{background:var(--panel);border:2px solid var(--line);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);color:var(--fg);font:18px var(--f)}html body #bag .card small{font:14px var(--f);color:var(--muted)}html body #bag .grid{gap:3px}html body #bag .rec{background:var(--panel-2);border:2px solid var(--line);border-radius:3px;font:16px var(--f)}html body #bag .rec small{font:14px var(--f);color:var(--muted)}html body #bag .rec button{font:16px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:5px 10px;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #bag .rec button:disabled{background:var(--slot);color:var(--muted);box-shadow:inset 0 -3px 0 var(--slot-lo)}html body #toast{font:18px var(--f);color:var(--fg);background:var(--panel);border:2px solid var(--line);border-radius:3px;box-shadow:0 4px 0 var(--slot-lo)}html body .tb{font:15px var(--f);color:var(--fg);background:var(--glass);border:2px solid var(--line-hi);box-shadow:inset 0 -3px 0 var(--slot-lo)}html body .tb.on{background:var(--accent);color:var(--accent-ink)}html body #tAtk{font-size:17px}html body #tstick{background:var(--glass);border:2px solid var(--line-hi)}html body #tstick b{background:var(--slot-hi)}html body #hud{top:10px;left:10px;flex-wrap:wrap;max-width:calc(100vw - 90px)}html body #hud button{white-space:nowrap}html body #bars{left:10px;bottom:auto;position:fixed;top:56px}@media(max-width:700px){html body #keys{display:none}}html body img,html body canvas{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}html body #area{top:62px}html body:not(.touch) #hotbar{left:auto;right:10px;bottom:10px;transform:none}html body #login{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 50%,#060c0900 35%,#060c0999)}html body #login[hidden]{display:none}html body #login .card{position:relative;box-sizing:border-box;width:min(100%,400px);background:#142119f0;border:2px solid var(--line-hi);border-radius:2px;box-shadow:0 0 0 2px #0a110c,inset 0 0 0 2px var(--panel-2),0 8px #060a08bf,0 14px 34px #0000008c;padding:20px 22px 12px;display:grid;gap:10px;text-align:center}html body #login .logo{font:48px/1 var(--f);color:var(--accent);text-shadow:0 3px 0 var(--accent-deep),0 0 18px rgba(242,193,78,.35)}html body #login .tag{font:18px var(--f);color:var(--muted);margin-top:-2px}html body #login .welcome{font:20px var(--f);color:var(--fg);margin:0}html body #login .welcome[hidden]{display:none}html body #login form{display:grid;gap:8px}html body #login form[hidden]{display:none}html body #login .nm{display:grid;gap:4px;text-align:left;font:15px var(--f);color:var(--muted)}html body #login .nm[hidden]{display:none}html body #login input,html body .netacct input{font:20px var(--f);padding:6px 10px;border-radius:3px;border:2px solid var(--line-hi);background:#0c1510;color:var(--fg);outline:none}html body #login input:focus{border-color:var(--accent)}html body #login .err{font:14px var(--f);color:#ff9a8a;min-height:14px}html body #login .btn{font:22px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:9px 12px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #login .rule,html body .netacct .rule{font:14px var(--f);color:var(--muted);margin:0}html body .netacct{display:grid;gap:6px}html body .netacct .row{display:flex;gap:6px;align-items:center}html body .netacct .btn-sm{font:16px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:5px 10px;cursor:pointer}html body .netacct .link{font:14px var(--f);color:#8be0ff;background:none;border:0;text-decoration:underline;cursor:pointer}html body #login .or{font:15px var(--f);color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}html body #login .or:before,html body #login .or:after{content:"";flex:1;height:2px;background:var(--line)}html body #login .or[hidden]{display:none}html body #menuPanel{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:10px;background:var(--scrim)}html body #menuPanel[hidden]{display:none}html body #menuPanel .card{width:min(100%,380px);max-height:calc(100vh - 20px);overflow:auto;background:var(--panel);border:2px solid var(--line);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);padding:14px;display:grid;gap:8px;font:16px var(--f);color:var(--fg)}html body #menuPanel .ph{font:26px var(--f);color:var(--accent)}html body #menuPanel .btn{font:20px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:8px 12px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #menuPanel .btn-sm{font:16px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:7px 10px;cursor:pointer}html body #menuPanel .row{display:flex;gap:8px;align-items:center}html body #menuPanel .row label{flex:1}html body #menuPanel .row input[type=range]{width:50%}html body #menuPanel .comm{background:#5865f2;color:#fff;box-shadow:inset 0 -3px #3c45a5}html body #menuPanel .comm small{display:block;font:12px var(--f);opacity:.85}html body #menuPanel .danger{background:#d9483b;color:#fff;border-color:#7a1f18;box-shadow:inset 0 -3px #7a1f18}html body #menuPanel .rule{font:14px var(--f);color:var(--muted);margin:0}html body #menuPanel .acct:empty{display:none}html body #menuPanel .keygrid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}html body #menuPanel .keygrid button{min-width:76px;font:16px var(--f);padding:4px 8px;background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;cursor:pointer}html body #menuPanel .keygrid button.wait{border-color:var(--accent);color:var(--accent)}html body #menuBtn{font:16px var(--f)}#hotbar{position:fixed;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:3px;padding:3px;z-index:3}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;cursor:pointer;user-select:none}.slot img{pointer-events:none;image-rendering:pixelated}.slot .du{position:absolute;pointer-events:none}.slot .du b{display:block;height:100%}.slot.pop{animation:pop .25s}@keyframes pop{50%{transform:scale(1.18)}}html body .slot img.ghost{width:62%;opacity:.55}html body .slot.offbtn{margin-right:8px}html body #bagBtn{display:grid;place-items:center;padding:0;cursor:pointer}html body #bagBtn img{width:74%;image-rendering:pixelated}html body #bagBtn .pxi{width:66%;height:66%}#bag{position:fixed;inset:0;display:grid;place-items:center;z-index:6;padding:8px}#bag[hidden]{display:none}html body #bag .inv-card{display:block;width:min(100%,900px);max-height:calc(100vh - 16px);overflow:auto;padding:10px 12px}html body #bag .ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}html body #bag .ph b{font:24px var(--f);color:var(--accent)}html body #bag .x{font:18px var(--f);background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;width:32px;height:30px;cursor:pointer}html body #bag .inv-body{display:grid;grid-template-columns:auto auto minmax(230px,1fr);gap:14px;align-items:start}@media(max-width:820px){html body #bag .inv-body{grid-template-columns:1fr}}html body #bag .lbl{font:15px var(--f);color:var(--muted);margin:6px 0 3px}html body #bag .eqwrap{display:flex;gap:6px;align-items:center}html body #bag .eqcol{display:grid;gap:3px}html body #bag .dollbox{width:76px;height:112px;display:grid;place-items:end center;background:var(--slot);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}html body #bag .dollbox img{width:64px;image-rendering:pixelated;margin-bottom:6px}html body #bag .stats{display:grid;gap:1px;font:14px var(--f);color:var(--muted);margin-top:6px;max-width:220px}html body #bag .stats b{color:var(--fg);font-weight:400}html body #bag .craft{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;background:var(--panel-2);border:2px solid var(--line);border-radius:3px}html body #bag .crafthint{flex:1 1 100%;font:14px var(--f);color:var(--muted)}html body #bag .cgrid{display:grid;gap:3px}html body #bag .arrow{font:22px var(--f);color:var(--accent)}html body #bag .slot.out.ready{box-shadow:inset 0 0 0 2px var(--accent),0 0 10px #f2c14e73}html body #bag .slot.ghosted img.gi{width:62%;opacity:.35;filter:grayscale(.6)}html body #bag .craftmake{font:16px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:6px 12px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #bag .craftmake:disabled{background:var(--slot);color:var(--muted);box-shadow:inset 0 -3px 0 var(--slot-lo);cursor:default}html body #bag .igrid{display:grid;grid-template-columns:repeat(9,var(--s));gap:3px}html body #bag .iscroll{max-height:calc(var(--s) * 4 + 9px + 6px);overflow-y:auto;overflow-x:hidden;width:max-content;padding-right:4px}html body #bag .lbl.il{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(var(--s) * 9 + 24px)}html body #bag .icap{display:inline-flex;align-items:center;gap:6px}html body #bag .icap b{font:14px var(--f);color:#c8d4c0}html body #bag .icap b.full{color:#ff8a6a}html body #bag .icap .addrow{font:14px var(--f);line-height:1;padding:2px 7px;color:#2b1d05;background:var(--accent);border:0;box-shadow:inset 0 -2px 0 var(--accent-deep);cursor:pointer}html body #bag .hrow{display:flex;gap:6px;align-items:center}html body #bag .slot.trash{font-size:20px;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}html body #bag .tip{font:13px var(--f);color:var(--muted);margin:6px 0 0}html body #bag .book{list-style:none;margin:0;padding:0;display:grid;gap:3px;max-height:420px;overflow:auto}html body #bag .rec{display:flex;gap:8px;align-items:center;width:100%;text-align:left;padding:4px 6px;background:var(--panel-2);border:2px solid var(--line);border-radius:3px;color:var(--fg);cursor:pointer;position:relative}html body #bag .rec img{width:26px;image-rendering:pixelated}html body #bag .rec i{position:absolute;left:24px;top:18px;font:13px var(--f);font-style:normal;color:#fff;text-shadow:1px 1px 0 #000}html body #bag .rec .rn{display:grid}html body #bag .rec b{font:16px var(--f);font-weight:400}html body #bag .rec small{font:13px var(--f);color:var(--muted)}html body #bag .rec.ok{border-color:#5a8a3a;background:#1e3424}html body #bag .rec.far{opacity:.55}#cursorStack{position:fixed;z-index:30;width:36px;height:36px;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center}#cursorStack[hidden]{display:none}#cursorStack img{width:30px;image-rendering:pixelated}#cursorStack .n{position:absolute;right:0;bottom:-2px;font:15px var(--f);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}html body :is(#me,#pme){position:fixed;left:10px;top:10px;z-index:2;display:flex;gap:8px;align-items:center;pointer-events:none}html body :is(#me,#pme) .av{width:58px;height:64px;border:2px solid var(--line-hi);border-radius:3px;box-shadow:inset 0 0 0 2px var(--slot-lo),0 3px 0 var(--slot-lo);background:transparent}html body :is(#me,#pme) .mi{display:grid;gap:3px;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:4px 8px 6px}html body :is(#me,#pme) .nm{font:18px/1 var(--f);color:var(--fg);font-weight:400}html body :is(#me,#pme) .b{position:relative;width:170px;height:14px;background:var(--hp-dark);border:2px solid var(--slot-lo);box-shadow:0 2px #000}html body :is(#me,#pme) .b i{position:absolute;left:0;top:0;bottom:0;width:100%;transition:width .25s}html body :is(#me,#pme) .hp i{background:#4cc04a;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff4d}html body :is(#me,#pme) .en i{background:#f2c14e;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff59}html body :is(#me,#pme) .b span{position:absolute;inset:0;font:13px/14px var(--f);color:#fff;text-align:center;text-shadow:1px 1px 0 #000}html body :is(#me,#pme) .b em{position:absolute;left:-14px;top:-2px;font:14px var(--f);font-style:normal;color:#ff7a6a;text-shadow:1px 1px 0 #000}html body :is(#me,#pme) .en em{color:#ffd34a}html body :is(#me,#pme).low .hp i{background:#e8503a;animation:blink .6s infinite}html body :is(#me,#pme).tired .en{animation:blink .8s infinite}@keyframes blink{50%{opacity:.55}}html body :is(#me,#pme) .mi{margin-left:6px}html body #apBtn{position:relative;width:var(--s);aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-hi),inset -2px -2px 0 var(--slot-lo);cursor:pointer}html body #apBtn img{width:62%;image-rendering:pixelated;opacity:.7}html body #apBtn span{position:absolute;bottom:0;font:11px var(--f);color:var(--muted)}html body #apBtn.on{background:#5a3a14;box-shadow:inset 0 0 0 2px var(--accent)}html body #apBtn.on img{opacity:1}html body #apBtn.on span{color:var(--accent)}html body #hud{left:auto!important;right:10px;top:10px}html body .slot .n{position:absolute;right:3px;bottom:1px;font:15px/1 var(--f);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000;pointer-events:none}html body .slot .k{position:absolute;left:2px;top:2px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;pointer-events:none;opacity:.9}html body .slot.sel .k{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep)}html body .slot .du{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#000;pointer-events:none}html body #toast{top:100px}html body #room{position:fixed;right:10px;top:52px;z-index:2;font:15px var(--f);color:var(--muted);background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:2px 8px;pointer-events:none}html body #bag .inv-card{width:auto;max-width:calc(100vw - 16px);overflow-x:hidden}html body #bag .inv-body{grid-template-columns:auto auto auto;gap:16px}@media(max-width:1060px){html body #bag .inv-body{grid-template-columns:auto auto}html body #bag .bookbox{grid-column:1 / -1}}@media(max-width:640px){html body #bag .inv-body{grid-template-columns:1fr}}html body #bag .equip{width:176px}html body #bag .craft{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding:6px 8px}html body #bag .craft .lbl{margin:0;writing-mode:horizontal-tb}html body #bag .craft .slot.out{margin-right:auto}html body #bag .book{display:grid;grid-template-columns:repeat(4,var(--s));gap:3px;max-height:none;overflow:visible}html body #bag .slot.rec{width:var(--s);padding:0;border:0}html body #bag .slot.rec img{width:72%}html body #bag .slot.rec.ok{box-shadow:inset 0 0 0 2px #5fbf4a,inset 3px 3px 0 var(--slot-lo)}html body #bag .slot.rec.far{opacity:.45}html body #bag .slot.rec.selr{box-shadow:inset 0 0 0 2px var(--accent),0 0 8px #f2c14e73}html body #bag .slot.rec .lock{position:absolute;right:1px;top:0;font-size:10px}html body #bag .recinfo{margin-top:6px;width:calc(var(--s) * 4 + 9px);min-height:92px;box-sizing:border-box;padding:6px 8px;background:var(--panel-2);border:2px solid var(--line);border-radius:3px;display:grid;gap:3px;align-content:start}html body #bag .recinfo b{font:17px var(--f);font-weight:400;color:var(--fg)}html body #bag .recinfo small{font:13px var(--f);color:var(--muted)}html body #bag .recinfo small.far{color:#ffb070}html body #bag .recinfo .need{display:grid;gap:2px}html body #bag .recinfo .need span{display:flex;align-items:center;gap:4px;font:14px var(--f)}html body #bag .recinfo .need img{width:16px;image-rendering:pixelated}html body #bag .recinfo .need .have{color:#9fe08a}html body #bag .recinfo .need .miss{color:#ff9a8a}html body #bag .recinfo .need em{font-style:normal;opacity:.75}html body .langsel{font:16px var(--f);background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;padding:3px 6px}html body #chatbox{position:fixed;left:10px;bottom:10px;z-index:3;width:min(300px,40vw);background:var(--glass);border:2px solid var(--line);border-radius:3px;font:15px var(--f);color:var(--fg)}html body #chatbox .ch{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;border-bottom:2px solid var(--line)}html body #chatbox .ch b{font:15px var(--f);font-weight:400;color:var(--muted)}html body #chatbox .tg{font:14px var(--f);background:none;border:0;color:var(--fg);cursor:pointer}html body #chatbox .log{height:110px;overflow-y:auto;padding:3px 6px;display:none}html body #chatbox.open .log{display:block}html body #chatbox .log p{margin:1px 0;line-height:1.15}html body #chatbox .log b{font-weight:400;color:#f4f1e4}html body #chatbox .log p.me b{color:#8be0ff}html body #chatbox .log p.sys{color:var(--muted);font-size:13px}html body #chatbox .qbtn{display:block;width:calc(100% - 8px);margin:4px;font:15px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:4px;cursor:pointer}html body #qwheel,html body #emop{position:fixed;inset:0;z-index:12;background:#060c0959}html body #qwheel[hidden],html body #emop[hidden]{display:none}html body #qwheel .ring,html body #emop .ring{position:absolute;inset:0}html body #qwheel .qi,html body #emop .qi{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;font:17px var(--f);color:var(--fg);background:var(--panel);border:2px solid var(--line-hi);border-radius:16px;padding:5px 12px 5px 6px;cursor:pointer;box-shadow:0 3px 0 var(--slot-lo);white-space:nowrap}html body #qwheel .qi:hover,html body #emop .qi:hover{border-color:var(--accent)}html body #qwheel .qi .n,html body #emop .qi .n{min-width:16px;height:16px;font:13px/14px var(--f);text-align:center;background:#2a2218;color:#e8e2c8;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px}html body #qwheel .qc,html body #emop .qc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:18px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:50%;width:84px;height:84px;cursor:pointer;box-shadow:inset 0 -4px 0 var(--accent-deep)}html body #qwheel .qc small,html body #emop .qc small{display:block;font:12px var(--f);opacity:.7}html body .slot:hover{background:#34503a}html body .slot.sel:hover{background:#3a5a40}html body #bag .slot.rec:hover{background:#34503a}html body #bagBtn:hover,html body #apBtn:hover{filter:brightness(1.25)}html body #bag .dollbox{overflow:hidden}html body #bag .dollbox img{width:auto;height:auto;max-width:64px;max-height:104px;object-fit:contain}html body #tut{position:fixed;left:0;right:0;margin-inline:auto;bottom:74px;z-index:8;width:min(560px,calc(100vw - 20px));display:flex;gap:10px;align-items:center;background:var(--panel);border:2px solid var(--accent-deep);border-radius:4px;box-shadow:0 5px 0 var(--slot-lo),0 0 18px #f2c14e40;padding:8px 10px;font:17px var(--f);color:var(--fg)}html body #tut .lf{width:56px;height:50px;image-rendering:pixelated;flex:none;animation:lumebob 1.6s ease-in-out infinite}@keyframes lumebob{50%{transform:translateY(-3px)}}html body #tut .tx{flex:1;display:grid;gap:2px}html body #tut .tx b{font:16px var(--f);font-weight:400;color:var(--accent)}html body #tut p{margin:0;min-height:2.4em;line-height:1.2}html body #tut .goal{font:13px var(--f);color:#9fe08a}html body #tut .bt{display:grid;gap:4px}html body #tut .next{font:16px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:6px 10px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #tut .next[hidden]{display:none}html body #tut .skip{font:12px var(--f);color:var(--muted);background:none;border:0;text-decoration:underline;cursor:pointer}html body .tuthint{position:relative;z-index:9;animation:tuthint .9s ease-in-out infinite;outline:3px solid #ffd34a;outline-offset:1px}@keyframes tuthint{50%{outline-color:#ffd34a40;box-shadow:0 0 14px #ffd34a}}html body #chatbox{width:min(320px,42vw);background:transparent;border:0;bottom:12px;pointer-events:auto}html body #chatbox .log{display:block;height:auto;max-height:120px;overflow:hidden;padding:2px 4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}html body #chatbox .log p{font:15px/1.2 var(--f);color:#f4f1e4;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 1px 0 #000;transition:opacity 1.5s}html body #chatbox .log p.sys{color:#c8d0b8}html body #chatbox:hover .log,html body #chatbox.typing .log{background:#0c16108c;overflow-y:auto;border-radius:3px}html body #chatbox:hover .log p.old,html body #chatbox.typing .log p.old{opacity:.85}html body #chatbox .in input{width:100%;box-sizing:border-box;font:16px var(--f);background:#0c1610d9;color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;padding:4px 6px;outline:none}html body #chatbox .in[hidden]{display:none}html body #chatbox .qbtn{display:inline-block;width:auto;margin:3px 0 0;font:16px var(--f);padding:2px 6px;background:#0c16108c;border:2px solid var(--line);opacity:.75}html body #chatbox .qbtn:hover{opacity:1}html body #chatbox .ch{display:none}html body #tut .lf{width:64px;height:56px;image-rendering:pixelated;animation:none}html body #menuPanel .skiptut{justify-self:end;font:12px var(--f);color:var(--muted);background:none;border:0;text-decoration:underline;opacity:.6;cursor:pointer;padding:0}html body .tuthint{outline:3px solid #5fe04a!important;outline-offset:1px;animation:tuthintg .9s ease-in-out infinite}@keyframes tuthintg{0%,to{box-shadow:0 0 6px #5fe04a,inset 0 0 8px #5fe04a80}50%{box-shadow:0 0 18px #8ef070,inset 0 0 14px #5fe04ab3}}html body #tutarrow{position:fixed;z-index:20;width:0;height:0;pointer-events:none;transform:translate(-50%,-100%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #5fe04a;filter:drop-shadow(0 2px 0 #2a7a20) drop-shadow(0 0 6px rgba(95,224,74,.8))}html body #tutarrow[hidden]{display:none}html body #intro{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;background:linear-gradient(#000 0 9%,transparent 9% 76%,rgba(0,0,0,.93) 80%);padding:24px 24px 4vh;cursor:pointer}html body #intro[hidden],html body #quest[hidden],html body #tut[hidden]{display:none}html body #intro p{margin:0;max-width:720px;min-height:3em;text-align:center;font:22px var(--f);line-height:1.5;color:#e8e2cc;text-shadow:0 2px 0 #000}html body #intro .next{font:16px var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:6px 12px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #quest{position:fixed;right:10px;top:116px;z-index:3;max-width:min(300px,60vw);display:grid;gap:2px;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:5px 9px;font:14px var(--f);color:var(--fg);pointer-events:none}html body #quest b{font-weight:400;color:#9fe08a;font-size:13px}html body #clock{position:fixed;right:10px;top:84px;z-index:2;display:flex;align-items:center;gap:6px;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:2px 8px;font:15px var(--f);color:var(--fg);pointer-events:none}html body #clock img{width:22px;height:22px;image-rendering:pixelated}html body #clock span{color:var(--muted);font-size:13px}html body #clock.dusk b{color:#ffb070}html body #clock.night b{color:#b8c8ff}html body #confirm{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:var(--scrim)}html body #confirm .card{width:min(100%,400px);display:grid;gap:10px;background:var(--panel);border:2px solid var(--line);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);padding:16px 18px 14px;color:var(--fg);font:16px var(--f)}html body #confirm h3{margin:0;font:22px var(--f);font-weight:400;color:var(--accent)}html body #confirm h3[hidden]{display:none}html body #confirm .tx{display:grid;gap:8px}html body #confirm p{margin:0;line-height:1.3}html body #confirm .row{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}html body #confirm button{font:16px var(--f);border-radius:2px;padding:7px 14px;cursor:pointer}html body #confirm .no{color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi)}html body #confirm .yes{color:var(--accent-ink);background:var(--accent);border:0;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #confirm .no[hidden]{display:none}html body #confirm .yes:disabled{opacity:.45;cursor:default}html body #confirm input.pick{font:16px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:2px;padding:6px 8px;width:100%;box-sizing:border-box}html body #confirm .tx{max-height:60vh;overflow:auto}html body #confirm select.pick{font:18px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:2px;padding:6px 8px;width:100%;cursor:pointer}html body #confirm .yes.danger{color:#fff;background:#d8483a;box-shadow:inset 0 -3px #8a2a20}html body button:not(:disabled),html body select,html body summary,html body label:has(input),html body [data-k],html body [data-r],html body [data-a],html body [data-v],html body [data-i],html body [data-act],html body [data-step],html body [role=button],html body .sw,html body .chip,html body .opt{cursor:pointer}html body button:disabled{cursor:default}html body.cine :is(#me,#pme),html body.cine #hud,html body.cine #hotbar,html body.cine #chatbox,html body.cine #room,html body.cine #clock,html body.cine #quest,html body.cine #bagBtn,html body.cine #tpad{visibility:hidden}html body #narr{position:fixed;left:0;right:0;margin-inline:auto;bottom:74px;z-index:8;width:min(520px,calc(100vw - 20px));display:flex;gap:10px;align-items:center;background:var(--panel);border:2px solid var(--line-hi);border-radius:4px;box-shadow:0 5px 0 var(--slot-lo);padding:8px 10px;font:17px var(--f);color:var(--fg);cursor:pointer}html body #narr[hidden]{display:none}html body #narr .lf{width:56px;height:50px;image-rendering:pixelated;flex:none}html body #narr .tx{flex:1;display:grid;gap:2px}html body #narr .tx b{font:16px var(--f);font-weight:400;color:var(--accent)}html body #narr p{margin:0;line-height:1.2;min-height:1.2em}html body.cine #narr{visibility:hidden}html body.cine.scene #narr{visibility:visible}html body #tutblock{position:fixed;inset:0;z-index:7;cursor:pointer}html body #tutblock[hidden]{display:none}html body #tutarrow{border:0;width:75px;height:80px;background:no-repeat center/100% 100%;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(160,255,120,.9))}html body #tutping{position:fixed;z-index:19;pointer-events:none;border:3px solid #b8ff90;border-radius:4px;animation:tutping 1s ease-out infinite}html body #tutping[hidden]{display:none}@keyframes tutping{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}html body .tuthint{outline:3px solid #7dff5a!important;outline-offset:2px;animation:tuthintg2 .8s ease-in-out infinite}@keyframes tuthintg2{0%,to{box-shadow:0 0 0 2px #ffffff8c,0 0 10px 2px #5fe04a,inset 0 0 8px #5fe04a80}50%{box-shadow:0 0 0 7px #7dff5a00,0 0 26px 8px #8ef070,inset 0 0 16px #5fe04acc}}html body #narrblock{position:fixed;inset:0;z-index:7;cursor:pointer}html body #narrblock[hidden]{display:none}html body #tut,html body #narr{width:min(760px,calc(100vw - 20px));padding:10px 14px;gap:14px;bottom:84px}html body #tut p,html body #narr p{font-size:clamp(19px,1.55vw,28px);line-height:1.25}html body #tut .tx b,html body #narr .tx b{font-size:clamp(17px,1.3vw,22px)}html body #tut .lf,html body #narr .lf{width:clamp(64px,5vw,88px);height:auto;aspect-ratio:24/21}html body #tut .next{font-size:clamp(16px,1.25vw,21px);padding:8px 14px}html body #quest{font-size:clamp(14px,1.05vw,18px);max-width:min(340px,60vw)}html body #intro p{font-size:clamp(20px,1.8vw,32px)}html body #tut,html body #narr{width:min(940px,calc(100vw - 20px));min-height:clamp(96px,11vh,140px);padding:14px 22px;gap:18px;bottom:88px;border-width:3px}html body #tut p,html body #narr p{font-size:clamp(24px,2.25vw,38px);line-height:1.2;min-height:1.2em}html body #tut .tx b,html body #narr .tx b{font-size:clamp(19px,1.6vw,27px)}html body #tut .lf,html body #narr .lf{width:clamp(84px,7.5vw,128px)}html body #tut .next{font-size:clamp(18px,1.5vw,26px);padding:10px 18px}html body #clock{left:50%;right:auto;top:10px;transform:translate(-50%);gap:9px;padding:4px 14px;font-size:clamp(18px,1.5vw,24px);border-width:2px}html body #clock img{width:clamp(26px,2.2vw,34px);height:auto;aspect-ratio:1}html body #clock span{font-size:clamp(15px,1.2vw,19px)}html body #area{top:clamp(58px,6vw,72px)}html body #quest{top:84px}html body .pxi{width:1.15em;height:1.15em;image-rendering:pixelated;vertical-align:-.2em;display:inline-block}html body #snd .pxi{width:26px;height:26px;vertical-align:middle}html body #fsBtn .pxi{width:22px;height:22px;vertical-align:middle;image-rendering:pixelated}html body #chatbox .qbtn .pxi{width:20px;height:20px;vertical-align:middle}html body #bag .trash .pxi{width:26px;height:26px}html body :is(#me,#pme) em .pxi{width:12px;height:12px;vertical-align:middle}html body #qwheel .ic .pxi,html body #emop .ic .pxi{width:22px;height:22px}html body #quest b .pxi{width:14px;height:14px}html body #chatbox #room{position:static;display:inline-block;vertical-align:bottom;margin:3px 0 0 6px;pointer-events:none;font-size:14px;opacity:.85}html body #room[hidden],html body #chatbox #room[hidden]{display:none}html body #narr{cursor:default}html body #narr .bt{display:grid}html body #narr .next{font:clamp(18px,1.5vw,26px) var(--f);color:var(--accent-ink);background:var(--accent);border:0;border-radius:2px;padding:10px 18px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #tutblock,html body #narrblock{cursor:default}html body .next.nudge{animation:nudge .45s ease-out}@keyframes nudge{0%{transform:scale(1)}30%{transform:scale(1.14);filter:brightness(1.3);box-shadow:0 0 0 4px #f2c14e99,inset 0 -3px 0 var(--accent-deep)}to{transform:scale(1)}}html body #bag .slot.rec:not(.ok){opacity:.5;filter:grayscale(.7);cursor:default}html body #bag .slot.rec:not(.ok):hover{opacity:.8}html body #quest small{color:#ffd34a;font-size:.85em}html body #quest small:empty{display:none}html body #bag .bookbox{display:flex;flex-direction:column;gap:6px;width:calc(var(--s) * 4 + 9px + 20px);padding:8px 10px;background:#0000002e;border:2px solid var(--line);border-radius:4px;align-self:stretch}html body #bag .bookbox .lbl{margin:2px 0 0}html body #bag .craft{justify-content:center;gap:10px;padding:8px;flex-wrap:nowrap}html body #bag .craft .slot.out{margin-right:0;box-shadow:inset 0 0 0 2px var(--line-hi)}html body #bag .craft .slot.out.ready{box-shadow:inset 0 0 0 2px #5fbf4a,0 0 10px #5fbf4a80}html body #bag .recinfo{width:auto;margin-top:0;min-height:96px;flex:1}html body #bag .craftmake{width:100%;font-size:20px;padding:9px 12px;margin-top:2px}html body #bag .craft .cgrid{flex:none}html body #bag .craft .slot.out{flex:none;width:var(--s);height:var(--s);min-width:var(--s)}html body #bag .craft .arrow{flex:none}html body #bag .slot.rec{position:relative;display:grid;place-items:center;padding:0;gap:0}html body #bag .slot.rec .n{position:absolute;right:3px;bottom:1px}html body #bag .bookbox{width:auto;min-width:calc(var(--s) * 4 + 29px)}html body #bag .craft{justify-content:flex-start;width:max-content;max-width:none}html body :is(#itip,#sptip){position:fixed;z-index:60;pointer-events:none;min-width:150px;max-width:240px;background:var(--panel);border:2px solid var(--line-hi);border-radius:3px;box-shadow:0 4px 0 var(--slot-lo),0 6px 18px #00000080;padding:7px 9px;font:15px var(--f);color:var(--fg);display:grid;gap:4px}html body :is(#itip,#sptip)[hidden]{display:none}html body :is(#itip,#sptip) .hd{display:flex;align-items:center;gap:6px}html body :is(#itip,#sptip) .hd img{width:24px;height:24px;image-rendering:pixelated}html body :is(#itip,#sptip) .hd b{font:17px var(--f);font-weight:400;color:var(--accent)}html body :is(#itip,#sptip) p{margin:0;color:var(--fg);line-height:1.2}html body :is(#itip,#sptip) ul{list-style:none;margin:2px 0 0;padding:4px 0 0;border-top:1px solid var(--line);display:grid;gap:1px}html body :is(#itip,#sptip) li{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}html body :is(#itip,#sptip) li b{font-weight:400;color:#9fe08a}html body #bag .bookbox{width:calc(var(--s) * 4 + 9px + 20px);min-width:0;align-self:start}html body #bag .craft{width:auto;justify-content:center}html body #itip ul.need li span{display:flex;align-items:center;gap:4px;color:var(--fg)}html body #itip ul.need img{width:16px;height:16px;image-rendering:pixelated}html body #itip ul.need li.miss b{color:#ff9a8a}html body #itip ul.need li.have b{color:#9fe08a}html body :is(#itip,#sptip) small{color:var(--muted);font-size:12px}html body #bag .bookbox{width:calc(var(--s) * 4 + 64px)}html body #bag .book{justify-content:center}html body #bag .craft{gap:8px;padding:6px}html body :is(#me,#pme){gap:6px;align-items:stretch;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:4px;box-shadow:0 4px 0 var(--slot-lo)}html body :is(#me,#pme) .av{width:56px;height:60px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 70%,#2a3a2e,#0c120e 75%);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}html body :is(#me,#pme) .mi{margin-left:0;background:none;border:0;padding:1px 2px 0;display:grid;gap:3px;align-content:center}html body :is(#me,#pme) .nm{font:17px/1 var(--f);color:#ffd34a;text-shadow:1px 1px 0 #000;padding-left:1px}html body :is(#me,#pme) .ic{position:static;display:grid;place-items:center;width:20px;height:18px;background:var(--slot);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi);font-style:normal}html body :is(#me,#pme) .ic .pxi{width:12px;height:12px}html body :is(#me,#pme) .b{width:150px;height:16px;border:2px solid #0e0a06;border-radius:0;box-shadow:0 2px 0 var(--slot-lo);overflow:hidden}html body :is(#me,#pme) .hp{background:#3a1410}html body :is(#me,#pme) .en{background:#3a2a08}html body :is(#me,#pme) .hp i{background:#e8503a;box-shadow:inset 0 2px #ffa890,inset 0 -3px #a02a1a}html body :is(#me,#pme) .en i{background:#f0c040;box-shadow:inset 0 2px #fff0a0,inset 0 -3px #b08418}html body :is(#me,#pme) .b span{font:12px/12px var(--f);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}html body :is(#me,#pme).low .hp i{animation:blink .6s infinite}html body :is(#me,#pme) .av{display:grid;place-items:center;overflow:hidden}html body :is(#me,#pme) .av canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}html body :is(#me,#pme) .hp{background:#16300f}html body :is(#me,#pme) .hp i{background:#7ee04a;box-shadow:inset 0 2px #c8f890,inset 0 -3px #4a9a2a}html body :is(#me,#pme).low .hp i{background:#e8503a;box-shadow:inset 0 2px #ffa890,inset 0 -3px #a02a1a}html body #qwheel .qc,html body #emop .qc{width:auto;height:auto;border-radius:16px;display:flex;align-items:center;gap:6px;font:16px var(--f);color:var(--accent);background:var(--panel);border:2px solid var(--accent-deep);padding:5px 12px 5px 6px;box-shadow:0 3px 0 var(--slot-lo)}html body #qwheel .qc:hover,html body #emop .qc:hover{background:var(--panel-2);border-color:var(--accent)}html body #qwheel .qc .n,html body #emop .qc .n{display:grid;place-items:center;min-width:18px;height:18px;font:12px var(--f);color:var(--accent-ink);background:var(--accent);border-radius:3px}html body #bagBtn{position:relative}html body #bagBtn .k{position:absolute;left:2px;top:2px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;pointer-events:none;opacity:.9}html body #danger{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:12px;padding:6px 16px;background:#280806d9;border:2px solid #e8503a;border-radius:3px;box-shadow:0 4px #5a140c,0 0 18px #e8503a99;pointer-events:none;animation:dangerpulse .5s ease-in-out infinite alternate}html body #danger[hidden]{display:none}html body #danger b{font:clamp(22px,2vw,32px) var(--f);font-weight:400;color:#ff8a70;text-shadow:2px 2px 0 #000}html body #danger span{font:clamp(16px,1.3vw,20px) var(--f);color:#fff}html body #danger kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;font:16px var(--f);color:#2a2218;background:#f4f1e4;border-radius:3px;box-shadow:inset 0 -3px #a89878}@keyframes dangerpulse{to{transform:translate(-50%) scale(1.06)}}html body #dangervig{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at center,transparent 55%,rgba(200,30,20,.38))}html body #dangervig.on{opacity:1;animation:vigpulse 1.1s ease-in-out infinite}@keyframes vigpulse{50%{opacity:.6}}html body.cine #danger,html body.cine #dangervig{display:none}html body #bag .autoeq{display:flex;align-items:center;gap:6px;font:14px var(--f);color:var(--muted);cursor:pointer}html body #bag .autoeq input{accent-color:#7ee04a;width:15px;height:15px;cursor:pointer}html body :is(#me,#pme) .row{display:flex;align-items:center;gap:4px}html body :is(#me,#pme) .rest{pointer-events:auto;width:22px;height:20px;padding:0;display:grid;place-items:center;background:var(--slot);border:2px solid var(--line-hi);border-radius:3px;box-shadow:0 2px 0 var(--slot-lo);cursor:pointer}html body :is(#me,#pme) .rest img{width:14px;height:14px;image-rendering:pixelated}html body :is(#me,#pme) .rest:hover{filter:brightness(1.25)}html body :is(#me,#pme) .rest.on{background:#3a4a8a;border-color:#a8c0ff;animation:restpulse 1.6s ease-in-out infinite}@keyframes restpulse{50%{box-shadow:0 2px 0 var(--slot-lo),0 0 10px #a8c0ff}}html body #narr.auto .bt{visibility:hidden}html body #tut,html body #narr{top:58px;bottom:auto}html body.cine.scene #narr{top:auto;bottom:max(10px,env(safe-area-inset-bottom))}html body.touch.cine.scene #narr{width:min(640px,calc(100vw - 20px));min-height:0;max-height:25vh;padding:6px 12px;gap:10px;border-width:2px;align-items:center}html body.touch.cine.scene #narr p{font-size:clamp(16px,1.45vw,22px);line-height:1.2}html body.touch.cine.scene #narr .tx b{font-size:clamp(14px,1.05vw,17px)}html body.touch.cine.scene #narr .lf{width:clamp(40px,3.6vw,58px)}html body.touch.cine.scene #narr .next{font-size:clamp(15px,1.15vw,19px);padding:6px 12px}@media(max-aspect-ratio:4/3){html body.cine.scene #narr{bottom:calc(56.25vw + 8px)}}html body .slot{position:relative}html body .slot img.magic{filter:drop-shadow(0 0 2px #7ff0d8) drop-shadow(0 0 5px rgba(127,240,216,.7));animation:mgpulse 1.6s ease-in-out infinite}html body .slot i.mg{position:absolute;inset:2px;pointer-events:none;border-radius:2px;background:linear-gradient(115deg,transparent 35%,rgba(220,255,248,.45) 48%,transparent 60%) no-repeat;background-size:260% 100%;animation:mgshine 2.4s linear infinite;mix-blend-mode:screen}@keyframes mgpulse{50%{filter:drop-shadow(0 0 3px #b8fff0) drop-shadow(0 0 9px rgba(127,240,216,.95))}}@keyframes mgshine{0%{background-position:130% 0}60%,to{background-position:-60% 0}}html body #bossbar{position:fixed;left:50%;top:54px;transform:translate(-50%);z-index:7;width:min(560px,calc(100vw - 24px));display:grid;gap:3px;justify-items:center;pointer-events:none;text-shadow:0 2px 0 #000}html body #bossbar[hidden]{display:none}html body #bossbar b{font:18px var(--f);font-weight:400;color:#e8b8ff}html body #bossbar .bb{position:relative;width:100%;height:18px;background:#1a0a22;border:3px solid #0c0410;box-shadow:0 3px #000,0 0 12px #a050f073}html body #bossbar .bb i{position:absolute;inset:0;width:100%;background:linear-gradient(#e0a0ff 0 25%,#a040e0 25% 75%,#6a1a9a 75%);transition:width .25s}html body #bossbar .bb em{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(33.33% - 2px),#0c0410 calc(33.33% - 2px) 33.33%)}html body #bossbar .bb span{position:absolute;inset:0;display:grid;place-items:center;font:13px var(--f);color:#fff}html body #bossbar small{font:14px var(--f);color:#d8c0f0}html body #bossbar.stun .bb{box-shadow:0 3px #000,0 0 18px #fff;animation:bstun .3s ease-in-out infinite alternate}@keyframes bstun{to{box-shadow:0 3px #000,0 0 26px #e0a8ff}}html body #portalTag{position:fixed;z-index:3;transform:translate(-50%,-100%);pointer-events:none;text-align:center;font:14px var(--f);color:#fff;background:#140a1ecc;border:2px solid #b060f0;border-radius:3px;padding:3px 8px;text-shadow:0 1px 0 #000;white-space:nowrap}html body #portalTag[hidden]{display:none}html body #portalTag b{display:block;color:#ffd34a;font-weight:400}html body #bossbar .ob{position:relative;width:60%;height:7px;background:#1a0a22;border:2px solid #0c0410;margin-top:1px}html body #bossbar .ob i{position:absolute;inset:0;width:0;background:linear-gradient(#fff0a0,#e0b040);transition:width .2s}html body #bossbar.stun .ob i{background:linear-gradient(#fff,#fff0a0)}html body #bossbar{width:min(520px,calc(100vw - 24px));background:var(--glass);border:2px solid var(--line);border-radius:3px;box-shadow:0 3px 0 var(--slot-lo);padding:4px 10px 6px;gap:3px;text-shadow:none}html body #bossbar b{font:16px var(--f);color:#e8b8ff;text-shadow:1px 1px 0 #000}html body #bossbar .bb{height:14px;background:#2a1038;border:2px solid var(--slot-lo);box-shadow:0 2px #000}html body #bossbar .bb i{background:#a050e0;box-shadow:inset 0 2px #e0a8ff,inset 0 -3px #6a1a9a}html body #bossbar .bb em{background:repeating-linear-gradient(90deg,transparent 0 calc(33.33% - 2px),var(--slot-lo) calc(33.33% - 2px) 33.33%)}html body #bossbar .bb span{font:12px/12px var(--f);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}html body #bossbar .ob{width:60%;height:9px;background:#3a2a08;border:2px solid var(--slot-lo);box-shadow:0 2px #000;margin-top:2px}html body #bossbar .ob i{background:#f0c040;box-shadow:inset 0 2px #fff0a0,inset 0 -2px #b08418}html body #bossbar small{font:13px var(--f);color:var(--fg);text-shadow:1px 1px 0 #000}html body #bossbar.stun .bb{box-shadow:0 2px #000;animation:none}html body #bossbar.stun .ob i{background:#fff0a0;animation:obblink .3s steps(2) infinite}html body #bossbar.stun small{color:#fff0a0}@keyframes obblink{50%{background:#f0c040}}html body #hotbar .slot.eatme{outline:3px solid #ff8a5a;outline-offset:1px;animation:eatme .6s ease-in-out infinite}@keyframes eatme{50%{outline-color:#ff8a5a40;transform:translateY(-3px)}}html body :is(#me,#pme) .en.lowen{animation:lowen .5s steps(2) infinite}@keyframes lowen{50%{filter:brightness(1.6)}}#bookBtn{position:relative;width:var(--s);border:0;border-radius:0;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-hi),inset -2px -2px 0 var(--slot-lo);display:grid;place-items:center;padding:0;cursor:pointer}#bookBtn img{width:74%;image-rendering:pixelated}#bookBtn:hover{filter:brightness(1.25)}#bookBtn .k{position:absolute;left:2px;top:2px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;pointer-events:none;opacity:.9}#bookBtn.new:after{content:"";position:absolute;right:3px;top:3px;width:8px;height:8px;background:#7ee05a;box-shadow:0 0 0 2px #0e2a14;animation:bkPing 1s steps(2) infinite}@keyframes bkPing{50%{opacity:.3}}body.cine #bookBtn{visibility:hidden}#book{position:fixed;inset:0;display:grid;place-items:center;z-index:7;padding:12px;background:#080c098c}#book[hidden]{display:none}#book .bk{width:min(720px,100%);max-height:min(84vh,620px);display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--line);box-shadow:0 0 0 2px #0a110c,0 10px 30px #00000080;font-family:var(--f);color:#e8e2c8}#book .bkHead{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:2px solid var(--line);background:var(--panel-2)}#book .bkHead b{color:#f2c14e;font-size:20px;letter-spacing:.5px}#book .bkTabs{display:flex;gap:6px;flex:1}#book .bkTabs button,#book .bkX{font:14px var(--f);color:#e8e2c8;background:#22382a;border:2px solid var(--line);padding:5px 12px;cursor:pointer}#book .bkTabs button.on{background:#f2c14e;color:#2a1e14;border-color:#c8962a}#book .bkX{padding:2px 10px;font-size:18px}#book .bkBody{overflow:auto;padding:12px}#book .bkGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}#book .bkCard{display:flex;gap:10px;padding:8px;background:var(--panel-2);border:2px solid var(--line)}#book .bkCard.unk{opacity:.6}#book .bkPic{flex:0 0 76px;height:76px;display:grid;place-items:center;background:#0e1812;border:2px solid #0a110c}#book .bkPic img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}#book .bkPic span{font-size:30px;color:#4b6052}#book .bkTx b{display:block;color:#f2c14e;font-size:15px;margin-bottom:3px}#book .bkTx p{margin:0;font:13px/1.35 system-ui,sans-serif;color:#cfd8c8}#book .bkDrops{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}#book .bkDrop{display:inline-flex;align-items:center;gap:4px;font:12px system-ui,sans-serif;background:#0e1812;border:1px solid var(--line);padding:2px 6px}#book .bkDrop img{width:16px;height:16px;image-rendering:pixelated}#book .bkDrop i{font-style:normal;color:#f2c14e}#book .bkMore{margin:12px 2px 0;font:12px system-ui,sans-serif;color:#9aa89a}@media(max-width:520px){#book .bkGrid{grid-template-columns:1fr}#book .bkHead b{font-size:16px}}#book .bkCount{margin:0 2px 10px;font:12px system-ui,sans-serif;color:#9aa89a}#book .bkAlbum{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}#book .bkSt{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:6px 6px 0;background:#efe6cc;border:0;box-shadow:inset 0 0 0 2px #c8b48a,0 3px #0a110c;cursor:pointer;font-family:var(--f);transform:rotate(-.6deg);transition:transform .08s}#book .bkSt:nth-child(2n){transform:rotate(.7deg)}#book .bkSt:hover{transform:translateY(-2px) rotate(0)}#book .bkSt .bkPic{flex:none;width:100%;height:96px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a5a40,#1c2e23);border:2px solid #5a4630}#book .bkSt .bkPic img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}#book .bkSt .bkPic img.sil{filter:brightness(0) opacity(.45)}#book .bkSt .bkPic span{font-size:34px;color:#6a8a72}#book .bkSt b{display:block;padding:6px 2px 7px;font-size:13px;color:#3a2a18;text-align:center;line-height:1.1;min-height:28px}#book .bkSt.boss{background:#f6e2a0;box-shadow:inset 0 0 0 2px #d8a530,inset 0 0 0 4px #f8d870,0 3px #0a110c}#book .bkSt.boss .bkPic{border-color:#c8901c;background:radial-gradient(circle at 50% 40%,#5a3a6a,#24162e)}#book .bkSt.unk{background:#cfc6ae;cursor:default}#book .bkSt.unk b{color:#7a6a58}#book .bkBack{font:14px var(--f);color:#e8e2c8;background:#22382a;border:2px solid var(--line);padding:4px 12px;cursor:pointer;margin-bottom:10px}#book .bkDet{display:flex;gap:16px;align-items:flex-start}#book .bkBig{flex:0 0 168px;height:168px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#3a5a40,#1c2e23);border:3px solid #c8b48a;box-shadow:0 0 0 2px #0a110c}#book .bkBig img{width:148px;height:148px;object-fit:contain;image-rendering:pixelated}#book .bkDet .bkTx b{font-size:20px}#book .bkDet h4{margin:12px 0 6px;font:13px var(--f);color:#f2c14e;letter-spacing:.5px}#book .bkDet .bkDrops{display:flex;flex-direction:column;gap:5px;margin:0}#book .bkDet .bkDrop{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:4px 8px}#book .bkDet .bkDrop span{flex:1}#book .bkDet .bkDrop small{color:#9aa89a}#book .bkDrop .q{display:grid;place-items:center;width:16px;height:16px;font:13px var(--f);color:#9aa89a;background:#1a2a20;border:1px solid var(--line)}#book .bkDrop.unk span{color:#9aa89a;letter-spacing:1px}#book .bkFrom{margin-top:8px!important;color:#f2c14e!important}#book .bkDrop i em{display:block;font-style:normal;font-size:.72em;opacity:.7;white-space:nowrap}#book .bkNote{margin-top:6px!important;font-size:.85em;opacity:.8}@media(max-width:520px){#book .bkDet{flex-direction:column;align-items:center}#book .bkAlbum{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}#chapterEnd{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#060a0899;padding:16px}#chapterEnd[hidden]{display:none}#chapterEnd .ce{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:min(360px,100%);padding:22px 28px;background:var(--panel);border:2px solid #c8962a;box-shadow:0 0 0 2px #0a110c,0 0 40px #f2c14e40;font-family:var(--f);color:#e8e2c8;text-align:center;animation:ceIn .5s steps(5)}@keyframes ceIn{0%{transform:scale(.6);opacity:0}}#chapterEnd small{font-size:13px;color:#9aa89a;letter-spacing:1px;text-transform:uppercase}#chapterEnd b{font-size:26px;color:#f2c14e}#chapterEnd .ok{font-size:18px;color:#8ac060}#chapterEnd hr{width:70%;border:0;border-top:2px dashed var(--line);margin:12px 0}#chapterEnd em{font-style:normal;font-size:16px;color:#e0a8ff}#chapterEnd button{margin-top:14px;font:16px var(--f);color:#2a1e14;background:#f2c14e;border:0;box-shadow:inset 0 -3px #c8962a;padding:8px 18px;cursor:pointer}.goalBox{display:flex;flex-direction:column;gap:3px;margin:6px 0;font-family:var(--f);text-align:center}.goalBox span{font-size:11px;color:#9aa89a;letter-spacing:.5px;text-transform:uppercase}.goalBox .gbar{height:8px;background:#0e1812;border:2px solid var(--line);position:relative}.goalBox .gbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#f2c14e,#c8962a);transition:width .6s steps(8)}.goalBox b{font-size:13px;color:#f2c14e}.goalBox .goalBtn{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:1px}.goalBox .goalBtn small{font-size:10px;opacity:.75}#portalTag .goalBox{margin:4px 0 0;min-width:120px}#portalTag .goalBox span{font-size:9px}#portalTag .goalBox b{font-size:11px}#portalTag .goalBox .gbar{height:5px;border-width:1px}:root{--s:clamp(22px,min(6vh,calc((100vw - 48px) / 14)),46px)}@media(max-width:900px){html body:not(.touch) #hotbar,html body #hotbar{left:50%;right:auto;transform:translate(-50%)}html body #chatbox{bottom:calc(var(--s) + 44px);width:min(300px,62vw);font-size:13px}#portalTag{font-size:11px;padding:2px 6px}#portalTag .goalBox{min-width:96px}}html body #chatbox,html body #chatbox .log{pointer-events:none}html body #chatbox .qbtn,html body #chatbox form.in,html body #chatbox form.in input{pointer-events:auto}html body #chatbox .log p.old{opacity:0}:root{--s:clamp(20px,min(6vh, calc((100vw - 40px)/20) ),46px)}#toast.good{background:#1e4a28;border-color:#8ac060;color:#eaffd8;box-shadow:0 4px #0e2a14}html body #chatbox .qbtn{position:relative}html body #chatbox .qbtn .k{position:absolute;left:-3px;top:-5px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;pointer-events:none}html body #menuPanel .rep textarea,html body #menuPanel .rep input{width:100%;box-sizing:border-box;font:15px var(--f);background:#0e1812;color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;padding:8px;resize:vertical;outline:none}html body #menuPanel .rep textarea:focus,html body #menuPanel .rep input:focus{border-color:var(--accent)}html body #menuPanel .rep .tabs{gap:6px;justify-content:flex-start}html body #menuPanel .rep .tabs .on{background:var(--accent);color:var(--accent-ink)}html body #menuPanel .rule.err{color:#ff8a7a}html body #login .brand{position:relative;display:grid;justify-items:center;margin-top:2px}html body #login .brand .ember{position:relative;z-index:1;width:136px;height:88px;image-rendering:pixelated}html body #login .brand .aura{position:absolute;top:-8px;left:50%;width:190px;height:110px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(127,240,216,.18) 0%,transparent 68%);pointer-events:none}html body #login .brand .logo{position:relative;z-index:2;margin:-24px 0 0;line-height:0;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}html body #login .brand .title{width:345px;height:84px;max-width:none;image-rendering:pixelated}html body #login .lang{position:absolute;top:8px;right:8px;z-index:3}html body #login .langsel{font:16px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:2px;padding:4px 6px;min-height:36px;min-width:56px}html body #login .btn.play{font-size:30px;min-height:58px;padding:8px 16px;box-shadow:inset 0 -4px 0 var(--accent-deep),0 3px #0a110c}html body #login .playRow{display:flex;gap:8px}html body #login .playRow .play{flex:1;min-width:0}html body #login .fsBtn{flex:0 0 58px;display:grid;place-items:center;background:#22382a;border:2px solid var(--line);border-radius:2px;cursor:pointer;padding:0}html body #login .fsBtn[hidden]{display:none}html body #login .fsBtn:hover,html body #login .fsBtn.on{border-color:var(--accent)}html body #login .fsBtn img{width:27px;height:27px;image-rendering:pixelated}html body #login .btn.play:hover{filter:brightness(1.08)}html body #login .btn.play:disabled{opacity:.7}html body #login .gsec{display:grid;gap:6px;justify-items:stretch}html body #login .gsec[hidden]{display:none}html body #login .gsec .netacct{justify-items:center}html body #login .gsec [data-gbtn]{min-height:44px!important;padding:2px;background:#0c1510;border:2px solid var(--line);border-radius:2px}html body #login .gsec [data-gbtn][hidden]{visibility:hidden}html body #login .ghint{font:15px var(--f);color:var(--muted);margin:0}html body #login .ghint[hidden],html body #login .or[hidden]{display:none}html body #login .err:empty{display:none}html body #login .foot{display:flex;justify-content:center;gap:8px;font:15px var(--f);color:var(--muted);margin-top:2px}html body #login .foot i{align-self:center;width:4px;height:4px;background:var(--line-hi)}html body #login .foot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:6px 2px}html body #login .foot a:hover{color:var(--fg)}html body.login>:not(#login):not(#authGate):not(#nameGate):not(canvas):not(script):not(iframe):not([id^=credential]){visibility:hidden!important}@media(max-height:560px){html body #login .card{padding:12px 18px 6px;gap:6px;width:min(100%,380px)}html body #login .brand .ember{width:68px;height:44px}html body #login .brand .aura{width:120px;height:70px}html body #login .brand .logo{margin-top:-12px}html body #login .brand .title{width:230px;height:56px}html body #login .tag{font-size:16px}html body #login .btn.play{font-size:26px;min-height:50px}html body #login .foot{margin-top:0}}@media(max-width:440px){html body #login .card{padding:18px 14px 8px}html body #login .brand .ember{width:102px;height:66px}html body #login .brand .logo{margin-top:-18px}html body #login .brand .title{width:230px;height:56px}}html body #rotate{position:fixed;inset:0;z-index:60;display:grid;place-content:center;justify-items:center;gap:22px;padding:24px;background:var(--bg);touch-action:none;text-align:center}html body #rotate[hidden]{display:none}html body #rotate .pic{position:relative;width:120px;height:120px;display:grid;place-items:center}html body #rotate .ph{width:60px;height:100px;image-rendering:pixelated;animation:dgrot 2.4s steps(1) infinite}html body #rotate .ar{position:absolute;right:-18px;top:-10px;width:56px;height:56px;image-rendering:pixelated;animation:dgblink 1.2s steps(1) infinite}html body #rotate p{margin:0;font:28px var(--f);color:var(--fg);max-width:16em;line-height:1.15;text-shadow:0 2px 0 #000}@keyframes dgrot{0%{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes dgblink{0%{opacity:1}50%{opacity:.35}}html body #login .vozopt{display:flex;align-items:center;justify-content:center;gap:8px;font:14px var(--f);color:var(--muted);cursor:pointer;user-select:none}html body #login .vozopt input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}html body #quest .chk{display:flex;flex-direction:column;gap:3px;margin-top:5px}html body #quest .chk span{display:flex;align-items:center;gap:5px;font:15px var(--f);color:var(--muted)}html body #quest .chk span.ok{color:#9fe08a}html body #quest .chk .pxi{width:13px;height:13px}html body #quest .chk i{display:inline-block;flex:none;width:11px;height:11px;border:2px solid var(--line-hi);box-sizing:border-box}html body .slot img.ms{position:absolute;right:6%;top:6%;width:24%;height:auto;image-rendering:pixelated;pointer-events:none;opacity:.95}html body .slot.offbtn{margin-right:20px;overflow:visible}html body .slot .swapF{position:absolute;right:-19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:auto;cursor:help}html body .slot .swapF .pxi,html body .swapMid .pxi{width:12px;height:12px;image-rendering:pixelated}html body .pxi.flip{transform:scaleX(-1)}html body .slot .swapF b,html body .swapMid b{font:11px/9px var(--f);color:#e8e2c8;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;padding:0 2px}html body .swapMid{display:inline-flex;align-items:center;gap:2px;margin:0 4px;vertical-align:middle}html body [data-hands]{display:flex;align-items:center}#book .bkSt,#book .bkTabs button{position:relative}#book .bkSt.nw:after,#book .bkTabs button.nw:after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;background:#7ee05a;box-shadow:0 0 0 2px #0e2a14;animation:bkPing 1s steps(2) infinite;pointer-events:none}#book .bkTabs button.nw:after{right:-3px;top:-3px}html body #book .bk{background:#6a4226;border:3px solid #3a2414;box-shadow:inset 0 0 0 2px #8a5a32,0 0 0 2px #1a0e06,0 14px 34px #0009;padding:0 10px 12px;color:#3a2a18}html body #book .bkHead{background:transparent;border:0;padding:10px 4px 0;align-items:flex-end}html body #book .bkHead b{color:#f2c14e;text-shadow:2px 2px 0 #2a160a;font-size:22px;margin-bottom:6px}html body #book .bkTabs{gap:4px;align-items:flex-end}html body #book .bkTabs button{background:#8a3a2a;color:#f4e6c4;border:2px solid #4a1a10;border-bottom:0;padding:6px 10px 8px;margin-bottom:-2px;box-shadow:inset 0 2px #b85a3a;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}html body #book .bkTabs button[data-t=p]{background:#2a5a7a;border-color:#12304a;box-shadow:inset 0 2px #4a86a8}html body #book .bkTabs button[data-t=n]{background:#3a6a32;border-color:#1a3a14;box-shadow:inset 0 2px #5a9a4a}html body #book .bkTabs button[data-t=r]{background:#8a6a1a;border-color:#4a3608;box-shadow:inset 0 2px #c89a3a}html body #book .bkTabs button.on{color:#fff8d8;transform:translateY(4px);filter:brightness(1.15)}html body #book .bkX{background:#3a2414;color:#f4e6c4;border:2px solid #1a0e06;margin-bottom:6px}html body #book .bkPages{position:relative;flex:1;min-height:0;display:flex;perspective:1200px;background:linear-gradient(90deg,#d8c69a 0,#efe2c0 6%,#f6ecd2 44%,#d9c79c 49%,#a8936a,#d9c79c 51%,#f6ecd2 56%,#efe2c0 94%,#d8c69a);border:2px solid #4a2e18;box-shadow:inset 0 0 0 1px #fff6dc,inset 0 0 18px #5a3c1e59}html body #book .bkBody{flex:1;padding:14px 16px 16px}html body #book .bkCount,html body #book .bkMore{font:12px var(--f);color:#7a5a38}html body #book .bkSt{box-shadow:inset 0 0 0 2px #c8b48a,0 3px #3c281473}html body #book .bkBack{background:#8a6a3a;color:#fff4d8;border:2px solid #4a2e18;box-shadow:0 2px #4a2e18}html body #book .bkDet{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;min-height:100%}html body #book .bkBig{width:auto;flex:none;height:auto;aspect-ratio:1;max-width:240px;margin:6px auto 0;background:radial-gradient(circle at 50% 40%,#3a5a40,#1c2e23);border:3px solid #5a4630;box-shadow:0 0 0 3px #efe2c0,0 0 0 5px #8a6a3a,4px 6px #3c281459;transform:rotate(-1.2deg)}html body #book .bkBig img{width:86%;height:86%}html body #book .bkDet .bkTx b{color:#5a2a10;font:22px var(--f);border-bottom:2px dashed #b89a6a;padding-bottom:6px;margin-bottom:8px}html body #book .bkTx p{font:15px/1.5 var(--f);color:#3a2a18}html body #book .bkDet h4{color:#8a3a1a;font:14px var(--f)}html body #book .bkDet .bkDrop{background:transparent;border:0;border-bottom:1px dotted #b89a6a;font:14px var(--f);color:#3a2a18;padding:3px 0}html body #book .bkDet .bkDrop small{color:#7a5a38}html body #book .bkDrop i{color:#8a3a1a}html body #book .bkDrop .q{background:#3a2a18;color:#f4e6c4;border-radius:50%;font:12px var(--f)}html body #book .bkDrop.unk span{color:#9a8462;letter-spacing:2px;animation:bkMyst 2.4s ease-in-out infinite}@keyframes bkMyst{50%{color:#5a4632;text-shadow:0 0 4px rgba(120,80,30,.4)}}html body #book .bkFrom{color:#8a3a1a!important;font:13px var(--f)}html body #book .bkFlip{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-origin:0 50%;background:linear-gradient(90deg,#c9b68c,#f6ecd2 30%,#efe2c0);box-shadow:-2px 0 6px #3c281459;animation:bkTurn .5s steps(10) forwards;pointer-events:none;z-index:3;backface-visibility:hidden}html body #book .bkFlip.back{left:0;transform-origin:100% 50%;background:linear-gradient(270deg,#c9b68c,#f6ecd2 30%,#efe2c0);animation-name:bkTurnBack}@keyframes bkTurn{0%{transform:rotateY(0);filter:brightness(1)}50%{filter:brightness(.8)}to{transform:rotateY(-180deg);filter:brightness(1)}}@keyframes bkTurnBack{0%{transform:rotateY(0)}50%{filter:brightness(.8)}to{transform:rotateY(180deg)}}@media(max-width:560px){html body #book .bkDet{grid-template-columns:1fr;gap:16px}html body #book .bkPages{background:linear-gradient(90deg,#d8c69a,#f6ecd2 8% 92%,#d8c69a)}}html body #book .bkTabs button.on{background:#a84a32;color:#fff8d8}html body #book .bkTabs button.on[data-t=p]{background:#3a76a0}html body #book .bkTabs button.on[data-t=n]{background:#4a8a40}html body #book .bkTabs button.on[data-t=r]{background:#b08a2a}html body #book .bkDet .bkBig{width:100%;max-width:230px;box-sizing:border-box}html body #book .bkBack{margin-bottom:6px}html body #book .bk{width:940px;height:660px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-sizing:border-box}html body #book .bkPages{overflow:hidden}html body #book .bkBody{overflow:auto;height:100%;box-sizing:border-box}html body.touch .slot img.ms,html body.touch .slot .swapF,html body.touch .swapMid{display:none}html body.touch .slot.offbtn{margin-right:8px}html body #tutarrow:not([data-key=""])[data-key]:after{content:attr(data-key);position:absolute;left:100%;top:22px;margin-left:2px;min-width:22px;padding:2px 6px;font:18px/20px var(--f);color:#2a1e14;text-align:center;background:#f4ecd0;border:2px solid #5a4630;border-bottom-width:4px;border-radius:3px;filter:none}html body #menuPanel .card{width:760px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-sizing:border-box}html body #menuPanel .card.mwide{height:auto;min-height:min(520px,calc(100vh - 16px))}html body #menuPanel .mcols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}html body #menuPanel .mcol{display:grid;gap:10px;align-content:start}html body #menuPanel .mcol+.mcol{border-left:2px solid var(--line);padding-left:20px}@media(max-width:620px){html body #menuPanel .mcols{grid-template-columns:1fr}html body #menuPanel .mcol+.mcol{border-left:0;padding-left:0}html body #menuPanel .card.mwide{height:auto}}html body #eatarrow{position:fixed;z-index:19;pointer-events:none;transform:translate(-50%,-100%);width:75px;height:80px;background:no-repeat center/100% 100%;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(160,255,120,.9))}html body #eatarrow[hidden]{display:none}html body #eatarrow:not([data-key=""])[data-key]:after{content:attr(data-key);position:absolute;left:100%;top:22px;margin-left:2px;min-width:22px;padding:2px 6px;font:18px/20px var(--f);color:#2a1e14;text-align:center;background:#f4ecd0;border:2px solid #5a4630;border-bottom-width:4px;border-radius:3px;filter:none}html body #book .bkBody{scrollbar-width:thin;scrollbar-color:#8a5a32 transparent}html body #book .bkBody::-webkit-scrollbar{width:8px}html body #book .bkBody::-webkit-scrollbar-track{background:#785a3226;border-radius:4px;margin:6px}html body #book .bkBody::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#a8743e,#6a4226);border:1px solid #3a2414;border-radius:4px}html body #book .bkBody::-webkit-scrollbar-button{display:none;height:0}html body #xpbar{position:absolute;left:-2px;right:-2px;bottom:calc(100% + 6px);height:8px;background:#142410;border:2px solid #0a1206;box-shadow:0 2px #00000073;pointer-events:auto}html body #xpbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#7ad84a;box-shadow:inset 0 -2px #3e8a22,inset 0 2px #b8f88a;transition:width .3s steps(6)}html body #xpbar b{position:absolute;left:50%;bottom:0;transform:translate(-50%);font:20px/1 var(--f);font-weight:400;color:#8cff5a;pointer-events:none;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}html body #book .dnSpread{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;min-height:100%}html body #book .dnHead{display:flex;justify-content:space-between;align-items:center;gap:8px;font:13px var(--f);color:#7a5a38}html body #book .dnTag{font:13px var(--f);color:#f4e6c4;background:#2a5a7a;border:2px solid #12304a;padding:1px 8px;box-shadow:inset 0 2px #4a86a8}html body #book .dnTag.ch{background:#8a3a2a;border-color:#4a1a10;box-shadow:inset 0 2px #b85a3a}html body #book .dnTitle{display:block;font:24px/1.1 var(--f);color:#5a2a10;border-bottom:2px dashed #b89a6a;padding-bottom:6px;margin:10px 0 8px}html body #book .dnIntro{margin:0 0 4px;font:15px/1.45 var(--f);color:#3a2a18}html body #book .dnPage h4{display:flex;align-items:center;gap:6px;margin:14px 0 6px;font:15px var(--f);color:#8a3a1a;letter-spacing:.5px}html body #book .dnPage h4:first-child{margin-top:0}html body #book .dnPage h4 .pxi{width:18px;height:18px}html body #book .dnList{list-style:none;margin:0;padding:0}html body #book .dnList li{position:relative;padding:3px 0 3px 14px;font:14px/1.35 var(--f);color:#3a2a18;border-bottom:1px dotted #b89a6a}html body #book .dnList li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;background:#8a5a32;box-shadow:1px 1px #d8c69a}html body #book .dnRow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:3px 0;font:14px/1.3 var(--f);color:#3a2a18;border-bottom:1px dotted #b89a6a}html body #book .dnRow b{flex:none;max-width:48%;text-align:right;font-weight:400;color:#8a3a1a}html body #book .dnRow s{color:#9a8462;margin-right:4px}html body #book .dnRow i{font-style:normal;color:#3a7a2a;margin-right:4px}html body #book .dnRow em{font:11px var(--f);font-style:normal;color:#fff8d8;background:#4a8a40;padding:0 4px;margin-right:6px;vertical-align:1px}@media(max-width:560px){html body #book .dnSpread{grid-template-columns:1fr;gap:16px}}html body #notesPing{position:fixed;left:50%;top:58px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);font:17px var(--f);color:#f4e6c4;background:#6a4226;border:3px solid #3a2414;box-shadow:inset 0 0 0 2px #8a5a32,0 4px #1a0e06;padding:6px 14px;cursor:pointer;animation:dnIn .35s steps(5);transition:opacity .5s}html body #notesPing b{color:#f2c14e;font-weight:400;margin-right:4px}html body #notesPing .pxi{width:22px;height:22px;flex:none}html body #notesPing.out{opacity:0}html body.cine #notesPing{visibility:hidden}@keyframes dnIn{0%{transform:translate(-50%,-14px);opacity:0}}html body #bag .eqwrap{align-items:stretch;gap:6px}html body #bag .dollbox{position:relative;flex:1;width:auto;height:auto;min-height:max(calc(var(--s) * 4 + 9px),120px);background:radial-gradient(ellipse at 50% 70%,#2a3a2e,#0c120e 75%);box-shadow:inset 2px 2px 0 var(--slot-lo),inset -2px -2px 0 var(--slot-hi)}html body #bag .dollbox canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated}html body #bag .stats{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;max-width:none;padding:6px 8px;background:var(--panel-2);border:2px solid var(--line);border-radius:3px;font:14px/1.15 var(--f);color:var(--muted)}html body #bag .stats dt{margin:0;white-space:nowrap}html body #bag .stats dd{margin:0;color:var(--fg);text-align:right}html body #bag .inv-left{display:grid;grid-template-columns:var(--s) auto var(--s);column-gap:8px;align-content:start;justify-content:start}html body #bag .inv-left>.lbl,html body #bag .inv-left>[data-igrid],html body #bag .inv-left>.iscroll{grid-column:2}html body #bag .inv-left>.tip{grid-column:1 / -1;max-width:calc(var(--s) * 11 + 40px)}html body #bag .slot.offslot{overflow:visible}html body #bag .slot .fk{position:absolute;left:2px;top:2px;z-index:1;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;cursor:pointer}html body #bag .slot .fk:hover{background:#4a3a24}html body #bag .inv-left>.offslot{grid-column:1}html body #bag .inv-left>[data-hgrid]{grid-column:2}html body #bag .inv-left>.trash{grid-column:3}html body #bag .stats .full{grid-column:1 / -1;text-align:left}html body #bag .stats dd.full{display:flex;align-items:center;gap:5px;color:var(--accent);margin-bottom:3px}html body #bag .stats dd.full img{width:18px;height:18px;image-rendering:pixelated}html body #bag .slot,html body #hotbar .slot{touch-action:none}html body :is(#me,#pme) .buffs{display:flex;gap:3px;min-height:0}html body :is(#me,#pme) .buffs:empty{display:none}html body :is(#me,#pme) .bf{position:relative;width:24px;height:24px;background:var(--slot-lo);border:2px solid #ffd84a;box-shadow:0 0 6px #ffd84a99,0 2px #000;overflow:hidden}html body :is(#me,#pme) .bf.musgo{border-color:#8ad058;box-shadow:0 0 6px #8ad05880,0 2px #000}html body :is(#me,#pme) .bf img{position:absolute;inset:2px;width:16px;height:16px;image-rendering:pixelated}html body :is(#me,#pme) .bf i{position:absolute;left:0;right:0;top:0;background:#0000008c}html body :is(#me,#pme) .bf b{position:absolute;right:1px;bottom:-1px;font:11px/1 var(--f);color:#fff;text-shadow:1px 1px 0 #000,-1px 0 0 #000}html body :is(#me,#pme) .bf.cd{border-color:#6a6a6a;box-shadow:0 2px #000}html body :is(#me,#pme) .bf.cd img{filter:grayscale(1) brightness(.7)}html body #book .bkTabs button[data-t=a]{background:#5a3a7a;border-color:#2a1444;box-shadow:inset 0 2px #8a64b0}html body #book .bkTabs button.on[data-t=a]{background:#7a52a0}html body #book .bkTabs button[data-t=i]{background:#2a7068;border-color:#0e3a34;box-shadow:inset 0 2px #4aa090}html body #book .bkTabs button.on[data-t=i]{background:#3a8a80}html body #book .bkTabs{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-top:4px}html body #book .bkTabs::-webkit-scrollbar{display:none}html body #book .bkTabs button{flex:none;white-space:nowrap}html body #book .bkVers{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}html body #book .bkVers button{font:13px var(--f);color:#5a2a10;background:#e8d8b0;border:2px solid #b89a6a;padding:2px 8px;cursor:pointer}html body #book .bkVers button.on{background:#8a3a2a;color:#fff8d8;border-color:#4a1a10}html body #book .bkAlbum.areas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}html body #book .bkAlbum.areas .bkPic{height:auto;aspect-ratio:16/9;overflow:hidden}html body #book .bkAlbum.areas .bkPic img{width:100%;height:100%;object-fit:cover}html body #book .bkDet .bkBig.wide{aspect-ratio:16/9;max-width:100%;overflow:hidden}html body #book .bkDet .bkBig.wide img{width:100%;height:100%;object-fit:cover}html body #book .bkWhere{display:flex;flex-direction:column;gap:4px}html body #book .bkGo{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:14px var(--f);color:#3a2a18;background:transparent;border:0;border-bottom:1px dotted #b89a6a;padding:3px 0;cursor:pointer}@media(hover:hover){html body #book button.bkGo:hover span:not(.bkTh){color:#8a3a1a;text-decoration:underline}}html body #book .bkGo>span:not(.bkTh){flex:1}html body #book .bkGo small{color:#7a5a38;font-size:12px}html body #book .bkGo i{font-style:normal;color:#8a3a1a}html body #book .bkGo.unk{cursor:default;color:#9a8462}html body #book .bkTh{flex:none;width:48px;height:27px;display:grid;place-items:center;overflow:hidden;background:#2a3a2c;border:2px solid #5a4630}html body #book .bkTh img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}html body #book .bkTh.ic{width:27px;background:radial-gradient(circle at 50% 40%,#3a5a40,#1c2e23)}html body #book .bkTh.ic img{object-fit:contain}html body #book .bkTh b{font:13px var(--f);color:#c8b48a}html body #book .bkTh.dir{width:27px;background:#e8d8b0;border-color:#b89a6a}html body #book .bkTh.dir .pxi{width:16px;height:16px;object-fit:contain}html body #book .bkTh.dir.left .pxi{transform:scaleX(-1)}html body #book .bkTh.dir.up .pxi{transform:rotate(-90deg)}html body #book .bkTh.dir.down .pxi{transform:rotate(90deg)}@media(max-width:560px){html body #book .bkHead b{display:none}html body #book .bkTabs button{padding:6px 7px 8px;font-size:13px}html body #book .bkBody{padding:10px 10px 12px}}html body #book .bkTh img,html body #book .bkAlbum.areas .bkPic img{object-position:50% 72%}@media(max-width:560px){html body #book .bkTabs{flex-wrap:wrap;overflow:visible;row-gap:6px}html body #book .bkTabs button{font-size:12px;padding:5px 6px 7px}html body #book .bkTabs button.on{transform:translateY(2px)}}html body,html body *{cursor:url(art/cursor.png) 8 1,auto!important}html body.holding,html body.holding *{cursor:url(art/cursor-grab.png) 14 10,grabbing!important}html body input:not([type=checkbox]):not([type=radio]):not([type=range]),html body textarea,html body [contenteditable]{cursor:text!important}html body.touch{--pb:var(--fh,60px);--s:clamp(40px,min(calc((100vw - 60px) / 14.5),12.5vh),50px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none}html:has(body.touch){overscroll-behavior:none}html body.touch,html body.touch *{cursor:auto!important}html body.touch input,html body.touch textarea{-webkit-user-select:text;user-select:text}html body.touch .slot .k,html body.touch #bagBtn .k,html body.touch #bookBtn .k,html body.touch #chatbox .qbtn .k{display:none}html body.touch{--hb:clamp(24px,calc((100vw - 366px - var(--sl) - var(--sr)) / 14),40px)}html body.touch #hotbar #apBtn span{font-size:9px}html body.touch #hotbar{--s:var(--hb);left:calc(158px + var(--sl));right:auto;bottom:calc(6px + env(safe-area-inset-bottom,0px));transform:none;justify-content:flex-start;flex-wrap:nowrap;gap:2px;padding:0;border:0;border-radius:0;box-shadow:none;background:none}html body.touch #hotbar .slot,html body.touch #hotbar #bagBtn,html body.touch #hotbar #bookBtn,html body.touch #hotbar #apBtn{background-color:#0e18126b}html body.touch #hotbar .slot.sel{background-color:#0e18129e}html body.touch #hotbar #xpbar{position:fixed;left:calc(8px + var(--sl));right:auto;width:168px;top:calc(68px + var(--st));bottom:auto;height:4px;border-width:1px;box-shadow:none;opacity:.9}html body.touch #hotbar #xpbar b{left:auto;right:-14px;transform:none;font-size:12px;bottom:-5px;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}html body #hotbar .offbtn:hover,html body #hotbar .offbtn:active{box-shadow:inset 0 0 0 2px var(--accent),0 0 8px #f2c14e73}html body.touch #bag .inv-left>.tip .pxi{width:12px;height:12px;vertical-align:-2px;image-rendering:pixelated}html body.touch .slot .swapF{display:flex;right:-16px;padding:6px 1px;pointer-events:auto}html body.touch .slot.offbtn{margin-right:16px}html body.touch #bagBtn,html body.touch #bookBtn,html body.touch #apBtn{width:var(--s);height:var(--s)}html body.touch :is(#me,#pme){left:calc(6px + var(--sl));top:calc(6px + var(--st));gap:4px}html body.touch :is(#me,#pme) .av{width:34px;height:38px}html body.touch :is(#me,#pme) .mi{margin-left:2px;padding:2px 5px 3px;gap:2px}html body.touch :is(#me,#pme) .nm{font-size:13px}html body.touch :is(#me,#pme) .row{gap:3px}html body.touch :is(#me,#pme) .ic{width:14px;height:12px}html body.touch :is(#me,#pme) .ic .pxi{width:9px;height:9px}html body.touch :is(#me,#pme) .b{width:92px;height:9px;border-width:1px;box-shadow:none}html body.touch :is(#me,#pme) .b span{font-size:10px;line-height:9px}html body.touch :is(#me,#pme) .rest{display:none}html body.touch :is(#me,#pme) .bf{width:18px;height:18px;border-width:1px}html body.touch :is(#me,#pme) .bf img{inset:1px;width:14px;height:14px}html body.touch :is(#me,#pme) .bf b{font-size:9px}html body.touch #hud{top:calc(6px + var(--st));right:calc(6px + var(--sr));gap:4px}html body.touch #hud button{font-size:14px;min-height:40px;min-width:40px;padding:2px 8px}html body.touch #hud #snd .pxi,html body.touch #hud #fsBtn .pxi{width:20px;height:20px}html body.touch #clock{top:calc(6px + var(--st));padding:1px 8px;gap:5px;font-size:14px}html body.touch #clock img{width:18px}html body.touch #clock span{font-size:12px}html body.touch #area{top:calc(36px + var(--st));font-size:20px}html body.touch #quest{top:calc(52px + var(--st));right:calc(6px + var(--sr));max-width:min(240px,34vw);font-size:12px;padding:3px 7px;pointer-events:auto}html body.touch #quest b,html body.touch #quest .chk span{font-size:12px}html body.touch #quest.min>:not(b){display:none}html body.touch #quest.min b:after{content:" +";color:var(--muted)}html body.touch #toast{top:calc(54px + var(--st));font-size:15px;padding:5px 10px;max-width:56vw;text-align:center}html body.touch #notesPing{top:calc(50px + var(--st));font-size:14px}html body.touch #bossbar{top:calc(50px + var(--st));width:min(420px,calc(100vw - 280px))}html body.touch #party{left:calc(6px + var(--sl));top:calc(80px + var(--st))}html body.touch #dquit{top:calc(52px + var(--st));right:calc(6px + var(--sr));min-height:40px}html body.touch #dprompt{bottom:calc(var(--fh,60px) + 12px)}html body.touch #dcount{font-size:64px}html body.touch #dcount.small{font-size:32px}html body.touch #chatbox{left:auto;right:calc(6px + var(--sr));top:calc(var(--qb,100px) + 6px);bottom:auto;width:min(240px,34vw);font-size:13px;display:flex;flex-direction:column-reverse;align-items:flex-end}html body.touch #chatbox .log{text-align:right}html body.touch #chatbox #room{font-size:11px;margin:0 0 3px;padding:1px 6px}html body.touch #chatbox .log{max-height:68px}html body.touch #chatbox .log p{font-size:13px}html body.touch #chatbox .qbtn{width:44px;height:44px;padding:0;opacity:.9;display:inline-grid;place-items:center}html body.touch #chatbox .qbtn .pxi{width:24px;height:24px}html body.touch #chatbox.typing{bottom:auto;top:calc(50px + var(--st));left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 20px));z-index:12}html body.touch #qwheel .ring{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 24px));max-height:calc(100% - 20px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}html body.touch #qwheel .qi,html body.touch #qwheel .qc{position:static;transform:none;left:auto!important;top:auto!important;min-height:40px;white-space:normal}html body.touch #qwheel .qi .n,html body.touch #qwheel .qc .n{display:none}html body.touch .tb{position:fixed;z-index:3;padding:0;border-radius:50%;display:grid;place-items:center;align-content:center;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}html body.touch #tAtk{width:76px;height:76px;right:calc(14px + var(--sr));bottom:calc(var(--pb) + 14px)}html body.touch #tAtk img{width:38px;height:38px;image-rendering:pixelated}html body.touch #tOff{width:54px;height:54px;right:calc(98px + var(--sr));bottom:calc(var(--pb) + 12px)}html body.touch #tOff img{width:28px;height:28px;image-rendering:pixelated}html body.touch .tb .hl{position:absolute;right:4px;bottom:4px;min-width:16px;font:13px/1 var(--f);font-weight:400;text-align:center;color:var(--accent-ink);background:var(--accent);border-radius:3px;padding:2px 3px;pointer-events:none}html body.touch #tAtk .hl{right:8px;bottom:8px}html body.touch #tAtk.ctx{box-shadow:0 0 0 3px var(--accent),0 0 12px #f2c14e99}html body.touch #tJump .pxi,html body.touch #tRun .pxi{width:27px;height:27px;image-rendering:pixelated}html body.touch #tJump{width:54px;height:54px;right:calc(18px + var(--sr));bottom:calc(var(--pb) + 98px)}html body.touch #tRun{width:40px;height:40px;right:calc(152px + var(--sr));bottom:calc(var(--pb) + 92px);opacity:.5;background:#0e181259}html body.touch #tRun .pxi{width:20px!important;height:20px!important}html body.touch #tRun.on,html body.touch #tRun.run{opacity:1}html body.touch #tSneak{width:40px;height:40px;opacity:.5;background:#0e181259;right:calc(124px + var(--sr));bottom:calc(var(--pb) + 140px)}html body.touch #tSneak .pxi{width:20px;height:20px;image-rendering:pixelated}html body.touch #tSneak.on{background:var(--accent);opacity:1}html body.touch #tstick{display:none}@media(max-height:500px){html body.touch #tut,html body.touch #narr{top:auto;bottom:calc(var(--hb) + 14px + env(safe-area-inset-bottom,0px));min-height:0;max-height:30vh;overflow:hidden;box-sizing:border-box;padding:5px 10px;gap:10px;border-width:2px;width:min(620px,calc(100vw - 20px - var(--sl) - var(--sr)))}html body.touch #tut p,html body.touch #narr p{font-size:17px;line-height:1.15}html body.touch #tut .tx b,html body.touch #narr .tx b{font-size:14px}html body.touch #tut .lf,html body.touch #narr .lf{width:40px}html body.touch #tut .next,html body.touch #narr .next{font-size:15px;padding:5px 12px;min-height:36px}html body.touch #narr.auto{pointer-events:none}}html body.touch.cine.scene #narr{top:auto;bottom:calc(6px + env(safe-area-inset-bottom,0px))}@media(max-aspect-ratio:4/3){html body.touch.cine.scene #narr{bottom:calc(56.25vw + var(--fh,0px) + 8px)}}html body.touch #bag{padding:calc(4px + var(--st)) calc(4px + var(--sr)) 4px calc(4px + var(--sl))}html body.touch #bag .inv-card{box-sizing:border-box;max-height:calc(100dvh - 8px);max-width:calc(100vw - 8px - var(--sl) - var(--sr));padding:6px 10px}html body.touch #bag .x{width:44px;height:40px}html body.touch #bag .inv-card{padding:4px 8px}html body.touch #bag .ph{margin-bottom:0}html body.touch #bag .ph b{font-size:18px}html body.touch #bag .x{width:40px;height:36px}html body.touch #bag .inv-body{--s:clamp(32px,min(calc((100vw - 232px - var(--sl) - var(--sr)) / 15),calc((100vh - 104px) / 5.4)),46px);grid-template-columns:90px auto auto;gap:10px}html body.touch #bag .bookbox{grid-column:auto;padding:4px 6px;gap:4px;width:auto;min-width:0}html body.touch #bag .equip{width:90px}html body.touch #bag .lbl{font-size:12px;margin:2px 0}html body.touch #bag .equip>.lbl:first-child{min-height:34px;display:flex;align-items:center}html body.touch #bag .dollbox{min-height:112px;overflow:visible}html body.touch #bag .wardbtn{min-height:34px;min-width:34px;padding:2px 6px;inset:-37px 0 auto auto;transform:none;justify-content:center}html body.touch #bag .wardbtn span{display:none}html body.touch #bag .stats{grid-template-columns:1fr;gap:0;padding:2px 5px;font-size:10px;line-height:1.05}html body.touch #bag .stats dd{text-align:left;margin-bottom:1px}html body.touch #bag .stats dd.full{font-size:11px}html body.touch #bag .stats dd.full img{width:14px;height:14px}html body.touch #bag .inv-left{column-gap:6px}html body.touch #bag .tip{font-size:11px;margin-top:3px}html body.touch #bag .craft{padding:4px;gap:4px;width:max-content;justify-content:flex-start}html body.touch #bag .bookbox{min-width:max-content}html body.touch #bag .craft .arrow{font-size:16px}html body.touch #bag .craftmake{font-size:16px;padding:6px 10px;min-height:36px}html body.touch #bag .book{grid-template-columns:repeat(4,var(--s))}html body.touch #bag .autoeq{font-size:12px}@media(max-width:700px){html body.touch #bag .inv-body{grid-template-columns:auto auto;--s:clamp(32px,min(calc((100vw - 150px - var(--sl) - var(--sr)) / 15),calc((100vh - 104px) / 5.4)),46px)}html body.touch #bag .equip{display:none}}html body #menuPanel .touchhelp{margin:0;padding-left:18px;display:grid;gap:6px;font:16px var(--f);color:var(--fg)}html body.touch #menuPanel .btn,html body.touch #menuPanel .btn-sm{min-height:36px}html body.touch #menuPanel{padding:4px calc(4px + var(--sr)) 4px calc(4px + var(--sl))}html body.touch #menuPanel .card{max-height:calc(100vh - 8px);padding:6px 12px;gap:6px}html body.touch #menuPanel .card.mwide{min-height:0}html body.touch #menuPanel .ph{font-size:20px}html body.touch #menuPanel .btn{font-size:16px;padding:5px 10px}html body.touch #menuPanel .btn-sm{font-size:14px;padding:4px 8px}html body.touch #menuPanel .mcol{gap:6px}html body.touch #menuPanel .mcols{gap:14px}html body.touch #menuPanel .mcol+.mcol{padding-left:14px}html body.touch #menuPanel .rule{font-size:12px}html body.touch #menuPanel .touchhelp{font-size:14px;gap:4px}html body.touch #menuPanel .rep textarea,html body.touch #menuPanel .rep input{font-size:14px;padding:5px}@media(max-aspect-ratio:1/1){html body.touch{--pb:calc(var(--fh,60px) + 56.25vw)}}@media(max-width:560px){html body.touch #clock{left:auto;right:calc(6px + var(--sr));transform:none;top:calc(52px + var(--st))}html body.touch #quest{top:calc(80px + var(--st));max-width:min(240px,60vw)}html body.touch #area{top:calc(70px + var(--st))}}html body.touch #dprompt button,html body.touch #party button{min-height:40px}html body.touch #party .hd button{min-height:32px;min-width:32px}html body #qwheel .qc.qw{top:calc(50% + 48px)}html body.touch #tutarrow[data-key]:after,html body.touch #eatarrow[data-key]:after{display:none}@media(max-width:560px){html body.touch #clock span{display:none}html body.touch #toast{max-width:calc(100vw - 140px)}}html body .bkTabs button .pxi{width:18px;height:18px;image-rendering:pixelated;vertical-align:-4px;margin-right:5px}html body.touch .bkTabs button .tl{display:none}html body.touch .bkTabs button .pxi{width:24px;height:24px;margin:0}html body.touch .bkTabs button{min-width:44px;min-height:40px;padding:6px 10px}html body #emop .qi .pxi{image-rendering:pixelated}html body #chatbox #emoBtn{margin-left:4px}html body #chatbox #emoBtn .pxi{image-rendering:pixelated}html body.cine #emoBtn{visibility:hidden}html body.touch #chatbox #emoBtn{position:fixed;right:calc(56px + var(--sr));top:calc(var(--qb,100px) + 9px);margin:0;width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:#0e18126b;border:2px solid rgba(232,226,200,.35);opacity:.9}html body.touch #chatbox #emoBtn .pxi{width:24px;height:24px}html body.touch #chatbox #emoBtn.on{background:#0e1812a6;border-color:var(--accent)}html body.touch #chatbox.typing #emoBtn{display:none}html body.touch #emop .qi,html body.touch #emop .qc{font-size:14px;padding:3px 9px 3px 4px;gap:4px}html body.touch #emop .qi .pxi{width:18px;height:18px}html body #pop{position:fixed;z-index:2;transform:translate(-50%);display:flex;align-items:center;gap:5px;font:13px var(--f);color:#cfe8c0;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:1px 8px;pointer-events:none;white-space:nowrap}html body #pop[hidden]{display:none}html body #bosscd{position:fixed;z-index:2;transform:translate(-50%);font:14px var(--f);color:#e0a8ff;background:var(--glass);border:2px solid var(--line);border-radius:3px;padding:1px 8px;pointer-events:none;white-space:nowrap}html body #bosscd[hidden]{display:none}html body.cine #bosscd{visibility:hidden}html body #pop .ping{font-weight:400;margin-left:2px;padding-left:6px;border-left:1px solid var(--line)}html body #pop i{width:7px;height:7px;background:#6fe04a;box-shadow:0 0 0 1px #1a3a14}html body.cine #pop{visibility:hidden}html body.touch #pop{font-size:11px;padding:0 6px}html body #login .pop{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 0;font:14px var(--f);color:#cfe8c0}html body #login .pop[hidden]{display:none}html body #login .pop i{width:8px;height:8px;background:#6fe04a;box-shadow:0 0 0 1px #1a3a14}html body #chatbox #friBtn{position:relative;margin-left:4px}html body #chatbox #friBtn .pxi{image-rendering:pixelated}html body #friBtn .dot{position:absolute;right:-6px;top:-6px;min-width:16px;height:16px;box-sizing:border-box;padding:0 3px;font:12px/16px var(--f);font-weight:400;text-align:center;color:#fff;background:#d8483a;border:1px solid #6a1a12;border-radius:8px}html body #friBtn .dot[hidden]{display:none}html body.cine #friBtn{visibility:hidden}html body:not(.touch) #chatbox .qbtn{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;padding:0;vertical-align:bottom;opacity:.85}html body:not(.touch) #chatbox .qbtn .pxi{width:27px;height:27px;image-rendering:pixelated;vertical-align:baseline}html body:not(.touch) #chatbox .qbtn .k{left:-4px;top:-6px;min-width:14px;height:14px;font:12px/12px var(--f)}html body:not(.touch) #chatbox{white-space:nowrap}html body:not(.touch) #chatbox .log,html body:not(.touch) #chatbox .in{white-space:normal}html body:not(.touch) #chatbox #room{vertical-align:bottom;margin-bottom:8px}html body.touch #chatbox #friBtn{position:fixed;right:calc(106px + var(--sr));top:calc(var(--qb,100px) + 9px);margin:0;width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:#0e18126b;border:2px solid rgba(232,226,200,.35);opacity:.9}html body.touch #chatbox #friBtn .pxi{width:24px;height:24px}html body.touch #chatbox.typing #friBtn{display:none}html body #menuPanel [data-k=prof] .pxi,html body #menuPanel [data-k=friends] .pxi{width:18px;height:18px;vertical-align:-3px;image-rendering:pixelated}html body #friendsPanel{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:10px;background:var(--scrim)}html body #friendsPanel[hidden]{display:none}html body #friendsPanel .card{width:min(100%,400px);max-height:calc(100vh - 20px);box-sizing:border-box;display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--line);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);padding:12px;gap:8px;font:16px var(--f);color:var(--fg)}html body #friendsPanel .fh{display:flex;align-items:center;gap:8px}html body #friendsPanel .fh b{font:24px var(--f);font-weight:400;color:var(--accent)}html body #friendsPanel .fh small{font:14px var(--f);color:var(--muted);margin-right:auto}html body #friendsPanel .pxi{width:18px;height:18px;image-rendering:pixelated;flex:none}html body #friendsPanel .fh>.pxi{width:24px;height:24px}html body #friendsPanel button{display:flex;align-items:center;gap:5px;font:15px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:4px 7px;cursor:pointer;box-shadow:inset 0 -3px 0 var(--slot-lo)}html body #friendsPanel button:hover{border-color:var(--accent)}html body #friendsPanel button.ok{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep);box-shadow:inset 0 -3px 0 var(--accent-deep)}html body #friendsPanel .fl{display:grid;gap:4px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}html body #friendsPanel .fr{display:flex;align-items:center;gap:7px;padding:4px 6px;background:var(--panel-2);border:2px solid var(--line);border-radius:3px;min-height:34px}html body #friendsPanel .fr.req{border-color:var(--accent-deep);background:#2a2a18}html body #friendsPanel .fr .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}html body #friendsPanel .fr small{flex:1;font:13px var(--f);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #friendsPanel .fr.on small{color:#9fe08a}html body #friendsPanel .fr .st{width:9px;height:9px;flex:none;background:#5a6658;box-shadow:0 0 0 1px #111}html body #friendsPanel .fr.on .st{background:#6fe04a;box-shadow:0 0 0 1px #1a3a14}html body #friendsPanel .rule{font:14px var(--f);color:var(--muted);margin:4px 0;text-align:center}html body.touch #friendsPanel{padding:6px calc(6px + var(--sr)) 6px calc(6px + var(--sl))}html body.touch #friendsPanel .card{max-height:calc(100vh - 12px);padding:8px 10px;gap:6px}html body.touch #friendsPanel .fh b{font-size:20px}html body.touch #friendsPanel button{min-height:36px;min-width:36px;justify-content:center}html body #pcard{position:fixed;left:250px;top:10px;z-index:3;display:grid;justify-items:start;gap:3px;font-family:var(--f);color:var(--fg)}html body #pcard #pme{position:relative;left:auto;top:auto;pointer-events:auto}html body #pcard #pme .rest{display:none}html body #pcard.foe #pme .hp{background:#3a1410}html body #pcard.foe #pme .hp i{background:#e8503a;box-shadow:inset 0 2px #ffa890,inset 0 -3px #a02a1a}html body #pcard .x{position:absolute;right:1px;top:1px;width:16px;height:16px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer;opacity:.75}html body #pcard .x:hover{opacity:1}html body #pcard .x .pxi{width:10px;height:10px;image-rendering:pixelated}html body #pcard .acts{display:flex;gap:3px}html body #pcard .acts[hidden]{display:none}html body #pcard .acts button{width:26px;height:26px;padding:0;display:grid;grid-auto-flow:column;place-items:center;justify-content:center;background:var(--glass);border:2px solid var(--line-hi);border-radius:2px;cursor:pointer;box-shadow:0 2px 0 var(--slot-lo)}html body #pcard .acts button:hover{border-color:var(--accent)}html body #pcard .acts .pxi{width:16px;height:16px;image-rendering:pixelated}html body #pcard .acts .pxi+.pxi{width:10px;height:10px;margin-left:-5px}html body.cine #pcard{visibility:hidden}html body.touch #pcard{gap:2px}html body.touch #pcard .acts{gap:3px}html body.touch #pcard .acts button{width:30px;height:30px}html body.touch #pcard .acts .pxi{width:18px;height:18px}html body.touch #pcard .x{width:18px;height:18px;right:0;top:0}html body #profP{position:fixed;inset:0;z-index:16;display:grid;place-items:center;padding:10px;background:var(--scrim)}html body #profP[hidden]{display:none}html body #profP .bk{width:min(900px,100%);height:min(620px,calc(100vh - 20px));display:flex;flex-direction:column;background:#6a4226;border:3px solid #3a2414;box-shadow:inset 0 0 0 2px #8a5a32,0 0 0 2px #1a0e06,0 10px 30px #00000080;font-family:var(--f)}html body #profP .ph{display:flex;align-items:center;gap:6px;padding:5px 6px 4px 10px}html body #profP .ph b{font:20px var(--f);font-weight:400;color:var(--accent);text-shadow:2px 2px 0 #2a160a;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body #profP .ph button{display:flex;align-items:center;gap:5px;font:14px var(--f);color:#f4e6c4;background:#2a5a7a;border:2px solid #12304a;border-radius:2px;padding:3px 8px;cursor:pointer;box-shadow:inset 0 -2px #12304a}html body #profP .ph .x{background:#8a3a2a;border-color:#4a1a10;box-shadow:inset 0 -2px #4a1a10;padding:3px 5px}html body #profP .pxi{width:14px;height:14px;image-rendering:pixelated}html body #profP .fr{flex:1;position:relative;margin:0 6px 6px;border:2px solid #4a2e18;background:#f6ecd2}html body #profP iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}html body #profP .err{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#3a2a18;font:18px var(--f);text-align:center}html body #profP .err[hidden]{display:none}html body #profP .err button{font:16px var(--f);color:#f4e6c4;background:#2a5a7a;border:2px solid #12304a;padding:5px 12px;cursor:pointer}html body.touch #profP{padding:4px calc(4px + var(--sr)) 4px calc(4px + var(--sl))}html body.touch #profP .bk{height:calc(100vh - 8px)}html body.touch #profP .ph{padding:3px 4px 2px 8px}html body.touch #profP .ph b{font-size:16px}html body.touch #profP .ph button{min-height:32px}html body.touch #emop .sides{position:absolute;inset:0}html body.touch #emop .side{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;padding:8px;background:#0a120deb;border:2px solid var(--line);border-radius:4px;box-shadow:0 4px 14px #00000080}html body.touch #emop .side.l{left:calc(10px + env(safe-area-inset-left,0px))}html body.touch #emop .side.r{right:calc(10px + env(safe-area-inset-right,0px))}html body.touch #emop .side .qi{position:static;transform:none;min-width:150px;min-height:40px;font-size:15px;padding:4px 10px 4px 6px}html body.touch #emop .side.r .qi{flex-direction:row-reverse;justify-content:flex-start;text-align:right}html body.touch #emop .side .qc{position:static;transform:none;min-height:40px;padding:4px 14px;justify-content:center;align-self:stretch}html body.touch #emop .side{gap:5px;padding:6px}html body.touch #emop .side .qi{min-height:38px}html body.touch #tRoll{width:54px;height:54px;right:calc(80px + var(--sr));bottom:calc(var(--pb) + 74px);overflow:hidden}html body.touch #tRoll .pxi{width:26px;height:26px;image-rendering:pixelated;position:relative;z-index:1}html body.touch #tRoll .cd{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(0,0,0,.6) var(--cd,0deg),transparent 0)}html body.touch #tRoll.cding .pxi{opacity:.5}html body #chatbox #dodgeBtn{overflow:visible;margin-left:4px}html body #chatbox #dodgeBtn .cd{position:absolute;left:0;right:0;bottom:0;height:var(--cd,0%);background:#0000009e;pointer-events:none}html body #chatbox #dodgeBtn .cs{position:absolute;inset:0;display:grid;place-items:center;font:16px var(--f);color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;pointer-events:none}html body #chatbox #dodgeBtn.cding{opacity:1}html body.touch #chatbox #dodgeBtn{display:none}html body :is(#me,#pme) .gmTag{justify-self:start;align-self:start;font:12px/1 var(--f);color:#1a0f00;background:#ffb02e;border:2px solid #7a4a00;border-radius:2px;padding:1px 4px}html body #menuPanel .gmBtn{border-color:#ffb02e;color:#ffd38a}html body #menuPanel .gmCode input{flex:1;min-width:0;font:16px var(--f);background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;padding:5px 8px}html body #gmPanel{position:fixed;inset:0;z-index:16;display:grid;place-items:center;padding:8px;background:var(--scrim)}html body #gmPanel[hidden]{display:none}html body #gmPanel .card{width:min(100%,700px);max-height:calc(100vh - 16px);overflow:auto;background:var(--panel);border:2px solid #ffb02e;border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);padding:10px 12px;display:grid;gap:8px;font:15px var(--f);color:var(--fg)}html body #gmPanel .gmHead{display:flex;justify-content:space-between;align-items:center}html body #gmPanel .ph{font:22px var(--f);color:#ffb02e;display:flex;gap:6px;align-items:center}html body #gmPanel .btn-sm{font:14px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:5px 8px;cursor:pointer;display:inline-flex;gap:5px;align-items:center}html body #gmPanel .btn-sm.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-deep)}html body #gmPanel .btn-sm.danger{background:#d9483b;color:#fff;border-color:#7a1f18}html body #gmPanel .gmTabs,html body #gmPanel .gmRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}html body #gmPanel .gmBody{display:grid;gap:8px;align-content:start}html body #gmPanel .rule{font:13px var(--f);color:var(--muted);margin:0}html body #gmPanel select,html body #gmPanel input:not([type=checkbox]){flex:1;min-width:0;font:14px var(--f);background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;padding:4px 6px}html body #gmPanel .gmChk{display:flex;gap:6px;align-items:center;font:14px var(--f)}html body #gmPanel .gmGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:4px;max-height:132px;overflow:auto}html body #gmPanel .gmGrid button{display:flex;gap:4px;align-items:center;font:11px/1.1 var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line);border-radius:3px;padding:3px;cursor:pointer;text-align:left}html body #gmPanel .gmGrid img{width:20px;height:20px;image-rendering:pixelated;flex:none}html body #gmPanel .gmGrid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #menuPanel .gmBtn.mod{border-color:#ffd34a;color:#ffe9a0}html body #gmPanel .card.mod{border-color:#ffd34a}html body #gmPanel .card.mod .ph{color:#ffd34a}html body #gmPanel .gmList{display:grid;gap:3px;max-height:190px;overflow:auto}html body #gmPanel .gmLi{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font:13px var(--f);background:var(--panel-2);border:2px solid var(--line);border-radius:3px;padding:3px 6px}html body #gmPanel .gmLi b{font-weight:400}html body #gmPanel .gmLi span{color:var(--muted);flex:1;min-width:0}html body #gmPanel .gmLog .gmLi span:first-child{flex:none}html body #gmPanel .btn-sm:disabled{opacity:.5;cursor:default}html body #gmPanel a.btn-sm{text-decoration:none}html body #pcard .acts{flex-wrap:wrap;max-width:240px}html body #pcard .acts .stSep{flex-basis:100%;height:0}html body #sysMsg{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:30;max-width:min(92vw,460px);display:grid;gap:4px;background:var(--panel);border:2px solid #ffd34a;border-radius:3px;box-shadow:0 4px 0 var(--slot-lo);padding:8px 12px;font:15px/1.3 var(--f);color:var(--fg);text-align:center;cursor:pointer}html body #sysMsg[hidden]{display:none}html body #sysMsg b{font-weight:400;color:#ffd34a;display:flex;gap:6px;align-items:center;justify-content:center}html body #sysMsg .pxi{width:14px;height:14px;image-rendering:pixelated}html body #book .bkAll{display:inline-flex;gap:5px;align-items:center;font:13px var(--f);background:#3a2414;color:#f4e6c4;border:2px solid #1a0e06;padding:3px 8px;margin-bottom:6px;margin-left:auto;cursor:pointer}html body #book .bkAll[hidden]{display:none}html body #book .bkAll.on{background:#ffd34a;color:#2b1d05}html body #book .bkAll .pxi{width:14px;height:14px;image-rendering:pixelated}html body #gmPanel .gmInfo{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font:14px var(--f)}html body #gmPanel .gmInfo span{color:var(--muted)}html body #gmPanel .gmInfo b{font-weight:400;word-break:break-all}html body #area{font-size:20px;pointer-events:none}html body.touch #area{font-size:15px}html body.cine #area{visibility:hidden}html body #room.top{position:fixed;transform:translate(-50%);z-index:2;bottom:auto;right:auto;white-space:nowrap;pointer-events:none}html body.cine #room.top{visibility:hidden}html body #tug{position:fixed;left:50%;top:70px;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;background:#180e28e0;border:2px solid #b070f0;border-radius:3px;box-shadow:0 4px #3a1a5a;pointer-events:none;font-family:var(--f);color:#f4ecff}#tug b{font:22px var(--f);color:#e8c8ff;letter-spacing:1px}#tug .tb{width:180px;height:12px;background:#2a1a3a;border:2px solid #5a3a7a;border-radius:2px;overflow:hidden}#tug .tb i{display:block;height:100%;width:0;background:linear-gradient(#e8c8ff,#b070f0);transition:width .08s}#tug span{font-size:13px;opacity:.85}html body #koScreen{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 55%,#0a06148c,#04020adb);opacity:0;transition:opacity .4s;pointer-events:none}#koScreen.on{opacity:1}#koScreen .kp{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(420px,90vw);text-align:center;color:#f4ecff;font-family:var(--f)}#koScreen .kt{font:34px var(--f);color:#ffd0a0;letter-spacing:1px;text-shadow:0 3px 0 #2a0e08}#koScreen .kn{font:86px/1 var(--f);color:#fff;text-shadow:0 5px 0 #3a2a5a,0 0 24px rgba(180,140,255,.5)}#koScreen .ks{font-size:14px;opacity:.8}#koScreen .tip{margin-top:12px;display:flex;gap:10px;align-items:center;padding:10px 14px;background:#281c46d9;border:2px solid #8a6ad0;border-radius:3px;box-shadow:0 4px #24163e}#koScreen .tip .ti{flex:none;width:22px;height:22px;color:#ffd34a}#koScreen .tip .ti svg,#koScreen .tip .ti img{width:22px;height:22px}#koScreen .tip p{margin:0;font-size:16px;line-height:1.3;text-align:left}body.touch #koScreen .kt{font-size:26px}body.touch #koScreen .kn{font-size:60px}body.touch #koScreen .tip p{font-size:14px}#petBtn{position:relative;width:var(--s);border:0;border-radius:0;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-hi),inset -2px -2px 0 var(--slot-lo);display:grid;place-items:center;padding:0;cursor:pointer}#petBtn img{width:62%;image-rendering:pixelated}#petBtn:hover{filter:brightness(1.25)}#petBtn .k{position:absolute;left:2px;top:2px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px;pointer-events:none;opacity:.9}body.cine #petBtn{visibility:hidden}html body.touch #petBtn .k{display:none}html body.touch #hotbar #petBtn{background-color:#0e18126b}html body #pets{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0408068c}#pets[hidden]{display:none}#pets .pk{width:min(460px,92vw);background:var(--panel);border:2px solid var(--line);box-shadow:0 6px #0006;padding:10px 12px;color:var(--fg);font-family:var(--f)}#pets .ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#pets .ph b{font-size:22px;display:flex;gap:6px;align-items:center}#pets .ph .pxi{width:20px;height:20px}#pets .px{background:none;border:0;color:var(--fg);font-size:24px;cursor:pointer}#pets .pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}#pets .pc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:var(--panel-2);border:2px solid var(--line);color:var(--fg);cursor:pointer;font-family:var(--f)}#pets .pc canvas{width:48px;height:48px;image-rendering:pixelated}#pets .pc b{font-size:15px}#pets .pc small{font-size:11px;opacity:.75;text-align:center;line-height:1.15}#pets .pc.on{border-color:#7ee05a;box-shadow:0 0 0 2px #1e4a18 inset}#pets .pc.lock{opacity:.7;cursor:default}#pets .pc .pn{width:48px;height:48px;display:grid;place-items:center}#pets .pc .pn img{width:28px;height:28px}#mapBtn{position:relative;width:var(--s);border:0;border-radius:0;background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--slot-hi),inset -2px -2px 0 var(--slot-lo);display:grid;place-items:center;padding:0;cursor:pointer}#mapBtn img{width:62%;image-rendering:pixelated}#mapBtn:hover{filter:brightness(1.25)}#mapBtn .k{position:absolute;left:2px;top:2px;min-width:11px;height:11px;padding:0 2px;box-sizing:border-box;font:11px/9px var(--f);color:#e8e2c8;text-align:center;background:#2a2218;border:1px solid #6a5434;border-bottom-width:2px;border-radius:2px}body.cine #mapBtn{visibility:hidden}html body.touch #mapBtn .k{display:none}html body.touch #hotbar #mapBtn{background-color:#0e18126b}#book .bkMap{display:flex;justify-content:center;margin:0 0 4px}#book .bkMap canvas{display:block;width:100%;max-width:calc((100vh - 210px)*1.718);height:auto;image-rendering:pixelated;background:#0c140e;border-radius:3px;cursor:pointer}#book .mf{font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}#book .mf .here{width:10px;height:10px;border:2px solid #4ea83a;display:inline-block}#book .mf .goal{width:10px;height:10px;background:#e0a820;display:inline-block;clip-path:polygon(50% 0,62% 38%,100% 38%,69% 60%,80% 100%,50% 76%,20% 100%,31% 60%,0 38%,38% 38%)}#book .mf .sep{width:10px}#book .mf .dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--c);background:#0c140e;display:inline-block}#book .mf i{font-style:normal;opacity:.7}html body #hud #friBtn{position:relative;display:grid;place-items:center;padding:3px 7px}html body #hud #friBtn .pxi{width:24px;height:24px;image-rendering:pixelated}html body.touch #hud #friBtn{padding:2px 5px}html body.touch #hud #friBtn .pxi{width:20px;height:20px}html body #narr.auto .skipAll{display:none}html body :is(#narr,#tut,#intro) .skipAll{position:fixed;top:54px;right:12px;z-index:31;font:15px var(--f);color:var(--fg);background:var(--panel-2);border:2px solid var(--line-hi);border-radius:3px;padding:5px 12px;cursor:pointer;box-shadow:0 3px 0 var(--slot-lo);opacity:1;text-shadow:none}html body :is(#narr,#tut,#intro) .skipAll:hover{border-color:var(--accent);color:var(--accent)}html body #gmPanel .gmSec{background:var(--panel-2);border:2px solid var(--line);border-radius:3px;padding:4px 8px}html body #gmPanel .gmSec>summary{cursor:pointer;font:15px var(--f);color:var(--accent);list-style:none;padding:2px 0}html body #gmPanel .gmSec>summary:before{content:"\25b8  ";display:inline-block}html body #gmPanel .gmSec[open]>summary:before{content:"\25be  "}html body #gmPanel .gmSecB{display:grid;gap:6px;padding:4px 0 2px}html body #gmPanel select[data-gm=qty]{flex:none;width:auto}html body #dgHud{position:fixed;z-index:5;top:152px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--panel);border:2px solid var(--line);border-radius:4px;font:16px var(--f);color:var(--fg)}html body #dgHud[hidden]{display:none}html body #dgHud .tm{font:20px var(--f);color:#ffd34a;min-width:52px;text-align:center}html body #dgHud canvas{width:48px;height:48px;image-rendering:pixelated;background:#0c140e;border-radius:3px}html body #dgBtn{position:fixed;z-index:6;top:96px;left:10px;font:18px var(--f);padding:7px 14px;background:var(--accent);color:var(--accent-ink);border:2px solid var(--accent-deep);border-radius:4px;cursor:pointer;display:flex;gap:6px;align-items:center}html body #dgBtn[hidden]{display:none}html body #dgWin{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--scrim)}html body #dgWin .card{background:var(--panel);border:2px solid #ffd34a;border-radius:4px;padding:12px 16px;display:grid;gap:8px;font:15px var(--f);color:var(--fg);width:min(520px,calc(100vw - 32px))}html body #dgWin .ttl{font:24px var(--f);color:#ffd34a;text-align:center}html body #dgWin p{margin:0;text-align:center}html body #dgWin .rk{display:grid;grid-template-columns:1fr 1fr;gap:10px}html body #dgWin h4{margin:0 0 4px;color:var(--accent)}html body #dgWin ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}html body #dgWin li{display:flex;gap:6px}html body #dgWin li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body #dgWin li i{font-style:normal;color:#ffd34a}html body #dgWin .row{display:flex;gap:8px;justify-content:center}html body.cine #dgHud,html body.cine #dgBtn{visibility:hidden}html body #quest .hl{display:flex;gap:2px;align-items:center}html body #quest .hh .pxi{width:12px;height:12px;image-rendering:pixelated}html body #quest .hh.off{opacity:.25;filter:grayscale(1)}html body #duelBoard{position:fixed;z-index:6;top:96px;left:50%;transform:translate(-50%);padding:5px 12px;background:var(--panel);border:2px solid #ffd34a;border-radius:4px;font:15px var(--f);color:var(--fg);text-align:center;pointer-events:none}html body #duelBoard[hidden]{display:none}html body #duelBoard .sc{display:flex;gap:8px;align-items:center;justify-content:center}html body #duelBoard i{font-style:normal;color:#ffd34a;font-size:18px}html body #duelBoard .hl{display:flex;gap:2px}html body #duelBoard .hh .pxi{width:14px;height:14px;image-rendering:pixelated}html body #duelBoard .hh.off{opacity:.25;filter:grayscale(1)}html body #duelBoard small{display:block;color:var(--muted);font-size:12px;margin-top:2px}html body.cine #duelBoard{visibility:hidden}html body #duelBoard{padding:4px 16px 5px;min-width:120px}html body #duelBoard .tm{display:block;font-size:34px;line-height:1;color:#ffd34a;text-shadow:2px 2px 0 #1a0e06}html body #duelBoard .tm.ok{color:#9fe08a}html body #duelBoard .hl em{font-style:normal;font-size:12px;color:var(--muted);margin:0 3px}html body #duelBoard .tm{min-width:70px}html body.trainlock #hotbar,html body.trainlock #eatArr{display:none}html body #dgHud .left{font:14px var(--f);color:#ff9a7a;min-width:70px}html body #dgHud .left.ok{color:#9fe08a}html body #hud #mapTopBtn{position:relative;display:grid;place-items:center;padding:3px 7px}html body #hud #mapTopBtn .pxi{width:24px;height:24px;image-rendering:pixelated}html body.touch #hud #mapTopBtn{padding:2px 5px}html body.touch #hud #mapTopBtn .pxi{width:20px;height:20px}html body.cine #mapTopBtn{visibility:hidden}html body #hotbar .offbtn,html body #hotbar .swapF,html body #hotbar [data-swap],html body.touch #tOff,html body [data-a=eq][data-i="4"]{display:none!important}html body #bag .bookbox[hidden]{display:none}html body #bag .chestside .ct{font-size:18px;text-shadow:1px 1px 0 #000}html body #bag .chestside .chestpic{display:grid;place-items:center;height:76px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--b) 45%,transparent),transparent 70%)}html body #bag .chestside .chestpic img{width:80px;height:65px;image-rendering:pixelated;filter:drop-shadow(0 0 6px var(--b))}html body #bag .chestside .chestgrid{display:grid;grid-template-columns:repeat(3,var(--s));gap:3px;justify-content:center}html body #bag .chestside .chestgrid .slot{cursor:pointer}html body #bag .chestside .tip{margin:2px 0 0;font-size:12px;opacity:.75}html body :is(#itip,#sptip) li.ench b{color:#c8a0ff}.nbook .row .nm small.ench{background:#6a3a8a}html body #bag .stationside{width:auto;min-width:310px}html body #bag .stationside .st-t{font-size:18px;color:#ffb060;text-shadow:1px 1px 0 #000}html body :is(#bag,#forjaBook) .forno{--s:40px;display:grid;justify-items:center;gap:4px;margin-top:4px}html body :is(#bag,#forjaBook) .fz-art{position:relative;width:288px;height:232px;background-size:100% 100%;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}html body :is(#bag,#forjaBook) .fz-art .slot{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);background:#140e0a8c;box-shadow:inset 2px 2px #0009,inset -2px -2px #ffffff14}html body :is(#bag,#forjaBook) .fz-s0{left:100px;top:44px}html body :is(#bag,#forjaBook) .fz-s1{left:100px;top:208px}html body :is(#bag,#forjaBook) .fz-s2{left:248px;top:142px}html body :is(#bag,#forjaBook) .fz-art b{position:absolute;font:400 11px var(--f);color:#ffd8a0;text-shadow:1px 1px 0 #000;transform:translate(-50%);white-space:nowrap}html body :is(#bag,#forjaBook) .fz-l0{left:100px;top:-2px}html body :is(#bag,#forjaBook) .fz-l1{left:160px;top:200px}html body :is(#bag,#forjaBook) .fz-l2{left:248px;top:92px}html body :is(#bag,#forjaBook) .fz-fire{position:absolute;left:56px;top:104px;width:96px;height:72px;image-rendering:pixelated}html body :is(#bag,#forjaBook) .fz-glow{position:absolute;left:40px;top:90px;width:128px;height:100px;background:radial-gradient(ellipse at 50% 80%,rgba(255,140,40,.45),transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}html body :is(#bag,#forjaBook) .forno.lit .fz-glow{opacity:1}html body :is(#bag,#forjaBook) .fz-smoke{position:absolute;left:148px;top:-86px;width:64px;height:88px;image-rendering:pixelated;pointer-events:none}html body :is(#bag,#forjaBook) .fz-bar{position:absolute;left:204px;top:186px;width:84px;height:6px;background:#1a120c;border:1px solid #4a3a26}html body :is(#bag,#forjaBook) .fz-bar i{display:block;height:100%;background:#ffd060;transition:width .12s linear}html body :is(#bag,#forjaBook) .fz-msg{margin:6px 0 0;font-size:13px;color:#ffd8a0;text-align:center;min-height:2.4em;max-width:300px}html body :is(#bag,#forjaBook) .fz-tip{margin:0;font-size:11px;opacity:.7;text-align:center;max-width:300px}html body #forjaBook .fz-msg{color:#6a3a1a;font-size:14px}html body #forjaBook .fz-art b{color:#fff4d8}html body #itip li.nolv b{color:#ff8a7a}html body :is(#bag,#forjaBook) .fz-art b .fzsym{width:24px;height:21px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #000)}html body #bag .inv-left>.tip{display:none}html body #bag .ph .phb{display:flex;gap:6px}html body #bag .x.help{font:16px var(--f);color:var(--accent)}html body #bagHelp{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#00000073}html body #bagHelp[hidden]{display:none}html body #bagHelp .card{width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;background:var(--panel);border:2px solid var(--line-hi);border-radius:4px;padding:12px 14px;box-shadow:0 6px 0 var(--slot-lo)}html body #bagHelp .ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}html body #bagHelp .ph b{font:20px var(--f);color:var(--accent)}html body #bagHelp .x{font:18px var(--f);background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;width:32px;height:30px;cursor:pointer}html body #bagHelp dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font:15px var(--f)}html body #bagHelp dt{color:var(--accent)}html body #bagHelp dd{margin:0;color:var(--fg)}html body .dailyGift{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#00000080}html body .dailyGift .card{background:var(--panel);border:2px solid var(--line-hi);border-radius:4px;padding:16px 18px;box-shadow:0 6px 0 var(--slot-lo),0 10px 30px #00000080;font:16px var(--f);color:var(--fg)}html body .dailyGift h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:24px var(--f);color:var(--accent)}html body .dailyGift .sub{margin:0;color:var(--muted)}html body .dailyGift .cost{display:flex;gap:14px;flex-wrap:wrap}html body .dailyGift .cost span{display:inline-flex;align-items:center;gap:6px}html body .dailyGift .cost img{image-rendering:pixelated}html body .dailyGift .go{font:18px var(--f);color:#1a1208;background:var(--accent);border:2px solid #000;box-shadow:inset 0 2px #fff6,0 3px #000;padding:6px 26px;cursor:pointer}#giftBook .gdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:10px 0}#giftBook .gday{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:10px 4px;background:#fffaeb8c;border:2px solid #b89a6a;min-height:120px}#giftBook .gday b{font:15px var(--f);font-weight:400;color:#5a2a10}#giftBook .gitems{display:grid;gap:4px;justify-items:center}#giftBook .gitems span{display:inline-flex;align-items:center;gap:2px;font:13px var(--f);color:#3a2a18}#giftBook .gitems img{width:28px;height:28px;image-rendering:pixelated}#giftBook .gday.big{background:#ffdc7873;border-color:#c8901a}#giftBook .gday.today{border:3px solid #c8701a;box-shadow:0 0 0 3px #f2c14e99;transform:translateY(-3px);background:#fff8e0}#giftBook .gday.got{opacity:.55}#giftBook .gday.got.today{opacity:1}#giftBook .gok{position:absolute;right:4px;top:2px;font-style:normal;color:#2a8a20;font-size:16px}#giftBook .gbtn{display:grid;justify-items:center;margin-top:6px}#giftBook .gbtn button{font:20px var(--f);color:#fff4d8;background:#c8701a;border:2px solid #3a2414;box-shadow:inset 0 2px #ffffff4d,0 3px #3a2414;padding:8px 28px;cursor:pointer}@media(max-width:640px){#giftBook .gdays{grid-template-columns:repeat(4,minmax(0,1fr))}}#giftBook .pg{background:radial-gradient(ellipse at 50% 0%,rgba(255,214,120,.35),transparent 60%),linear-gradient(90deg,#d8c69a 0,#efe2c0 4%,#f6ecd2,#efe2c0 96%,#d8c69a)}#giftBook .gtop{display:grid;justify-items:center;gap:6px;margin-bottom:6px}#giftBook .gtop p{margin:0;font:14px var(--f);color:#6a4a28;text-align:center}#giftBook .gstreak{display:flex;gap:6px}#giftBook .gstreak i{width:34px;height:10px;background:#d8c49a;border:2px solid #8a6a3a}#giftBook .gstreak i.on{background:#5aa83a;border-color:#2a6a20}#giftBook .gstreak i.now{background:#ffd34a;border-color:#c8701a;animation:gPulse 1s ease-in-out infinite}#giftBook .gday{border-radius:4px;padding:8px 4px 10px;min-height:170px;gap:4px;box-shadow:0 3px #3c281440}#giftBook .gbox{width:54px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}#giftBook .gday.today .gbox{animation:gBob 1s ease-in-out infinite}#giftBook .gday.today{background:radial-gradient(circle at 50% 35%,#fff6c8,#fff0d0 60%);box-shadow:0 0 0 3px #f2c14eb3,0 0 18px #ffc850cc}#giftBook .gnow{position:absolute;top:-10px;left:50%;transform:translate(-50%);font:12px var(--f);font-style:normal;color:#fff;background:#c8701a;padding:1px 8px;border:2px solid #5a2a10}#giftBook .gday.big{background:linear-gradient(#ffe9a8,#ffd770)}#giftBook .gday.big .gbox{width:64px;height:57px}#giftBook .gbtn button{display:inline-flex;align-items:center;gap:8px;animation:gPulse 1.4s ease-in-out infinite}#giftBook .gbtn button .pxi{width:22px;height:22px}#giftBook .gbtn p{font:16px var(--f);color:#5a2a10}@keyframes gBob{50%{transform:translateY(-4px)}}@keyframes gPulse{50%{filter:brightness(1.15)}}#giftBook .gday.today{padding-top:16px}#giftBook .gnow{top:-12px}#giftBook .gdays{margin-top:18px}#dgWinBook .vwin{display:grid;justify-items:center;gap:10px;text-align:center;padding:6px 0}#dgWinBook .vtree{width:360px;max-width:90%;aspect-ratio:240/150;height:auto;image-rendering:pixelated;border:6px solid #fff8e8;box-shadow:0 0 0 2px #8a6a40,0 6px #28140a59,0 0 26px #ffd2788c;transform:rotate(-1.5deg)}#dgWinBook h3{margin:0;font:32px var(--f);font-weight:400;color:#5a2a10;text-shadow:0 2px 0 #f2c14e}#dgWinBook p{margin:0;font:16px var(--f);color:#6a4a28}#dgWinBook .vtags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}#dgWinBook .vtags span{font:14px var(--f);color:#fff8e8;background:#8a5a2a;padding:3px 10px;border:2px solid rgba(0,0,0,.3)}#dgWinBook .vloot{display:inline-flex;align-items:center;gap:6px;color:#3a6a20}#dgWinBook .vloot .pxi{width:20px;height:20px}#dgWinBook .vbtns{display:flex;gap:10px;margin-top:6px}#dgWinBook .vbtns button{display:inline-flex;align-items:center;gap:6px;font:18px var(--f);color:#fff4d8;background:#c8701a;border:2px solid #3a2414;box-shadow:inset 0 2px #ffffff4d,0 3px #3a2414;padding:8px 20px;cursor:pointer}#dgWinBook .vbtns button.b2{background:#4a7a9a}#dgWinBook .vbtns .pxi{width:18px;height:18px}#authGate,#nameGate{visibility:visible!important;position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#060a08d1}#authGate .card{width:min(380px,calc(100vw - 24px));display:grid;gap:10px;padding:18px;background:var(--panel);border:2px solid var(--line-hi);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);font:16px var(--f);color:var(--fg);text-align:center}#authGate h2{margin:0;font:26px var(--f);font-weight:400;color:var(--accent)}#authGate .rule{margin:0;color:var(--fg)}#authGate .or{margin:0;color:var(--muted)}#authGate .kid{margin:0;font-size:13px;color:var(--muted)}#authGate form{display:grid;gap:8px}#authGate input{font:16px var(--f);padding:8px 10px;background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px}#authGate input[hidden]{display:none}#authGate .go{font:18px var(--f);color:#1a1208;background:var(--accent);border:2px solid #000;box-shadow:inset 0 2px #fff6,0 3px #000;padding:8px;cursor:pointer}#authGate .link{background:none;border:0;color:var(--accent);font:15px var(--f);text-decoration:underline;cursor:pointer}#authGate [data-msg]{color:#ff9a8a}#nameGate{z-index:1000}#nameGate .card{width:min(380px,calc(100vw - 24px));display:grid;gap:10px;padding:18px;background:var(--panel);border:2px solid var(--line-hi);border-radius:4px;box-shadow:0 6px 0 var(--slot-lo);font:16px var(--f);color:var(--fg);text-align:center}#nameGate h2{margin:0;font:26px var(--f);font-weight:400;color:var(--accent)}#nameGate .rule{margin:0;color:var(--muted);font-size:14px}#nameGate [data-m]{color:#ff9a8a;min-height:1em}#nameGate input{font:20px var(--f);padding:8px 10px;text-align:center;background:var(--panel-2);color:var(--fg);border:2px solid var(--line-hi);border-radius:3px;outline:none}#nameGate input:focus{border-color:var(--accent)}#nameGate .go{font:18px var(--f);color:#1a1208;background:var(--accent);border:2px solid #000;box-shadow:inset 0 2px #fff6,0 3px #000;padding:8px;cursor:pointer}html body.login>#nameGate,html body>#nameGate,html body.login>#authGate,html body>#authGate{visibility:visible!important}#lowHp{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 50%,#78000000 45%,#960a0a8c 78%,#5a0000e6)}#lowHp[hidden]{display:none}#dgWinBook .vbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}#dgWinBook .vbtns button{justify-content:center;font-size:16px}#dgWinBook .vbtns button[data-next]{background:#8a4ac8}#dgWinBook .vbtns button[data-boss]{background:#a83a2a}#dgWinBook .vbtns button[data-start]{background:#4a7a3a}html body:has(.nbook:not([hidden])) #narr,html body:has(#bag:not([hidden])) #narr,html body:has(#lookp:not([hidden])) #narr{z-index:32}html body:has(.nbook:not([hidden])) #narrblock,html body:has(#bag:not([hidden])) #narrblock,html body:has(#lookp:not([hidden])) #narrblock{z-index:31}html body:has(.nbook:not([hidden])) #tutarrow,html body:has(#bag:not([hidden])) #tutarrow,html body:has(#lookp:not([hidden])) #tutarrow{z-index:33}.nbook .row .nm .lib{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:3px;font:12px var(--f);color:#5a4a3a}.nbook .row .nm .lib em{font-style:normal;color:#8a6a3a}.nbook .row .nm .lib span{display:inline-flex;align-items:center;gap:3px;background:#ffffff73;border:1px solid rgba(90,60,30,.25);padding:1px 5px 1px 2px}.nbook .row .nm .lib img{width:18px;height:18px;image-rendering:pixelated}html body #gmPanel.gmbook{--lea:#24324a;--lea-d:#121a28;--lea-h:#3a4e6e;--ttl:#f2c14e;--glow:0px;--tab:#3a5a8a;--tab2:#2a6a3a;--paper:linear-gradient(90deg,#d8cfb4 0,#efe7cf 4%,#f5eedb 50%,#efe7cf 96%,#d8cfb4 100%);--burn:rgba(30,40,70,.3);--ink:#1e2430;--ink2:#24324a;--ink3:#4a5468;--line2:#a8a89a;--card:rgba(255,255,250,.6);--picbg:#24324a;--tag:#3a5a8a;--btn:#3a5a8a;--btn2:#c8701a;--barc:#5aa83a;background:#08060c99;z-index:21}html body #gmPanel.gmbook.mod{--lea:#3a2a14;--lea-d:#1e140a;--lea-h:#6a4a20;--ttl:#ffd34a}html body #gmPanel.gmbook .pg{display:grid;gap:10px;align-content:start}html body #gmPanel.gmbook .pg>h4{margin:0}html body #gmPanel.gmbook .rule{color:var(--ink3);font:13px var(--f)}html body #gmPanel.gmbook .btn-sm{color:#fff8e8;background:var(--btn);border:2px solid var(--lea-d);border-radius:0;box-shadow:inset 0 2px #ffffff40,0 2px 0 var(--lea-d);padding:5px 10px}html body #gmPanel.gmbook .btn-sm.on{background:#3a8a3a;color:#fff}html body #gmPanel.gmbook .btn-sm.danger{background:#a83a2a;color:#fff;border-color:#4a140e}html body #gmPanel.gmbook select,html body #gmPanel.gmbook input:not([type=checkbox]){background:#fffaf0;color:var(--ink);border:2px solid var(--line2);border-radius:0}html body #gmPanel.gmbook .gmSec{background:var(--card);border:2px solid var(--line2);border-radius:0;box-shadow:0 2px #281e1426}html body #gmPanel.gmbook .gmSec>summary{color:var(--ink2);font:16px var(--f)}html body #gmPanel.gmbook .gmLi{background:var(--card);border:2px solid var(--line2);border-radius:0;color:var(--ink)}html body #gmPanel.gmbook .gmLi span,html body #gmPanel.gmbook .gmInfo span{color:var(--ink3)}html body #gmPanel.gmbook .gmInfo b,html body #gmPanel.gmbook .gmChk{color:var(--ink)}html body #gmPanel.gmbook .gmGrid button{background:var(--card);border:2px solid var(--line2);color:var(--ink)}html body #bag .inv-card.ibook,html body #lookp .vz.ibook{position:relative;width:min(calc(100vw - 16px),1100px);max-width:none;height:min(calc(100vh - 16px),720px);max-height:none;box-sizing:border-box;background:#1c2a20;border:6px solid #5a3420;border-radius:6px;box-shadow:inset 0 0 0 2px #8a5a32,inset 0 0 0 4px #2a160c,0 8px #2a160c,0 14px 30px #0009;padding:0 14px 14px}html body #bag .inv-card.ibook{overflow:hidden;display:flex;flex-direction:column}html body #bag .inv-card.ibook .inv-body{flex:1;min-height:0;overflow:auto;align-content:start}html body #bag .ibook .ph,html body #lookp .ibook .vzHd{align-items:flex-end;margin:0 -14px 12px;padding:10px 14px 0;background:linear-gradient(#6a4026,#4a2a18);border-bottom:3px solid #2a160c;min-height:0}.ibTabs{display:flex;gap:6px;flex:1;align-items:flex-end}.ibTabs button{display:flex;align-items:center;gap:8px;font:18px var(--f);color:#f4e6c4;background:#3a5a8a;border:2px solid rgba(0,0,0,.55);border-bottom:0;padding:8px 18px;cursor:pointer;transform:translateY(2px);filter:brightness(.85)}.ibTabs button:first-child,.ibTabs button[data-c=inv]{background:#2a6a3a}.ibTabs button[data-c=vis]{background:#3a5a8a}.ibTabs button[data-c=pet]{background:#7a3a8a}.ibTabs button[data-c=conq]{background:#a8701a}.ibTabs button.on{filter:none;transform:none;padding-bottom:12px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.ibTabs button:hover{filter:brightness(1)}.ibTabs .pxi{width:20px;height:20px;image-rendering:pixelated}html body #bag .ibook .ph .phb,html body #lookp .ibook .vzX{margin-bottom:8px}@media(max-width:700px){.ibTabs button{font-size:15px;padding:7px 12px}.ibTabs button.on{padding-bottom:10px}html body #bag .inv-card.ibook,html body #lookp .vz.ibook{padding:0 8px 8px;border-width:4px}html body #bag .ibook .ph,html body #lookp .ibook .vzHd{margin:0 -8px 8px;padding:8px 8px 0}}html body #bag:not([hidden]){z-index:12}html body #lookp .ibook .vzX{width:36px;height:32px;box-shadow:none}html body #lookp .ibook .vzX .pxi{width:18px;height:18px}html body #lookp .vz.ibook .vzX{font:18px var(--f);color:#ece4cc;background:#24362a;border:2px solid #0e1610;border-radius:0}html body #lookp .vz.ibook .vzX:hover{border-color:#f2c14e}html body #lookp .vz.ibook .vzL,html body #lookp .vz.ibook .vzR{background:#24362a;border:2px solid #3a5040;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff08}html body #lookp .vz.ibook .vzLbl{display:flex;align-items:center;gap:7px;font:17px var(--f);color:#f2c14e;margin:2px 0 0;padding-bottom:5px;border-bottom:2px solid #3a5040}html body #lookp .vz.ibook .vzLbl .pxi{width:18px;height:18px;image-rendering:pixelated;flex:none}html body #lookp .vz.ibook .vzPv{border-color:#3a5040}html body #lookp .vz.ibook .vzTabs button{min-height:50px;background:#1c2a20;border-color:#3a5040;box-shadow:none}html body #lookp .vz.ibook .vzTabs button:hover{border-color:#5a7a5a}html body #lookp .vz.ibook .vzTabs button.on{background:#f2c14e;color:#2a1a08;border-color:#b8862a}html body #lookp .vz.ibook .vzBody h4{display:flex;align-items:center;gap:7px;font:17px var(--f);color:#f2c14e;padding-bottom:5px;border-bottom:2px solid #3a5040}html body #lookp .vz.ibook .vzBody h3.vzSecH{color:#f2c14e;border-color:#3a5040}@media(max-height:560px),(max-width:700px){html body #lookp .vz.ibook .vzL,html body #lookp .vz.ibook .vzR{padding:6px;min-width:0}html body #lookp .vz.ibook .vzLbl{display:none}html body #lookp .vz.ibook .vzTabs button{min-height:40px}}.ibook *{scrollbar-color:#5a7a5a #14201a;scrollbar-width:thin}.ibook ::-webkit-scrollbar{width:10px;height:10px}.ibook ::-webkit-scrollbar-thumb{background:#5a7a5a;border:2px solid #14201a}.ibook ::-webkit-scrollbar-track{background:#14201a}html body .slot.nw:after,html body #bagBtn.new:after,html body #mapTopBtn.new:after{content:"";position:absolute;right:3px;top:3px;width:8px;height:8px;background:#7ee05a;box-shadow:0 0 0 2px #0e2a14;animation:bkPing 1s steps(2) infinite;pointer-events:none;z-index:2}html body #bagBtn,html body #mapTopBtn{position:relative}html body.touch #hud{gap:3px}html body.touch #hud button{min-height:36px;min-width:36px;padding:2px 6px}html body.touch #menuBtn .ml{display:none}html body.touch #menuBtn{font-size:18px}html body.touch #hud #dgcoins{min-height:36px;padding:1px 6px 1px 3px;gap:3px;font-size:13px}html body.touch #hud #dgcoins .pxi{width:18px;height:18px}html body.touch #tjoy{position:fixed;z-index:3;left:calc(14px + var(--sl));bottom:calc(var(--hb) + 20px + env(safe-area-inset-bottom,0px));width:118px;height:118px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.22);touch-action:none;display:grid;place-items:center}html body.touch #tjoy .kn{width:50px;height:50px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.35);pointer-events:none}html body.touch #tjoy.on{background:#ffffff1a}html body.touch #tjoy.on .kn{background:#ffffff52}html body:not(.touch) #tjoy,html body:not(.touch) #tspells{display:none}html body.touch #spellbar{display:none!important}html body.touch #tspells{position:fixed;z-index:3;right:calc(162px + var(--sr));bottom:calc(var(--pb) + 12px);display:flex;flex-direction:row-reverse;gap:8px}html body.touch #tspells .tsp{position:relative;width:52px;height:52px;overflow:hidden;background:var(--glass)}html body.touch #tspells .tsp img{width:30px;height:30px;image-rendering:pixelated;position:relative;z-index:1}html body.touch #tspells .tsp .cd{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(0,0,0,.6) var(--cd,0deg),transparent 0)}html body.touch #tspells .tsp.low img{opacity:.45}html body.cine #tjoy,html body.cine #tspells{visibility:hidden}html body.touch #hotbar{left:calc(6px + var(--sl))}html body.touch :is(#tAtk,#tJump,#tRoll,#tOff,#tspells .tsp){background:#0e18126b;border-color:#c8e6c847;box-shadow:none}html body.touch :is(#tAtk,#tJump,#tRoll,#tOff,#tspells .tsp):active{background:#0e18129e}html body.touch #tRun{right:calc(18px + var(--sr));bottom:calc(var(--pb) + 166px);opacity:.38;background:#0e181240}html body.touch #tSneak{right:calc(66px + var(--sr));bottom:calc(var(--pb) + 166px);opacity:.38;background:#0e181240}html body.touch #petslot{border-radius:50%;width:52px;height:52px;background:#0e18126b;border:2px solid rgba(200,230,200,.28);box-shadow:none;overflow:hidden}html body.touch #petslot .cd{border-radius:50%}html body.touch #petslot .lv{right:8px;bottom:4px}#book .bkSt{position:relative}#book .bkKind{position:absolute;left:4px;top:4px;z-index:2;font:10px var(--f);font-style:normal;color:#fff;padding:1px 5px;border-radius:2px;box-shadow:0 1px #00000059}#book .bkKind.k-morador{background:#3a78b8}#book .bkKind.k-criatura{background:#4a8a3a}#book .bkKind.k-chefe{background:#a83a3a}#book .bkKind.k-guia{background:#c8962a}#book .bkSt.unk .bkKind{opacity:.7}html body #restBtn.on{border-color:#8ab0f0;box-shadow:0 0 0 2px #8ab0f073}img{object-fit:contain}html body #forjaBook .fz-art .slot.fzin{left:36%;top:17%;cursor:pointer;border:2px dashed #ffd8a0}html body #forjaBook .fz-art .slot.fzfuel{left:36%;top:93%;cursor:pointer;border:2px dashed #ffd8a0}html body #forjaBook .fz-art .slot.full{border-style:solid}html body #forjaBook .fz-art .slot.hov{outline:3px solid #ffd34a}html body #forjaBook .fz-art .slot .ph{opacity:.3;filter:grayscale(1)}html body #forjaBook .fzhint{text-align:center;font:14px var(--f);color:#6a3a1a;margin:6px 0}html body.touch #tspells .tsp.low img{opacity:.35;filter:grayscale(.9)}html body #pcard .acts{flex-wrap:wrap;max-width:330px}html body #pcard .acts button.big{width:auto;min-width:56px;height:52px;padding:4px 6px 2px;display:grid;grid-auto-flow:row;grid-template-rows:1fr auto;justify-items:center;gap:1px}html body #pcard .acts button.big .pxi{width:26px;height:26px}html body #pcard .acts button.big .pxi+.pxi{width:16px;height:16px;margin:-30px 0 0 22px}html body #pcard .acts button.big small{font:12px var(--f);color:var(--fg);white-space:nowrap}html body.touch #pcard .acts button.big{min-width:58px;height:56px}html body.touch #pcard .acts button.big .pxi{width:28px;height:28px}html body .nbook .dcard .srow button.job.lock{cursor:pointer;font:inherit;color:inherit;text-align:left}html body .nbook .dcard .srow button.job.lock:hover{opacity:1;border-color:#c8a030}html body .nbook .dcard .srow button.job.lock small .pxi{width:14px;height:14px;vertical-align:-2px}#book .bkKind.k-pet{background:#b8578a}html body .nbook .jobsec{margin-top:14px}html body .nbook .jobsec h4.jh{display:flex;align-items:center;justify-content:space-between;gap:8px}html body .nbook .jobsec .vg{display:inline-flex;align-items:center;gap:6px;font:13px var(--f);color:var(--ink3)}html body .nbook .jobsec .addv{font:12px var(--f);color:#5a3a10;background:#f4d878;border:1px solid #b8862a;padding:1px 7px;cursor:pointer;box-shadow:0 2px #b8862a}html body .nbook .jobsec .addv:hover{background:#ffe48a}html body .nbook .jobsec .none{margin:4px 0 0;font:14px var(--f);color:var(--ink3)}html body:not(.touch) #bag .inv-card.ibook .inv-body{--s:44px;gap:12px;align-items:stretch;padding:4px 2px 6px;overflow-x:hidden}html body #bag .inv-card.ibook .equip,html body #bag .inv-card.ibook .inv-left,html body #bag .inv-card.ibook .bookbox{background:#24362a;border:2px solid #3a5040;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff08}html body #bag .inv-card.ibook .lbl{display:flex;align-items:center;gap:7px;font:17px var(--f);color:#f2c14e;margin:2px 0 8px;padding-bottom:5px;border-bottom:2px solid #3a5040}html body #bag .inv-card.ibook .lbl .pxi{width:18px;height:18px;image-rendering:pixelated;flex:none}html body #bag .inv-card.ibook .lbl.il{width:auto}html body #bag .inv-card.ibook .lbl.il>span:first-child{display:flex;align-items:center;gap:7px}html body #bag .inv-card.ibook .lbl.bl{margin-top:14px}html body #bag .inv-card.ibook .equip .lbl+.eqwrap+.lbl,html body #bag .inv-card.ibook .bookbox .lbl:not(:first-child){margin-top:14px}html body #bag .inv-card.ibook .stats{background:#1c2a20;border-color:#3a5040}html body #bag .inv-card.ibook .tip{color:#a8b4a0}html body:not(.touch) #bag .inv-card.ibook .inv-body{align-content:stretch;grid-auto-rows:minmax(min-content,1fr)}html body:not(.touch) #bag .inv-card.ibook .bookbox:not([hidden]){align-self:stretch}html body .nbook .bench-top .jobsec{margin:0 0 14px}html body .nbook .bench-top .jobsec h4.jh{margin-top:0}