:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d1513;--panel:#0f1917d6;--panel2:#1c2a26e6;--line:#e2ce9633;--parch:#ece2c6;--dim:#97a498;--gold:#e3b34c;--hp:#d5503f;--mp:#4c84dc;--xp:#b9c27a;--ok:#74c95c;--say:#f4d94a;--spell:#f4913a;--bad:#ff6a55;--display:"Grenze Gotisch","Alegreya Sans",Georgia,serif;--body:"Alegreya Sans","Trebuchet MS",system-ui,sans-serif;--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px)}html,body{background:var(--ink);height:100%;color:var(--parch);font:500 15px/1.3 var(--body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}[hidden]{display:none!important}#app{touch-action:none;position:fixed;inset:0;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.num{font-variant-numeric:tabular-nums}#float{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ft{will-change:transform;font:800 17px var(--body);text-shadow:0 1px #000,0 0 4px #000;white-space:nowrap;position:absolute;top:0;left:0}.ft>span{animation:1.8s ease-out forwards rise,1.8s linear forwards fade;display:block;transform:translate(-50%,-50%)}.ft.say{white-space:normal;font-size:14px;font-weight:700}.ft.say>span{text-align:center;max-width:60vw;animation:3.2s linear forwards hold}@keyframes rise{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% - 46px))}}@keyframes fade{0%,65%{opacity:1}to{opacity:0}}@keyframes hold{0%,85%{opacity:1}to{opacity:0}}#conds .debug{opacity:.7}#conds button.cond{color:inherit;cursor:pointer;pointer-events:auto}#status{left:10px;top:calc(8px + var(--sat));text-align:left;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;gap:5px;width:min(52vw,220px);padding:8px 10px 9px;display:grid;position:absolute}#status .who{justify-content:space-between;align-items:baseline;gap:8px;display:flex}#status .nm{font:600 19px/1 var(--display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#status .lv{color:var(--gold);white-space:nowrap;font-size:13px;font-weight:700}.bar{background:#0000008c;border-radius:4px;height:13px;position:relative;overflow:hidden}.bar i{border-radius:4px;width:50%;transition:width .25s;position:absolute;inset:0 auto 0 0}.bar b{font:700 10.5px/13px var(--body);text-align:center;text-shadow:0 1px 1px #000;letter-spacing:.03em;position:absolute;inset:0}.bar.hp i{background:linear-gradient(#e86a55,var(--hp))}.bar.mp i{background:linear-gradient(#6c9fee,var(--mp))}.bar.xp{height:5px}.bar.xp i{background:var(--xp)}#status .xpt{color:var(--dim);justify-content:space-between;font-size:11px;display:flex}@property --p{syntax:"<number>";inherits:false;initial-value:0}#status .skp{gap:12px;margin-top:2px;display:flex}.gauge{align-items:center;gap:5px;display:flex}.gauge .ring{width:22px;height:22px;color:var(--parch);background:radial-gradient(closest-side,#141f1c calc(100% - 3px),transparent calc(100% - 2.5px)), conic-gradient(var(--ok) calc(var(--p) * 1%),#0000008c 0);border-radius:50%;flex:none;place-items:center;transition:--p .25s;display:grid}.gauge svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.gauge .gv{line-height:1;display:grid}.gauge b{font-size:13px;font-weight:700}.gauge small{color:var(--dim);font-size:9.5px}.gauge.up{animation:1.8s ease-out skillup}@keyframes skillup{0%,30%{filter:brightness(1.7) drop-shadow(0 0 3px var(--ok))}to{filter:none}}.gauge[hidden]{display:none}#status.armed{width:min(58vw,240px)}#status.armed .skp{gap:10px}.gauge.ammo{margin-left:auto}.gauge.ammo.warn .ring,.gauge.ammo.warn b{color:var(--bad)}#conds{left:10px;top:calc(112px + var(--sat));pointer-events:none;flex-wrap:wrap;gap:5px;max-width:52vw;display:flex;position:absolute}#status.skilled~#conds{top:calc(142px + var(--sat))}.cond{font:700 10.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:4px 6px}.cond.warn{color:var(--bad);border-color:#ff6a5580}.cond.dim{color:var(--dim)}.cond.good{color:var(--ok)}.cond.info{color:var(--gold)}#topright{right:10px;top:calc(8px + var(--sat));align-items:flex-start;gap:6px;display:flex;position:absolute}#miniwrap{position:relative}#mini{border:1px solid var(--line);width:84px;height:84px;image-rendering:pixelated;touch-action:none;background:#000;border-radius:10px;transition:width .15s,height .15s;display:block}#mini.big{cursor:grab;width:210px;height:210px}#mini.big:active{cursor:grabbing}#miniCtl{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:6px;left:6px}#miniCtl[hidden],#miniHome[hidden]{display:none}.mbtn{background:var(--panel);border:1px solid var(--line);width:28px;height:26px;color:var(--parch);border-radius:7px;place-items:center;font-size:11px;line-height:1;display:grid}.mbtn:disabled{opacity:.35}.mzoom{gap:3px;display:flex}.mfloor{font:700 9.5px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--parch);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:3px 4px}.mhome{font-size:15px;position:absolute;bottom:6px;right:6px}.mfull{position:absolute;top:6px;right:6px}.mfull svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.fullmap #miniwrap{z-index:20;box-sizing:border-box;background:var(--ink);padding:calc(8px + var(--sat)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + var(--sab)) calc(8px + env(safe-area-inset-left,0px));position:fixed;inset:0}#mini.full{box-sizing:border-box;cursor:crosshair;border-radius:12px;width:100%;height:100%;transition:none}.fullmap .mbtn{border-radius:9px;width:44px;height:40px;font-size:15px}.fullmap .mfloor{padding:5px 6px;font-size:11px}.fullmap #miniCtl{left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + var(--sab));gap:5px}.fullmap .mzoom{gap:5px}.fullmap .mhome{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + var(--sab));font-size:20px}.mclose{right:calc(18px + env(safe-area-inset-right,0px));top:calc(18px + var(--sat));background:var(--panel);border:1px solid var(--line);width:44px;height:44px;color:var(--parch);border-radius:10px;font-size:26px;line-height:1;position:absolute}.mhint{left:50%;top:calc(24px + var(--sat));background:var(--panel);border:1px solid var(--line);text-align:center;max-width:calc(100% - 140px);color:var(--parch);pointer-events:none;border-radius:999px;margin:0;padding:7px 12px;font-size:13px;line-height:1.2;position:absolute;transform:translate(-50%)}.mhint.note{color:var(--gold)}#menuBtn{background:var(--panel);border:1px solid var(--line);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}#menuBtn i{background:var(--parch);width:16px;height:2px;box-shadow:0 5px 0 var(--parch),0 -5px 0 var(--parch);display:block}#battle{right:8px;top:calc(104px + var(--sat));gap:5px;width:124px;display:grid;position:absolute}.bl{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;min-height:38px;padding:6px 8px;display:grid}.bl .dot{border-radius:3px;grid-row:1/3;width:12px;height:12px}.bl .n{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1;overflow:hidden}.bl .h{background:#000;border-radius:2px;height:4px;overflow:hidden}.bl .h i{height:100%;display:block}#battleTools{justify-content:flex-end;gap:5px;display:flex;position:relative}#battleRows{gap:5px;display:grid}.bt{background:var(--panel);border:1px solid var(--line);width:26px;height:26px;color:var(--dim);opacity:.7;border-radius:7px;place-items:center;padding:0;display:grid}.bt svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:16px;height:16px}.bt.on{color:var(--gold);border-color:var(--gold);opacity:1}.bt-label{z-index:2;background:var(--panel);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:7px;padding:5px 8px;font-size:12px;line-height:1.2;position:absolute;top:30px;right:0}.bl.on{border-color:var(--hp);box-shadow:0 0 0 1px var(--hp) inset}#log{left:10px;right:150px;bottom:calc(134px + var(--sab));pointer-events:none;text-shadow:0 1px 1px #000,0 0 3px #000;flex-direction:column;gap:1px;font-size:13px;line-height:1.22;display:flex;position:absolute}#log div{animation:9s linear forwards logfade}@keyframes logfade{0%,80%{opacity:1}to{opacity:0}}.tone-status{color:#fff}.tone-look{color:var(--ok)}.tone-danger{color:var(--bad)}.tone-spell{color:var(--spell)}.tone-say{color:var(--say)}.tone-dim{color:var(--dim)}.tone-npc{color:#8fb7ff}.rarity-rare,.rarity-veryRare,.rarity-extremelyRare{font-weight:700}.rarity-rare{color:#4fb2ff}.rarity-veryRare{color:#c58cff}.rarity-extremelyRare{color:#ffb340;text-shadow:0 1px 1px #000,0 0 6px #ffa028cc}#log .rarity-veryRare{animation:1.4s ease-out flare}#log .rarity-extremelyRare{animation:1.4s ease-out 3 flare}@keyframes flare{0%,30%{text-shadow:0 1px 1px #000,0 0 8px,0 0 16px}}#chatBtn{left:10px;bottom:calc(92px + var(--sab));background:var(--panel);border:1px solid var(--line);border-radius:17px;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;font-size:13px;font-weight:700;display:flex;position:absolute}#chatBtn svg{fill:none;width:17px;height:17px;stroke:var(--say);stroke-width:2px;stroke-linejoin:round}#chatBtn kbd{font:700 10px/1 var(--body);color:var(--dim);border:1px solid var(--line);border-radius:4px;margin-left:2px;padding:2px 4px;display:none}@media (hover:hover) and (pointer:fine){#chatBtn kbd{display:inline-block}}#chat{left:10px;bottom:max(calc(88px + var(--sab)),calc(var(--kb,0px) + 8px));box-sizing:border-box;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:6px;width:min(420px,100% - 20px);padding:8px;display:grid;position:absolute;box-shadow:0 6px 20px #00000073}.chatlog{text-shadow:0 1px 1px #000;touch-action:pan-y;-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;align-content:start;gap:2px;max-height:min(30vh,210px);padding:0 2px;font-size:13.5px;line-height:1.25;display:grid;overflow-y:auto}.chatlog:empty{display:none}.chatbar{align-items:center;gap:6px;display:flex}.chatbar .x{flex:0 0 34px;height:34px}#chatIn{border:1px solid var(--line);min-width:0;color:var(--parch);font:600 16px var(--body);-webkit-user-select:text;user-select:text;background:#00000073;border-radius:9px;flex:1;padding:8px 11px}#chatIn:focus{border-color:var(--gold);outline:none}#chatIn::placeholder{color:var(--dim)}.chatting #log,.chatting #chatBtn{visibility:hidden}#bottom{padding:8px 10px calc(10px + var(--sab));pointer-events:none;background:linear-gradient(#0000,#050a09b8 55%);align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}#bottom>*{pointer-events:auto}#hotbar{scrollbar-width:none;touch-action:pan-x;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}#hotbar::-webkit-scrollbar{display:none}.slot{background:var(--panel2);border:1px solid var(--line);-webkit-touch-callout:none;border-radius:10px;flex:0 0 54px;place-items:center;height:58px;display:grid;position:relative;overflow:hidden}.slot img{pointer-events:none;-webkit-user-drag:none;width:30px;height:30px;margin-top:-8px}.slot .cap{font:700 9.5px/1 var(--body);letter-spacing:.02em;text-align:center;color:var(--spell);white-space:nowrap;position:absolute;bottom:3px;left:0;right:0}.slot .ct{font:700 11px/1 var(--body);position:absolute;top:3px;right:4px}.slot .mn{font:700 10px/1 var(--body);color:#8fb7ff;position:absolute;top:3px;left:4px}.slot.off{opacity:.42}.slot.item .cap{color:var(--parch)}.slot.equipped{border-color:var(--parch);box-shadow:inset 0 0 0 1px var(--parch)}.slot.gear .cap{white-space:normal;font-size:8.5px;line-height:1.05;bottom:2px}.slot .cd{transform-origin:bottom;background:#0009;position:absolute;inset:0;transform:scaleY(0)}.slot.cool .cd{animation:cool var(--cd,1s) linear}.slot{--hot:#ff3b2a;--light:#ffd27a;--mid:#ff8a2a;--halo:#ffb347;--fill:#ff6018b3;--fill2:#ffaa3c59;--fill3:#ffdc8c26}.slot.heal{--hot:#2a6bff;--light:#d4f6ff;--mid:#5ec8ff;--halo:#8fe3ff;--fill:#2878ffb3;--fill2:#6ec8ff59;--fill3:#c8f0ff26}.slot.charging:after{content:"";pointer-events:none;transform-origin:bottom;background:linear-gradient(to top,var(--fill),var(--fill2) 70%,var(--fill3));animation:charge-fill var(--hold,.45s) cubic-bezier(.45,0,.9,.6) forwards;position:absolute;inset:0}@keyframes charge-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.slot.aiming,.slot.auto{border-color:#0000}.slot.aiming{animation:.4s ease-out charged-flash,1.6s .4s infinite charged-glow}.slot.auto{animation:.4s ease-out healing-flash,1.6s .4s infinite healing-glow}.slot.aiming img,.slot.auto img{filter:drop-shadow(0 0 4px var(--halo));animation:1.6s ease-in-out infinite charged-stone}.slot.aiming:before,.slot.auto:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--spin),var(--hot),var(--light) 25%,var(--mid) 40%,transparent 55%,var(--hot) 80%,var(--light));-webkit-mask-composite:xor;padding:2px;animation:1.1s linear infinite charged-spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.slot.aiming:after,.slot.auto:after{content:"";pointer-events:none;background:radial-gradient(circle,var(--light) 0 1.5px,transparent 2px) 8px 0/22px 26px, radial-gradient(circle,var(--mid) 0 1.2px,transparent 1.7px) 0 9px/17px 21px;animation:1.4s linear infinite charged-embers;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.slot.auto.charging:after{background:linear-gradient(to top,var(--fill),var(--fill2) 70%,var(--fill3));animation:charge-fill var(--hold,.45s) cubic-bezier(.45,0,.9,.6) forwards;-webkit-mask:none;mask:none}@keyframes charged-spin{to{--spin:360deg}}@keyframes charged-flash{0%{background:#ffd282f2;box-shadow:0 0 22px 6px #ffa03ccc}}@keyframes charged-glow{0%,to{box-shadow:inset 0 -12px 18px -8px #ff6e1ea6,0 0 10px #ff8a2a73}30%{box-shadow:inset 0 -14px 20px -8px #ff8228cc,0 0 15px #ff8a2a99}55%{box-shadow:inset 0 -10px 16px -8px #ff64198c,0 0 8px #ff8a2a66}80%{box-shadow:inset 0 -15px 22px -8px #ff8c32d9,0 0 16px #ff9632a6}}@keyframes healing-flash{0%{background:#c8f0fff2;box-shadow:0 0 22px 6px #5ec8ffcc}}@keyframes healing-glow{0%,to{box-shadow:inset 0 -12px 18px -8px #2882ffa6,0 0 10px #5ec8ff73}30%{box-shadow:inset 0 -14px 20px -8px #46a0ffcc,0 0 15px #5ec8ff99}55%{box-shadow:inset 0 -10px 16px -8px #1e6eff8c,0 0 8px #5ec8ff66}80%{box-shadow:inset 0 -15px 22px -8px #5ab4ffd9,0 0 16px #78d2ffa6}}@keyframes charged-stone{50%{transform:scale(1.08)}}@keyframes charged-embers{to{background-position:8px -26px,0 -12px}}@media (prefers-reduced-motion:reduce){.slot.aiming,.slot.auto,.slot.aiming img,.slot.auto img,.slot.aiming:before,.slot.auto:before,.slot.aiming:after,.slot.auto:after{animation:none}}@keyframes cool{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.pre>#status,.pre>#topright,.pre>#bottom,.pre>#conds,.pre>#chatBtn{visibility:hidden}.bigmap #battle{top:calc(230px + var(--sat))}#bagBtn{background:var(--panel2);border:1px solid var(--line);border-radius:12px;flex:0 0 64px;place-items:center;height:64px;display:grid;position:relative}#bagBtn img{width:50px;height:50px;margin-top:-8px}#bagBtn span{font:700 9.5px/1 var(--body);text-align:center;color:var(--gold);position:absolute;bottom:3px;left:0;right:0}#ctx{right:10px;bottom:calc(98px + var(--sab));justify-items:end;gap:6px;display:grid;position:absolute}.pill{background:var(--gold);color:#241a05;white-space:nowrap;text-overflow:ellipsis;border-radius:22px;max-width:min(250px,64vw);padding:10px 16px;font-size:15px;font-weight:800;overflow:hidden;box-shadow:0 3px 10px #00000080}.pill.ghost{background:var(--panel);color:var(--parch);border:1px solid var(--line);padding:8px 12px;font-size:13px;font-weight:700}#stick{pointer-events:none;background:#ece2c60f;border:2px solid #ece2c659;border-radius:50%;width:96px;height:96px;margin:-48px 0 0 -48px;position:absolute}#stick i{background:#ece2c680;border-radius:50%;width:38px;height:38px;margin:-19px;position:absolute;top:50%;left:50%}#banner{text-align:center;pointer-events:none;font:800 46px/1 var(--display);color:var(--gold);text-shadow:0 2px #000,0 0 22px #e3b34c99;opacity:0;position:absolute;top:27%;left:0;right:0}#banner small{font:700 14px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--parch);margin-top:6px;display:block}#banner.show{animation:2.6s ease-out ban}#banner[data-tone=skill]{color:var(--ok);text-shadow:0 2px #000,0 0 22px #74c95c99}.tip{z-index:5;text-align:left;border:1px solid var(--line);width:min(100% - 32px,360px);color:var(--parch);font:500 14px/1.4 var(--body);cursor:pointer;background:#111c1af0;border-radius:12px;gap:4px;padding:12px 14px;animation:.3s ease-out tipIn;display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.tip[hidden]{display:none}.tip small{font:700 11px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.tip b{font:800 18px var(--display);color:var(--gold)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.tut{left:10px;right:10px;top:var(--tut-top,calc(8px + var(--sat)));z-index:6;border:1px solid var(--line);color:var(--parch);font:500 13px/1.35 var(--body);background:#111c1a;border-radius:12px;gap:5px;padding:8px 12px;animation:.3s ease-out tutIn;display:grid;position:absolute;box-shadow:0 8px 24px #00000080}#app:has(#sheet:not([hidden])) .tut .tbody{display:none}.tut.met{border-color:#74c95c99}.tut.met small{color:var(--ok)}.thead{align-items:center;gap:8px;display:flex}.tline{text-align:left;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.tline small{font:700 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);flex:none}.tline b{font:800 16px/1.15 var(--display);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tfold{border:1px solid var(--line);font:700 11.5px var(--body);color:var(--parch);background:var(--panel2);border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 9px;display:flex}.tfold:after{content:"";border:2px solid;border-width:0 2px 2px 0;width:7px;height:7px;transform:translateY(2px)rotate(225deg)}.tut.min .tfold:after{transform:translateY(-2px)rotate(45deg)}.tbody{gap:6px;display:grid}#tutText{margin:0}.tut.min .tbody{display:none}#app.training #conds,#app.training #battle{top:calc(var(--tut-bottom,150px) + 6px)}.tmeters{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:5px 14px;display:grid}.tmeter{color:var(--dim);grid-template-columns:1fr auto;gap:2px 8px;font-size:12.5px;display:grid}.tmeter b{color:var(--parch);font-weight:700}.tmeter i{background:#000;border-radius:2px;grid-column:1/3;height:4px;position:relative;overflow:hidden}.tmeter i:after{content:"";width:calc(var(--fill,0)*100%);background:var(--xp);transition:width .3s;position:absolute;inset:0}.tmeter i[data-meter=health]:after{background:var(--hp)}.tmeter i[data-meter=mana]:after{background:var(--mp)}.tmeter i[data-meter=exp]:after{background:var(--gold)}.tbtns{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tbtns:not(:has(button:not([hidden]))){display:none}.tskip{font:600 12px var(--body);color:var(--dim);white-space:nowrap;flex:none;padding:4px 2px;text-decoration:underline}.tskip.armed{color:var(--gold);text-decoration:none}.tut-point{outline:2px solid var(--gold);outline-offset:2px;animation:1.2s ease-in-out infinite tutPoint}@keyframes tutPoint{0%,to{box-shadow:0 0 #e3b34c00}50%{box-shadow:0 0 14px 3px #e3b34c8c}}@keyframes tutIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tut-point,.tut{animation:none}}@keyframes ban{0%{opacity:0;transform:scale(.7)}12%{opacity:1;transform:scale(1.06)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.sheet{border-top:1px solid var(--line);max-height:76%;padding-bottom:var(--sab);touch-action:pan-y;background:#111c1a;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0009}.sheet header{align-items:center;gap:6px;padding:10px 12px 0;display:flex}.tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.tab{color:var(--dim);white-space:nowrap;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font-weight:700}.tab.on{color:var(--parch);border-color:var(--gold)}.x{width:38px;height:38px;color:var(--dim);border-radius:8px;font-size:22px;line-height:1}.sbody{-webkit-overflow-scrolling:touch;grid-auto-rows:max-content;align-content:start;gap:12px;padding:12px 16px 18px;display:grid;overflow-y:auto}.h2{font:600 22px/1.1 var(--display);letter-spacing:.02em;text-wrap:balance;margin:0}.kv{grid-template-columns:1fr auto;gap:4px 12px;font-size:14.5px;display:grid}.kv span:nth-child(odd){color:var(--dim)}.skill{grid-template-columns:1fr auto;align-items:baseline;gap:3px 10px;display:grid}.skill .bar{grid-column:1/3;height:6px}.skill .bar i{background:var(--ok)}.skill small{color:var(--dim);font-size:12px}.seg{border:1px solid var(--line);border-radius:9px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.seg button{color:var(--dim);padding:9px 4px;font-size:13.5px;font-weight:700}.seg button.on{background:var(--gold);color:#241a05}.lbl{font:700 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cell{aspect-ratio:1;border:1px solid var(--line);background:#00000059;border-radius:8px;place-items:center;display:grid;position:relative}.cell img{width:62%;height:62%}.cell .ct{font:700 11px/1 var(--body);position:absolute;bottom:2px;right:4px}.cell .sl{text-align:center;font:700 9px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);position:absolute;bottom:3px;left:0;right:0}.cell.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.detail{background:#0000004d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 10px;font-size:14px;display:flex}.detail .autoheal{border-top:1px solid var(--line);flex-basis:100%;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.detail .autoheal small{color:var(--dim)}.detail .autoheal.on [data-auto]{color:#bfeaff;background:#5ec8ff29;border-color:#5ec8ff}.detail .used{color:var(--dim);text-align:right;font-size:13px}.detail .acts{gap:6px;display:flex}.doll{grid-template-columns:repeat(3,58px);grid-template-areas:"necklace helmet.""weapon armor shield""ring legs accessory"".boots.";grid-auto-rows:58px;justify-content:center;gap:10px 16px;margin:2px 0 4px;display:grid;position:relative}.doll .body{pointer-events:none;width:206px;height:262px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.doll .cell{aspect-ratio:auto;background:#080e0c80;border-color:#e2ce9642;box-shadow:inset 0 0 12px #00000073}.doll .cell.shut{opacity:.35;border-style:dashed}.doll .sl{letter-spacing:.04em;font-size:8.5px}.doll [data-slot=necklace]{grid-area:necklace}.doll [data-slot=helmet]{grid-area:helmet}.doll [data-slot=weapon]{grid-area:weapon}.doll [data-slot=armor]{grid-area:armor}.doll [data-slot=shield]{grid-area:shield}.doll [data-slot=ring]{grid-area:ring}.doll [data-slot=legs]{grid-area:legs}.doll [data-slot=accessory]{grid-area:accessory}.doll [data-slot=boots]{grid-area:boots}.scbar{z-index:2;background:#111c1a;gap:8px;margin:-12px -16px 0;padding:12px 16px 10px;display:grid;position:sticky;top:-12px;box-shadow:0 10px 12px -12px #000c}.scslot img{width:48%;height:48%;margin-top:-9px}.scslot .key{font:700 10px/1 var(--body);color:var(--dim);position:absolute;top:4px;left:5px}.scslot .mn,.scslot .ct{font:700 10px/1 var(--body);color:#8fb7ff;position:absolute;top:4px;bottom:auto;right:5px}.scslot .ct{color:var(--parch);font-size:11px}.scslot .cap{font:700 9.5px/1 var(--body);text-align:center;color:var(--spell);white-space:nowrap;text-overflow:ellipsis;position:absolute;bottom:4px;left:2px;right:2px;overflow:hidden}.scslot.item .cap{color:var(--parch)}.scslot.empty{background:0 0;border-style:dashed}.scslot.off img{opacity:.45}.scslot.auto{border-color:#5ec8ff;box-shadow:0 0 8px #5ec8ff73,inset 0 0 0 1px #5ec8ff80}.scslot.over{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#e3b34c24}.scslot.lift,.pick.lift{opacity:.3}.picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pick{border:1px solid var(--line);text-align:left;background:#00000059;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 9px;min-height:50px;padding:7px 26px 7px 9px;display:grid;position:relative}.pick img{grid-row:1/3;width:30px;height:30px}.pick b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;line-height:1.15;overflow:hidden}.pick small{color:var(--dim);font-size:11.5px;line-height:1.1}.pick .key{background:var(--gold);color:#241a05;min-width:15px;font:800 10px/1 var(--body);text-align:center;border-radius:4px;padding:2px 0;position:absolute;top:6px;right:6px}.pick.on{border-color:#e3b34c80}.pick.off img{opacity:.5}[data-drag]{-webkit-touch-callout:none}[data-drag] img{-webkit-user-drag:none;pointer-events:none}.dragged{z-index:30;pointer-events:none;background:var(--panel2);border:1px solid var(--gold);border-radius:12px;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;display:grid;position:fixed;top:0;left:0;box-shadow:0 8px 22px #000000a6}.dragged.touch{margin-top:-78px}.dragged img{width:32px;height:32px}.dragged.out{border-color:var(--bad);opacity:.8}.dragged.out:after{content:"×";background:var(--bad);color:#fff;width:18px;height:18px;font:800 15px/17px var(--body);text-align:center;border-radius:50%;position:absolute;top:-7px;right:-7px}.btn{background:var(--gold);color:#241a05;white-space:nowrap;border-radius:8px;padding:9px 14px;font-weight:800}.btn.alt{border:1px solid var(--line);color:var(--parch);background:0 0}.btn.danger{background:var(--hp);color:#fff}.btn:disabled{opacity:.4}.row{border-bottom:1px solid #e2ce9617;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.row img{width:30px;height:30px}.row small{color:var(--dim);font-size:12px;display:block}.fulllog{gap:2px;font-size:13.5px;display:grid}.quests{gap:10px;display:grid}.quests .dim{color:var(--dim)}.quest{border-left:3px solid var(--gold);background:#00000040;border-radius:10px;padding:10px 12px}.quest.done{border-left-color:var(--line);opacity:.7}.qname{color:var(--parch);margin-bottom:4px;font-weight:700}.qtext{font-size:14px;line-height:1.4}.says{color:#bfe0ff;background:#0000004d;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.35}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--say);border-radius:18px;padding:8px 13px;font-weight:700}.shop{gap:10px;display:grid}.shophead{align-items:center;gap:12px;display:flex}.shophead .seg{flex:0 210px}.purse{color:var(--gold);white-space:nowrap;margin-left:auto;font-weight:800}.shoptabs{border-bottom:1px solid var(--line)}.shoptabs .tab{align-items:baseline;gap:5px;margin-bottom:-1px;padding:8px 9px 7px;display:flex}.shoptabs .tab small{color:var(--dim);font-size:11.5px;font-weight:700}.shoptabs .tab:disabled{opacity:.4;cursor:default}.row .cmp{margin-top:2px;font-size:12.5px}.cmp b{font-weight:800}.cmp .up{color:var(--ok)}.cmp .down{color:var(--bad)}.row .cmp.warn{color:var(--spell)}p.note{color:var(--dim);max-width:60ch;margin:0;font-size:13.5px;line-height:1.4}p.note.err{color:var(--bad)}.veil{background:radial-gradient(at 50% 40%,#080e0d8c,#080e0ded);place-items:center;padding:20px 16px;display:grid;position:absolute;inset:0}.card{text-align:center;gap:14px;width:min(100%,380px);display:grid}.title{font:800 clamp(52px,17vw,76px)/.9 var(--display);color:var(--gold);text-shadow:0 3px #000,0 0 30px #e3b34c59;margin:0}.title small{font:700 12px var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--parch);text-shadow:none;margin-top:10px;display:block}.loadbar{justify-items:center;gap:8px;transition:opacity .6s .2s;display:grid}.loadbar .track{background:#e2ce9629;border-radius:2px;width:min(100%,220px);height:3px;display:block;position:relative;overflow:hidden}.loadbar .track i{transform-origin:0;transform:scaleX(var(--loaded,0));background:var(--gold);transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.loadbar .track:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000,#ffecbebf,#0000);width:35%;animation:1.6s cubic-bezier(.45,0,.55,1) infinite loadSweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.loadt{font:700 10.5px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--dim);font-variant-numeric:tabular-nums}.loadbar.done{opacity:0}.loadbar.done .track:after{animation:none}@keyframes loadSweep{to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){.loadbar .track:after{display:none}}.sign-in,.chars{gap:10px;display:grid}.sign-in input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--parch);font:700 17px var(--body);text-align:center;-webkit-user-select:text;user-select:text;background:#00000073;border-radius:10px;padding:12px 14px}.sign-in input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.sign-in.over input,.sign-in.over .links{display:none}.card .links{color:var(--dim);margin:0;font-size:13.5px}.card .links a,.card .links .link{color:var(--parch);text-underline-offset:3px;text-decoration:underline}#charList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.char{border:1px solid var(--line);text-align:left;background:#00000073;border-radius:10px;gap:3px;width:100%;padding:11px 14px;display:grid}.char b{font:800 22px/1 var(--display);color:var(--gold)}.char small{color:var(--dim);font-size:13px}.char:disabled{opacity:.5}.chars.empty #newChar{background:var(--gold);color:#241a05;border-radius:8px;padding:9px 14px;font-weight:800;text-decoration:none;display:inline-block}.card .btn{padding:13px;font-size:17px}.slain{padding:0 16px calc(22px + var(--sab));-webkit-backdrop-filter:grayscale(.85)brightness(.82);backdrop-filter:grayscale(.85)brightness(.82);background:linear-gradient(#0e030200 54%,#0e0302b8 76%,#0e0302e6),radial-gradient(at 50% 45%,#1e020000 30%,#34060361 72%,#120201b3);grid-template-rows:1fr auto auto;justify-items:center;gap:16px;animation:1.3s ease-out .35s both slainIn;display:grid;position:absolute;inset:0}.slainT{text-align:center;grid-row:2;gap:8px;width:min(100%,380px);display:grid}.slain .title{color:var(--bad);text-shadow:0 3px #000,0 0 30px #ff3c2859;font-size:clamp(42px,12vw,56px)}.slain p.note{color:var(--parch);text-shadow:0 1px 2px #000;margin:0 auto;font-size:14.5px}.slain .btn{grid-row:3;width:min(100%,340px);padding:14px;font-size:17px;box-shadow:0 4px 18px #0000008c}@keyframes slainIn{0%{opacity:0}to{opacity:1}}.how{text-align:left;color:var(--parch);gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.how b{color:var(--gold)}@media (min-width:760px){#log{width:420px;right:auto}.sheet{border-left:1px solid var(--line);border-radius:16px 0 0;width:420px;left:auto}#battle{width:150px}}@media (prefers-reduced-motion:reduce){.ft>span{animation:1.8s linear forwards fade}#banner.show{animation-duration:1.6s}#log [class^=rarity-]{animation:none}}