:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1e8;--panel:#10141cdb;--accent:#ffcb05}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);touch-action:none;background:#0b0f16;margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) 12px;position:fixed;inset:0}#stats{opacity:.8;white-space:pre;font:12px ui-monospace,monospace;display:none}body.debug #stats{display:block}body.dragging .panel{border-style:dashed}.touch{bottom:max(24px, env(safe-area-inset-bottom));background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:128px;height:128px;display:none;position:fixed}.touch .knob{background:#ffffff59;border-radius:50%;width:40px;height:40px;position:absolute;top:44px;left:44px}#stick{left:24px}#aim{right:24px}@media (pointer:coarse){.touch{display:block}.panel{max-height:40vh;font-size:12px;top:36px;bottom:auto;overflow:auto}.panel h1{font-size:15px}#stats{opacity:.6;text-overflow:ellipsis;max-width:calc(100% - 170px);font-size:10px;overflow:hidden}}#party{flex-direction:column;gap:4px;display:flex;position:absolute;top:40px;left:12px}#party .mon,#target{background:var(--panel);border:2px solid #ffffff26;border-radius:4px;min-width:150px;padding:4px 8px;font:12px ui-monospace,monospace;position:relative}#party .mon.sel{border-color:var(--accent)}#party em,#target em{color:var(--accent);letter-spacing:.05em;font-size:10px;font-style:normal}#party .mon.fainted{opacity:.4}#party .mon i,#target i{background:#5ad15a;border-radius:2px;height:4px;margin-top:3px;transition:width .35s ease-out;display:block}#target{text-align:center;position:absolute;top:40px;left:50%;transform:translate(-50%)}#target:empty{display:none}#target span{opacity:.7;margin-left:6px}#dialog{left:50%;bottom:max(56px, calc(env(safe-area-inset-bottom) + 56px));color:#1e2430;background:#faf7eef7;border:3px solid #2b2f3a;border-radius:6px;width:min(720px,100% - 32px);padding:14px 18px;font:18px/1.45 ui-monospace,monospace;display:none;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 2px #fff,0 6px #00000040}#dialog.open{display:block}#dialog.open.done:after{content:"▼";font-size:12px;animation:.8s infinite nudge;position:absolute;bottom:6px;right:12px}#dialog .txt{min-height:1.45em;display:block}#dialog .emotes{gap:4px;display:none;position:absolute;top:-40px;right:10px}#dialog.with .emotes{display:flex}#dialog .emotes button{width:38px;height:36px;image-rendering:pixelated;cursor:var(--cur-hand,pointer);background:#fff 50% 1px/32px 32px no-repeat;border:2px solid #4e4263;border-radius:6px;padding:0;position:relative;box-shadow:0 2px #c0b4cb}#dialog .emotes button:hover{translate:0 -2px}#dialog .emotes kbd{font:600 9px/1 var(--ds-font);color:#fff;background:#4e4263;border-radius:3px;padding:2px 3px;position:absolute;bottom:-5px;right:-4px}@media (pointer:coarse){#dialog .emotes kbd{display:none}}html.cursors body{cursor:var(--cur-pointer,default)}html.cursors :is(input:not([type]),input[type=text],input[type=search],textarea){cursor:var(--cur-text,text)}html.cursors :is(button,select,input):disabled{cursor:var(--cur-forbidden,not-allowed)}html.cursors body:is(.cur-talk,.cur-attack,.cur-catch,.cur-throw,.cur-command,.cur-door,.cur-wait) #game{cursor:var(--cur-now)}html.cursors body.cur-talk{--cur-now:var(--cur-talk)}html.cursors body.cur-attack{--cur-now:var(--cur-attack)}html.cursors body.cur-catch{--cur-now:var(--cur-catch)}html.cursors body.cur-throw{--cur-now:var(--cur-throw)}html.cursors body.cur-command{--cur-now:var(--cur-command)}html.cursors body.cur-door{--cur-now:var(--cur-door)}html.cursors body.cur-wait{--cur-now:var(--cur-wait)}html.cursors body.cur-talk #dialog{cursor:var(--cur-talk)}@keyframes nudge{50%{transform:translateY(2px)}}#fade{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}#actions{right:24px;bottom:max(170px, calc(env(safe-area-inset-bottom) + 170px));flex-direction:column;gap:10px;display:none;position:fixed}#actions button{width:64px;height:44px;color:var(--ink);background:#10141cb3;border:2px solid #ffffff59;border-radius:22px;font:600 13px system-ui,sans-serif}@media (pointer:coarse){#actions{display:flex}}#moves{left:50%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;gap:6px;display:flex;position:absolute;transform:translate(-50%)}#moves .move{background:var(--panel);border:2px solid var(--c,#fff3);border-radius:4px;width:132px;padding:4px 8px 6px;font:12px ui-monospace,monospace;position:relative;overflow:hidden}#moves .move.empty{opacity:.35;text-align:center;width:40px}#moves .move .k{opacity:.6;position:absolute;top:3px;right:6px}#moves .move b{color:var(--c);display:block}#moves .move small{opacity:.7}#moves .move i{background:var(--c);height:3px;position:absolute;bottom:0;left:0}@media (pointer:coarse){#moves{left:12px;bottom:max(172px, calc(env(safe-area-inset-bottom) + 172px));pointer-events:auto;grid-template-columns:repeat(2,104px);gap:6px;display:grid;transform:none}#moves .move,#moves .move.empty{width:104px;padding:3px 6px 5px;font-size:10px}#dialog{bottom:max(176px, calc(env(safe-area-inset-bottom) + 176px));padding:10px 12px;font-size:15px}}#creation{z-index:10;background:#06090eeb;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#creation.open{display:flex}#creation .q{background:var(--panel);border:2px solid var(--accent);border-radius:8px;width:min(640px,100%);padding:22px 26px}#creation h2{margin:4px 0 14px;font-size:22px}#creation small{opacity:.6}#creation .opts{flex-direction:column;gap:8px;display:flex}#creation button{text-align:left;color:var(--ink);cursor:var(--cur-hand,pointer);background:#ffffff0f;border:1px solid #fff3;border-radius:6px;padding:12px 14px;font:15px system-ui,sans-serif}#creation button:hover{border-color:var(--accent);background:#ffcb051f}#creation button span{opacity:.5;width:22px;display:inline-block}#popups{pointer-events:none;position:fixed;inset:0;overflow:hidden}#popups .pop{color:#fff;text-shadow:0 2px #000,0 0 6px #0009;white-space:nowrap;font:700 13px ui-monospace,monospace;position:absolute;top:0;left:0}#popups .pop.super{color:#ffcb05;font-size:15px}#popups .pop.weak{color:#9fb3c8}#popups .pop.heal{color:#9be36d}#popups .pop.ability{font:600 12px/1.2 var(--ds-font);color:var(--ds-ink);text-shadow:none;background:var(--ds-panel);border:2px solid var(--ds-frame);border-radius:6px;padding:2px 8px;box-shadow:0 2px #1f3466}#popups .pop.dmg{font-size:14px}#popups .pop.dmg.super{font-size:17px}#popups .pop.dmg.crit{color:#ff8a65;font-size:19px}#popups .pop.dmg.taken{color:#ff6b6b}#popups .pop.dmg.big{font-size:21px}@keyframes reticlehit{0%{border-color:#fff;scale:1.8}to{scale:1}}#reticle.hit{animation:.22s ease-out reticlehit}#reticle{pointer-events:none;opacity:0;border:2px solid #ffcb05;border-radius:50%;width:14px;height:14px;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 0 3px #000,inset 0 0 3px #000}#flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#fff;position:fixed;inset:0}#vignette{opacity:0;pointer-events:none;background:radial-gradient(#0000 50%,#ff28288c 100%);position:fixed;inset:0}#moves .move.ready{animation:.28s ease-out readypop}@keyframes nope{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.nope{animation:.25s nope}#moves .move.nope{border-color:#ff5a5a}#moves .move.casting{filter:brightness(1.45);border-color:#fff}#moves .move.sel{box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #fff}#moves:before{content:attr(data-who);color:#ffcb05;text-shadow:0 1px #000;white-space:nowrap;font:11px ui-monospace,monospace;position:absolute;top:-17px;left:0}#party .mon{pointer-events:auto;cursor:var(--cur-hand,pointer)}#editor{background:var(--panel);pointer-events:auto;border:2px solid #fff3;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:4px;width:184px;max-height:70vh;padding:6px;display:grid;position:fixed;top:40px;right:12px;overflow:auto}#editor[hidden]{display:none}#editor canvas{width:36px;height:36px;image-rendering:pixelated;cursor:var(--cur-hand,pointer);background:#00000040;border:2px solid #0000;border-radius:3px}#editor canvas.sel{border-color:#ffcb05}@keyframes readypop{0%{filter:brightness(1.8);transform:scale(1.14)}to{filter:none;transform:none}}#party .mon.low i{background:#ff5a5a;animation:.6s infinite lowhp}@keyframes lowhp{50%{opacity:.35}}#talk{pointer-events:none;opacity:0;color:#fff;white-space:nowrap;background:#101420d1;border-radius:6px;align-items:center;gap:5px;padding:3px 8px 3px 3px;font:600 12px/1 system-ui,sans-serif;transition:opacity .12s;display:flex;position:fixed;top:0;left:0;box-shadow:inset 0 1px #ffffff26,0 2px 6px #0006}#talk kbd{color:#1a1a1a;background:#ffcb05;border-radius:4px;place-items:center;width:18px;height:18px;font:700 11px/1 system-ui,sans-serif;display:inline-grid;box-shadow:inset 0 -2px #00000040}body.orbiting{cursor:grabbing}:root{--ds-frame:#3a5a9c;--ds-frame-hi:#6f93d8;--ds-panel:#f6f4ec;--ds-ink:#2c2c34;--ds-ink-shadow:#c9c6b8;--ds-font:"Pixelify Sans", ui-monospace, monospace}#menubar{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;gap:6px;display:flex;position:fixed}#menubar button,.window button{font:600 13px/1 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);border:2px solid var(--ds-frame);cursor:var(--cur-hand,pointer);background:linear-gradient(#fff,#e6e2d4);border-radius:6px;padding:6px 10px;box-shadow:0 2px #1f3466,inset 0 1px #fff}#menubar button:hover,.window button:hover:not(:disabled){background:linear-gradient(#fff,#f3ecc8)}#menubar button:active,.window button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #1f3466}#menubar kbd,.window kbd{font:600 10px/1 var(--ds-font);color:#fff;text-shadow:none;background:var(--ds-frame);border-radius:3px;margin-left:6px;padding:2px 4px}.window button:disabled{opacity:.45;cursor:var(--cur-pointer,default)}.window{z-index:6;background:var(--ds-panel);width:min(760px,100vw - 32px);max-height:calc(100vh - 120px);color:var(--ds-ink);font:14px/1.3 var(--ds-font);text-shadow:1px 1px 0 var(--ds-ink-shadow);border:4px solid var(--ds-frame);box-shadow:0 0 0 2px var(--ds-frame-hi) inset, 0 6px 0 #1f3466, 0 10px 30px #00000073;border-radius:10px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.window header{background:linear-gradient(var(--ds-frame-hi), var(--ds-frame));color:#fff;text-shadow:1px 1px #1f3466;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:sticky;top:0}.window h2{font:600 18px/1 var(--ds-font);letter-spacing:.02em;margin:0}.window .x{padding:2px 8px;font-size:16px}.window .hint{margin:10px 14px 0}.window .cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:12px;display:grid}.window .card{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:64px 1fr;gap:6px 10px;padding:8px;display:grid}.window .card.down{background:#eee9e3}.window .card.down canvas{filter:grayscale()brightness(.8)}.window .card.pick{cursor:var(--cur-hand,pointer)}.window .card.pick:hover{border-color:var(--ds-frame)}.window .card canvas{width:64px;height:64px;image-rendering:pixelated;background:radial-gradient(#e8f0ff,#cfdcf5);border-radius:6px}.window .who b{font-size:16px;display:block}.window .who em{color:#c0392b;font-style:normal}.window .types{gap:4px;margin-top:3px;display:flex}.window .type{color:#fff;text-shadow:1px 1px #00000059;background:var(--c);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px}.window .bars{grid-column:1/-1;gap:3px;display:grid}.window .bars label{grid-template-columns:30px 1fr auto;align-items:center;gap:6px;font-size:11px;display:grid}.window .bars i{background:linear-gradient(90deg, var(--fill) calc(var(--f) * 100%), #d9d4c4 0);border-radius:3px;height:6px}.window .bars i.hp{--fill:#3cc35a}.window .bars i.xp{--fill:#3a8de0}.window .moves{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none;display:grid}.window .moves li{border-left:4px solid var(--c,#aaa);background:#f2efe6;border-radius:4px;padding:3px 6px}.window .moves li b{font-size:12px;display:block}.window .moves li small{opacity:.7;font-size:10px}.window .moves li.empty{opacity:.4}.window .acts{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.window .tabs{gap:6px;padding:10px 12px 0;display:flex}.window .tabs .on{background:linear-gradient(#f9e9a8,#e8c860)}.window .items{gap:6px;margin:0;padding:10px 12px 12px;list-style:none;display:grid}.window .items li{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.window .items li small{opacity:.7;font-size:11px;display:block}.window .items .n{font-size:15px}.window .items li.empty{opacity:.6;display:block}#party .mon u{background:#3a8de0;border-radius:1px;height:2px;margin-top:1px;text-decoration:none;display:block}#caption{z-index:6;pointer-events:none;max-width:min(640px,100vw - 32px);font:18px/1.3 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:4px solid var(--ds-frame);box-shadow:0 0 0 2px var(--ds-frame-hi) inset, 0 4px 0 #1f3466;opacity:0;border-radius:10px;padding:10px 18px;transition:opacity .2s;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#caption.on{opacity:1}@media (pointer:coarse){#menubar{top:8px;bottom:auto;right:8px}}#party .mon,#target{background:var(--ds-panel);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);font:13px/1.2 var(--ds-font);border:3px solid var(--ds-frame);box-shadow:0 0 0 1px var(--ds-frame-hi) inset, 0 3px 0 #1f3466;border-radius:8px;padding:4px 8px 5px}#party .mon.sel{border-color:#e0a92a;box-shadow:inset 0 0 0 1px #f6d77a,0 3px #8a6410}#party em,#target em{color:#a07000;font-size:11px}#party .mon i,#target i{background:#3cc35a;border-radius:3px;height:5px;box-shadow:0 0 0 1px #2c2c34}#moves .move{background:var(--ds-panel);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);font:13px/1.2 var(--ds-font);border:3px solid var(--c,var(--ds-frame));border-radius:8px;box-shadow:0 3px #1f3466}#moves .move b{color:var(--ds-ink)}#moves .move small{font-size:10px}#moves:before{font:12px var(--ds-font)}body.gated>:not(#gate):not(script){display:none!important}#gate{color:var(--ds-ink);font:14px/1.35 var(--ds-font);background:radial-gradient(at top,#24406e,#0f1a30 70%);align-content:start;justify-items:center;gap:14px;padding:max(24px,6vh) 16px 32px;display:grid;position:fixed;inset:0;overflow:auto}#gate .intro,#gate .roles{background:var(--ds-panel);border:4px solid var(--ds-frame);width:min(720px,100%);box-shadow:0 0 0 2px var(--ds-frame-hi) inset, 0 6px 0 #1f3466;text-shadow:1px 1px 0 var(--ds-ink-shadow);border-radius:10px}#gate .intro{padding:14px 18px}#gate h1{font:600 26px/1 var(--ds-font);color:var(--ds-frame);margin:0 0 6px}#gate .intro p{margin:0}#gate .roles{gap:6px;margin:0;padding:8px;list-style:none;display:grid}#gate .roles li{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:22px 150px 1fr;grid-template-areas:"i role label""i role why""i role note";align-items:center;gap:0 10px;padding:8px 10px;display:grid}#gate .roles li:before{content:"✕";color:#c0392b;grid-area:i;font-size:16px}#gate .roles li.ok:before{content:"✓";color:#2e9e4f}#gate .roles li.busy:before{content:"…";color:var(--ds-frame)}#gate .roles li.ok{border-color:#8fcf9f}#gate .roles li b{grid-area:role;font-size:15px}#gate .roles li span{grid-area:label;font-weight:600}#gate .roles li small{opacity:.75;grid-area:why;font-size:11px}#gate .roles li em{color:var(--ds-frame);grid-area:note;font-size:11px;font-style:normal}#gate>p{color:#fff;text-shadow:1px 1px #000;margin:0}#gate>button{font:600 15px/1 var(--ds-font);color:var(--ds-ink);border:3px solid var(--ds-frame);cursor:var(--cur-hand,pointer);background:linear-gradient(#fff,#e6e2d4);border-radius:8px;padding:10px 18px;box-shadow:0 3px #1f3466}body.gated.dragging #gate{outline-offset:-12px;outline:4px dashed #ffd23c}#bubbles{pointer-events:none;z-index:3;position:fixed;inset:0;overflow:hidden}.bubble{transform-origin:50% 100%;animation:.16s cubic-bezier(.2,1.4,.4,1) bubblepop;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.bubble:before,.bubble:after{content:"";border-style:solid;width:0;height:0;position:absolute;left:50%}.bubble:before{border-width:9px 6px 0;border-color:#4e4263 #0000 #0000;margin-left:-6px;bottom:-9px}.bubble:after{border-width:6px 4px 0;border-color:#fff #0000 #0000;margin-left:-4px;bottom:-5px}.bubble.say{max-width:280px;font:14px/1.2 "Silkscreen", var(--ds-font);text-transform:uppercase;color:#211f29;white-space:normal;text-align:center;background:#fff;border:2px solid #4e4263;border-radius:4px;margin-top:-10px;padding:4px 8px 5px;box-shadow:0 2px #c0b4cb}.bubble.emote{width:40px;height:36px;image-rendering:pixelated;background:#fff 50% 2px/32px 32px no-repeat;border:2px solid #4e4263;border-radius:6px;margin-top:-10px;box-shadow:0 2px #c0b4cb}@keyframes bubblepop{0%{scale:.2}to{scale:1}}.bubble.m-bob{animation:.16s ease-out bubblepop,.62s ease-in-out .16s infinite alternate bob}.bubble.m-shake{animation:.16s ease-out bubblepop,80ms linear .16s 6 shake}.bubble.m-pulse{animation:.16s ease-out bubblepop,.66s ease-in-out .16s infinite alternate pulse}.bubble.m-sway{animation:.16s ease-out bubblepop,.9s ease-in-out .16s infinite alternate sway}@keyframes bob{to{margin-top:-14px}}@keyframes shake{25%{rotate:-6deg}75%{rotate:6deg}}@keyframes pulse{to{scale:1.14}}@keyframes sway{0%{rotate:-9deg}to{rotate:9deg}}#gate .actions{flex-wrap:wrap;justify-content:center;gap:8px;width:min(720px,100%);display:flex}#gate .actions button,#gate>button{font:600 15px/1 var(--ds-font);color:var(--ds-ink);border:3px solid var(--ds-frame);cursor:var(--cur-hand,pointer);background:linear-gradient(#fff,#e6e2d4);border-radius:8px;min-height:44px;padding:12px 18px;box-shadow:0 3px #1f3466}#gate .actions button.primary{background:linear-gradient(#fff6c8,#f2c94c);padding:14px 24px;font-size:17px}#gate>button.quiet{box-shadow:none;color:#b8c6e6;background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}#gate .notes{gap:2px;width:min(720px,100%);margin:0;padding:0;font-size:12px;list-style:none;display:grid}#gate .notes li{color:#d7e0f5;text-shadow:1px 1px #000;text-align:center}#gate .notes li.bad{color:#ffb3a8}#gate .hint{color:#b8c6e6;text-align:center;width:min(720px,100%);margin:0;font-size:12px}@media (max-width:560px){#gate{gap:10px;padding:16px 10px 28px}#gate h1{font-size:22px}#gate .roles li{grid-template-columns:22px 1fr;grid-template-areas:"i role""i label""i why""i note"}#gate .actions{flex-direction:column}#gate .actions button{width:100%}}#where{font:600 13px/1.2 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:3px solid var(--ds-frame);opacity:0;pointer-events:none;z-index:4;border-radius:8px;padding:3px 12px;transition:opacity .3s;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 2px #1f3466}#where.on{opacity:.92}#sign{font:600 20px/1 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:4px solid var(--ds-frame);box-shadow:0 0 0 2px var(--ds-frame-hi) inset, 0 4px 0 #1f3466;pointer-events:none;z-index:5;border-radius:10px;padding:10px 22px;transition:transform .35s cubic-bezier(.2,1,.3,1);position:fixed;top:40px;left:50%;transform:translate(-50%,-140px)}#sign.on{transform:translate(-50%)}body.aiming{cursor:crosshair}#party .mon kbd{background:var(--ds-frame);color:#fff;min-width:15px;height:15px;text-shadow:none;font:600 10px/1 var(--ds-font);vertical-align:1px;border-radius:3px;place-items:center;margin-right:5px;display:inline-grid}#party .mon.inball{opacity:.6;background:#e7e3d6}#party .mon.inball i{background:#9aa1ad}#party .mon em.ball{color:#c0392b}#party .mon.steer{border-color:#5fd4ff}#selbox{pointer-events:none;z-index:3;background:#5fd4ff26;border:2px solid #5fd4ff;border-radius:2px;display:none;position:fixed}#monpanel{display:none!important}body.unit-card #monpanel{display:grid!important}#party{left:max(12px, env(safe-area-inset-left));top:auto;bottom:max(12px, env(safe-area-inset-bottom));z-index:4;flex-flow:wrap;align-items:flex-end;gap:6px;max-width:calc(100vw - 24px);padding-top:8px;transform:none}body.hud-tight #menubar{bottom:auto;top:max(8px, env(safe-area-inset-top))}#party .mon{width:142px;min-width:0;cursor:var(--cur-hand,pointer);grid-template-rows:auto auto auto 6px 4px;grid-template-columns:48px 1fr;column-gap:4px;padding:4px 6px 6px;display:grid;position:relative}#party .mon canvas{width:48px;height:48px;image-rendering:pixelated;background:radial-gradient(#fff,#dfe8f8);border-radius:6px;grid-row:1/span 3}#party .mon kbd{margin:0;position:absolute;top:3px;left:3px}#party .mon b{white-space:nowrap;text-overflow:ellipsis;align-self:end;font-size:12px;overflow:hidden}#party .mon span{opacity:.8;font-size:11px}#party .mon em{color:var(--ds-frame);font-size:10px;font-style:normal}#party .mon.sel em{color:#a07000}#party .mon.sel{transform:translateY(-8px);box-shadow:inset 0 0 0 1px #f6d77a,0 3px #8a6410,0 0 0 3px #f6d77a8c}#party .mon.sel.inball{opacity:.92}#party .mon{transition:transform .12s ease-out}#party .mon i,#party .mon u{grid-column:1/-1;margin-top:3px}#party .mon.trainer{grid-template-rows:auto 6px;grid-template-columns:1fr;align-content:end;align-self:stretch;width:84px}#party .mon.inball canvas{filter:grayscale(.7)brightness(.9)}#party .mon.fainted canvas{filter:grayscale()brightness(.7)}#monpanel{left:max(12px, env(safe-area-inset-left));bottom:calc(max(12px, env(safe-area-inset-bottom)) + var(--party-h,0px) + 6px);z-index:4;background:var(--ds-panel);width:236px;color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);font:13px/1.2 var(--ds-font);border:3px solid var(--ds-frame);box-shadow:0 0 0 1px var(--ds-frame-hi) inset, 0 3px 0 #1f3466;border-radius:10px;grid-template-columns:96px 1fr;gap:4px 8px;padding:8px 10px;display:grid;position:fixed}#monpanel .crew{grid-column:1/-1;align-items:center;gap:2px;font-size:13px;display:flex}#monpanel .crew b{margin-right:6px}#monpanel .crew canvas{width:28px;height:28px;image-rendering:pixelated;background:radial-gradient(#fff,#dfe8f8);border-radius:5px}#monpanel canvas:not([data-crew]){width:96px;height:96px;image-rendering:pixelated;background:radial-gradient(#fff,#dfe8f8);border-radius:8px}#monpanel .who b{font-size:16px;display:block}#monpanel .who em{color:#c0392b;font-style:normal}#monpanel .types{gap:4px;margin-top:4px;display:flex}#monpanel .type{color:#fff;text-shadow:1px 1px #00000059;background:var(--c);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px}#monpanel label{grid-column:1/-1;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;font-size:11px;display:grid}#monpanel label i{background:linear-gradient(90deg, var(--fill) calc(var(--f) * 100%), #d9d4c4 0);border-radius:3px;height:6px}#monpanel i.hp{--fill:#3cc35a}#monpanel i.xp{--fill:#3a8de0}#monpanel dl{text-align:center;grid-column:1/-1;grid-template-columns:repeat(5,1fr);margin:2px 0 0;display:grid}#monpanel dl div{display:grid}#monpanel dt{opacity:.7;font-size:10px}#monpanel dd{margin:0;font-size:13px}@media (max-width:720px){#party .mon{grid-template-columns:1fr;width:88px}#party .mon canvas{grid-row:auto;width:40px;height:40px}#monpanel{grid-template-columns:64px 1fr;width:180px}#monpanel canvas{width:64px;height:64px}}#monpanel ul.mv{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:3px;margin:2px 0 0;padding:0;list-style:none;display:grid}#monpanel ul.mv li{border-left:4px solid var(--c,#aaa);background:#f2efe6;border-radius:4px;padding:2px 6px;font-size:11px}#menubar .ballbtn .n{opacity:.75;font-size:11px}#menubar .ballbtn.on{background:linear-gradient(#fff6c8,#f2c94c)}#aimhint{font:600 12px/1.2 var(--ds-font);color:var(--ds-ink);background:var(--ds-panel);border:2px solid var(--ds-frame);pointer-events:none;opacity:0;z-index:7;white-space:nowrap;border-radius:6px;padding:3px 8px;position:fixed;top:0;left:0}#aimhint.on{opacity:.95}#settings{z-index:30;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#06090e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#settings[hidden]{display:none}#settings .window{z-index:auto;width:min(560px,100%);max-height:calc(100vh - 32px);flex-direction:column;max-height:calc(100dvh - 32px);display:flex;position:relative;top:auto;left:auto;overflow:hidden;transform:none}#settings header{flex:none;position:static}#settings .tabs{flex-wrap:wrap;flex:none}#settings .body{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:10px 12px 12px;display:flex;overflow:auto}#settings .body>*{flex:none}#settings button{min-height:36px}#settings .window header .x{min-height:0}#settings .on{background:linear-gradient(#f9e9a8,#e8c860)}#settings :focus-visible{outline-offset:2px;outline:3px solid #e0a92a}#settings .row{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-height:48px;padding:6px 10px;display:grid}#settings .row.off{opacity:.5}#settings .row>.note,#settings .row>input,#settings .row>.reload{grid-column:1/-1}#settings .row>.reload{justify-self:start}#settings .note{opacity:.7;font-size:11px}#settings output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em}#settings input[type=range]{width:100%;min-width:0;height:28px;accent-color:var(--ds-frame);cursor:var(--cur-hand,pointer);margin:0}#settings .sw{min-width:64px}#settings .seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}#settings h3{font:600 14px/1 var(--ds-font);color:var(--ds-frame);text-shadow:none;margin:6px 2px 0}#settings dl.keys{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;padding:8px 10px;display:grid}#settings dl.keys dt{white-space:nowrap;color:var(--ds-frame);font-weight:600}#settings dl.keys dd{margin:0}#settings footer{border-top:2px solid #c9c4b0;flex-wrap:wrap;flex:none;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}#settings .resume{background:linear-gradient(#f9e9a8,#e8c860)}@media (max-width:420px){#settings .row:has(>.seg){grid-template-columns:1fr}#settings .seg{justify-content:flex-start}#settings dl.keys{grid-template-columns:1fr;gap:0}#settings dl.keys dd{margin-bottom:6px}}#fpsmeter{left:8px;top:max(8px, env(safe-area-inset-top));z-index:7;pointer-events:none;font:600 12px/1.2 var(--ds-font);color:var(--ds-ink);background:var(--ds-panel);border:2px solid var(--ds-frame);border-radius:6px;padding:2px 6px;position:fixed}#fpsmeter[hidden],body.debug #fpsmeter,body.no-bubbles #bubbles,body.no-where #where,body.no-where #sign{display:none}body.crisp #game{image-rendering:pixelated}body.ui-scaled :is(#hud,#menubar,#moves,#dialog,#caption,#where,#sign,#actions){zoom:var(--ui-scale,1)}#party .mon{grid-template-rows:auto auto auto 7px 3px;grid-template-columns:44px 1fr;row-gap:1px}#party .mon canvas{width:44px;height:44px}#party .mon .row{opacity:1;justify-content:space-between;gap:4px;font-size:11px;display:flex}#party .mon .lv,#party .mon .hpn{letter-spacing:0;text-shadow:none;font:700 11px/1.1 ui-monospace,SF Mono,Menlo,monospace}#party .mon .lv{color:#3c4450}#party .mon .bar{background:#343c48;border-radius:4px;grid-column:1/-1;height:7px;margin-top:3px;overflow:hidden;box-shadow:0 0 0 1px #1c2028}#party .mon .bar i{height:100%;box-shadow:none;background:#3cc35a;border-radius:0;margin:0;transition:width .35s ease-out;display:block}#party .mon.mid .bar i{background:#f0c030}#party .mon.low .bar i{background:#f04838;animation:.6s infinite lowhp}#party .mon.inball .bar i{opacity:.75;background:#3cc35a}#party .mon.inball.mid .bar i{background:#f0c030}#party .mon.inball.low .bar i{background:#f04838}#party .mon.inball{opacity:.85}#party .mon u{background:#3a8de0;border-radius:2px;grid-column:1/-1;height:3px;margin-top:1px}#party .mon.trainer{grid-template-rows:auto auto 7px 5px;grid-template-columns:1fr;align-content:end;width:96px}#party .mon .sta{background:#343c48;border-radius:3px;grid-column:1/-1;height:5px;margin-top:2px;overflow:hidden;box-shadow:0 0 0 1px #1c2028}#party .mon .sta s{background:#f0a830;height:100%;text-decoration:none;display:block}#party .mon .sta.winded s{background:#f04838;animation:.6s infinite lowhp}#appearance{z-index:31;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#06090e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#appearance[hidden]{display:none}#appearance .window{z-index:auto;flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;position:relative;top:auto;left:auto;overflow:hidden;transform:none}#appearance header{flex:none;position:static}#appearance .look{flex:auto;grid-template-columns:140px minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}#appearance .stage{background:radial-gradient(#fff,#dfe8f8);border:2px solid #c9c4b0;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}#appearance .stage canvas{width:120px;height:140px;image-rendering:pixelated}#appearance .turn{gap:6px;display:flex}#appearance .opts{flex-direction:column;gap:8px;display:flex}#appearance .line{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;display:grid}#appearance .line input[type=range]{width:100%;accent-color:var(--ds-frame)}#appearance .sws{flex-wrap:wrap;gap:4px;display:flex}#appearance .sw{background:var(--c);width:22px;height:22px;min-height:0;box-shadow:none;border:2px solid #2c2c34;border-radius:50%;padding:0}#appearance .sw.on{outline-offset:1px;outline:3px solid #e0a92a}#appearance .pick{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px dashed #2c2c34;border-radius:50%;width:22px;height:22px;position:relative;overflow:hidden}#appearance .pick input{opacity:0;width:100%;height:100%;cursor:var(--cur-hand,pointer);position:absolute;inset:0}#appearance button.on{background:linear-gradient(#f9e9a8,#e8c860)}#appearance footer{justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}@media (max-width:480px){#appearance .look{grid-template-columns:1fr}}.creation-bg{z-index:9;width:100%;height:100%;image-rendering:pixelated;display:none;position:fixed;inset:0}.creation-bg.on{display:block}#creation{padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:0 0;align-items:flex-end}#creation .q{color:#f4f6ff;width:min(720px,100%);font-family:var(--ds-font,system-ui);text-shadow:1px 1px #0a1030;background:#0e163ae6;border:3px solid #f4f6ff;border-radius:12px;padding:18px 22px 20px;box-shadow:inset 0 0 0 3px #3a5cb8,0 6px #00000059}#creation .q small{letter-spacing:.08em;opacity:.7;font-size:12px;display:block}#creation h2{min-height:2.7em;margin:6px 0 16px;font-size:21px;font-weight:400;line-height:1.35}#creation p{font-size:17px;line-height:1.5}#creation .opts{gap:4px;transition:opacity .25s}#creation .opts.wait{opacity:0;pointer-events:none}#creation button{font:16px var(--ds-font,system-ui);color:#f4f6ff;text-shadow:1px 1px #0a1030;background:0 0;border:0;border-radius:6px;padding:9px 12px 9px 30px;position:relative}#creation button span{display:none}#creation button:before{content:"▶";color:#ffd84a;opacity:0;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#creation button:hover,#creation button:focus-visible{color:#fff;background:#ffffff14}#creation button:hover:before,#creation button:focus-visible:before{opacity:1}#creation .tname form{flex-direction:column;gap:8px;display:flex}#creation .tname input{font:20px var(--ds-font,system-ui);color:#f4f6ff;text-shadow:1px 1px #0a1030;background:#ffffff14;border:2px solid #f4f6ff;border-radius:8px;outline:none;padding:8px 12px}#creation .tname input:focus{border-color:#ffd84a;box-shadow:0 0 0 2px #ffd84a59}#creation .tname .hint{opacity:.8;min-height:1.4em;margin:0;font-size:13px}#creation .tname .hint.bad{color:#ffb4a8;opacity:1}#creation .tname .sugg{flex-wrap:wrap;gap:6px;display:flex}#creation .tname .sugg:empty{display:none}#creation .tname .sugg button{border:1px solid #f4f6ff99;border-radius:14px;padding:5px 12px}#creation .tname .sugg button:before{content:none}#creation .tname .opts button:disabled{opacity:.5}#creation .tname .opts button.minor{opacity:.75;font-size:13px}#monpanel .mv li{cursor:var(--cur-hand,pointer);pointer-events:auto}#monpanel .mv li kbd{background:var(--ds-frame,#284860);color:#fff;text-align:center;min-width:14px;text-shadow:none;border-radius:3px;margin-right:5px;padding:0 3px;font:600 10px/14px ui-monospace,monospace;display:inline-block}#monpanel .mv li.fav{outline-offset:1px;background:#ffd84a2e;outline:2px solid #ffd84a}#monpanel{pointer-events:auto}#monpanel dl.grades{grid-template-columns:repeat(6,1fr)}dl.grades .st{cursor:pointer;pointer-events:auto;border-radius:4px;justify-items:center;padding:1px 0;display:grid}dl.grades .st.focus{background:#ffd84a2e;outline:2px solid #ffd84a}dl.grades .gr{color:var(--g);text-shadow:1px 1px #2c2c34;font:700 13px/1 ui-monospace,monospace}dl.grades .tr{background:linear-gradient(90deg, #e07a3a calc(var(--t) * 100%), #d9d4c4 0);border-radius:2px;width:80%;height:3px;margin-top:2px;display:block}.window .card dl.grades.mini{text-align:center;grid-column:1/-1;grid-template-columns:repeat(6,1fr);margin:0;display:grid}.window .card dl.grades dt{opacity:.7;font-size:10px}sup.rare{color:#fff;text-shadow:none;text-transform:uppercase;vertical-align:2px;background:#7b4fd6;border-radius:3px;margin-left:3px;padding:0 3px;font-size:8px}em.mark{margin-left:4px;font-size:10px;font-style:normal}em.mark.titan{color:#fff;text-shadow:none;background:#c98a10;border-radius:3px;padding:0 4px}em.mark.strong{color:#b04020}em.mark.shiny{color:#e0a800}em.mark.nature{opacity:.7}#notice{opacity:0;z-index:6;pointer-events:none;background:var(--ds-panel,#fff);color:var(--ds-ink,#222);border:3px solid var(--ds-frame,#284860);font:13px/1.3 var(--ds-font,sans-serif);text-align:center;border-radius:8px;max-width:min(92vw,520px);padding:6px 12px;transition:opacity .4s,transform .4s;position:fixed;top:74px;left:50%;transform:translate(-50%,-12px)}#notice.on{opacity:1;transform:translate(-50%)}#menubar .money{font:600 13px/1 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:2px solid var(--ds-frame);border-radius:6px;align-self:center;padding:6px 10px;box-shadow:0 2px #1f3466}#menubar .money:empty{display:none}#tracker{z-index:4;max-width:min(300px,100vw - 32px);cursor:var(--cur-hand,pointer);font:13px/1.25 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:3px solid var(--ds-frame);box-shadow:0 0 0 1px var(--ds-frame-hi) inset, 0 3px 0 #1f3466;opacity:.94;border-radius:8px;gap:2px;padding:6px 26px 7px 10px;display:none;position:fixed;top:44px;right:12px}#tracker.on{display:grid}#tracker b{color:#1f3466;font-size:13px}#tracker b:before{content:"◆ ";color:#e0a92a}#tracker em{color:#a07000;white-space:nowrap;font-style:normal}#tracker kbd{font:600 9px/1 var(--ds-font);color:#fff;text-shadow:none;background:var(--ds-frame);border-radius:3px;padding:2px 4px;position:absolute;top:5px;right:6px}@media (pointer:coarse){#tracker{top:52px}}.window .counts{margin:8px 14px 0}.window .counts small{opacity:.7}.window .ball{vertical-align:middle;background:linear-gradient(#e8303a 45%,#222 45% 55%,#f4f4f4 55%);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #222}.window ul.dex{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin:0;padding:10px 12px 12px;list-style:none;display:grid}.window ul.dex li{cursor:var(--cur-hand,pointer);background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:36px 1fr auto;align-items:center;column-gap:6px;padding:4px 6px;font-size:12px;display:grid}.window ul.dex li:not(.seen){color:#8a8578;background:#eee9e3}.window ul.dex li.on{border-color:var(--ds-frame);box-shadow:0 0 0 2px var(--ds-frame-hi) inset}.window ul.dex li canvas{width:36px;height:36px;image-rendering:pixelated;grid-row:1/3}.window ul.dex li span{opacity:.7;font-size:10px}.window ul.dex li b{text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:12px;overflow:hidden}.window ul.dex li .ball{grid-area:1/3/3}.window .dexpage{background:#fff;border:2px solid #c9c4b0;border-radius:8px;grid-template-columns:96px 1fr;gap:12px;margin:10px 12px 0;padding:10px;display:grid}.window .dexpage canvas{width:96px;height:96px;image-rendering:pixelated;background:radial-gradient(#e8f0ff,#cfdcf5);border-radius:8px}.window .dexpage h3{font:600 16px/1.2 var(--ds-font);margin:0 0 4px}.window .dexpage dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:12px;display:grid}.window .dexpage dt{opacity:.65}.window .dexpage dd{margin:0}.window .dexpage .hint{opacity:.7;margin:6px 0 0;font-size:12px}.window .quests{gap:8px;padding:10px 12px 12px;display:grid}.window .quest{background:#fff;border:2px solid #c9c4b0;border-left:6px solid #3a8de0;border-radius:8px;padding:6px 10px 8px}.window .quest.main{border-left-color:#e0a92a}.window .quest.hint{border-left-color:#3cc35a}.window .quest.tracked{box-shadow:inset 0 0 0 2px #f6d77a}.window .quest header{color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:0 0;align-items:baseline;gap:8px;padding:0;display:flex;position:static}.window .quest header b{font-size:15px}.window .quest header small{opacity:.65;flex:1}.window .quest header button{padding:3px 8px;font-size:11px}.window .quest p{opacity:.85;margin:4px 0;font-size:12px}.window .quest ol{margin:4px 0 0;padding-left:18px;font-size:12px}.window .quest li.ok{opacity:.5;text-decoration:line-through}.window .quest li.now b{color:#a07000}.window .quests h3{font:600 14px/1 var(--ds-font);margin:6px 0 0}.window .quests ul.done{margin:0;padding-left:18px;font-size:12px}.window .quests ul.done small{opacity:.6}.window .tcard{padding:12px 14px 14px}.window .tcard>dl{grid-template-columns:auto 1fr;gap:3px 14px;margin:0;display:grid}.window .tcard dt{opacity:.65}.window .tcard dd{margin:0}.window .tcard h3{font:600 14px/1 var(--ds-font);margin:12px 0 6px}.window ul.badges{background:linear-gradient(#3b2d22,#2a1f17);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:8px;list-style:none;display:grid}.window ul.badges li{color:#d9cdb8;text-shadow:none;text-align:center;justify-items:center;gap:2px;font-size:10px;display:grid}.window ul.badges i{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:#5a4a3c;width:34px;height:34px;box-shadow:inset 0 0 0 2px #6d5a49}.window ul.badges li.got i{background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--bc,#9aa) 13% 70%, #3a3a3a 100%)}.window ul.badges li.b0{--bc:#a9a9a9}.window ul.badges li.b1{--bc:#4fa3e0}.window ul.badges li.b2{--bc:#f0b030}.window ul.badges li.b3{--bc:#6fcf6f}.window ul.badges li.b4{--bc:#e07ab0}.window ul.badges li.b5{--bc:#e0c040}.window ul.badges li.b6{--bc:#e05030}.window ul.badges li.b7{--bc:#50b070}.window ul.badges li b{color:#fff;font-size:10px}.window ul.badges li:not(.got) b{opacity:.5}.window ul.badges small{opacity:.7}.window .clerk{background:#fff;border:2px solid #c9c4b0;border-radius:8px;margin:10px 14px 0;padding:8px 10px}.window .tabs .purse{align-self:center;margin-left:auto;font-size:15px}.window .items.shop li{grid-template-columns:1fr auto auto auto}.window .items .qty{align-items:center;gap:4px;display:inline-flex}.window .items .qty button{padding:3px 7px}.window .items .qty b{text-align:center;min-width:20px}#settings .tut h3{margin:6px 0 4px;font-size:15px}#settings .tut .steps{flex-direction:column;gap:6px;margin:0 0 6px;padding-left:22px;display:flex}#settings .tut .steps b{display:block}#settings .tut .steps span{opacity:.85;font-size:13px}#settings .tut .roles{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#settings .tut .roles li{background:#fff;border:2px solid #c9c4b0;border-left-width:6px;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 10px;display:grid}#settings .tut .roles li.ok{border-left-color:#3cc35a}#settings .tut .roles li.busy{border-left-color:#f0c030}#settings .tut .roles li.missing{border-left-color:#f04838}#settings .tut .roles li>span,#settings .tut .roles li>small{opacity:.8;grid-column:1;font-size:12px}#settings .tut .roles li>em{grid-column:1;font-size:12px;font-style:normal;font-weight:600}#settings .tut .roles li>button{grid-area:1/2/span 4;align-self:center}#settings .tut .actions{flex-wrap:wrap;gap:8px;margin:8px 0 2px;display:flex}#settings .tut .actions button{flex:140px;min-height:44px}#settings .tut .primary{background:linear-gradient(#f9e9a8,#e8c860);font-weight:600}#settings .tut .notes,#settings .tut .status{overflow-wrap:anywhere;margin:4px 0;padding:0;font-size:12px;list-style:none}#settings .tut .notes li.bad,#settings .tut .status li.bad{color:#b03020}#settings .tut details{margin-top:6px}#settings .tut details summary{cursor:var(--cur-hand,pointer);min-height:32px;line-height:32px}#settings .tut .dev button{margin:4px 4px 0 0}@media (hover:none){#settings .tut .drop{display:none}}#loading{z-index:8;background:radial-gradient(at top,#24406e,#0f1a30 70%);place-items:center;padding:16px;display:none;position:fixed;inset:0}#loading.on{display:grid}#loading.out{opacity:0;pointer-events:none;transition:opacity .6s ease-out}#loading.quick{opacity:0;background:#000;animation:.3s .6s forwards loading-in}@keyframes loading-in{to{opacity:1}}#loading .box{text-align:center;width:min(420px,100%);font:14px/1.3 var(--ds-font);color:#cfdcf5;gap:12px;display:grid}#loading h1{font:600 24px/1 var(--ds-font);color:#fff;text-shadow:2px 2px #1f3466;letter-spacing:.02em;margin:0}#loading.quick h1{display:none}#loading .track{border:3px solid var(--ds-frame);height:16px;box-shadow:0 0 0 1px var(--ds-frame-hi) inset, 0 3px 0 #0a1530;background:#0b1426;border-radius:8px;padding:2px;overflow:hidden}#loading .track i{background:linear-gradient(#9fbdf2, var(--ds-frame-hi) 55%, var(--ds-frame));height:100%;transform:scaleX(var(--p,0));transform-origin:0;border-radius:4px;transition:transform .25s ease-out;display:block}#loading p{text-shadow:1px 1px #0a1530;min-height:1.3em;margin:0}#monpanel .ability{font:600 11px/1.2 var(--ds-font);color:var(--ds-ink);opacity:.85;cursor:help;margin-top:2px}.skills{font:13px/1.3 var(--ds-font);color:var(--ds-ink);gap:10px;display:grid}.skills .sk-intro{background:#fffbe6;border:3px solid #e0a92e;border-radius:8px;padding:8px 10px}.skills .sk-intro p{margin:6px 0}.skills .sk-points{background:#ece7d6;border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 10px;font-size:15px;display:flex}.skills .sk-points b{font-size:24px;line-height:1}.skills .sk-points span{opacity:.8;font-size:12px}.skills .sk-points.on{background:linear-gradient(#fff6c8,#ffd85a);border:2px solid #b9862a;animation:1.6s ease-in-out infinite sk-pulse}.skills .sk-head{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;display:grid}.skills .sk-head em{opacity:.75;grid-column:1/-1;font-size:11.5px;font-style:normal}.skills .sk-xp{background:#2a3550;border-radius:5px;height:10px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #0006}.skills .sk-xp:after{content:"";width:calc(var(--f) * 100%);background:linear-gradient(#7fd8ff,#3aa6e0);position:absolute;inset:0}.skills .sk-acts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skills .sk-acts>span{opacity:.8;font-size:12px}.skills .sk-acts button.on{background:linear-gradient(#fff6c8,#ffd85a)}.skills .sk-acts small,.skills li small,.skills h4 small{opacity:.7;margin-left:6px;font-size:11px;font-weight:400}.skills .sk-class{border:2px solid var(--ds-frame);background:#fffdf4;border-radius:8px;padding:6px 8px}.skills .sk-class header{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.skills .sk-class header em{opacity:.7;font-size:12px;font-style:normal}.skills .sk-class ol{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.skills .sk-class li{background:#f1ecdc;border:2px solid #c9c2a8;border-radius:6px;align-content:start;gap:2px;padding:5px 6px;font-size:12px;display:grid;position:relative}.skills .sk-class li i{opacity:.5;font-size:10px;font-style:normal;position:absolute;top:3px;right:5px}.skills .sk-class li b{padding-right:10px;font-size:12.5px}.skills .sk-class li span{opacity:.8}.skills .sk-class li u{margin-top:2px;font-size:11px;font-weight:600;text-decoration:none}.skills .sk-class li.got{background:linear-gradient(#eaf7ff,#cdeaff);border-color:#3aa6e0}.skills .sk-class li.got u{color:#1f6fa0}.skills .sk-class li.open{cursor:var(--cur-hand,pointer);background:linear-gradient(#fffbe6,#ffefb0);border-color:#e0a92e;animation:1.6s ease-in-out infinite sk-pulse}.skills .sk-class li.open u{color:#8a5a00}.skills .sk-class li.locked{opacity:.62}.skills .sk-class li.locked u{color:#7a3a2a;font-weight:400}@keyframes sk-pulse{50%{box-shadow:0 0 0 3px #ffd85a88}}.skills .sk-types{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.skills .sk-types>span{color:#8a5a00;font-size:12px;font-weight:600}.skills .sk-types button{border-color:var(--c);padding:3px 6px;font-size:11px}.skills h4{margin:4px 0 0;font-size:13px}.skills .sk-free{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.skills .sk-take{text-align:left;gap:2px;display:grid}.skills .sk-take em{opacity:.7;font-size:11px;font-style:normal}.skills .sk-take span{font-size:11.5px;font-weight:400}.skills .sk-take u{color:#8a5a00;font-size:11px;text-decoration:none}.skills .sk-take.locked{opacity:.5}.skills .sk-respec,.skills .sk-help{justify-self:start}.skills .sk-respec.on{background:linear-gradient(#ffe2dc,#ffb3a6)}#menubar button[data-win=skills][data-points]:after{content:attr(data-points);color:#fff;min-width:16px;height:16px;text-shadow:none;background:#e8463c;border-radius:8px;place-items:center;margin-left:6px;padding:0 4px;font-size:11px;display:inline-grid}@media (max-width:560px){.skills .sk-class ol{grid-template-columns:repeat(2,1fr)}}#popups .pop.skill{font:600 12px/1.2 var(--ds-font);color:#3a2a00;text-shadow:none;background:linear-gradient(#fff6c8,#ffd85a);border:2px solid #b9862a;border-radius:6px;padding:2px 8px;box-shadow:0 2px #7a5410}#target .notes{opacity:.8}:root{--mm-size:148px;--mm-top:max(8px, env(safe-area-inset-top))}#menubar{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px)}body.hud-tight{--mm-top:calc(max(8px, env(safe-area-inset-top)) + var(--menubar-h,34px) + 8px)}@media (pointer:coarse){:root{--mm-size:112px}body{--mm-top:calc(max(8px, env(safe-area-inset-top)) + var(--menubar-h,34px) + 8px)}}@media (max-height:560px){:root{--mm-size:104px}}#minimap{right:max(12px, env(safe-area-inset-right));top:var(--mm-top);width:var(--mm-size);z-index:4;cursor:var(--cur-hand,pointer);flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed}#minimap[hidden]{display:none}#minimap canvas{box-sizing:border-box;width:var(--mm-size);height:var(--mm-size);image-rendering:pixelated;border:3px solid var(--ds-frame);outline:2px solid var(--ds-frame-hi);outline-offset:-5px;background:#1d2b4f;border-radius:16px;display:block;box-shadow:0 3px #1f3466,0 6px 14px #00000059}#minimap:hover canvas{border-color:var(--ds-frame-hi)}#minimap .mm-name{max-width:calc(var(--mm-size) + 48px);font:600 12px/1.2 var(--ds-font);color:var(--ds-ink);text-shadow:1px 1px 0 var(--ds-ink-shadow);background:var(--ds-panel);border:2px solid var(--ds-frame);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:2px 8px;overflow:hidden;box-shadow:0 2px #1f3466}#minimap .mm-name:empty{display:none}body.minimap-on #tracker{top:calc(var(--mm-top) + var(--mm-size) + 32px)}.window:has(.wmap){width:min(1060px,100vw - 32px)}.wmap{grid-template-columns:1fr 228px;gap:10px;padding:10px 12px 12px;display:grid}.wmap-view{border:3px solid var(--ds-frame);height:min(64vh,580px);box-shadow:0 0 0 1px var(--ds-frame-hi) inset;background:#16213d;border-radius:8px;position:relative;overflow:hidden}.wmap-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.wmap-canvas:active{cursor:grabbing}.wmap-side{flex-direction:column;gap:8px;min-width:0;display:flex}.wmap-info{background:#fff;border:2px solid #c9c4b0;border-radius:8px;min-height:92px;padding:8px 10px}.wmap-info h3{font:600 16px/1.15 var(--ds-font);color:#1f3466;margin:0 0 4px}.wmap-info p{margin:0 0 6px;font-size:12px;line-height:1.3}.wmap-info .acts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.wmap-info .acts button{padding:4px 8px;font-size:12px}.wmap-zoom{gap:6px;display:flex}.wmap-zoom button{flex:1;padding:4px 6px}.wmap-legend{grid-template-columns:1fr 1fr;gap:4px 8px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.wmap-legend li{align-items:center;gap:6px;display:flex}.wmap .lg{width:11px;height:11px;box-shadow:0 0 0 1px var(--ds-ink);border:1.5px solid #fff;border-radius:3px;flex:none}.wmap .lg.me{background:#fff;border-color:#1f3466;border-radius:50%}.wmap .lg.party{border-color:var(--ds-ink);box-shadow:none;background:#ffcb05;border-radius:50%}.wmap .lg.town{background:#e0505e;border-radius:1px}.wmap .lg.center{background:#e0505e}.wmap .lg.mart{background:#3f73d0}.wmap .lg.gym{background:#b07a3a}.wmap .lg.wp{box-shadow:none;clip-path:polygon(0 0,100% 35%,0 70%);background:#ffcb05;border:none}.wmap .hint{opacity:.75;margin:0;font-size:11px;line-height:1.35}@media (max-width:720px){.wmap{grid-template-columns:1fr}.wmap-view{height:min(54vh,460px)}.wmap-info{min-height:0}.wmap-legend{grid-template-columns:repeat(3,1fr)}}#waypin{z-index:3;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}#waypin[hidden]{display:none}#waypin i{background:#ffcb05;border:3px solid #1f3466;border-radius:50% 50% 50% 0;width:16px;height:16px;position:absolute;top:-34px;left:-11px;transform:rotate(-45deg);box-shadow:0 0 6px #ffcb0599}#waypin span{font:600 11px/1.4 var(--ds-font);color:var(--ds-ink);background:var(--ds-panel);border:2px solid var(--ds-frame);white-space:nowrap;border-radius:5px;padding:0 5px;position:absolute;top:2px;left:0;transform:translate(-50%)}#waypin.edge i{clip-path:polygon(0 10%,100% 50%,0 90%,22% 50%);width:22px;height:22px;transform:rotate(var(--a,0deg));box-shadow:none;filter:drop-shadow(0 0 1px #1f3466);background:#ffcb05;border:none;border-radius:0;top:-11px;left:-11px}#waypin.edge span{top:14px}#netchat{left:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:5;pointer-events:none;width:min(360px,100vw - 24px);font:13px/1.3 var(--ds-font);flex-direction:column;gap:4px;display:flex;position:fixed}body.unit-card #netchat{bottom:max(236px, calc(env(safe-area-inset-bottom) + 236px))}#netchat .log{flex-direction:column;gap:2px;max-height:40vh;display:flex;overflow:hidden}#netchat.open .log{pointer-events:auto;overflow-y:auto}#netchat p{overflow-wrap:anywhere;color:#fff;text-shadow:1px 1px #000;background:#0a0e188c;border-radius:4px;align-self:flex-start;max-width:100%;margin:0;padding:2px 8px}#netchat p[hidden]{display:none}#netchat p b{color:#ffd23c;cursor:var(--cur-hand,pointer);pointer-events:auto}#netchat p.mine b{color:#9fd3ff}#netchat p.w{color:#f2b6ff}#netchat p.w b{color:#e58cff}#netchat p.sys{color:#c8d3e8;font-style:italic}#netchat input{pointer-events:auto;font:14px var(--ds-font);color:var(--ds-ink);background:var(--ds-panel);border:3px solid var(--ds-frame);border-radius:6px;outline:none;padding:6px 8px}#netchat .emotes{pointer-events:auto;flex-wrap:wrap;gap:3px;display:none}#netchat.open .emotes{display:flex}#netchat .emotes button{font:600 11px/1 var(--ds-font);color:var(--ds-ink);border:2px solid var(--ds-frame);cursor:var(--cur-hand,pointer);background:linear-gradient(#fff,#e6e2d4);border-radius:5px;padding:3px 6px}@media (pointer:coarse){#netchat{top:56px;bottom:auto}body.unit-card #netchat{bottom:auto}}#menubar .netbtn{opacity:.9;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}#menubar .netbtn[hidden]{display:none}.netbtn i,.netstate i{background:#9aa0a8;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000059}[data-status=online]>i{background:#3cc35a}[data-status=connecting]>i,[data-status=reconnecting]>i,[data-status=noaccount]>i{background:#f0c030;animation:1.2s ease-in-out infinite netpulse}[data-status=paused]>i{background:0 0;box-shadow:inset 0 0 0 2px #9aa0a8}@keyframes netpulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){[data-status]>i{animation:none!important}}.netpop button,.nettoast button{font:600 13px/1 var(--ds-font);color:var(--ds-ink);border:2px solid var(--ds-frame);cursor:var(--cur-hand,pointer);text-align:left;background:linear-gradient(#fff,#e6e2d4);border-radius:6px;padding:6px 8px}.nettags{pointer-events:none;z-index:3;position:fixed;inset:0}.nametag{pointer-events:auto;cursor:var(--cur-hand,pointer);white-space:nowrap;font:600 12px/1 var(--ds-font);color:#fff;text-shadow:1px 1px #000,-1px 1px #000;background:#141e3c73;border-radius:4px;padding:2px 5px;position:absolute;top:0;left:0}.nametag:hover{background:#28468cbf}.netpop{z-index:8;background:var(--ds-panel);min-width:150px;color:var(--ds-ink);font:13px var(--ds-font);border:3px solid var(--ds-frame);border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;position:fixed}.netpop[hidden]{display:none}.nettoasts{top:max(48px, env(safe-area-inset-top));z-index:8;flex-direction:column;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.nettoast{background:var(--ds-panel);color:var(--ds-ink);font:14px var(--ds-font);border:3px solid var(--ds-frame);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 4px #1f3466}#settings .gametab{flex-direction:column;gap:6px;display:flex}#settings .gametab .val{align-items:center;gap:8px;min-width:0;display:inline-flex}#settings .gametab .val b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#settings .gametab .row>form,#settings .gametab .row>.confirm{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}#settings .gametab .row>form[hidden],#settings .gametab .row>.confirm[hidden],#settings .gametab .row[hidden]{display:none}#settings .gametab input[type=text]{min-width:0;font:15px var(--ds-font);border:2px solid var(--ds-frame);border-radius:6px;outline:none;flex:160px;padding:7px 8px}#settings .gametab form>.note{flex-basis:100%}#settings .gametab .sugg{flex-wrap:wrap;flex-basis:100%;gap:4px;display:flex}#settings .gametab .sugg:empty{display:none}#settings .gametab .netstate{align-items:center;gap:6px;font-weight:600;display:inline-flex}#settings .gametab .row.danger{border-color:#e0a0a0}#settings .gametab .confirm{background:#fff3f1;border:2px solid #d05040;border-radius:6px;padding:8px}#settings .gametab .confirm p{flex-basis:100%;margin:0;font-size:13px;line-height:1.4}#settings .gametab button.danger{background:linear-gradient(#ffd9d2,#f0a090);border-color:#a02818}