@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{--cream-50:#fffbf1;--cream-100:#fbf3de;--cream-200:#f2e5c2;--cream-300:#e3d2a4;--moss-300:#a6cc72;--moss-500:#5e9a3a;--moss-700:#3e6b26;--brown-300:#c79563;--brown-500:#8a5a33;--brown-700:#5a3a22;--ink:#3a2416;--ink-soft:#3a24168c;--accent:#ff9a3c;--accent-700:#e0721c;--hp:#e8584a;--hp-low:#ff3b2f;--hunger:#f2bf4b;--stamina:#78c4ec;--good:var(--moss-500);--warn:var(--accent);--danger:#e2483d;--odds-high:#6cc04a;--odds-mid:#f2bf4b;--odds-low:#e8584a;--text:var(--ink);--text-soft:#7a6347;--text-on-dark:#fffbf1;--pad-a:#6cc04a;--pad-b:#e8584a;--pad-x:#4a9be8;--pad-y:#f2bf4b;--font-display:"Fredoka", "Baloo 2", ui-rounded, "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;--font-text:"Nunito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-2xs:.625em;--fs-xs:.75em;--fs-sm:.875em;--fs-md:1em;--fs-lg:1.25em;--fs-xl:1.625em;--fs-2xl:2.25em;--r-sm:.4em;--r-md:.75em;--r-lg:1.1em;--r-pill:999em;--sp-1:.25em;--sp-2:.5em;--sp-3:.75em;--sp-4:1em;--sp-5:1.5em;--sp-6:2em;--outline-w:.1875em;--outline:var(--outline-w) solid var(--ink);--outline-thin:.125em solid var(--ink);--shadow-drop:0 .22em 0 #3a24164d;--shadow-soft:0 .45em 1.2em #1c120838;--shadow:var(--shadow-drop), var(--shadow-soft);--text-halo:0 .08em 0 #3a24168c, 0 0 .5em #1c120859;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur:.26s;--dur-slow:.52s;--idle-fade-after:4s;--safe:2.4em}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}}.hud-stage{pointer-events:none;z-index:20;position:fixed;inset:0;container-type:size}.hud{font-family:var(--font-text);color:var(--text);-webkit-font-smoothing:antialiased;font-size:clamp(12px,min(1.25cqw,2.222cqh),48px);position:absolute;inset:0}.hud .num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.hud .ico{width:1em;height:1em;display:block;overflow:visible}.hud-tl{left:var(--safe);top:var(--safe);position:absolute}.hud-tc{left:50%;top:var(--safe);align-items:center;gap:var(--sp-2);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-tr{right:var(--safe);top:var(--safe);align-items:flex-end;gap:var(--sp-2);flex-direction:column;display:flex;position:absolute}.hud-bl{left:var(--safe);bottom:var(--safe);align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:flex;position:absolute}.hud-br{right:var(--safe);bottom:var(--safe);align-items:flex-end;gap:var(--sp-3);display:flex;position:absolute}.hud-bc{left:50%;bottom:var(--safe);align-items:center;gap:var(--sp-2);flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.hud-center{opacity:0;width:0;height:0;transition:opacity var(--dur) var(--ease-out);position:absolute;top:50%;left:50%}.hud-center.show{opacity:1}.hud .panel{background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow)}.hud .chip{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-2);border-radius:var(--r-pill);display:flex}.hud .fades{transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}.hud .fades.is-idle{opacity:0;transform:translateY(.35em)}.hud .fades.is-dim{opacity:.5}.hud .bump{animation:hud-bump var(--dur-slow) var(--ease-bounce)}@keyframes hud-bump{30%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hud .bump{animation:none}}.hud kbd{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);min-width:1.9em;height:1.9em;color:var(--ink);background:var(--cream-50);border:var(--outline-thin);border-radius:var(--r-sm);border-bottom-width:.28em;justify-content:center;align-items:center;padding:0 .45em;line-height:1;display:inline-flex}.hud kbd.wide{padding:0 .6em}.hud kbd.pad.face{width:1.9em;color:var(--text-on-dark);text-shadow:0 .06em 0 var(--ink);border-bottom-width:.125em;border-radius:50%;padding:0}.hud kbd.pad-a{background:var(--pad-a)}.hud kbd.pad-b{background:var(--pad-b)}.hud kbd.pad-x{background:var(--pad-x)}.hud kbd.pad-y{background:var(--pad-y)}.hud kbd.pad.pill{border-radius:var(--r-pill);background:var(--brown-700);color:var(--text-on-dark);border-bottom-width:.125em;padding:0 .65em}.time .time-ico{font-size:1.6em}.time b{font-size:var(--fs-lg)}.time small{font-weight:700;font-size:var(--fs-xs);color:var(--text-soft)}.compass{border-radius:var(--r-pill);width:26em;height:2.3em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.compass-tape{position:absolute;inset:0}.compass-tape>*{position:absolute;top:50%;transform:translate(-50%,-50%)}.cmp-tick{background:var(--ink-soft);border-radius:1em;width:.14em;height:.55em}.cmp-card{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);color:var(--text-soft)}.cmp-card.main{font-size:var(--fs-lg);color:var(--ink)}.cmp-mark{filter:drop-shadow(0 .08em #3a241659);font-size:1.35em;top:46%!important}.cmp-mark.edge{opacity:.8;transform:translate(-50%,-50%)scale(.85)}.compass-caret{border-left:.45em solid #0000;border-right:.45em solid #0000;border-top:.5em solid var(--accent);width:0;height:0;filter:drop-shadow(0 .1em 0 var(--ink));position:absolute;top:-.1em;left:50%;transform:translate(-50%)}.zone-banner{text-align:center;color:var(--text-on-dark);text-shadow:var(--text-halo);opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(-.4em)}.zone-banner.show{opacity:1;transform:none}.zone-banner small{font-weight:800;font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;display:block}.zone-banner b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl)}.target{width:20em;padding:var(--sp-2) var(--sp-3) var(--sp-2);gap:var(--sp-1);animation:hud-drop var(--dur) var(--ease-bounce);flex-direction:column;display:none}.target.show{display:flex}.target-head{justify-content:space-between;align-items:baseline;display:flex}.target-head b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg)}.lv{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);background:var(--brown-700);color:var(--text-on-dark);border-radius:var(--r-pill);padding:.05em .55em}.target-status{font-weight:800;font-size:var(--fs-xs);color:var(--accent-700);min-height:1em}.target-status.danger{color:var(--danger)}.hud .lv{align-items:center;gap:.2em;display:inline-flex}.hud .lv .ico{font-size:1.15em}.hud .lv.tone-ok{background:var(--moss-500)}.hud .lv.tone-warn{background:#d79b17}.hud .lv.tone-danger{background:var(--danger)}.prompt .lv{font-size:var(--fs-xs);border-radius:var(--r-pill);color:var(--text-on-dark);border:var(--outline-thin);padding:.05em .5em}.prompt-warn{font-style:normal;font-family:var(--font-text);font-weight:800;font-size:var(--fs-xs);color:var(--danger)}.prompt.danger{border-color:var(--danger);box-shadow:0 0 0 .15em #e2483d59, var(--shadow)}@keyframes hud-drop{0%{opacity:0;transform:translateY(-.6em)}}.bar{border:var(--outline);border-radius:var(--r-pill);background:var(--brown-700);width:11em;height:.95em;position:relative;overflow:hidden}.bar-fill,.bar-ghost{transform-origin:0;border-radius:var(--r-pill);position:absolute;inset:0}.bar-fill{transition:transform var(--dur-slow) var(--ease-out);box-shadow:inset 0 .22em #ffffff59,inset 0 -.15em #3a24162e}.bar-ghost{background:var(--cream-50);opacity:.75;transition:transform var(--dur-slow) var(--ease-out) .45s}.target .bar{width:100%;height:1.05em}.target .bar.bar-stagger{height:.4em}.target .bar-stagger[hidden]{display:none}.bar.low .bar-fill{animation:1s ease-in-out infinite alternate hud-pulse;background:var(--hp-low)!important}@keyframes hud-pulse{to{filter:brightness(1.25)}}.vitals{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;display:flex}.vital{align-items:center;gap:var(--sp-2);transition:opacity var(--dur) var(--ease-out), max-height var(--dur) var(--ease-out);max-height:2em;display:flex}.vital.hidden{opacity:0;max-height:0;margin-top:calc(var(--sp-2) * -1)}.vital-ico{width:1em;font-size:1.35em}.vital-num{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);text-align:right;min-width:1.6em}.party{align-items:flex-end;gap:var(--sp-2);display:flex}.slot{flex:none;width:2.9em;height:2.9em;position:relative}.slot-face{background:radial-gradient(circle at 50% 62%, var(--cream-50), var(--cream-200));border:var(--outline);box-shadow:var(--shadow-drop);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.slot-face img{object-fit:contain;width:118%;height:118%;margin-top:10%}.slot-face b{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--brown-500)}.slot.active{width:4.3em;height:4.3em;margin-right:var(--sp-2)}.slot.active .slot-face{border-color:var(--ink);inset:.42em}.slot.empty{border:.14em dashed var(--ink-soft);background:#fbf3de59;border-radius:50%}.slot.fainted .slot-face img{filter:grayscale()brightness(.85);opacity:.7}.slot-x{background:var(--danger);border:var(--outline-thin);width:1.25em;height:1.25em;color:var(--text-on-dark);border-radius:50%;padding:.14em;font-size:.9em;position:absolute;bottom:-.1em;right:-.2em}.slot-x .ico path{stroke:var(--cream-50);stroke-width:3.4px}.slot-key{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xs);color:var(--text-on-dark);text-shadow:var(--text-halo);position:absolute;top:-.55em;left:50%;transform:translate(-50%)}.slot.active .slot-key{top:-.2em}.slot-label{white-space:nowrap;text-align:center;line-height:1;position:absolute;bottom:-1.65em;left:50%;transform:translate(-50%)}.slot-label b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xs);color:var(--text-on-dark);text-shadow:var(--text-halo);display:block}.slot-label small{font-weight:800;font-size:var(--fs-2xs);color:var(--text-on-dark);text-shadow:var(--text-halo)}.hp-ring{position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.hp-ring circle{fill:none;stroke-width:4.2px}.hp-ring-bg{stroke:var(--ink);stroke-width:6.6px!important}.hp-ring-fill{stroke:var(--odds-high);stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.party-pad{margin-left:var(--sp-1);align-self:center}.hud .party{margin-bottom:1.2em}.moves{gap:var(--sp-2);display:none}.moves.show{animation:hud-rise var(--dur) var(--ease-bounce);display:flex}.move{min-width:4.4em;padding:var(--sp-2) var(--sp-2) .4em;background:var(--cream-100);border:var(--outline);border-radius:var(--r-md);box-shadow:var(--shadow-drop);flex-direction:column;align-items:center;gap:.3em;display:flex;position:relative;overflow:hidden}.move small{font-weight:800;font-size:var(--fs-2xs);white-space:nowrap}.move:after{content:"";-webkit-mask:conic-gradient(#000 calc(var(--cd,0) * 360deg), transparent 0);-webkit-mask:conic-gradient(#000 calc(var(--cd,0) * 360deg), transparent 0);mask:conic-gradient(#000 calc(var(--cd,0) * 360deg), transparent 0);background:#3a241673;position:absolute;inset:0}.move.cooling{filter:saturate(.6)}@keyframes hud-rise{0%{opacity:0;transform:translateY(.6em)}}.pods{padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);align-items:center;gap:.15em;display:flex}.pod-ico{font-size:2em}.pods .times{font-family:var(--font-display);color:var(--text-soft);font-weight:600;font-size:var(--fs-lg);margin-left:.1em}.pods b{font-size:var(--fs-2xl);line-height:1}.pods.empty{background:#f7d9cf}.pods.empty b{color:var(--danger)}.quick{gap:var(--sp-2);display:flex}.qslot{border-radius:var(--r-md);background:var(--cream-100);border:var(--outline);width:2.8em;height:2.8em;box-shadow:var(--shadow-drop);justify-content:center;align-items:center;font-size:1em;display:flex;position:relative}.qslot .ico{font-size:1.6em}.qslot.empty{border-color:var(--ink-soft);background:#fbf3de73;box-shadow:inset 0 .15em .4em #3a24162e}.qkey{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xs);color:var(--text-soft);position:absolute;top:.15em;left:.3em}.qcount{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);position:absolute;bottom:.1em;right:.3em}.hud[data-input=pad] .qkey{display:none}.qpad{font-size:var(--fs-2xs);color:var(--text-soft);position:absolute;top:.1em;left:.3em}.pills{gap:var(--sp-2);min-height:1.8em;display:flex}.pill{border-radius:var(--r-pill);border:var(--outline-thin);font-weight:800;font-size:var(--fs-sm);color:var(--text-on-dark);box-shadow:var(--shadow-drop);animation:hud-pop var(--dur) var(--ease-bounce);align-items:center;gap:.35em;padding:.25em .75em .25em .5em;display:flex}.pill .ico{font-size:1.15em}.pill.sneak{background:var(--moss-700)}.pill.sprint{background:var(--accent-700)}.pill.noticed{background:var(--danger);animation:hud-pop var(--dur) var(--ease-bounce), hud-alarm .6s ease-in-out infinite alternate}@keyframes hud-pop{0%{opacity:0;transform:scale(.7)}}@keyframes hud-alarm{to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.pill.noticed{animation:none}}.prompt{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);background:var(--cream-100);border:var(--outline);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-bounce);padding:.3em .9em .3em .35em;display:flex;transform:translateY(.5em)}.prompt.show{opacity:1;transform:none}.minimap{border:var(--outline);width:9.5em;height:9.5em;box-shadow:var(--shadow), inset 0 0 0 .3em var(--cream-100);background:var(--cream-100);transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-bounce);border-radius:50%;position:relative}.minimap canvas{border-radius:50%;width:calc(100% - .6em);height:calc(100% - .6em);position:absolute;inset:.3em}.minimap.off{opacity:0;transform:scale(.85)}.map-n{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);background:var(--accent);color:var(--ink);border:var(--outline-thin);border-radius:var(--r-pill);padding:0 .4em;position:absolute;top:-.55em;left:50%;transform:translate(-50%)}.map-hint{transform-origin:100%;align-items:center;gap:.3em;margin-top:-.6em;margin-right:1.1em;display:flex;transform:scale(.82)}.map-hint small{font-weight:800;font-size:var(--fs-xs);color:var(--text-on-dark);text-shadow:var(--text-halo)}.map-hint.off{opacity:.7}.notes{gap:var(--sp-2);width:16em;margin-top:var(--sp-2);flex-direction:column;display:flex}.note{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2);animation:hud-slide var(--dur) var(--ease-out);transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);display:flex}.note.leaving{opacity:0;transform:translate(1.5em)}.note-badge{border:var(--outline-thin);background:var(--cream-50);border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.3em;height:2.3em;font-size:1em;display:flex;overflow:hidden}.note-badge .ico{font-size:1.3em}.note-badge img{object-fit:contain;width:120%;height:120%;margin-top:15%}.note.catch .note-badge{background:#e6f2d8}.note.level .note-badge{background:#fff1d6}.note-text b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);line-height:1.15;display:block}.note-text small{font-weight:700;font-size:var(--fs-xs);color:var(--text-soft)}.note.catch{border-left-width:.4em;border-left-color:var(--moss-500)}.note.level{border-left-width:.4em;border-left-color:var(--accent)}@keyframes hud-slide{0%{opacity:0;transform:translate(1.5em)}}.reticle{position:absolute;top:0;left:0}.reticle-ring{border:.16em solid var(--cream-50);box-shadow:0 0 0 .1em var(--ink), inset 0 0 0 .1em var(--ink);transition:width var(--dur-fast) linear, height var(--dur-fast) linear, border-color var(--dur);border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.reticle-dot{background:var(--cream-50);border:.1em solid var(--ink);border-radius:50%;width:.42em;height:.42em;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.reticle.on .reticle-ring{border-color:var(--accent)}.reticle.steady .reticle-ring{border-width:.22em}.aim-card{min-width:14em;padding:var(--sp-2) var(--sp-3);text-align:center;position:absolute;top:3.2em;left:50%;transform:translate(-50%)}.aim-head b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md)}.aim-head small{font-weight:800;font-size:var(--fs-2xs);color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;display:block}.aim-pct{font-size:var(--fs-2xl);line-height:1.05}.aim-card[data-tier=high] .aim-pct{color:var(--odds-high)}.aim-card[data-tier=mid] .aim-pct{color:#d79b17}.aim-card[data-tier=low] .aim-pct{color:var(--odds-low)}.aim-card[data-tier=none] .aim-pct{color:var(--text-soft)}.aim-pct{-webkit-text-stroke:.04em var(--ink);paint-order:stroke fill}.aim-chips{flex-wrap:wrap;justify-content:center;gap:.3em;margin:.2em 0 .15em;display:flex}.chip{font-weight:800;font-size:var(--fs-2xs);border-radius:var(--r-pill);background:var(--cream-200);border:.1em solid var(--ink-soft);padding:.1em .5em}.aim-hint{font-weight:700;font-size:var(--fs-2xs);color:var(--text-soft)}.hud.aiming .hud-bl,.hud.aiming .hud-tr .notes{opacity:.55}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#9fd3ef;height:100%;margin:0;font-family:ui-monospace,Menlo,monospace;overflow:hidden}#game{touch-action:none;width:100vw;height:100vh;display:block}#hud{color:#e9ffe0;white-space:pre;pointer-events:none;background:#141c149e;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.45;position:fixed;top:8px;left:8px}#loading{color:#234;place-items:center;font:600 18px system-ui;display:grid;position:fixed;inset:0}#help{display:none}#joy{pointer-events:none;touch-action:none;background:#ffffff2e;border:2px solid #ffffff80;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed;top:0;left:0}#joy.active{display:block}#knob{pointer-events:none;touch-action:none;background:#fff9;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}body.touch #help{display:none}.floater{pointer-events:none;font:700 18px var(--font-display);color:var(--cream-50);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 2px #3a241666;white-space:nowrap;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.floater.dmg{color:#ffd2d2}.floater.dmg.ally{color:#ff8a8a}.floater.miss{color:#ddd;font-size:13px}.floater.stun{color:#ffe14d;font-size:18px}.floater.dodge{color:#9fe8ff;font-size:13px}.floater.odds{color:#fff;background:#00000073;border-radius:6px;padding:1px 6px;font-size:14px}.floater.notice{color:#ffe14d;font:900 22px system-ui}.floater.yip{color:#ffb347;font:900 16px system-ui}.floater.zz{color:#cfe6ff;font:italic 700 16px system-ui}.floater.bonus{color:#c8ff7a;letter-spacing:.03em;font:900 15px system-ui}.card{opacity:0;pointer-events:none;text-align:center;z-index:30;background:var(--cream-100);color:var(--ink);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);font-family:var(--font-text);padding:14px 34px 16px;position:fixed;top:18%;left:50%;transform:translate(-50%)scale(.9)}.card b{font:700 30px var(--font-display);color:var(--moss-700);display:block}.card span{font:600 20px var(--font-display);display:block}.card small{opacity:.7}.card.show{animation:2.6s ease-out forwards card}@keyframes card{0%{opacity:0;transform:translate(-50%)scale(.6)}10%{opacity:1;transform:translate(-50%)scale(1.06)}18%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-14px)}}.toast{opacity:0;pointer-events:none;color:#fff;background:#1e283cd9;border-radius:8px;padding:8px 14px;font:600 15px system-ui;position:fixed;top:30%;left:50%;transform:translate(-50%)}.toast[data-kind=bad]{background:#821e1ed9}.toast[data-kind=good]{background:#1e6e32d9}.toast.show{animation:2.4s ease-out forwards toast}@keyframes toast{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.dbg{color:#dfe;z-index:10;background:#0c1018eb;border-radius:8px;max-height:calc(100vh - 16px);padding:8px 10px;font-size:11px;position:fixed;top:8px;right:8px;overflow:auto}.dbg h3{margin:0 0 6px;font:700 12px ui-monospace,monospace}.dbg h4{color:#9fe8ff;margin:8px 0 3px;font:700 11px ui-monospace,monospace}.dbg td,.dbg th{text-align:left;padding:1px 4px}.dbg input{color:#fff;background:#1d2633;border:1px solid #3a4a5e;border-radius:4px;width:64px;padding:2px 4px;font:11px ui-monospace,monospace}.dbg input.changed{color:#ffd27a;border-color:#ffb340}.dbg-live{color:#9fe8ff;white-space:pre;margin:6px 0}.dbg-btns button{color:#fff;cursor:pointer;background:#2b3a4f;border:0;border-radius:4px;margin-right:6px;padding:4px 8px}.coll{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:clamp(12px,min(1.25vw,2.222vh),40px);font-family:var(--font-text);color:var(--text);background:#1e160c8c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.coll.on{animation:coll-in var(--dur) var(--ease-out);display:flex}@keyframes coll-in{0%{opacity:0;transform:scale(.98)}}.coll-panel{width:min(62em, calc(100vw - 2 * var(--safe)));max-height:calc(100vh - 2 * var(--safe));background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.coll-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--cream-200);border-bottom:var(--outline);display:flex}.coll-tab{border:var(--outline-thin);background:var(--cream-50);border-radius:var(--r-pill);font:600 var(--fs-md) var(--font-display);color:var(--brown-700);cursor:pointer;padding:.35em 1em}.coll-tab.on{background:var(--moss-700);color:var(--text-on-dark)}.coll-hint{color:var(--text-soft);font-weight:700;font-size:var(--fs-xs);margin-left:auto}.coll-close{font-size:var(--fs-lg);cursor:pointer;color:var(--brown-700);background:0 0;border:0;padding:0 .4em}.coll button:focus{outline:.2em solid var(--accent);outline-offset:.12em}.coll-body{padding:var(--sp-1) var(--sp-4) var(--sp-4);overflow-y:auto}.coll-body h3{margin:var(--sp-4) 0 var(--sp-2);font:600 var(--fs-sm) var(--font-display);color:var(--text-soft);letter-spacing:.02em}.coll-party{gap:var(--sp-2);grid-template-columns:repeat(6,1fr);display:grid}.coll-slot{padding:var(--sp-2) var(--sp-1);border-radius:var(--r-md);border:var(--outline);background:var(--cream-50);box-shadow:var(--shadow-drop);cursor:pointer;font:inherit;color:inherit;flex-direction:column;align-items:center;gap:.15em;min-height:7.4em;display:flex;position:relative}.coll-slot.active{border-color:var(--moss-700);background:#eaf3dc}.coll-slot.empty{cursor:default;color:var(--text-soft);box-shadow:none;background:0 0;border-style:dashed;justify-content:center}.coll-slot em{font:700 var(--fs-xs) var(--font-display);color:var(--text-soft);font-style:normal;position:absolute;top:.3em;left:.5em}.coll-slot b{font:600 var(--fs-sm) var(--font-display)}.coll-slot small{font-size:var(--fs-xs);color:var(--text-soft);font-weight:700}.coll-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(17.5em,1fr));display:grid}.coll-card{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-md);background:var(--cream-50);border:var(--outline-thin);display:flex}.coll-card.active{border-color:var(--moss-700);background:#f1f7e6}.coll-info{flex-direction:column;flex:1;gap:.05em;min-width:0;display:flex}.coll-info b{font:600 var(--fs-md) var(--font-display)}.coll-info small{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700}.coll-lv{font-size:var(--fs-xs);color:var(--moss-700);font-weight:800}.coll-xp{background:var(--cream-200,#eadfc4);border:2px solid var(--ink);border-radius:7px;height:14px;margin-top:4px;position:relative;overflow:hidden}.coll-xp i{background:var(--sky-400,#78c4ec);position:absolute;inset:0 auto 0 0}.coll-xp small{text-align:center;font-size:10px;line-height:10px;display:block;position:relative;color:var(--ink)!important}.coll-btns{gap:var(--sp-1);flex-direction:column;display:flex}.coll-btns button{border:var(--outline-thin);border-radius:var(--r-sm);background:var(--cream-200);font:700 var(--fs-xs) var(--font-text);cursor:pointer;color:var(--ink);border-bottom-width:.2em;padding:.3em .7em}.coll-btns button:hover{background:var(--cream-300)}.coll-thumb{border:var(--outline-thin);background:radial-gradient(circle at 50% 62%, var(--cream-50), var(--cream-200));border-radius:50%;flex:none;justify-content:center;align-items:center;width:4em;height:4em;display:flex;overflow:hidden}.coll-thumb img{object-fit:contain;width:115%;height:115%;margin-top:10%}.coll-thumb span{font:700 var(--fs-lg) var(--font-display);color:var(--cream-300)}.coll-thumb.grey img{filter:grayscale()opacity(.55)}.coll-thumb.shadow img{filter:brightness(0)opacity(.7)}.coll-dex{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(8.2em,1fr));display:grid}.coll-dexcell{padding:var(--sp-3) var(--sp-1) var(--sp-2);border-radius:var(--r-md);background:var(--cream-50);border:var(--outline-thin);flex-direction:column;align-items:center;gap:.2em;display:flex;position:relative}.coll-dexcell .coll-thumb{width:5.6em;height:5.6em}.coll-dexcell em{font:700 var(--fs-2xs) var(--font-display);color:var(--text-soft);font-style:normal;position:absolute;top:.35em;left:.55em}.coll-dexcell b{font:600 var(--fs-sm) var(--font-display)}.coll-dexcell small{color:var(--text-soft);font-size:var(--fs-xs);font-weight:700}.coll-dexcell.shadow b{color:var(--text-soft)}.coll-controls{gap:.35em;display:grid}.ctl-row{align-items:center;gap:var(--sp-3);padding:.35em var(--sp-3);background:var(--cream-50);border:var(--outline-thin);border-radius:var(--r-md);grid-template-columns:1.3fr 1fr 1fr;display:grid}.ctl-row b{font:600 var(--fs-sm) var(--font-display)}.ctl-kb,.ctl-pad{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.ctl-kb small,.ctl-pad small{font-size:var(--fs-xs);color:var(--text-soft);font-weight:700}.coll kbd.kc{font:700 var(--fs-xs) var(--font-display);background:var(--cream-50);border:var(--outline-thin);border-radius:var(--r-sm);border-bottom-width:.25em;justify-content:center;align-items:center;min-width:1.9em;height:1.9em;padding:0 .5em;display:inline-flex}.coll kbd.pad-a,.coll kbd.pad-b,.coll kbd.pad-x,.coll kbd.pad-y{width:1.9em;color:var(--text-on-dark);border-bottom-width:.12em;border-radius:50%;padding:0}.coll kbd.pad-a{background:var(--pad-a)}.coll kbd.pad-b{background:var(--pad-b)}.coll kbd.pad-x{background:var(--pad-x)}.coll kbd.pad-y{background:var(--pad-y)}.ctl-note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--text-soft);font-weight:700}.net-nametag{pointer-events:none;white-space:nowrap;font:600 var(--fs-sm) / 1 var(--font-display);color:var(--text);background:var(--cream-50);border:var(--outline-thin);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-2);box-shadow:var(--shadow-drop);position:fixed;top:0;left:0}.net-fighttag{pointer-events:none;white-space:nowrap;font:700 var(--fs-xs) / 1 var(--font-text);color:var(--ink);background:var(--cream-100);border:var(--outline-thin);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-2);box-shadow:var(--shadow-drop);position:fixed;top:0;left:0}.net-fighttag.mine{background:var(--accent)}.net-signin{z-index:50;place-items:center;font-size:clamp(14px,1.4vw,28px);display:grid;position:fixed;inset:0}.net-signin[hidden]{display:none}.net-signin-card{gap:var(--sp-3);text-align:center;background:var(--cream-50);border:var(--outline);border-radius:var(--r-lg);width:min(24em,100vw - 32px);box-shadow:var(--shadow);padding:var(--sp-5) var(--sp-4);color:var(--text);font:600 1em / 1.4 var(--font-text);display:grid}.net-signin-card h1{font:700 2em / 1 var(--font-display);color:var(--ink);margin:0}.net-signin-card p{margin:0}.net-signin-msg{color:var(--text-soft);min-height:1.4em}.net-signin-btn{font:700 1em / 1 var(--font-display);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-100);color:var(--ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.net-signin-btn.primary{background:var(--accent);border:var(--outline);box-shadow:var(--shadow-drop)}.net-signin-btn:hover,.net-signin-btn:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px;transform:translateY(-1px)}.net-signin-btn:disabled{opacity:.6;cursor:default;transform:none}