@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;--cold:#7cc4f0;--cold-700:#3f86c4;--frost:#d6f0ffe6;--heat:#ff7a3c;--heat-700:#d9461f;--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}}:where(img.ico.item-png){width:1em;height:1em}img.ico.item-png{object-fit:contain;vertical-align:middle;image-rendering:auto;-webkit-user-select:none;user-select:none;display:inline-block}.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}}:is(.hud,.glyphs) 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}:is(.hud,.glyphs) kbd.wide{padding:0 .6em}:is(.hud,.glyphs) 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}:is(.hud,.glyphs) kbd.pad-a{background:var(--pad-a)}:is(.hud,.glyphs) kbd.pad-b{background:var(--pad-b)}:is(.hud,.glyphs) kbd.pad-x{background:var(--pad-x)}:is(.hud,.glyphs) kbd.pad-y{background:var(--pad-y)}:is(.hud,.glyphs) 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)}.cmp-mark.bag{color:var(--danger);animation:.7s ease-in-out infinite alternate hud-pulse}.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}.temp-row{max-height:2.6em}.temp-row[data-side=cold] .vital-ico{color:var(--cold-700)}.temp-row[data-side=heat] .vital-ico{color:var(--heat-700)}.temp-gauge{border:var(--outline);border-radius:var(--r-pill);background:linear-gradient(90deg, var(--cold-700), var(--cold) 30%, var(--cream-200) 46%, var(--cream-200) 54%, var(--heat) 70%, var(--heat-700));width:11em;height:.95em;position:relative;overflow:hidden}.temp-gauge:after{content:"";background:var(--brown-700);opacity:.55;border-radius:var(--r-pill);position:absolute;inset:0}.temp-mid{background:var(--ink);opacity:.6;z-index:2;width:.14em;margin-left:-.07em;position:absolute;top:0;bottom:0;left:50%}.temp-fill{z-index:1;width:50%;transition:transform var(--dur-slow) var(--ease-out);position:absolute;top:0;bottom:0;box-shadow:inset 0 .22em #ffffff59,inset 0 -.15em #3a24162e}.temp-fill[data-side=heat]{transform-origin:0;background:linear-gradient(90deg, var(--heat), var(--heat-700));left:50%}.temp-fill[data-side=cold]{transform-origin:100%;background:linear-gradient(270deg, var(--cold), var(--cold-700));right:50%}.temp-mark{border-radius:var(--r-pill);background:var(--cream-50);border:var(--outline-thin);z-index:3;width:.3em;transition:left var(--dur-slow) var(--ease-out);margin-left:-.15em;position:absolute;top:-.1em;bottom:-.1em}.temp-text{flex-direction:column;min-width:3.6em;line-height:1;display:flex}.temp-num{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm)}.temp-label{font-weight:800;font-size:var(--fs-2xs);color:var(--text-soft);white-space:nowrap}.temp-row[data-side=cold] .temp-label{color:var(--cold-700)}.temp-row[data-side=heat] .temp-label{color:var(--heat-700)}.temp-row.damage .temp-gauge{animation:.6s ease-in-out infinite alternate hud-pulse}.time .time-temp{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);padding-left:var(--sp-2);border-left:var(--outline-thin)}.time .time-temp[data-tone=cold]{color:var(--cold-700)}.time .time-temp[data-tone=heat]{color:var(--heat-700)}.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);align-self:flex-end;display:flex}.wheel-chip{align-items:center;gap:.35em;padding:.35em .7em .35em .4em;display:flex}.wheel-chip .ico{width:1.5em;height:1.5em}.wheel-chip small{font:800 var(--fs-xs) var(--font-text);color:var(--text-soft)}.pod-text{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.pod-count{align-items:baseline;gap:.15em;display:flex}.pod-name{font:800 var(--fs-2xs) var(--font-text);color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:.2em}.hud-wheel{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), scale var(--dur-fast) var(--ease-out);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.92}.hud-wheel.on{opacity:1;scale:1}.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}.pill.cond.cold{background:var(--cold-700)}.pill.cond.heat{background:var(--heat-700)}.pill.cond.hunger{background:var(--brown-500)}.pill.cond.warm{background:var(--moss-500)}.pill.cond.danger{background:var(--danger)}.pill.cond.alarm{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,.pill.cond.alarm,.temp-row.damage .temp-gauge{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}.hud-fly{z-index:30;pointer-events:none;border-radius:var(--r-pill);background:var(--cream-50);border:var(--outline-thin);box-shadow:var(--shadow-soft);white-space:nowrap;align-items:center;gap:.3em;padding:.25em .6em .25em .35em;display:flex;position:fixed}.hud-fly .ico{width:1.5em;height:1.5em}.hud-fly b{font:600 var(--fs-md) / 1 var(--font-display);color:var(--ink)}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.move{color:#fff6e0;font-size:14px;font-weight:800}.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}.coll-evo{font:700 12px var(--font-text);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:4px;display:flex}.coll-evo small{width:100%;font-weight:800}.coll-evo-ok{color:var(--moss-700)}.coll-evo-no{color:var(--brown-500)}.coll-panel:has(.coll-body.detail){width:min(80em, calc(100vw - 2 * var(--safe)))}.coll-body.detail .cc{box-shadow:none;margin-top:var(--sp-2);font-size:.82em}.coll-back{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-200);font:700 var(--fs-xs) var(--font-text);cursor:pointer;color:var(--ink);margin-top:var(--sp-2);border-bottom-width:.2em;padding:.3em .9em}.coll-back:hover,.coll-back:focus-visible{background:var(--accent);outline:none}.coll-xp.mastery i{background:linear-gradient(90deg, #f6d36b, var(--accent))}.wheel{--r:7.2em;--slot:4.6em;width:calc(2 * var(--r) + var(--slot));aspect-ratio:1;position:relative}.wheel-bag{--r:4.6em;--slot:3.2em}.wheel-ring{position:absolute;inset:0}.wheel-hud .wheel-ring:before{content:"";inset:calc(var(--slot) / 2 - .4em);background:color-mix(in srgb, var(--cream-50) 55%, transparent);border:var(--outline);box-shadow:var(--shadow);border-radius:50%;position:absolute}.wheel-bag .wheel-ring:before{content:"";inset:calc(var(--slot) / 2);border:2px dashed var(--brown-300);border-radius:50%;position:absolute}.wheel-slot{width:var(--slot);height:var(--slot);transform:translate(calc(-50% + var(--x) * var(--r)), calc(-50% + var(--y) * var(--r)));background:var(--cream-50);border:var(--outline-thin);box-shadow:inset 0 -.22em 0 var(--cream-200);transition:transform var(--dur-fast) var(--ease-bounce), background var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%}.wheel-hud .wheel-slot{border:var(--outline)}button.wheel-slot{cursor:pointer}.wheel-slot.empty{background:var(--cream-200);box-shadow:none;border-style:dashed}.wheel-slot.out .wheel-ico{opacity:.35}.wheel-slot.hi{background:var(--cream-100);box-shadow:0 0 0 .22em var(--accent), inset 0 -.22em 0 var(--cream-200);transform:translate(calc(-50% + var(--x) * var(--r) * 1.06), calc(-50% + var(--y) * var(--r) * 1.06)) scale(1.18);z-index:1}.wheel-slot.assign{box-shadow:0 0 0 .16em color-mix(in srgb, var(--accent) 60%, transparent), inset 0 -.22em 0 var(--cream-200)}button.wheel-slot:focus-visible{box-shadow:0 0 0 .22em var(--accent), inset 0 -.22em 0 var(--cream-200);outline:none}.wheel .wheel-slot .wheel-ico{width:62%;height:62%}.wheel-n{font:700 var(--fs-sm) / 1 var(--font-display);color:var(--ink);text-shadow:0 0 .15em var(--cream-50), 0 0 .15em var(--cream-50);position:absolute;bottom:.05em;right:.1em}.wheel-bag .wheel-n{font-size:var(--fs-xs)}.wheel-hub{width:calc(var(--r) * 1.15);aspect-ratio:1;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-hud .wheel-hub{background:var(--cream-50);border:var(--outline);box-shadow:var(--shadow-soft);padding:.4em}.wheel-hub b{font:600 var(--fs-lg) / 1.1 var(--font-display);color:var(--ink)}.wheel-hub small{font:800 var(--fs-xs) / 1.2 var(--font-text);color:var(--text-soft)}.wheel-bag .wheel-hub small{font-size:var(--fs-2xs)}@media (prefers-reduced-motion:reduce){.wheel-slot{transition:none}}:root{--t-grass:#6cc04a;--t-fire:#ff8a3c;--t-water:#4a9be8;--t-electric:#f2c94b;--t-rock:#a88a64;--t-ice:#8fd8f0;--t-wind:#9fd6c0;--t-dark:#6a4f8a;--t-earth:#b07a45;--t-neutral:#c9b896}.cc{color:var(--ink);background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);font:600 var(--fs-sm) var(--font-text);box-sizing:border-box;grid-template-columns:17em 1fr 1.15fr;gap:1.1em;max-height:100%;padding:1.2em 1.3em;display:grid}.cc section{flex-direction:column;gap:.55em;min-width:0;display:flex}.cc h2{font:700 var(--fs-2xl) var(--font-display);margin:0;line-height:1}.cc h3{font:700 var(--fs-lg) var(--font-display);margin:0 0 .1em}.cc h4{font:700 var(--fs-md) var(--font-display);color:var(--brown-500);margin:0 0 .35em}.cc small{font-size:var(--fs-xs)}.cc .cc-soft{color:var(--text-soft)}.cc-block{background:var(--cream-50);border:var(--outline-thin);border-radius:var(--r-md);padding:.55em .7em}.cc-portrait{aspect-ratio:1;border:var(--outline);background:radial-gradient(circle at 50% 40%, var(--cream-50) 0 35%, color-mix(in srgb, var(--cc-tint) 55%, var(--cream-100)) 72%);border-radius:50%;align-self:center;place-items:center;width:11em;display:grid;overflow:hidden}.cc-portrait img{object-fit:contain;width:108%;height:108%}.cc-loading{border:.25em solid var(--cream-300);border-top-color:var(--brown-500);border-radius:50%;width:2em;height:2em;animation:1s linear infinite cc-spin}@keyframes cc-spin{to{transform:rotate(1turn)}}.cc-sub{flex-wrap:wrap;align-items:center;gap:.35em;display:flex}.cc-type{border-radius:var(--r-pill);border:var(--outline-thin);background:var(--t-neutral);font:700 var(--fs-xs) var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.3em;padding:.12em .6em;display:inline-flex}.cc-type.sm{padding:.05em .5em;font-size:.68em}.cc-type em{opacity:.75;font-style:normal}.t-grass{background:var(--t-grass)}.t-fire{background:var(--t-fire)}.t-water{background:var(--t-water);color:#fff}.t-electric{background:var(--t-electric)}.t-rock{background:var(--t-rock);color:#fff}.t-ice{background:var(--t-ice)}.t-wind{background:var(--t-wind)}.t-dark{background:var(--t-dark);color:#fff}.t-earth{background:var(--t-earth);color:#fff}.cc-rarity{font:700 var(--fs-xs) var(--font-display);text-transform:capitalize;color:var(--text-soft)}.cc-rarity.r-legendary{color:var(--accent-700)}.cc-stage{gap:.2em;margin-left:auto;display:inline-flex}.cc-stage i,.cc-tier i{border:.1em solid var(--ink);background:var(--cream-50);border-radius:50%;width:.6em;height:.6em}.cc-stage i.on,.cc-tier i.on{background:var(--accent)}.cc-level{flex-direction:column;gap:.3em;display:flex}.cc-level>b{font:700 var(--fs-lg) var(--font-display);align-items:center;gap:.5em;display:flex}.cc-xp{border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-50);height:1.3em;position:relative;overflow:hidden}.cc-xp i{background:var(--moss-300);position:absolute;inset:0 auto 0 0}.cc-xp.mastery i{background:linear-gradient(90deg, #f6d36b, var(--accent))}.cc-xp small{text-align:center;font-weight:800;line-height:1.75;display:block;position:relative}.cc-mastery{font:700 var(--fs-xs) var(--font-display);border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-200);padding:.1em .6em}.cc-mastery.b1{background:#e0b67a}.cc-mastery.b2{background:#d9dde2}.cc-mastery.b3{background:#f6d36b}.cc-mastery.b4{background:linear-gradient(90deg,#b9f0ff,#f3c6ff)}.cc-traits,.cc-work{flex-wrap:wrap;gap:.35em;display:flex}.cc-trait{border-radius:var(--r-sm);border:var(--outline-thin);background:var(--cream-200);flex-direction:column;padding:.2em .55em;display:flex}.cc-trait b{font:700 var(--fs-sm) var(--font-display)}.cc-trait small{color:var(--text-soft)}.cc-trait.off{opacity:.55}.cc-job{border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-200);align-items:center;gap:.4em;padding:.15em .55em;display:inline-flex}.cc-tier{gap:.15em;display:inline-flex}.cc-origin{color:var(--text-soft);margin-top:auto}.cc-stat{grid-template-columns:4.6em 2.4em 1fr auto;align-items:center;gap:.15em .55em;display:grid}.cc-stat-name{font:700 var(--fs-sm) var(--font-display)}.cc-stat-val{font:700 var(--fs-lg) var(--font-display);text-align:right}.cc-bar{border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-50);height:.8em;position:relative;overflow:hidden}.cc-bar i{background:var(--cc-tint);z-index:1;position:absolute;inset:0 auto 0 0}.cc-bar u{border-right:.14em dashed var(--ink-soft);z-index:2;position:absolute;inset:0 auto 0 0}.cc-bar s{background:color-mix(in srgb, var(--cc-tint) 28%, var(--cream-50));z-index:0;text-decoration:none;position:absolute;top:0;bottom:0}.cc-cond{font:800 .68em var(--font-text);border-radius:var(--r-pill);background:color-mix(in srgb, var(--accent) 35%, var(--cream-50));padding:.05em .5em}.cc-condtotal{grid-template-columns:auto 1fr auto;align-items:center;gap:.5em;display:grid}.cc-condtotal .cc-xp{height:.8em}.cc-condtotal .cc-xp i{background:var(--accent)}.cc-stars{letter-spacing:-.05em;font-size:1.05em;display:inline-flex}.cc-stars i{color:var(--cream-300);-webkit-text-stroke:.04em var(--ink-soft);font-style:normal}.cc-stars i.on{color:#f6c33b;-webkit-text-stroke:.04em var(--ink)}.cc-mods{flex-wrap:wrap;grid-column:2/-1;gap:.25em;min-height:0;display:flex}.cc-mods:empty{display:none}.cc-mod,.cc-hp{font:800 .68em var(--font-text);border-radius:var(--r-pill);background:color-mix(in srgb, var(--moss-300) 55%, var(--cream-50));padding:.05em .5em}.cc-mod.down{background:color-mix(in srgb, var(--hp) 30%, var(--cream-50))}.cc-mod.off{opacity:.5;text-decoration:line-through}.cc-hp{background:color-mix(in srgb, var(--hp) 45%, var(--cream-50))}.cc-note{font-size:var(--fs-2xs);color:var(--text-soft);margin:0}.cc-mrow{flex-wrap:wrap;align-items:center;gap:.3em;margin:.15em 0;display:flex}.cc-mrow>small:first-child{width:8.2em;font-weight:800}.cc-mrow.bad>small:first-child{color:var(--danger)}.cc-mrow.good>small:first-child{color:var(--moss-700)}.cc-slot{border:var(--outline-thin);border-radius:var(--r-md);background:var(--cream-50);grid-template-columns:3.4em 1fr;align-items:start;gap:.15em .6em;padding:.45em .6em;display:grid}.cc-slot-head{flex-direction:column;grid-row:span 2;align-items:center;gap:.2em;display:flex}.cc-slot-head small{font:700 var(--fs-2xs) var(--font-display);text-transform:uppercase;color:var(--text-soft)}.cc-slot.s-dodge{align-items:center}.cc-slot.s-dodge .cc-slot-head{grid-row:auto}.cc-move-top{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.cc-move-top b{font:700 var(--fs-md) var(--font-display)}.cc-move .cc-facts{color:var(--brown-500);font-weight:800;display:block}.cc-move p{font-size:var(--fs-xs);margin:.1em 0 0}.cc-move.sig .cc-move-top b{color:var(--accent-700)}.cc-slot:has(.cc-move.sig){border-color:var(--accent-700);background:linear-gradient(135deg, #fff4dc, var(--cream-50) 60%)}.cc-sig{font:700 .68em var(--font-display);text-transform:uppercase;border-radius:var(--r-pill);background:var(--accent);border:var(--outline-thin);padding:.05em .55em}.cc-alts{flex-wrap:wrap;grid-column:2;align-items:center;gap:.3em;display:flex}.cc-alt{font:700 var(--fs-xs) var(--font-display);color:var(--ink);border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-200);cursor:pointer;padding:.1em .65em}.cc-alt:hover,.cc-alt:focus-visible{background:var(--accent);outline:none}.cc-alt.sig{border-color:var(--accent-700)}.cc-soon{font:700 .68em var(--font-text);color:var(--text-soft);border:.1em dashed var(--ink-soft);border-radius:var(--r-pill);padding:.05em .55em}.cc-soon.sig{color:var(--accent-700);border-color:var(--accent-700)}.cc-evo-row{align-items:center;gap:.7em;display:flex}.cc-evo-pic{border:var(--outline-thin);background:var(--cream-200);border-radius:50%;flex:none;place-items:center;width:4.4em;height:4.4em;display:grid;overflow:hidden}.cc-evo-pic img{object-fit:contain;width:110%;height:110%}.cc-evo-pic img.unseen{filter:brightness(0)opacity(.55)}.cc-evo-reqs{flex-direction:column;gap:.1em;display:flex}.cc-evo-reqs b{font:700 var(--fs-md) var(--font-display)}.cc-evo-reqs .ok{color:var(--moss-700);font-weight:800}.cc-evo-reqs .no{color:var(--text-soft);font-weight:800}.cc-evo-gains{border-top:.1em dashed var(--cream-300);flex-direction:column;gap:.1em;margin-top:.4em;padding-top:.4em;display:flex}.cc-evo-gains .new{color:var(--accent-700);font-weight:800}.cc-evolve{font:700 var(--fs-md) var(--font-display);color:var(--ink);border-radius:var(--r-pill);border:var(--outline-thin);background:var(--accent);cursor:pointer;align-self:flex-start;margin-top:.4em;padding:.3em 1.1em}.m4-btn{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-50);font:700 var(--fs-md) var(--font-display);color:var(--ink);cursor:pointer;border-bottom-width:.2em;justify-content:center;align-items:center;gap:.45em;padding:.45em 1.1em;display:inline-flex}.m4-btn.primary{background:var(--accent)}.m4-btn:disabled{background:var(--cream-200);color:var(--text-soft);cursor:default}.m4-btn kbd{font-size:var(--fs-2xs)!important}.m4-trainer{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-50);cursor:pointer;font:700 var(--fs-xs) var(--font-text);color:var(--ink);grid-template-columns:auto 6em auto;align-items:center;gap:.5em;padding:.3em .8em;display:grid}.m4-trainer b{font:700 var(--fs-sm) var(--font-display)}.m4-xp{border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--cream-200);height:.6em;position:relative;overflow:hidden}.m4-xp u{background:var(--moss-300);text-decoration:none;position:absolute;inset:0 auto 0 0}.m4-trainer .pts{border-radius:var(--r-pill);background:var(--cream-200);padding:.05em .55em}.m4-trainer .pts.on{background:var(--accent)}.craft{right:var(--safe);width:34em;max-height:calc(100% - 2 * var(--safe));background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);color:var(--ink);font:600 var(--fs-sm) var(--font-text);flex-direction:column;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.craft-head{border-bottom:.12em solid var(--cream-300);background:var(--cream-50);align-items:center;gap:.7em;padding:.8em 1em;display:flex}.craft-station-ico{flex:none;width:2.2em;height:2.2em}.craft-title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.craft-title b{font:700 var(--fs-xl) / 1 var(--font-display)}.craft-title small{color:var(--text-soft);font-size:var(--fs-xs)}.craft-extras{border-bottom:.12em solid var(--cream-300);gap:.5em;padding:.55em 1em;display:flex}.craft-note{color:var(--text-soft);margin:0;padding:1em}.craft-layer{z-index:30;pointer-events:none;font-size:clamp(12px,min(1.25vw,2.222vh),48px);position:fixed;inset:0}.craft-layer .craft{pointer-events:auto}.craft-close{font:700 var(--fs-lg) var(--font-display);cursor:pointer;color:var(--ink);background:0 0;border:none}.craft-body{flex:1;grid-template-columns:1fr 14em;min-height:0;display:grid}.craft-list{border-right:.12em solid var(--cream-300);flex-direction:column;gap:.3em;padding:.4em .7em .8em;display:flex;overflow-y:auto}.craft-list h4{font:700 var(--fs-xs) var(--font-display);color:var(--brown-500);text-transform:uppercase;letter-spacing:.04em;margin:.6em 0 .1em}.craft-row{text-align:left;border:var(--outline-thin);border-radius:var(--r-md);background:var(--cream-50);cursor:pointer;color:var(--ink);font:inherit;align-items:center;gap:.55em;padding:.3em .5em;display:flex;position:relative}.craft-row:hover,.craft-row:focus-visible{background:#fff7e6;outline:none}.craft-row.sel{border-color:var(--accent-700);box-shadow:0 0 0 .16em var(--accent)}.craft-row.short{opacity:.82}.craft-row.locked{background:var(--cream-200);opacity:.75;border-style:dashed;padding:.15em .5em}.craft-row.locked .craft-ico{width:1.7em;height:1.7em}.craft-row.made{animation:craft-pop var(--dur-slow) var(--ease-bounce)}@keyframes craft-pop{40%{background:#e4f3cf;transform:scale(1.04)}}.craft-ico{border-radius:var(--r-sm);background:var(--cream-200);flex:none;place-items:center;width:2.3em;height:2.3em;display:grid;position:relative}.craft-ico .ico,.craft-ico svg{width:72%;height:72%}.craft-ico em{font:800 .62em var(--font-text);background:var(--ink);color:var(--cream-50);border-radius:var(--r-pill);padding:0 .35em;font-style:normal;position:absolute;bottom:-.3em;right:-.3em}.craft-ico.big{width:3.6em;height:3.6em}.craft-row-text{flex-direction:column;min-width:0;display:flex}.craft-row-text b{font:700 var(--fs-sm) var(--font-display)}.craft-needs{font-size:var(--fs-2xs);flex-wrap:wrap;gap:.1em .5em;font-weight:800;display:flex}.craft-needs .ok{color:var(--moss-700)}.craft-needs .no{color:var(--danger)}.craft-row-text .lock{font-size:var(--fs-2xs);color:var(--text-soft);font-weight:800}.craft-can{font:800 var(--fs-2xs) var(--font-text);background:var(--moss-300);border-radius:var(--r-pill);margin-left:auto;padding:.05em .5em}.craft-card{flex-direction:column;gap:.6em;padding:.8em;display:flex;overflow-y:auto}.craft-card-top{align-items:flex-start;gap:.6em;display:flex}.craft-card-top b{font:700 var(--fs-md) var(--font-display)}.craft-card-top p{font-size:var(--fs-xs);color:var(--text-soft);margin:.2em 0 0}.craft-need-list{flex-direction:column;gap:.3em;display:flex}.craft-need{font-size:var(--fs-xs);grid-template-columns:2em 1fr auto;align-items:center;gap:.45em;display:grid}.craft-need .craft-ico{width:2em;height:2em}.craft-need b{font:700 var(--fs-sm) var(--font-display);color:var(--moss-700)}.craft-need.short b{color:var(--danger)}.craft-qty{flex-wrap:wrap;gap:.3em;display:flex}.craft-qbtn{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-50);font:700 var(--fs-xs) var(--font-display);cursor:pointer;color:var(--ink);padding:.15em .6em}.craft-qbtn.on{background:var(--moss-700);color:var(--text-on-dark)}.craft-qbtn:disabled{opacity:.4;cursor:default}.craft-xp{color:var(--brown-500);font-weight:800}.craft-made{font:700 var(--fs-md) var(--font-display);color:var(--moss-700);animation:craft-pop var(--dur-slow) var(--ease-bounce);align-self:center}.craft-locked{border-radius:var(--r-md);background:var(--cream-200);border:.12em dashed var(--brown-300);flex-direction:column;gap:.4em;padding:.6em;display:flex}.craft-empty{color:var(--text-soft)}.craft-foot{border-top:.12em solid var(--cream-300);font-size:var(--fs-xs);color:var(--text-soft);align-items:center;gap:.3em;padding:.45em 1em;display:flex}.craft-foot kbd{font-size:var(--fs-2xs)!important}.tech{color:var(--ink);font:600 var(--fs-sm) var(--font-text);flex-direction:column;gap:.8em;display:flex}.tech-head{flex-wrap:wrap;align-items:center;gap:1em;display:flex}.tech-how{color:var(--text-soft)}.tech-body{grid-template-columns:1fr 16em;align-items:start;gap:1em;display:grid}.tech-cols{grid-template-columns:repeat(3,1fr);gap:2.4em;display:grid;position:relative}.tech-links{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tech-links path{fill:none;stroke:var(--brown-300);stroke-width:2.5px;stroke-dasharray:5 5}.tech-links path.ready{stroke:var(--accent-700);stroke-dasharray:none}.tech-links path.done{stroke:var(--moss-500);stroke-dasharray:none}.tech-tier{z-index:1;flex-direction:column;gap:.55em;display:flex;position:relative}.tech-tier-head{border-radius:var(--r-md);border:var(--outline-thin);background:var(--cream-50);padding:.55em .7em}.tech-tier.t-wood .tech-tier-head{background:#f3e2c4}.tech-tier.t-stone .tech-tier-head{background:#e4e2dc}.tech-tier.t-metal .tech-tier-head{background:#dfe4ea}.tech-tier-head b{font:700 var(--fs-lg) var(--font-display);display:block}.tech-tier-head small{color:var(--text-soft);font-size:var(--fs-xs)}.tech-gate{flex-wrap:wrap;gap:.25em;margin-top:.35em;display:flex}.tech-gate span{font:800 var(--fs-2xs) var(--font-text);border-radius:var(--r-pill);background:var(--cream-200);padding:.1em .5em}.tech-gate .ok{background:color-mix(in srgb, var(--moss-300) 60%, var(--cream-50))}.tech-gate .no{background:color-mix(in srgb, var(--hp) 25%, var(--cream-50))}.tech-gate .later{background:var(--cream-200);color:var(--text-soft);border:.1em dashed var(--brown-300)}.tech-tier.shut .tech-node{filter:saturate(.4)}.tech-node{text-align:left;border:var(--outline-thin);border-radius:var(--r-md);background:var(--cream-50);cursor:pointer;color:var(--ink);font:inherit;grid-template-rows:auto auto;grid-template-columns:2.6em 1fr;align-items:center;gap:.1em .55em;padding:.4em .55em;display:grid}.tech-node .tech-ico{grid-row:span 2}.tech-node b{font:700 var(--fs-sm) var(--font-display)}.tech-node-text{flex-direction:column;min-width:0;display:flex}.tech-node small{font-size:var(--fs-2xs);color:var(--text-soft);font-weight:800}.tech-node.learned{border-color:var(--moss-700);background:#eaf5dc}.tech-node.learned small{color:var(--moss-700)}.tech-node.ready{border-color:var(--accent-700);box-shadow:0 0 0 .14em color-mix(in srgb, var(--accent) 60%, transparent)}.tech-node.ready small{color:var(--accent-700)}.tech-node.locked{background:var(--cream-200);border-style:dashed}.tech-node.sel{box-shadow:0 0 0 .2em var(--accent)}.tech-node:focus-visible{box-shadow:0 0 0 .2em var(--accent);outline:none}.tech-ico{background:var(--cream-200);border:.1em solid var(--ink);border-radius:50%;place-items:center;width:2.6em;height:2.6em;display:grid}.tech-ico svg{width:62%;height:62%}.tech-ico.big{width:3.4em;height:3.4em}.tech-cost{grid-column:2;gap:.2em;display:flex}.tech-cost i{background:var(--accent);border:.08em solid var(--ink);border-radius:50%;width:.5em;height:.5em}.tech-node.learned .tech-cost i{background:var(--moss-500)}.tech-card{border-radius:var(--r-lg);border:var(--outline-thin);background:var(--cream-50);flex-direction:column;gap:.55em;padding:.8em;display:flex;position:sticky;top:0}.tech-card-top{align-items:flex-start;gap:.6em;display:flex}.tech-card-top b{font:700 var(--fs-md) var(--font-display)}.tech-card-top p{font-size:var(--fs-xs);color:var(--text-soft);margin:.2em 0 0}.tech-card h4{font:700 var(--fs-xs) var(--font-display);color:var(--brown-500);text-transform:uppercase;letter-spacing:.04em;margin:0}.tech-unlocks{flex-direction:column;gap:.3em;display:flex}.tech-unlock{font-size:var(--fs-xs);grid-template-rows:auto auto;grid-template-columns:2em 1fr;align-items:center;gap:0 .45em;display:grid}.tech-unlock .craft-ico{grid-row:span 2;width:2em;height:2em}.tech-unlock small{color:var(--text-soft);font-size:var(--fs-2xs)}.tech-req{color:var(--text-soft);font-weight:800}.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}.net-lobby-row{gap:var(--sp-2);display:flex}.net-lobby-row[hidden]{display:none}.net-lobby-code{min-width:0;font:700 1.1em / 1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:var(--sp-2) var(--sp-3);border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-100);color:var(--ink);flex:1}.net-lobby-code:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.net-signin-btn[hidden]{display:none}.net-banner{z-index:40;align-items:center;gap:var(--sp-3);border-radius:var(--r-pill);background:var(--cream-50);border:var(--outline);max-width:calc(100vw - 32px);box-shadow:var(--shadow);font:600 clamp(12px, 1vw, 20px) / 1.2 var(--font-text);color:var(--ink);padding:.45em .5em .45em .9em;display:flex;position:fixed;top:clamp(64px,11vh,140px);left:50%;transform:translate(-50%)}.net-banner[hidden]{display:none}.net-banner.bad{background:color-mix(in srgb, var(--danger) 18%, var(--cream-50))}.net-banner-text{flex-direction:column;gap:.1em;min-width:0;display:flex}.net-banner-text b{font:600 1.05em / 1.1 var(--font-display)}.net-banner-text span{color:var(--text-soft);font-size:.85em}.net-banner-acts{gap:var(--sp-1);flex:none;display:flex}.net-banner-acts button{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--accent);color:var(--ink);font:700 .9em var(--font-text);cursor:pointer;border-bottom-width:.2em;padding:.35em .9em}.net-banner-acts button:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.bag-main{gap:var(--sp-4);padding-top:var(--sp-3);grid-template-columns:minmax(0,1fr) 17em;align-items:start;display:grid}.bag-left{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.bag-top{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.bag-chip{border:var(--outline-thin);background:var(--cream-50);border-radius:var(--r-pill);font:600 var(--fs-sm) var(--font-display);color:var(--brown-700);cursor:pointer;padding:.3em .85em}.bag-chip.on{background:var(--moss-700);color:var(--text-on-dark)}.bag-count{font:700 var(--fs-xs) var(--font-text);color:var(--text-soft);margin-left:auto}.bag-count b{font:700 var(--fs-md) var(--font-display);color:var(--ink)}.bag-sort{border:var(--outline-thin);border-radius:var(--r-sm);background:var(--cream-200);font:700 var(--fs-xs) var(--font-text);color:var(--ink);cursor:pointer;border-bottom-width:.2em;align-items:center;gap:.4em;padding:.2em .6em .2em .25em;display:inline-flex}.bag-sort kbd,.bag-act kbd{font-size:var(--fs-2xs)!important}.bag-grid{gap:var(--sp-1);grid-template-columns:repeat(9,1fr);display:grid}.bag-slot{aspect-ratio:1;border-radius:var(--r-md);background:var(--cream-50);border:var(--outline-thin);min-width:0;box-shadow:inset 0 -.25em 0 var(--cream-200);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.bag-slot:hover{background:var(--cream-100);transform:translateY(-1px)}.bag-slot.empty{background:color-mix(in srgb, var(--cream-200) 55%, transparent);border-style:dashed;border-color:var(--brown-300);box-shadow:none}.bag-slot.dim>*{opacity:.28}.bag-slot.sel{border-color:var(--accent-700);background:var(--cream-100);box-shadow:0 0 0 .2em var(--accent), inset 0 -.25em 0 var(--cream-200)}.bag-slot:focus-visible{box-shadow:0 0 0 .2em var(--accent), inset 0 -.25em 0 var(--cream-200);outline:none}.bag-ico{width:64%;height:64%}.bag-n{font:700 var(--fs-sm) / 1 var(--font-display);color:var(--ink);text-shadow:0 0 .15em var(--cream-50), 0 0 .15em var(--cream-50);position:absolute;bottom:.15em;right:.3em}.bag-wear{border-radius:var(--r-pill);background:var(--cream-200);border:1.5px solid var(--ink);height:.38em;position:absolute;bottom:.35em;left:14%;right:14%;overflow:hidden}.bag-wear i{background:var(--good);position:absolute;inset:0 auto 0 0}.bag-wear.low i{background:var(--danger)}.bag-qtag{align-items:center;gap:.1em;display:flex;position:absolute;top:.2em;left:.25em}.bag-qtag .ico{width:1.05em;height:1.05em}.bag-qtag b{font:700 var(--fs-2xs) / 1 var(--font-display);color:var(--ink)}.bag-quick{align-items:center;gap:var(--sp-4);display:flex}.bag-quick-text{gap:var(--sp-1);flex-direction:column;max-width:22em;display:flex}.bag-quick h3{font:600 var(--fs-sm) var(--font-display);color:var(--text-soft);letter-spacing:.02em;margin:0}.bag-quick-how{font:700 var(--fs-xs) / 1.7 var(--font-text);color:var(--text-soft);margin:0}.bag-quick-how kbd{vertical-align:middle;font-size:var(--fs-2xs)!important}.bag-card{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-lg);background:var(--cream-50);border:var(--outline);box-shadow:var(--shadow);flex-direction:column;display:flex;position:sticky;top:0}.bag-card.empty{color:var(--text-soft)}.bag-card-hint{font:700 var(--fs-sm) / 1.4 var(--font-text);margin:0}.bag-card-head{align-items:center;gap:var(--sp-3);display:flex}.bag-card-ico{border-radius:var(--r-md);background:var(--cream-200);border:var(--outline-thin);flex:none;justify-content:center;align-items:center;width:4.6em;height:4.6em;display:flex}.bag-card-ico .ico{width:70%;height:70%}.bag-card-title{flex-direction:column;gap:.2em;min-width:0;display:flex}.bag-card-title b{font:600 var(--fs-lg) / 1.1 var(--font-display);color:var(--ink)}.bag-kind{font:800 var(--fs-2xs) var(--font-text);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-200);color:var(--brown-700);align-self:flex-start;padding:.15em .6em}.bag-kind.k-food{background:var(--hunger)}.bag-kind.k-tool{background:var(--moss-300)}.bag-kind.k-building{background:var(--brown-300)}.bag-kind.k-pod{background:var(--accent)}.bag-kind.k-clothing{background:var(--cold)}.bag-card-text{font:600 var(--fs-sm) / 1.45 var(--font-text);color:var(--text);margin:0}.bag-stats{gap:.25em var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);background:var(--cream-100);border:var(--outline-thin);grid-template-columns:1fr auto;margin:0;display:grid}.bag-stats dt{font:700 var(--fs-xs) var(--font-text);color:var(--text-soft)}.bag-stats dd{font:700 var(--fs-sm) var(--font-display);color:var(--ink);text-align:right;margin:0}.bag-acts{gap:var(--sp-1);flex-wrap:wrap;display:flex}.bag-act{border:var(--outline-thin);border-radius:var(--r-sm);background:var(--cream-200);font:700 var(--fs-xs) var(--font-text);color:var(--ink);cursor:pointer;border-bottom-width:.2em;align-items:center;gap:.4em;padding:.3em .7em .3em .3em;display:inline-flex}.bag-act:not(:has(kbd)){padding-left:.7em}.bag-act.primary{background:var(--accent)}.bag-act:hover{filter:brightness(1.04)}.bag-act:focus-visible,.bag-chip:focus-visible,.bag-sort:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bag-slot{transition:none}}.bag-slot.equip{background:var(--cream-100)}.bag-etag{font:700 var(--fs-xs) / 1 var(--font-display);color:var(--accent-700);position:absolute;top:.15em;right:.3em}.bag-craft{gap:var(--sp-1);flex-direction:column;margin-left:auto;display:flex}.bag-recipes{gap:var(--sp-1);flex-direction:column;display:flex}.bag-recipe{align-items:center;gap:var(--sp-2);text-align:left;cursor:pointer;border-radius:var(--r-md);background:var(--cream-100);border:var(--outline-thin);color:var(--ink);transition:transform var(--dur-fast) var(--ease-out);border-bottom-width:.2em;padding:.35em .6em .35em .35em;display:flex}.bag-recipe:not(.can){background:var(--cream-200)}.bag-recipe:not(.can) .bag-recipe-ico .ico{opacity:.45}.bag-recipe.can:hover{transform:translateY(-1px)}.bag-recipe:focus-visible{outline:3px solid var(--accent-700);outline-offset:2px}.bag-recipe-ico{border-radius:var(--r-sm);background:var(--cream-50);border:var(--outline-thin);flex:none;justify-content:center;align-items:center;width:2.6em;height:2.6em;display:flex}.bag-recipe-ico .ico{width:72%;height:72%}.bag-recipe.can .bag-recipe-ico{box-shadow:0 0 0 .16em var(--accent)}.bag-recipe-body{flex-direction:column;gap:.2em;display:flex}.bag-recipe-body b{font:600 var(--fs-sm) / 1.1 var(--font-display)}.bag-needs{gap:.45em;display:flex}.bag-need{font:700 var(--fs-2xs) / 1 var(--font-display);color:var(--ink);align-items:center;gap:.1em;display:inline-flex}.bag-need .ico{width:1.3em;height:1.3em}.bag-need.short small{color:var(--danger)}@media (prefers-reduced-motion:reduce){.bag-recipe{transition:none}}.exposure-fx{pointer-events:none;z-index:5;position:fixed;inset:0}.exposure-fx>div{opacity:0;will-change:opacity;position:absolute;inset:0}.fx-frost{--reach:62%;background-repeat:repeat;background-size:34em 34em;background-color:var(--frost);background-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 72% 66% at center, transparent calc(var(--reach) - 14%), #000 calc(var(--reach) + 16%));-webkit-mask-image:radial-gradient(ellipse 72% 66% at center, transparent calc(var(--reach) - 14%), #000 calc(var(--reach) + 16%));mask-image:radial-gradient(ellipse 72% 66% at center, transparent calc(var(--reach) - 14%), #000 calc(var(--reach) + 16%));mix-blend-mode:screen}.fx-heat{background:radial-gradient(ellipse 75% 70% at center, transparent 48%, color-mix(in srgb, var(--heat) 55%, transparent) 78%, var(--heat-700) 100%);mix-blend-mode:screen;animation:1.6s ease-in-out infinite alternate fx-shimmer}.fx-hurt{background:radial-gradient(ellipse 80% 75% at center, transparent 55%, color-mix(in srgb, var(--hp-low) 60%, transparent) 100%)}.exposure-fx.damaging .fx-frost,.exposure-fx.damaging .fx-heat{animation:.9s ease-in-out infinite alternate fx-throb}@keyframes fx-shimmer{0%{filter:blur();transform:scale(1)}to{filter:blur(.06em);transform:scale(1.025)}}@keyframes fx-throb{to{filter:brightness(1.35)saturate(1.2)}}@media (prefers-reduced-motion:reduce){.fx-heat,.exposure-fx.damaging .fx-frost,.exposure-fx.damaging .fx-heat{animation:none}}.death{z-index:40;padding:var(--safe);font-size:clamp(12px,min(1.25vw,2.222vh),48px);font-family:var(--font-text);color:var(--text);opacity:0;transition:opacity var(--dur-slow) var(--ease-out);background:radial-gradient(#1c120873,#1c1208c7);place-items:center;display:grid;position:fixed;inset:0}.death.show{opacity:1}.death[hidden]{display:none}.death-panel{gap:var(--sp-4);width:min(32em,100%);padding:var(--sp-5) var(--sp-5) var(--sp-4);background:var(--cream-50);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform var(--dur-slow) var(--ease-bounce);flex-direction:column;display:flex;transform:translateY(.8em)scale(.97)}.death.show .death-panel{transform:none}.death-head{gap:var(--sp-3);align-items:center;display:flex}.death-badge{background:var(--cream-200);border:var(--outline);width:3.2em;height:3.2em;color:var(--accent-700);box-shadow:var(--shadow-drop);border-radius:50%;flex:none;place-items:center;font-size:1.15em;display:grid}.death-badge svg{width:1.9em;height:1.9em}.death h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);margin:0;line-height:1.1}.death-line{margin:var(--sp-1) 0 0;font-weight:700;font-size:var(--fs-sm);color:var(--text-soft)}.death-sec{gap:var(--sp-2);flex-direction:column;display:flex}.death h3{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);margin:0}.death-items{gap:var(--sp-2);flex-wrap:wrap;display:flex}.death-item{border-radius:var(--r-pill);background:var(--cream-100);border:var(--outline-thin);box-shadow:var(--shadow-drop);align-items:center;gap:.35em;padding:.25em .7em .25em .3em;display:flex}.death-item-ico svg{width:1.5em;height:1.5em;display:block}.death-item b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm)}.death-item small{font-weight:700;font-size:var(--fs-xs);color:var(--text-soft)}.death-soft{font-weight:700;font-size:var(--fs-sm);color:var(--text-soft);margin:0}.death-kept{gap:var(--sp-2);font-weight:700;font-size:var(--fs-sm);color:var(--moss-700);align-items:center;margin:0;display:flex}.death-kept-ico svg{width:1.4em;height:1.4em;color:var(--moss-500);display:block}.death-bag{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--cream-100);border:var(--outline-thin);flex-direction:row}.death-bag-ico{color:var(--danger);flex:none}.death-bag-ico svg{width:2.2em;height:2.2em;display:block}.death-bag b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-md);display:block}.death-bag small{font-weight:700;font-size:var(--fs-xs);color:var(--text-soft);margin-top:.15em;display:block}.death-go{align-self:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);border-radius:var(--r-pill);border:var(--outline);box-shadow:var(--shadow);background:var(--accent);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur) var(--ease-out), filter var(--dur-fast);padding:.45em 1.2em .45em .5em;display:flex}.death-go:disabled{opacity:.45;cursor:default}.death-go:not(:disabled):hover,.death-go:focus-visible{filter:brightness(1.05);outline:none;transform:translateY(-.08em)scale(1.03)}.death-go:focus-visible{box-shadow:0 0 0 .2em var(--cream-50), 0 0 0 .4em var(--accent-700), var(--shadow)}.death-go kbd{font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){.death,.death-panel,.death-go{transition:none}}.evo-layer{z-index:40;pointer-events:none;font-size:clamp(12px,min(1.25vw,2.222vh),48px);position:fixed;inset:0}.evo-layer .evo-card.show{pointer-events:auto}body.evo-on .hud-stage,body.evo-on .floater,body.evo-on .hpbar{opacity:0;transition:opacity var(--dur) var(--ease-out)}.evo-stage{aspect-ratio:16/9;background:#000;width:min(100vw,177.78vh);font-size:clamp(12px,min(1.25cqw,2.222cqh),48px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:size}.evo-stage canvas{width:100%;height:100%;position:absolute;inset:0}.evo-dim{pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);background:radial-gradient(at 50% 55%,#0000 25%,#0a0e08c7 75%);position:absolute;inset:0}.evo-dim.on{opacity:1}.evo-flash{pointer-events:none;opacity:0;background:#fffdf4;position:absolute;inset:0}.evo-card{opacity:0;pointer-events:none;background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);text-align:center;color:var(--ink);transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-bounce);padding:1em 1.4em;position:absolute;left:50%;transform:translate(-50%)scale(.92)}.evo-card.show{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.evo-card h2{font:700 var(--fs-xl) var(--font-display);margin:0 0 .2em}.evo-card p{font:600 var(--fs-sm) var(--font-text);margin:.2em 0}.evo-prompt{min-width:20em;bottom:8%}.evo-result{min-width:22em;bottom:6%}.evo-row{justify-content:center;gap:.8em;margin-top:.8em;display:flex}.evo-btn{border:var(--outline-thin);border-radius:var(--r-pill);background:var(--cream-50);font:700 var(--fs-md) var(--font-display);color:var(--ink);cursor:pointer;align-items:center;gap:.45em;padding:.4em 1em;display:inline-flex}.evo-btn.primary{background:var(--accent)}.evo-btn:focus-visible{outline:.18em solid var(--accent);outline-offset:.15em}.evo-key{border-radius:var(--r-sm);border:var(--outline-thin);background:var(--cream-50);min-width:1.5em;height:1.5em;font:800 .8em var(--font-text);place-items:center;padding:0 .3em;display:inline-grid}.evo-key.pad-a{background:var(--pad-a);color:#fff;border-radius:50%}.evo-key.pad-b{background:var(--pad-b);color:#fff;border-radius:50%}.evo-stats{font:700 var(--fs-sm) var(--font-text);grid-template-columns:auto auto auto;justify-content:center;gap:.2em .8em;margin-top:.6em;display:grid}.evo-stats .up{color:var(--accent)}.evo-skip{color:#fff;font:700 var(--fs-sm) var(--font-text);opacity:0;transition:opacity var(--dur) var(--ease-out);text-shadow:0 .1em .2em #0008;align-items:center;gap:.4em;display:flex;position:absolute;bottom:3%;right:2%}.evo-skip.show{opacity:.9}.evo-skip i{border-radius:var(--r-pill);background:#fff4;width:3em;height:.35em;display:block;overflow:hidden}.evo-skip i b{background:#fff;width:0;height:100%;display:block}@media (prefers-reduced-motion:reduce){.evo-card{transition:none}}.bwheel{--r:9.2em;--slot:4.7em;flex-direction:column;align-items:center;gap:.9em;display:flex}.btiers{border-radius:var(--r-pill);background:var(--cream-100);border:var(--outline);box-shadow:var(--shadow);align-items:center;gap:.4em;padding:.3em .45em;display:flex}.btier{font:700 var(--fs-sm) var(--font-display);border-radius:var(--r-pill);border:var(--outline-thin);background:var(--cream-50);color:var(--ink);cursor:pointer;padding:.25em .95em}.btier.on.tier-wood{color:var(--text-on-dark);background:#c98f55}.btier.on.tier-stone{color:var(--text-on-dark);background:#8f9aa3}.btier.on.tier-metal{color:var(--text-on-dark);background:#4f8f86}.btier.locked{opacity:.55;border-style:dashed}.btier.locked:after{content:" 🔒";font-size:.8em}.bwheel-ring{width:calc(2 * var(--r) + var(--slot));aspect-ratio:1;position:relative}.bwheel-ring:before{content:"";inset:calc(var(--slot) / 2 - .4em);background:color-mix(in srgb, var(--cream-50) 60%, transparent);border:var(--outline);box-shadow:var(--shadow);border-radius:50%;position:absolute}.bwheel-slot{width:var(--slot);height:var(--slot);transform:translate(calc(-50% + var(--x) * var(--r)), calc(-50% + var(--y) * var(--r)));cursor:pointer;background:var(--cream-50);border:var(--outline);box-shadow:inset 0 -.22em 0 var(--cream-200);transition:transform var(--dur-fast) var(--ease-bounce), background var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%}.bwheel-slot.tool{background:var(--cream-200)}.bwheel-slot.sel{box-shadow:0 0 0 .18em var(--moss-500), inset 0 -.22em 0 var(--cream-200)}.bwheel-slot.hi{background:var(--cream-100);box-shadow:0 0 0 .22em var(--accent), inset 0 -.22em 0 var(--cream-200);transform:translate(calc(-50% + var(--x) * var(--r) * 1.06), calc(-50% + var(--y) * var(--r) * 1.06)) scale(1.18);z-index:1}.bwheel-slot.short .bwheel-thumb,.bwheel-slot.locked .bwheel-thumb{opacity:.45;filter:saturate(.4)}.bwheel-slot.short:after{content:"";background:var(--danger);border:2px solid var(--ink);border-radius:50%;width:.55em;height:.55em;position:absolute;top:.25em;right:.25em}.bwheel-thumb{object-fit:contain;pointer-events:none;width:92%;height:92%}.bwheel-ico{width:58%;height:58%}.bwheel-hub{width:calc(var(--r) * 1.22);aspect-ratio:1;text-align:center;background:var(--cream-50);border:var(--outline);box-shadow:var(--shadow-soft);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.35em;padding:.6em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bwheel-hub b{font:600 var(--fs-lg) / 1.1 var(--font-display);color:var(--ink)}.bwheel-hub small{font:800 var(--fs-xs) / 1.25 var(--font-text);color:var(--text-soft)}.bwheel-hub small.soft{max-width:11em;font-weight:600}.bwheel-hub small.warn{color:var(--danger)}.bcost{flex-wrap:wrap;justify-content:center;gap:.3em;display:flex}.bcost-chip{border-radius:var(--r-pill);background:var(--cream-100);border:var(--outline-thin);font:700 var(--fs-sm) / 1 var(--font-display);color:var(--ink);align-items:center;gap:.15em;padding:.1em .45em .1em .15em;display:inline-flex}.bcost-chip small{font:700 var(--fs-xs) / 1 var(--font-text);color:var(--text-soft)}.bcost-chip.short{background:color-mix(in srgb, var(--danger) 18%, var(--cream-100));border-color:var(--danger)}.bcost-chip.short small{color:var(--danger)}.bcost-ico{width:1.5em;height:1.5em}.bbar{flex-direction:column;align-items:center;gap:.4em;display:flex}.bbar-top{border-radius:var(--r-pill);background:var(--cream-100);border:var(--outline);box-shadow:var(--shadow);font:700 var(--fs-md) var(--font-display);color:var(--ink);align-items:center;gap:.55em;padding:.35em 1em .35em .45em;display:flex}.bbar-top.ok{box-shadow:0 0 0 .15em color-mix(in srgb, var(--moss-500) 45%, transparent), var(--shadow)}.bbar-top.bad{border-color:var(--danger);box-shadow:0 0 0 .15em #e2483d59, var(--shadow)}.bbar-ico{width:1.6em;height:1.6em}.bbar-why{font:normal 800 var(--fs-sm) var(--font-text);color:var(--danger)}.bbar-keys{border-radius:var(--r-pill);background:color-mix(in srgb, var(--cream-50) 85%, transparent);border:var(--outline-thin);font:700 var(--fs-xs) var(--font-text);color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em .8em;padding:.3em .9em;display:flex}.bbar-key{align-items:center;gap:.3em;display:inline-flex}.bbar-count{color:var(--text-soft);border-left:2px solid var(--cream-200);padding-left:.5em;font-weight:800}.bbar-count.full{color:var(--danger)}.btarget{border-radius:var(--r-md);background:var(--cream-100);border:var(--outline);min-width:15em;box-shadow:var(--shadow);padding:.6em .8em;display:none}.btarget.show{flex-direction:column;gap:.45em;display:flex}.btarget-head{align-items:center;gap:.4em;display:flex}.btarget-head b{font:600 var(--fs-md) var(--font-display);color:var(--ink)}.btarget-head small{font:700 var(--fs-xs) var(--font-text);color:var(--text-soft);margin-left:auto}.btarget-ico{width:1.5em;height:1.5em}.btarget-hp{border-radius:var(--r-pill);background:var(--cream-200);border:var(--outline-thin);height:1.1em;position:relative;overflow:hidden}.btarget-hp i{background:var(--moss-500);position:absolute;inset:0 auto 0 0}.btarget-hp span{text-align:center;font:800 var(--fs-2xs) / 1.1em var(--font-text);color:var(--ink);display:block;position:relative}.btarget-act{font:700 var(--fs-sm) var(--font-display);color:var(--ink);flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.btarget-act em{font:normal 800 var(--fs-xs) var(--font-text);color:var(--danger)}.btarget-act small{font:700 var(--fs-xs) var(--font-text);color:var(--text-soft)}.bcross{pointer-events:none;width:1.4em;height:1.4em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bcross:before,.bcross:after{content:"";background:var(--cream-50);box-shadow:0 0 0 1.5px var(--ink);border-radius:2px;position:absolute}.bcross:before{width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)}.bcross:after{height:3px;top:50%;left:0;right:0;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.bwheel-slot{transition:none}}.build-layer{z-index:25;pointer-events:none;font-size:clamp(12px,min(1.25vw,2.222vh),48px);position:fixed;inset:0}.build-layer :is(.btiers,.bwheel-slot,.btier){pointer-events:auto}.build-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.build-bottom{position:absolute;bottom:3.2%;left:50%;transform:translate(-50%)}.build-right{position:absolute;top:38%;right:3%}.base{right:var(--safe,2.5%);width:40em;max-height:calc(100% - 2 * var(--safe,2.5%));background:var(--cream-100);border:var(--outline);border-radius:var(--r-lg);box-shadow:var(--shadow);color:var(--ink);font:600 var(--fs-sm) var(--font-text);flex-direction:column;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.base-head{border-bottom:.12em solid var(--cream-300);background:var(--cream-50);align-items:center;gap:.7em;padding:.8em 1em;display:flex}.base-ico{flex:none;width:2.4em;height:2.4em}.base-title{flex-direction:column;margin-right:auto;display:flex}.base-title b{font:700 var(--fs-xl) / 1 var(--font-display)}.base-title small{color:var(--text-soft);font-size:var(--fs-xs)}.base-close{font:700 var(--fs-lg) var(--font-display);cursor:pointer;color:var(--ink);background:0 0;border:none}.base-tabs{border-bottom:.12em solid var(--cream-300);gap:.4em;padding:.5em 1em;display:flex}.base-tab{border:var(--outline-thin);border-radius:var(--r-pill);font:700 var(--fs-sm) var(--font-display);background:var(--cream-50);cursor:pointer;color:var(--ink);padding:.3em 1em}.base-tab.on{background:var(--moss-700);color:var(--text-on-dark)}.base-body{flex-direction:column;gap:.7em;padding:.7em 1em 1em;display:flex;overflow-y:auto}.base-away{border-radius:var(--r-md);background:color-mix(in srgb, var(--moss-300) 35%, var(--cream-50));border:var(--outline-thin);align-items:center;gap:.5em;padding:.45em .8em;font-weight:700;display:flex}.base-away-ico{flex:none;width:1.4em;height:1.4em}.base-workers{flex-direction:column;gap:.45em;display:flex}.base-worker{border-radius:var(--r-md);background:var(--cream-50);border:var(--outline-thin);grid-template-columns:3.6em 1fr auto;align-items:center;gap:.7em;padding:.45em .6em;display:grid}.base-worker.tone-warn{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--cream-50))}.base-worker.tone-sleep{background:color-mix(in srgb, #8fa6d8 18%, var(--cream-50))}.base-worker.empty{text-align:center;color:var(--text-soft);border-style:dashed;padding:.8em;display:block}.base-pic{background:var(--cream-200);border:var(--outline-thin);border-radius:50%;width:3.6em;height:3.6em;overflow:hidden}.base-pic.small{width:2.6em;height:2.6em}.base-pic img{object-fit:cover;width:100%;height:100%}.base-wtop{align-items:baseline;gap:.45em;display:flex}.base-wtop b{font:700 var(--fs-md) var(--font-display)}.base-wtop small{color:var(--text-soft);font-size:var(--fs-xs)}.base-job{border-radius:var(--r-pill);background:var(--cream-200);font:700 var(--fs-xs) var(--font-display);align-items:center;gap:.25em;margin-left:auto;padding:.05em .55em .05em .2em;display:inline-flex}.base-job-ico{width:1.3em;height:1.3em}.base-status{font-size:var(--fs-xs);color:var(--text-soft);margin:.15em 0 .3em}.tone-warn .base-status{color:var(--danger);font-weight:800}.base-bars{gap:.5em;display:flex}.base-bar{border-radius:var(--r-pill);background:var(--cream-200);border:1.5px solid var(--ink);flex:1;height:1em;position:relative;overflow:hidden}.base-bar i{position:absolute;inset:0 auto 0 0}.base-bar.food i{background:#f2a14b}.base-bar.rest i{background:#8fa6d8}.base-bar.low{border-color:var(--danger)}.base-bar span{text-align:center;font:800 var(--fs-2xs) / 1em var(--font-text);display:block;position:relative}.base-wright{flex-direction:column;align-items:flex-end;gap:.35em;display:flex}.base-rate{font:700 var(--fs-sm) var(--font-display);color:var(--moss-700);white-space:nowrap}.m4-btn.small{font-size:var(--fs-xs);padding:.25em .75em}.base-needs{flex-direction:column;gap:.35em;display:flex}.base-need{border-radius:var(--r-md);background:var(--cream-50);border:var(--outline-thin);align-items:center;gap:.5em;padding:.35em .6em;display:flex}.base-need span{flex:1}.base-need.warn{border-color:var(--danger);color:var(--danger)}.base-need-ico{flex:none;width:1.7em;height:1.7em}.base-assign h4,.base-col h4{font:700 var(--fs-md) var(--font-display);margin:.2em 0 .4em}.base-cands{flex-wrap:wrap;gap:.4em;display:flex}.base-cand{text-align:left;border-radius:var(--r-pill);background:var(--cream-50);border:var(--outline-thin);cursor:pointer;color:var(--ink);grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.45em;padding:.3em .7em .3em .3em;display:grid}.base-cand .base-pic{grid-row:1/3}.base-cand b{font:700 var(--fs-sm) var(--font-display)}.base-cand small{font-size:var(--fs-2xs);color:var(--text-soft)}.base-cand.nojob,.base-cand:disabled{opacity:.55;cursor:default}.base-storage{grid-template-columns:1fr 1fr;gap:1em;display:grid}.base-grid{grid-template-columns:repeat(6,1fr);gap:.3em;display:grid}.base-slot{aspect-ratio:1;border-radius:var(--r-sm,.5em);background:var(--cream-50);border:var(--outline-thin);cursor:pointer;padding:.2em;position:relative}.base-slot.empty{background:var(--cream-200);cursor:default;border-style:dashed}.base-slot-ico{width:100%;height:100%}.base-n{font:700 var(--fs-xs) / 1 var(--font-display);text-shadow:0 0 .15em var(--cream-50), 0 0 .15em var(--cream-50);position:absolute;bottom:.05em;right:.15em}.base-note{color:var(--text-soft);font-size:var(--fs-xs);margin:0}