:root{--stone:#131a23;--slab:#1c2531;--slab-2:#243141;--edge:#2e4666;--parch:#c2d1e4;--muted:#748dae;--gold:#e3b54f;--blood:#c84b3c;--moss:#86b25c;--sky:#7fb6d6;--display:"IM Fell English SC","Palatino Linotype",Palatino,Georgia,serif;--body:"Alegreya Sans","Trebuchet MS",system-ui,sans-serif;color-scheme:dark}html,body{height:100%}html{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#stage,#panel,.tabs,.slot,.dlg button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{background:var(--stone);color:var(--parch);font-family:var(--body);font-size:15px;overflow:hidden}#app{height:100%;box-sizing:border-box;padding-block:12px;padding-inline:16px;display:grid;grid-template-columns:minmax(0,1fr) 336px;grid-template-rows:auto minmax(0,1fr);gap:10px 14px}header{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0}h1{font-family:var(--display);font-weight:400;font-size:30px;line-height:1;margin:0;color:var(--gold);letter-spacing:.02em;text-wrap:balance}.sub{color:var(--muted);font-size:14px}.stats{margin-left:auto;display:flex;gap:14px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.stats b{color:var(--parch);font-weight:700}.stats{align-items:center}.gtop{padding:10px 14px 4px;display:grid;gap:6px;border-bottom:1px solid var(--edge)}.gbar{height:6px!important;background:#0c1016;border-radius:3px;overflow:hidden}.gbar i{display:block;height:100%}#guide.big{width:min(560px,calc(100vw - 24px));height:min(760px,calc(100vh - 24px));height:min(760px,calc(100dvh - 24px))}.statline{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--edge)}.statline b{font-family:var(--display);font-weight:400;font-size:26px;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.hbtn{text-decoration:none;background:var(--slab-2);color:var(--parch);border:1px solid var(--edge);border-radius:4px;padding:4px 10px;font:700 13px var(--body);cursor:pointer}#settings.big{width:min(560px,calc(100vw - 24px));height:min(720px,calc(100vh - 24px));height:min(720px,calc(100dvh - 24px))}.sset{background:#171e28;border:1px solid #253244;border-radius:5px;padding:12px 14px;display:grid;gap:8px}.sset h3{font-family:var(--display);font-weight:400;font-size:20px;color:var(--gold);margin:0}.sset p{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted)}.sset textarea{width:100%;box-sizing:border-box;min-height:84px;resize:vertical;background:#0c1016;border:1px solid var(--edge);border-radius:4px;color:var(--parch);font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;padding:8px;word-break:break-all}.sset textarea:focus{outline:2px solid var(--gold);outline-offset:-1px}.sset .row{margin:0}.sset .ok{color:#8fd16a}.sset .bad{color:#ff9a8a}.sset.danger{border-color:#5a2f2a}#view{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}#stage{position:relative;min-height:0;border:2px solid var(--edge);border-radius:6px;overflow:hidden;background:#173018;box-shadow:inset 0 0 0 1px #000}#cv{display:block;width:100%;height:100%;touch-action:none;cursor:pointer;-webkit-touch-callout:none}#hover{position:absolute;left:8px;top:6px;font-weight:700;font-size:15px;text-shadow:1px 1px 0 #000,0 0 3px #000;pointer-events:none;color:#fff}#placebar{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 20px);padding:8px 10px 8px 14px;background:#171e28f0;border:1px solid var(--gold);border-radius:8px;box-shadow:0 6px 18px #0008;font-size:14px}#placebar b{color:var(--gold)}#aimbar{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 20px);padding:8px 10px 8px 14px;background:#171e28f0;border:1px solid var(--gold);border-radius:8px;box-shadow:0 6px 18px #0008;font-size:14px}#aimbar b{color:var(--gold)}#cspell{margin:12px 0 4px}.cspellhd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.cspellhd span{font-weight:600}.cspellhd small{opacity:.7}.cspellhd b{color:var(--gold);font-weight:600}.spelltabs{display:flex;width:100%;margin-bottom:8px}.spelltabs button{flex:1;padding:6px 4px}.spl{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:4px;background:#171e28;border:1px solid #253244;border-radius:6px;cursor:pointer;-webkit-touch-callout:none;user-select:none}.spl img{width:100%;max-width:46px;height:auto;pointer-events:none}.spl:hover{border-color:#3a4c66;background:#1c2532}.spl.short img{opacity:.45}.spl.lock{cursor:default}.spl.lock img{filter:grayscale(1);opacity:.3}.spl em{position:absolute;right:3px;bottom:2px;font:700 11px var(--body);font-style:normal;color:var(--muted);text-shadow:0 1px 2px #000}.spl.auto{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d8b25a80}.spl.auto:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 4px var(--gold)}.spl[aria-pressed=true]:not(.auto){border-color:var(--sky);box-shadow:0 0 0 1px var(--sky)}#itip .tcost{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--parch)}#itip .tcost i{font-style:normal;display:inline-flex;align-items:center;gap:3px}#itip .tcost img{width:16px;height:16px}#itip .tcost i.short,#itip .tbad{color:#ff9a8a}#itip .tgood{color:#9fd08a}.rec[aria-pressed=true]{outline:1px solid var(--gold)}#hover .o{color:#5fd8e0}#hover .n{color:#f2e35a}#hover .i{color:#f0a24b}#hud{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.bar{width:132px;height:18px;border:1px solid #000;background:#3a1210;position:relative;border-radius:3px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#3fa042,#22702a);transition:width .2s}.bar span{position:relative;display:block;text-align:center;font-size:12px;font-weight:800;line-height:16px;color:#fff;text-shadow:1px 1px 0 #000;font-variant-numeric:tabular-nums}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:var(--display);font-size:26px;color:var(--gold);text-shadow:2px 2px 0 #000,0 0 12px rgba(0,0,0,.8);pointer-events:none;opacity:0;transition:opacity .4s;text-align:center;white-space:nowrap}#zoom{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}#zoom button{width:34px;height:34px;border-radius:50%;border:1px solid var(--edge);background:#131a23d9;color:var(--parch);font-size:18px;font-weight:800;cursor:pointer}#chat{height:96px;overflow-y:auto;background:var(--slab);border:2px solid var(--edge);border-radius:6px;padding:6px 10px;box-sizing:border-box;font-size:14px;line-height:1.35}#chat p{margin:0}#chat .lv{color:var(--gold)}#chat .bad{color:#ff8a7a}#chat .sys{color:var(--sky)}#chat .rare{color:#f0c34a;font-weight:700}#chat .warn{color:#f0a24b;font-weight:700}#panel{min-height:0;display:flex;flex-direction:column;background:var(--slab);border:2px solid var(--edge);border-radius:6px;overflow:hidden}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-bottom:2px solid var(--edge)}.tabs button{font-family:var(--display);font-size:15px;padding:9px 2px;background:var(--slab-2);color:var(--muted);border:0;border-right:1px solid var(--edge);cursor:pointer}.tabs button:last-child{border-right:0}.tabs button[aria-selected=true]{background:var(--slab);color:var(--gold)}button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.pane{flex:1;min-height:0;overflow-y:auto;padding:12px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--edge);border-radius:4px;overflow:hidden}.seg button{background:transparent;color:var(--muted);border:0;padding:5px 12px;font:600 13px var(--body);cursor:pointer}.seg button[aria-pressed=true]{background:var(--slab-2);color:var(--parch)}.seg button.drop[aria-pressed=true]{color:#ff9a8a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.slot{aspect-ratio:1;max-width:100%;background:#171e28;border:1px solid #253244;border-radius:4px;position:relative;padding:0;cursor:pointer}.slot img{position:absolute;inset:10%;width:80%;height:80%}.slot .q{position:absolute;left:3px;top:1px;font-size:12px;font-weight:800;color:#f2e35a;text-shadow:1px 1px 0 #000;font-variant-numeric:tabular-nums}.slot:hover{border-color:var(--edge)}.slot.empty{cursor:default}.skills{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sk{background:#171e28;border:1px solid #253244;border-radius:4px;padding:7px 9px;cursor:pointer;text-align:left;color:var(--parch);font:inherit}.sk .t{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.sk .nm{font-weight:700;font-size:14px}.sk .lv{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)}.sk .xb{height:4px;background:#0c1016;border-radius:2px;margin-top:6px;overflow:hidden}.sk .xb i{display:block;height:100%}.detail{margin-top:10px;font-size:13px;color:var(--muted);min-height:2.6em;font-variant-numeric:tabular-nums}.styles{display:grid;gap:6px}.style{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:#171e28;border:1px solid #253244;border-radius:4px;padding:9px 11px;color:var(--parch);font:inherit;cursor:pointer;text-align:left}.style span{font-weight:600}.style small{color:var(--muted);font-size:12px;line-height:1.3}.style[aria-pressed=true]{border-color:var(--gold);background:#192535}dl{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:4px 12px;margin:14px 0;font-variant-numeric:tabular-nums}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:700}#cstats dt.gh{margin-top:6px;color:var(--parch);font-weight:600}#cstats dt.gb{padding-left:12px}.btn{background:var(--slab-2);color:var(--parch);border:1px solid var(--edge);border-radius:4px;padding:7px 12px;font:600 13px var(--body);cursor:pointer}.btn.warn{color:#ff9a8a}.note{font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.4}.dlg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column;background:var(--slab);border:2px solid var(--edge);border-radius:6px;box-shadow:0 12px 30px #0009}.dlg .hd{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;border-bottom:1px solid var(--edge)}.dlg h2{font-family:var(--display);font-weight:400;font-size:21px;margin:0;color:var(--gold)}.dlg .lvl{font-size:13px;color:var(--muted);margin-left:8px;font-family:var(--body)}.dlg .list{overflow-y:auto;padding:8px;display:grid;gap:4px;min-height:0}.rec{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:#171e28;border:1px solid #253244;border-radius:4px;padding:5px 9px;color:var(--parch);font:inherit;text-align:left;cursor:pointer}.rec img{width:34px;height:34px}.rec .nm{font-weight:700;font-size:14px}.rec small{color:var(--muted);display:block;font-size:12px}.rec small b.xp{color:#9fd08a;font-weight:700}.rec .ct{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800;font-size:13px}.rec.no{opacity:.45}.rec.no .ct{color:var(--muted)}.rec[aria-pressed=true]{border-color:var(--gold);background:#192535;opacity:1}.dlg .ft{display:flex;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid var(--edge);flex-wrap:wrap}.dlg .sel{flex:1;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step{display:inline-flex;align-items:center;border:1px solid var(--edge);border-radius:4px;overflow:hidden}.step button{width:36px;height:34px;background:var(--slab-2);color:var(--parch);border:0;font-size:20px;font-weight:800;cursor:pointer}.step button:disabled,.btn:disabled{opacity:.4;cursor:default}.step output,.step input{min-width:38px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.step input{width:62px;height:34px;box-sizing:border-box;background:#121820;border:0;border-inline:1px solid var(--edge);color:var(--parch);font:800 15px var(--body);padding:0 4px;-moz-appearance:textfield}.step input:focus{outline:2px solid var(--gold);outline-offset:-2px;background:#0c1016}.shoptabs{display:flex;gap:10px;align-items:center;padding:8px 10px 0}.shoptabs .note{margin:0;font-size:12px}#inv .slot{touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#inv .slot:not(.empty){touch-action:none}.slot.lift{opacity:.35}.slot.over{border-color:var(--gold);background:#192535}.menu{position:absolute;min-width:170px;max-width:calc(100% - 16px);background:var(--slab);border:2px solid var(--edge);border-radius:5px;box-shadow:0 8px 20px #0009;z-index:5;overflow:hidden}.menu.float{position:fixed;z-index:60;max-width:calc(100vw - 16px)}.menu .mh{font-family:var(--display);color:var(--gold);font-size:15px;padding:5px 10px;border-bottom:1px solid var(--edge);background:var(--slab-2)}.menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:#fff;font:600 14px var(--body);padding:6px 10px;text-align:left;cursor:pointer}.menu button:hover,.menu button:focus-visible{background:#243141}.menu img{width:22px;height:22px}.menu .i{color:#f0a24b}#worldmap.big{width:min(1040px,calc(100vw - 24px));height:min(840px,calc(100vh - 24px));height:min(840px,calc(100dvh - 24px))}.dlg.big{position:fixed;z-index:50}#shade{position:fixed;inset:0;z-index:49;background:#030609b8}.dlg{z-index:4}@media(max-width:520px){#worldmap .lvl{display:none}}.mapwrap{flex:1;min-height:0;padding:8px}#mapcv{width:100%;height:100%;display:block;cursor:grab;touch-action:none;border-radius:4px;background:#97aac3}#mmwrap{position:relative;width:110px;height:110px;pointer-events:auto}#minimap{width:110px;height:110px;display:block;border-radius:50%;cursor:pointer;touch-action:none;box-shadow:0 2px 6px #00000080}#mmmap{position:absolute;left:-6px;bottom:-2px;width:32px;height:32px;border-radius:50%;border:2px solid #0c131c;background:#263d5c;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 1px 3px #0009}#mmmap:hover{background:#2e4c72}@media(max-width:520px){#mmwrap,#minimap{width:88px;height:88px}#mmmap{width:28px;height:28px}}.mapctl{display:flex;gap:4px;margin-left:auto;margin-right:6px}.mapctl button{min-width:32px;height:30px;border-radius:6px;border:1px solid #000;background:#1a2a3e;color:#cad8eb;font:700 14px var(--body);cursor:pointer;padding:0 8px}.mapctl button:hover{background:#213651}.mapwrap{position:relative}.legend{position:absolute;left:18px;bottom:18px;width:236px;max-height:calc(100% - 36px);display:flex;flex-direction:column;background:#111821f2;border:1px solid var(--edge);border-radius:8px;box-shadow:0 6px 18px #0000008c;font-size:13px;color:var(--parch);overflow:hidden}.legend .lghd{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px}.legend .lgtoggle{flex:1;display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--gold);font:400 17px var(--display);padding:4px 6px;cursor:pointer;text-align:left}.legend .lgtoggle .chev{font-size:12px;color:var(--muted);transition:transform .15s;display:inline-block}.legend.shut .lgtoggle .chev{transform:rotate(-90deg)}.legend.shut .lgbody{display:none}.legend .lgclear{background:var(--slab-2);border:1px solid var(--edge);border-radius:12px;color:var(--parch);font:600 12px var(--body);padding:2px 10px;cursor:pointer}.legend .lgclear:hover{border-color:var(--gold)}.legend .lgbody{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--edge)}.legend .lgsearch{margin:8px 8px 4px;background:#0f151d;border:1px solid var(--edge);border-radius:5px;color:var(--parch);font:500 14px var(--body);padding:6px 9px;min-width:0}.legend .lgsearch:focus{outline:2px solid var(--gold);outline-offset:-1px}.legend .lglist{overflow-y:auto;min-height:0;padding:0 6px 4px}.legend h4{margin:8px 4px 3px;font:700 11px var(--body);letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.legend .lgi{display:flex;align-items:center;gap:2px}.legend .lgpick{flex:1;display:flex;align-items:center;gap:9px;min-width:0;background:none;border:1px solid transparent;border-radius:6px;color:var(--parch);font:600 14px var(--body);padding:3px 6px 3px 3px;cursor:pointer;text-align:left}.legend .lgpick span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend .lgpick small{color:var(--muted);font-weight:600;font-size:12px;white-space:nowrap}.legend .lgpick img{width:26px;height:26px;flex:none}.legend .lgpick:hover{background:var(--slab-2)}.legend .lgpick[aria-pressed=true]{border-color:var(--gold);background:var(--slab-2);color:#fff}.legend .lgpick[aria-pressed=true] small{color:var(--gold)}.legend .lgeye{flex:none;width:30px;height:30px;display:grid;place-items:center;background:none;border:0;border-radius:6px;color:var(--muted);cursor:pointer;padding:0}.legend .lgeye:hover{color:var(--parch);background:var(--slab-2)}.legend .lgi.off .lgpick{opacity:.45}.legend .lgnone{margin:8px 6px;color:var(--muted);font-size:13px}@media(max-width:520px){.legend{left:12px;bottom:12px;width:min(236px,calc(100% - 24px));max-height:calc(100% - 24px)}}#zoom #qbtn{width:auto;padding:0 13px;border-radius:17px;font:700 14px var(--body)}.ovhint{margin:8px 12px 0;font-size:12.5px}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px}#bankwin{height:min(540px,calc(100% - 24px))}#bankwin .list{flex:1;align-content:start}body:not(.m) #bankwin{width:min(680px,calc(100% - 24px));height:calc(100% - 24px);z-index:5}body:not(.m).chat-open #chat,body:not(.m).chat-open #chathead,body:not(.m).chat-open #chatform{z-index:6}body:not(.m) #bankwin .bgrid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.stepper{display:inline-flex;gap:6px;align-items:center}.btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.ovbar{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ovbar .lbl{color:var(--gold)}.tabs button:disabled{opacity:.32;cursor:not-allowed}.slot .pr{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:800;color:#f2e35a;text-shadow:1px 1px 0 #000;font-variant-numeric:tabular-nums}#talk{width:min(520px,calc(100% - 24px));z-index:20}.talkbody{margin:0;padding:10px 14px 8px;line-height:1.45;font-size:15px;overflow-y:auto;min-height:0;flex-shrink:1}.opts{display:grid;gap:4px;padding:2px 10px 10px;overflow-y:auto;min-height:0;flex-shrink:2}.opt{text-align:left;background:#171e28;border:1px solid #253244;border-radius:4px;color:var(--sky);font:600 14px var(--body);padding:7px 10px;cursor:pointer}.opt:hover,.opt:focus-visible{border-color:var(--gold);color:#fff}.menu .o{color:#5fd8e0}.stats .pn{color:var(--parch);font-weight:700}#creator{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#05080bcc;padding:16px;box-sizing:border-box;overflow-y:auto}.crbox{width:min(460px,100%);box-sizing:border-box;background:var(--slab);border:2px solid var(--edge);border-radius:8px;padding:18px 18px 16px;box-shadow:0 20px 50px #0009}.crbox h2{font-family:var(--display);font-weight:400;color:var(--gold);font-size:27px;margin:0 0 4px;text-wrap:balance}.crbox .lead{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.4}.crgrid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start}#crprev{width:110px;height:140px;background:radial-gradient(circle at 50% 78%,#5a8a3a,#26391b 75%);border-radius:6px;border:1px solid var(--edge)}.crf{display:grid;gap:6px;min-width:0}.crf .lbl{margin-top:8px}.crf .seg{justify-self:start}#crname{background:#121820;border:1px solid var(--edge);border-radius:4px;color:var(--parch);font:600 16px var(--body);padding:8px 10px;min-width:0}#crname:focus{outline:2px solid var(--gold);outline-offset:-1px}#crpron{display:flex;flex-wrap:wrap}.swatches{display:flex;gap:8px;flex-wrap:wrap}.sw{width:30px;height:30px;border-radius:50%;border:2px solid #000;cursor:pointer;padding:0}.sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold)}#crerr{color:#ff9a8a;min-height:1.2em;margin:10px 0 0}.crnameset{font-size:18px;font-weight:700;color:var(--gold);padding:6px 0}#crgo{width:100%;margin-top:6px;padding:10px;font-size:15px;background:#6b4f1d;border-color:var(--gold);color:#e1e9f4}@media(max-width:420px){.crgrid{grid-template-columns:1fr}#crprev{margin:0 auto}}.spells{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.cost{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}.cost span{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.cost img{width:16px;height:16px}.cost .short{color:#ff9a8a}#buffs{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.bf{font:700 11.5px var(--body);background:#090f17d1;border:1px solid #000;border-radius:3px;padding:2px 7px;color:#fff;display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 #000}.bf i{width:9px;height:9px;border-radius:50%;border:1px solid #000}.bf.low{color:#ffb4a8}.bf.bad{color:#ff9a8a;border-color:#8a2a20;background:#280a0ad9}#qtrack{margin-top:2px;max-width:200px;background:#090f17d9;border:1px solid #000;border-left:3px solid var(--gold);border-radius:3px;padding:4px 8px;font-size:12px;line-height:1.3;color:#fff;text-shadow:1px 1px 0 #000;text-align:left}#qtrack b{display:block;font-family:var(--display);font-weight:400;font-size:13.5px;color:var(--gold)}#quests.big{width:min(640px,calc(100vw - 24px));height:min(760px,calc(100vh - 24px));height:min(760px,calc(100dvh - 24px))}.qcard{background:#171e28;border:1px solid #253244;border-radius:5px;padding:12px 14px;display:grid;gap:6px}.qhead{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.qhead .qn{flex:1;min-width:0;font-family:var(--display);font-size:21px;color:var(--gold)}.qhead .chev{color:var(--muted);transition:transform .15s;font-size:14px}.qhead[aria-expanded=true] .chev{transform:rotate(90deg)}.qcard .qsum{font-size:13px;color:var(--muted)}#qlist{align-content:start}.qline{display:flex;align-items:baseline;gap:8px;margin:10px 2px 2px;padding-bottom:4px;border-bottom:1px solid var(--edge)}.qline:first-child{margin-top:0}.qline .qlname{font-family:var(--display);font-size:18px;color:var(--parch)}.qline.main .qlname{color:var(--gold)}.qline .qltag{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#1b1408;background:var(--gold);border-radius:4px;padding:1px 6px}.qline .qlcount{margin-left:auto;font-size:12px;color:var(--muted)}.qsort{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px;font-size:12.5px;color:var(--muted)}@media(max-width:520px){.qsort .qsl,#quests .lvl{display:none}}.qsort select{background:var(--slab-2);border:1px solid var(--edge);border-radius:6px;color:var(--parch);font:600 13px var(--body);padding:4px 6px}.qcard h3{font-family:var(--display);font-weight:400;font-size:21px;color:var(--gold);margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.qchip{font:800 11px var(--body);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:3px 7px;border:1px solid}.qchip.todo{color:#ff9a8a;border-color:#7a3a32}.qchip.doing{color:#f2e35a;border-color:#7a6a2a}.qchip.done{color:#8fd16a;border-color:#3f6a2a}.qmeta{font-size:12.5px;color:var(--muted)}.qlog p{margin:6px 0;font-size:14.5px;line-height:1.45}.qlog p.past{text-decoration:line-through;color:var(--muted)}.qlog p.now{color:#fff}.qrew{margin:4px 0 0;padding-left:18px;font-size:13.5px;color:var(--parch)}#qdone{width:min(380px,calc(100% - 24px));text-align:center;z-index:40}body.m #stage #qdone{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 28px));max-height:calc(100% - 40px);overflow-y:auto;border-radius:14px;border-width:1px;box-shadow:0 10px 40px #0009}.qdbody{padding:18px 20px 16px;display:grid;gap:8px;justify-items:center}.qdbody h2{font-size:26px!important}.qdbody ul{list-style:none;padding:0;margin:4px 0 6px;display:grid;gap:3px;font-size:14px}.qdbody li:before{content:"✦ ";color:var(--gold)}#itip{position:fixed;z-index:70;max-width:240px;background:#0d131bf7;border:1px solid var(--edge);border-radius:5px;padding:8px 10px;display:grid;gap:3px;font-size:12.5px;line-height:1.35;color:var(--muted);box-shadow:0 8px 20px #0000008c;pointer-events:none}#itip b{color:var(--gold);font-family:var(--display);font-weight:400;font-size:16px}#itip span:first-of-type{color:var(--parch)}.seg button#m-info[aria-pressed=true]{color:var(--sky)}.bar.low{animation:hpPulse .7s ease-in-out infinite alternate;border-color:#ff5a3c}@keyframes hpPulse{0%{box-shadow:0 0 #ff462800}to{box-shadow:0 0 12px 3px #ff4628d9}}@media(prefers-reduced-motion:reduce){.bar.low{animation:none;box-shadow:0 0 0 2px #ff5a3c}}#chat.quiet .spam{display:none}#chat.stamps p[data-t]:before{content:attr(data-t);color:#6f849e;font-size:.82em;font-weight:400;margin-right:6px;font-variant-numeric:tabular-nums}.toggle{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--parch);cursor:pointer}.toggle input{width:18px;height:18px;accent-color:#c9a03f}#craft .craftfilt{padding:8px 14px 2px;font-size:13px;color:var(--muted)}#craft .craftfilt[hidden]{display:none}body.m #craft .craftfilt{font-size:15px;padding:10px 14px 4px}body.m #craft .craftfilt input{width:22px;height:22px}.ghost{position:fixed;width:52px;height:52px;pointer-events:none;transform:translate(-50%,-50%);z-index:50;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.sect{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 2px 0}.x{background:none;border:0;color:var(--parch);font-size:24px;cursor:pointer;line-height:1;padding:2px 8px}.gear{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:220px;margin:0 auto 4px}#belt{max-width:220px;margin:6px auto 8px}#belt .beltlbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8aa);margin:0 0 4px 2px}#belt .beltrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#belt .slot.soon{opacity:.45}.ph{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#55667c;text-transform:uppercase;letter-spacing:.06em}@media(max-width:760px){#app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding-block:8px 10px;gap:8px}h1{font-size:23px}.sub{display:none}#panel{height:min(310px,40vh)}#chat{height:64px;font-size:13px}.bar{width:110px}#toast{font-size:20px}}@media(prefers-reduced-motion:reduce){#toast{transition:none}}#login{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#05080bd9;padding:16px;box-sizing:border-box;overflow-y:auto}#login .field{background:#121820;border:1px solid var(--edge);border-radius:4px;color:var(--parch);font:600 16px var(--body);padding:8px 10px;min-width:0}#login .field:focus{outline:2px solid var(--gold);outline-offset:-1px}#lgerr{color:#ff9a8a;min-height:1.2em;margin:10px 0 0}#lgban{margin:12px 0 0;padding:10px 12px;border:1px solid #7a3a32;border-radius:5px;background:#c84b3c1f;display:grid;gap:4px;font-size:14px;line-height:1.4}#lgban b{color:#ff9a8a}#lgban .note{color:var(--muted);font-size:13px}#lgban a{color:var(--gold)}.lgbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.lgbtns .btn{padding:10px;font-size:15px}#lgin{background:#6b4f1d;border-color:var(--gold);color:#e1e9f4}.lgagree{display:flex;gap:9px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--muted);cursor:pointer}.lgagree input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:#c9a03f}.lgagree a,.tmlinks a{color:var(--gold)}#termsdlg{position:fixed;inset:0;z-index:72;display:grid;place-items:center;background:#05080bd9;padding:16px;box-sizing:border-box;overflow-y:auto}.tmlinks{display:flex;gap:16px;flex-wrap:wrap;margin:0;font-size:15px}#tmerr{color:#ff9a8a;min-height:1.2em;margin:10px 0 0}#tmok{background:#6b4f1d;border-color:var(--gold);color:#e1e9f4}#delform .field{background:#121820;border:1px solid var(--edge);border-radius:4px;color:var(--parch);font:600 16px var(--body);padding:8px 10px;min-width:0}#chatform{margin-top:4px}#chattext{width:100%;box-sizing:border-box;background:var(--slab);border:2px solid var(--edge);border-radius:6px;color:var(--parch);font:14px var(--body);padding:6px 10px}#chattext:focus{outline:2px solid var(--gold);outline-offset:-1px}#chat .say b{color:var(--gold);font-weight:700}#chat .lc{display:inline-block;margin-right:5px;padding:0 5px;border:1px solid #4f7a5c;border-radius:6px;color:#8fd0a0;font-size:.78em;font-weight:700;line-height:1.35;vertical-align:1px}#lgrefresh{width:100%;margin-top:8px;padding:10px;font-size:15px;background:#6b4f1d;border-color:var(--gold);color:#e1e9f4}#chat .pm{color:#e8a0e8;cursor:pointer}#chat .pm b{color:#f0b8f0}#chat .treq{color:#e8a0e8;cursor:pointer;text-decoration:underline}#chat .treq.done{text-decoration:none;cursor:default;opacity:.7}#chatform{display:flex;gap:6px}#chatto{flex:none;background:#3a2440;border:2px solid #7a4f86;border-radius:6px;color:#f0c8f0;font:600 13px var(--body);padding:0 10px;cursor:pointer;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}#hover .p,#menu .p{color:#f0e6a0}.frform{display:flex;gap:6px;margin:4px 0 10px}.frform .field{flex:1;min-width:0;background:#121820;border:1px solid var(--edge);border-radius:4px;color:var(--parch);font:600 14px var(--body);padding:6px 8px}.fr{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#171e28;border:1px solid #253244;border-radius:4px;margin-top:5px}.fr i{width:9px;height:9px;border-radius:50%;background:#48586e;flex:none}.fr.on i{background:#8fd16a}.fr .nm{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr:not(.on) .nm{color:var(--muted)}.fr .btn{padding:4px 8px;font-size:12px}#pane-friends>.lbl{display:block;margin-top:8px}#frlist>.lbl{display:block;margin-bottom:2px}.instop{font-size:14px;color:var(--muted);margin-bottom:6px}.instop b{color:var(--gold)}#insskills{grid-template-columns:1fr 1fr 1fr}.trrow{display:flex;align-items:center;gap:8px;padding:3px 2px;font-size:14px}.trrow img{width:28px;height:28px}#tradewin{width:min(460px,calc(100% - 24px))}.trcols{grid-template-columns:1fr 1fr;align-items:start;gap:10px!important}.trcols section{display:grid;gap:6px;align-content:start;min-width:0}.trcols .bgrid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.trlist{display:grid;gap:2px}.trworth{font-size:12px;color:var(--muted)}.trstatus{margin:0;padding:0 12px 6px;font-size:13.5px;min-height:1.2em;color:var(--muted)}.trstatus.ok{color:#8fd16a}.trstatus.warn{color:#ff9a8a;font-weight:700}#chat .crown{display:inline-block;vertical-align:-1px;margin-right:3px;color:#d4dbe3}#chat .crown.admin{color:#f2c94c}#chat .announce{color:#f2d27a;font-weight:700}#chat .announce b{color:#ffe7a0}.monly{display:none}body:not(.m) #mheart{display:block;position:absolute;left:-16px;bottom:-20px;width:58px;height:54px;pointer-events:none}body:not(.m) #hpbar{display:none}body:not(.m) #mmmap{left:auto;right:-6px}body:not(.m) #mmwrap{margin-bottom:16px}body:not(.m) #mmwrap,body:not(.m) #minimap{width:clamp(110px,22vh,170px);height:clamp(110px,22vh,170px)}body:not(.m) #view{position:relative;grid-template-rows:minmax(0,1fr)}body:not(.m) #mchatbtn{display:grid;place-items:center;position:absolute;left:12px;bottom:12px;width:44px;height:44px;border-radius:22px;background:#131a23eb;border:1px solid var(--edge);color:var(--parch);padding:0;cursor:pointer;z-index:4}body:not(.m) #mchatbtn:hover{background:var(--slab-2)}body:not(.m) #chat{-webkit-mask-image:linear-gradient(transparent,#000 14px);mask-image:linear-gradient(transparent,#000 14px);position:absolute;left:66px;bottom:14px;width:min(440px,calc(100% - 300px));height:auto;max-height:92px;overflow:hidden;background:#090f179e;border:0;border-radius:10px;padding:7px 11px;font-size:14px;line-height:1.35;z-index:4;transition:opacity .6s;cursor:pointer}body:not(.m) #chat.idle{opacity:.45}body:not(.m) #chatform{display:none}body:not(.m).chat-open #mchatbtn{display:none}body:not(.m).chat-open #chathead{display:flex;align-items:center;gap:6px;position:absolute;left:12px;width:min(560px,calc(100% - 24px));box-sizing:border-box;bottom:316px;background:var(--slab);border:1px solid var(--edge);border-bottom:0;border-radius:12px 12px 0 0;padding:6px 6px 6px 14px;z-index:10;box-shadow:0 -6px 18px #00000059}body:not(.m).chat-open:not(.online) #chathead{bottom:272px}body:not(.m) #chathead .ttl{font-size:20px}body:not(.m) #chathead .cf button{height:28px;padding:0 10px;font-size:12.5px;border-radius:14px}body:not(.m) #chathead .x{width:32px;height:32px}body:not(.m).chat-open #chat{-webkit-mask-image:none;mask-image:none;left:12px;width:min(560px,calc(100% - 24px));box-sizing:border-box;bottom:56px;height:260px;max-height:none;overflow-y:auto;background:#151c26;border:1px solid var(--edge);border-top:0;border-bottom:0;border-radius:0;padding:8px 14px;font-size:14.5px;line-height:1.4;opacity:1;z-index:10;cursor:auto}body:not(.m).chat-open:not(.online) #chat{bottom:12px;border-bottom:1px solid var(--edge);border-radius:0 0 12px 12px}body:not(.m).chat-open #chatform:not([hidden]){display:flex;position:absolute;left:12px;width:min(560px,calc(100% - 24px));box-sizing:border-box;bottom:12px;height:44px;margin:0;padding:6px 8px;background:var(--slab);border:1px solid var(--edge);border-top:0;border-radius:0 0 12px 12px;z-index:10}body.m{--navh: calc(64px + env(safe-area-inset-bottom)) ;--top: calc(env(safe-area-inset-top) + 10px) ;overscroll-behavior:none}body.m #app{position:fixed;inset:0;padding:0;display:block}body.m header,body.m #hover,body.m #zoom,body.m #mmmap,body.m #hpbar,body.m .tabs{display:none}body.m #view{position:absolute;inset:0;display:block}body.m #stage{position:absolute;left:0;right:0;top:0;bottom:var(--navh);border:0;border-radius:0;box-shadow:none}body.m #mleft{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:absolute;left:10px;top:var(--top);max-width:calc(100% - 150px);z-index:3}#mpill{display:flex;align-items:center;gap:8px;background:#131a23e0;border:1px solid var(--edge);border-radius:26px;padding:4px 14px 4px 4px;max-width:100%;box-sizing:border-box}#mmenu{flex:none;width:44px;height:44px;border-radius:22px;border:0;background:var(--slab-2);color:var(--parch);display:grid;place-items:center;padding:0;cursor:pointer}#mmenu[aria-expanded=true]{background:#2e4666}#mpill .mn{display:flex;flex-direction:column;line-height:1.15;min-width:0}#mname{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mlvl{font-size:12.5px;color:#9cadc3;white-space:nowrap}body.m #qtrack{margin:0;max-width:220px;font-size:13px;padding:6px 10px;border-radius:8px;border:1px solid var(--edge);border-left:3px solid var(--gold);background:#131a23e0}body.m #qtrack b{font-size:14.5px}#mmenuwin{position:absolute;left:10px;top:calc(var(--top) + 60px);z-index:13;width:236px;background:var(--slab);border:1px solid var(--edge);border-radius:12px;box-shadow:0 10px 26px #0009;padding:6px;display:grid;gap:2px}#mmenuwin>a{text-decoration:none}#mmenuwin>button,#mmenuwin>a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--parch);font:700 16px var(--body);text-align:left;cursor:pointer}#mmenuwin>button:active,#mmenuwin>button:hover,#mmenuwin>a:hover{background:var(--slab-2)}#mmenuwin svg{color:var(--gold);flex:none}.mzoom{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:48px;font:700 16px var(--body)}.mzoom span{flex:1}.mzoom button{width:44px;height:40px;border-radius:8px;border:1px solid var(--edge);background:var(--slab-2);color:var(--parch);font:800 20px var(--body);cursor:pointer}body.m #hud{top:var(--top);right:10px;gap:22px}body.m #mmwrap,body.m #minimap{width:108px;height:108px}body.m #minimap{box-shadow:0 0 0 3px var(--edge),0 3px 10px #0000008c}body.m #mheart{display:block;position:absolute;left:-16px;bottom:-20px;width:58px;height:54px;pointer-events:none}#mheart svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}#mheart span{position:absolute;left:0;right:0;top:13px;text-align:center;font:800 18px var(--body);color:#fff;text-shadow:0 1px 2px #2a1210,0 0 3px #2a1210;font-variant-numeric:tabular-nums}#mheart.low svg{animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#mheart.low svg{animation:none}}body.m #chat{-webkit-mask-image:linear-gradient(transparent,#000 14px);mask-image:linear-gradient(transparent,#000 14px);position:absolute;left:10px;bottom:calc(var(--navh) + 10px);width:min(290px,calc(100% - 84px));height:auto;max-height:70px;overflow:hidden;background:#090f179e;border:0;border-radius:10px;padding:7px 10px;font-size:14px;line-height:1.3;z-index:4;transition:opacity .6s;cursor:pointer}body.m #chat.idle{opacity:.4}body.m #mchatbtn{display:grid;place-items:center;position:absolute;right:10px;bottom:10px;width:48px;height:48px;border-radius:24px;background:#131a23eb;border:1px solid var(--edge);color:var(--parch);padding:0;cursor:pointer;z-index:4}#mbadge{position:absolute;right:-3px;top:-3px;min-width:19px;height:19px;padding:0 4px;box-sizing:border-box;border-radius:10px;background:#b54fb5;color:#fff;font:800 11.5px/19px var(--body);text-align:center}body.m.chat-open #chat{-webkit-mask-image:none;mask-image:none;left:0;right:0;width:auto;bottom:calc(var(--navh) + 58px);height:min(46vh,380px);max-height:none;overflow-y:auto;background:#151c26;border-radius:0;padding:8px 14px;font-size:15.5px;line-height:1.4;opacity:1;z-index:10;cursor:auto}body.m.chat-open:not(.online) #chat{bottom:var(--navh)}body.m.chat-open #chathead{display:flex;align-items:center;gap:6px;position:absolute;left:0;right:0;bottom:calc(var(--navh) + 58px + min(46vh,380px));background:var(--slab);border-top:1px solid var(--edge);border-radius:16px 16px 0 0;padding:10px 8px 8px 14px;z-index:10;box-shadow:0 -6px 18px #00000059}body.m.chat-open:not(.online) #chathead{bottom:calc(var(--navh) + min(46vh,380px))}#chathead .ttl{font-family:var(--display);font-size:23px;color:var(--gold);margin-right:auto}#chathead .cf{display:flex;gap:5px}#chathead .cf button{height:36px;padding:0 11px;border:1px solid var(--edge);border-radius:18px;background:transparent;color:#9cadc3;font:700 13.5px var(--body);cursor:pointer}#chathead .cf button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:var(--slab-2)}#chathead .x{width:44px;height:44px}body.m #chatform{display:none}body.m.chat-open #chatform:not([hidden]){display:flex;position:absolute;left:0;right:0;bottom:var(--navh);margin:0;padding:7px 10px;box-sizing:border-box;background:var(--slab);z-index:10}body.m #chattext{height:44px;font-size:16px}body.m #chatto{height:44px}#chat[data-f=players] p:not(.say):not(.pm):not(.announce){display:none}#chat[data-f=whispers] p:not(.pm){display:none}#chat[data-f=local] p:not(.local){display:none}body:not(.chat-open) #chat.nolines{visibility:hidden}body.m.chat-open #mchatbtn,body.m.sheet #chat,body.m.sheet #mchatbtn,body.m.tray #chat,body.m.tray #mchatbtn{display:none}body.m #mnav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:absolute;left:0;right:0;bottom:0;height:var(--navh);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;background:var(--stone);border-top:2px solid var(--edge);z-index:11}#mnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-top:3px solid transparent;margin-top:-2px;background:none;color:#9cadc3;font:700 11.5px var(--body);cursor:pointer;padding:0}#mnav button[aria-pressed=true]{color:var(--gold);border-top-color:var(--gold);background:var(--slab)}#mnav button:disabled{opacity:.3;cursor:not-allowed}img.tabart{display:block;pointer-events:none;opacity:.55;transition:opacity .15s}#mnav button img.tabart{width:26px;height:26px}#mnav button[aria-pressed=true] img.tabart,.tabs button[aria-selected=true] img.tabart{opacity:1}.tabs button.hasart{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;padding:6px 2px 5px}.tabs button.hasart img.tabart{width:24px;height:24px}.tabs button.hasart:hover img.tabart{opacity:.8}.tabs button.hasart[aria-selected=true]:hover img.tabart{opacity:1}body.m #panel{display:none;height:auto;position:absolute;left:0;right:0;bottom:var(--navh);max-height:min(62vh,540px);border:0;border-top:1px solid var(--edge);border-radius:16px 16px 0 0;z-index:9;box-shadow:0 -6px 18px #00000059}body.m.tray #panel{display:flex}body.m #panel:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#44576f;margin:8px auto 0;flex:none}body.m .pane{padding:8px 12px 12px}body.m #inv{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}body.m #pane-inv .row{margin-bottom:8px}body.m .seg button{padding:9px 14px;font-size:14px}body.m .slot .q{font-size:11px}body.m #stage .dlg:not(.big){inset:auto 0 0;width:auto;transform:none;max-height:80%;border-radius:16px 16px 0 0;border-width:1px 0 0 0;box-shadow:0 -6px 18px #0006}body.m.ov #stage #shop,body.m.ov #stage #bankwin,body.m.ov #stage #tradewin,body.m #stage #talk{top:calc(env(safe-area-inset-top) + 6px);bottom:auto;left:6px;right:6px;max-height:calc(100% - 300px);border-radius:12px;border-width:1px}body.m #stage #talk{z-index:20;max-height:calc(100% - var(--navh) - 16px)}body.m .talkbody{font-size:17px;padding:12px 16px 10px}body.m .opts{gap:7px;padding:4px 12px 14px}body.m .opts button{min-height:50px;font-size:16px}body.m .dlg .hd .x{min-width:44px;min-height:44px}body.m .dlg.big{left:0!important;top:0!important;width:100%!important;height:100%!important;max-height:none;transform:none;border-radius:0;border:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}body.m .menu{z-index:12}body.m .menu button{min-height:46px;font-size:16px}body.m #toast{top:30%}body.m .dlg .sel{flex:0 0 auto;overflow:visible}body.m #craft .ft{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}body.m #craft .ft .sel{grid-column:1/-1;white-space:normal}body.m #craft .ft .step{grid-column:2}body.m #craft #qmax{grid-column:3;height:44px;min-width:64px}body.m #craft .step button{width:44px;height:44px}body.m #craft .step input{height:44px}body.m #craft #domake{grid-column:1/-1;height:54px;font-size:18px;font-weight:800;background:var(--gold);color:#1b1408;border-color:var(--gold)}body.m #craft #domake:disabled{background:var(--slab-2);color:var(--muted);border-color:var(--edge)}#bank.vmode .slot.nt{position:relative}#bank.vmode .slot.nt:after{content:"";position:absolute;right:4px;bottom:4px;width:12px;height:9px;border-radius:2px;background:#efe2bf;border:1px solid rgba(60,40,20,.85);box-shadow:inset 0 0 0 2px #efe2bf,inset 0 0 0 3px #785a3280}#bank.vmode .slot:not(.nt){opacity:.85}#bank .slot.phold img{opacity:.32;filter:grayscale(1)}#bank .slot.phold{background:transparent;border-style:dashed}#bph{padding:4px 8px;display:grid;place-items:center}#bph svg{display:block}.bankbar{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;padding:8px 10px;border-top:1px solid var(--edge);font-size:13px;color:var(--muted);flex-wrap:wrap}.bankbar .bdrag{display:flex}#bankwin .ft{border-top:0;padding-top:2px}.btabs{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:thin}.btabs button{flex:none;display:grid;place-items:center;width:44px;height:40px;padding:0;border-radius:6px 6px 0 0;border:1px solid var(--edge);border-bottom-width:3px;background:var(--stone);color:var(--parch);cursor:pointer;font:700 13px var(--body)}.btabs button img{width:30px;height:30px;pointer-events:none}.btabs button[aria-selected=true]{background:var(--slab-2);border-bottom-color:var(--gold);color:var(--gold)}.btabs button.new{border-style:dashed;color:var(--muted);font-size:20px;font-weight:400}.btabs button.over,#bank .slot.over{outline:2px solid var(--gold);outline-offset:-2px}#bank .tabsep{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:6px 0 2px}#bank .tabsep img{width:20px;height:20px}#bank .tabsep:after{content:"";flex:1;border-top:1px solid var(--line)}#bank .slot.lift{opacity:.35}body.m #packtog{display:inline-flex;margin-left:auto}body.m.ov.packmin #panel{display:none!important}body.m.ov.packmin #stage #bankwin{height:auto;max-height:calc(100% - 12px - env(safe-area-inset-top))}#bank .slot{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#iosinst{position:absolute;left:10px;top:calc(var(--top) + 60px);z-index:14;width:min(320px,calc(100% - 20px));box-sizing:border-box;background:var(--slab);border:1px solid var(--edge);border-radius:12px;box-shadow:0 10px 26px #0009;padding:14px 16px;display:grid;gap:8px}#iosinst h3{margin:0;font-family:var(--display);font-weight:400;font-size:21px;color:var(--gold)}#iosinst ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:1.4}#iosinst svg{vertical-align:-4px;color:var(--gold)}#iosinst .btn{justify-self:end;min-height:40px}.sset .sliders{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:14px;color:var(--parch)}.sset .sliders input{width:100%;accent-color:#c9a03f}.sset.mutedsnd .sliders{opacity:.45}#mm-snd .off,#mm-snd.muted .on{display:none}#mm-snd.muted .off{display:inline}#bugwin.big{width:min(520px,calc(100vw - 24px));height:min(760px,calc(100vh - 24px));height:min(760px,calc(100dvh - 24px))}.bugform{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.bugform .note{margin:0 0 4px;font-size:13px;color:var(--muted)}.bugform .lbl{margin-top:6px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.bugform>*{flex:none}.bugform .lbl .optl{text-transform:none;letter-spacing:0}.bugform textarea.field{min-height:84px}.bugform .field{background:#121820;border:1px solid var(--edge);border-radius:6px;color:var(--parch);font:15px var(--body);padding:8px 10px;resize:vertical;min-width:0}.bugform .field:focus{outline:2px solid var(--gold);outline-offset:-1px}.bugform select.field{padding:7px 8px}.bugwith{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;cursor:pointer}#bugimg{width:100%;border:1px solid var(--edge);border-radius:6px;display:block}#bugimg.off{opacity:.25;filter:grayscale(1)}.bugform .err{color:#ff8a7a;font-size:13px;margin:0;min-height:1em}#bugwin .ft{justify-content:flex-end}#bugsend{background:var(--gold);color:#1b1408;border-color:var(--gold);font-weight:800}#bugsend:disabled{opacity:.5}body.m #bugwin .ft{padding-bottom:max(10px,env(safe-area-inset-bottom))}body.m #bugwin .ft .btn{height:46px;padding:0 18px;font-size:15px}@keyframes guidepulse{0%,to{box-shadow:0 0 0 2px #f2c94c,0 0 6px 1px #f2c94c80}50%{box-shadow:0 0 0 2px #f2c94c,0 0 14px 4px #f2c94cd9}}.slot.guide,.tabs .guide{animation:guidepulse 1.1s ease-in-out infinite;border-color:#f2c94c}#loading{position:fixed;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1c2531,#0d1219 75%);transition:opacity .45s}#loading.out{opacity:0;pointer-events:none}#loading.bare .ldbox{display:none}body.loading #login{background:transparent}body.loadbar #login{display:none!important}#loading .ldbox{width:min(420px,calc(100vw - 48px));text-align:center}#loading h1{margin:0 0 22px;font-family:var(--display);font-weight:400;font-size:clamp(40px,9vw,64px);color:var(--gold);text-shadow:0 2px 0 #0b0f15,0 0 30px rgba(227,181,79,.18)}.ldtrack{height:14px;border:1px solid var(--edge);border-radius:8px;background:#0b0f15;overflow:hidden;box-shadow:inset 0 1px 3px #0009}#ldbar{height:100%;width:0;background:linear-gradient(#f0c869,#b8862f);border-radius:7px;transition:width .2s}#ldtxt{margin:12px 0 0;font-family:var(--body);color:var(--muted);font-size:15px}#settings .sset a{color:var(--gold)}
