:root{--ink:#0b2340;--sea-deep:#04121f;--sea:#0f6e8c;--foam:#e8fbff;--sand:#f4d58d;--coral:#ff7a59;--sun:#ffd23f;--leaf:#3fbf6f;--danger:#e5383b;--card:#fffaf0;--radius:22px;color:var(--ink);font-family:Fredoka Variable,Comic Sans MS,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--sea-deep);height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;height:100dvh}:root[data-away] *,:root[data-away] :before,:root[data-away] :after{animation-play-state:paused!important}button{font:inherit;color:inherit;cursor:pointer}.stage-frame{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;overflow:hidden}.stage{transform-origin:50%;background:linear-gradient(#7fd6f5 0%, #bdeefc 55%, var(--sand) 56%, #e9c46a 100%);border-radius:8px;position:absolute;top:50%;left:50%;overflow:hidden}.screen{background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.loading{color:var(--foam);background:var(--sea-deep);font-size:32px}.screen-title{color:var(--foam);text-shadow:0 4px 0 var(--ink);margin:0;font-size:56px}.sprite{object-fit:contain;-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:inline-grid}.sprite-fallback{filter:drop-shadow(0 6px #0b234040)}.big-button{border:4px solid var(--ink);background:var(--sun);min-width:260px;box-shadow:0 6px 0 var(--ink);border-radius:999px;padding:18px 36px;font-size:32px;font-weight:700;transition:transform 80ms}.big-button:hover{transform:translateY(-2px)}.big-button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.big-button:focus-visible,.hero-card:focus-visible,.move-button:focus-visible{outline:6px solid var(--coral);outline-offset:4px}.big-button.secondary{background:var(--foam)}.button-row{gap:24px;display:flex}.title-screen{background:radial-gradient(circle at 50% 30%, #2bb3d6, var(--sea) 55%, var(--sea-deep));background-size:cover;gap:12px}.title-heading{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:40px;left:56px}.title-buttons{position:absolute;bottom:48px}.title-tagline{background:#fffaf0d9;border-radius:999px;margin:0;padding:4px 22px;font-size:30px;font-weight:600}.title-logo{color:var(--sun);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);letter-spacing:2px;margin:0;font-size:120px}.intro-screen{background:var(--sea-deep)}.intro-panel{flex-direction:column;align-items:center;gap:20px;display:flex}.intro-art{border:6px solid var(--foam);border-radius:var(--radius);background:linear-gradient(#7fd6f5, var(--sand));background-position:50%;background-size:cover;place-items:center;width:880px;height:440px;display:grid}.intro-text{width:880px;color:var(--foam);text-align:center;margin:0;font-size:30px}.intro-next{min-width:0;position:absolute;bottom:32px;right:48px}.intro-video{background:#000;position:absolute;inset:0}.intro-video video{object-fit:cover;width:100%;height:100%;display:block}.intro-caption{border-radius:var(--radius);width:900px;color:var(--foam);text-align:center;background:#140a2d9e;margin:0 auto;padding:12px 24px;font-size:30px;line-height:1.3;position:absolute;bottom:40px;left:0;right:0}.intro-skip{opacity:.85;min-width:0;padding:10px 22px;font-size:24px;position:absolute;top:20px;right:188px}.select-screen{background:linear-gradient(var(--sea), var(--sea-deep))}.hero-cards{gap:32px;display:flex}.hero-card{border:5px solid var(--ink);border-radius:var(--radius);background:var(--card);width:300px;box-shadow:0 8px 0 var(--ink);flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex;position:relative}.hero-card-key{opacity:.5;font-size:22px;position:absolute;top:10px;left:14px}.hero-card-name{font-size:36px;font-weight:700}.hero-card-types{font-size:28px}.hero-card-tagline{opacity:.75;font-size:20px}.stat-bar{align-items:center;gap:8px;width:100%;font-size:20px;display:flex}.stat-track{background:#d9e6ee;border-radius:999px;flex:1;height:14px;overflow:hidden}.stat-fill{background:var(--leaf);height:100%;display:block}.text-box{border:5px solid var(--ink);border-radius:var(--radius);background:var(--card);text-align:left;width:1000px;min-height:120px;box-shadow:0 8px 0 var(--ink);z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;font-size:34px;font-weight:600;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.text-box>span:first-child{white-space:pre-line}.text-box-next{font-size:24px;animation:.8s infinite alternate nudge}@keyframes nudge{to{transform:translate(6px)}}.hud{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:24px;right:184px}.hud-title{border:4px solid var(--ink);background:var(--card);white-space:nowrap;border-radius:999px;flex:none;padding:8px 20px;font-size:26px;font-weight:700}.item-tray{flex:0 auto;min-width:0;margin:0;padding:0;list-style:none;display:flex}.item-tray li{flex:0 68px;width:68px;min-width:14px;height:60px;position:relative}.item-tray li:last-child{flex:0 0 60px;width:60px}.tray-card{border:4px solid var(--ink);background:var(--card);border-radius:16px;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:0;left:0;box-shadow:-3px 0 6px #0b234040}.battle-screen .hud{justify-content:flex-start;gap:12px;top:10px;right:540px}.battle-screen{background:linear-gradient(#5cc8e8, #a8e6f5 55%, var(--sand) 56%);background-size:cover;justify-content:flex-start}.battle-field{flex:1;justify-content:space-between;align-items:flex-end;width:100%;padding:110px 120px 250px;display:flex}.fighter{flex-direction:column;align-items:center;gap:16px;display:flex}.fighter-body{position:relative}.hp{border:4px solid var(--ink);background:var(--card);border-radius:18px;width:320px;padding:10px 16px}.hp-label{justify-content:space-between;font-size:22px;font-weight:700;display:flex}.hp-track{background:#d9e6ee;border-radius:999px;height:18px;margin-top:6px;overflow:hidden}.hp-fill{border-radius:999px;height:100%}.hp-fill.good{background:var(--leaf)}.hp-fill.warn{background:var(--sun)}.hp-fill.danger{background:var(--danger)}.enemy-side{pointer-events:none;z-index:2;position:absolute;inset:0}.enemy-slot{pointer-events:auto;position:absolute;translate:-50% -100%}.enemy-side.group .hp{width:220px;padding:6px 12px}.enemy-side.group .hp-label{font-size:18px}.enemy-side.group .hp-track{height:14px;margin-top:4px}.enemy-side.group .fighter{gap:8px}.enemy-pick{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:block}.enemy-pick:disabled{cursor:default}.enemy-pick:focus-visible{outline:none}.enemy-slot.aimed .hp{border-color:var(--sun);box-shadow:0 0 0 4px var(--sun), 0 0 24px var(--sun)}.enemy-slot.aimed .fighter-body:after{content:"";border:5px solid var(--sun);height:26px;box-shadow:0 0 18px var(--sun);z-index:-1;border-radius:50%;position:absolute;bottom:-10px;left:10%;right:10%}.enemy-slot.beaten .hp{opacity:.55}.aim-marker{z-index:2;filter:drop-shadow(0 3px #0b234059);font-size:44px;line-height:1;position:absolute;top:4px;left:50%;translate:-50%}.aim-hint{border:4px solid var(--ink);background:var(--card);z-index:5;border-radius:999px;margin:0;padding:6px 18px;font-size:22px;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:0}.move-grid.with-aside{grid-template-columns:repeat(3,1fr) 190px}.run-cell{flex-direction:column;grid-area:1/4/span 2;gap:6px;display:flex}.run-button{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#ffe9b0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px;display:flex;position:relative}.run-button:focus-visible{outline:6px solid var(--coral);outline-offset:4px}.run-button:disabled{box-shadow:0 3px 0 var(--ink);opacity:.7;cursor:not-allowed;background:#d5dbe0}.run-emoji{font-size:48px;line-height:1}.run-name{font-size:26px;font-weight:800}.run-button:disabled{gap:0;padding:4px 10px}.run-button:disabled .run-emoji{font-size:30px}.run-button:disabled .run-name{font-size:22px;line-height:1.1}.run-hint{text-align:center;font-size:15px;font-weight:800;line-height:1.15}.damage-pop{color:var(--danger);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;pointer-events:none;font-size:48px;font-weight:800;position:absolute;top:20px;left:50%;translate:-50%}.damage-pop.super{color:var(--sun);font-size:60px}.move-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:1120px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.move-button{border:4px solid var(--ink);background:var(--card);text-align:left;box-shadow:0 5px 0 var(--ink);border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:12px 18px;display:grid;position:relative}.move-key{opacity:.5;font-size:16px;position:absolute;top:6px;right:12px}.move-emoji{grid-row:span 2;font-size:40px}.move-name{font-size:26px;font-weight:700}.move-meta{align-items:center;gap:8px;font-size:18px;display:flex}.badge{border-radius:999px;padding:0 10px;font-size:16px;font-weight:700}.badge.strong{background:var(--leaf);color:#fff}.badge.weak{background:#c9d3da}.badge.heals-left{background:#ffd6e7}.type-fire{background:#ffe1d6}.type-water{background:#d6f1ff}.type-nature{background:#dcf7e3}.type-electric{background:#fff6c7}.type-poison{background:#ecdcff}.type-normal{background:#eceff4}.item-screen{background:radial-gradient(circle, #2bb3d6, var(--sea-deep))}.item-card{border:6px solid var(--ink);background:var(--card);width:560px;box-shadow:0 10px 0 var(--ink);border-radius:32px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.item-card-heading{opacity:.7;margin:0;font-size:28px}.item-card-name{margin:0;font-size:48px}.item-card-description{text-align:center;margin:0 0 12px;font-size:26px}.result-screen.win{background:radial-gradient(circle, var(--sun), var(--coral) 60%, #9b2c2c)}.result-screen.lose{background:linear-gradient(#41536b, var(--sea-deep))}.result-text{max-width:900px;color:var(--foam);text-align:center;text-shadow:0 2px 0 var(--ink);margin:0;font-size:30px}.fullscreen-button{z-index:20;border:4px solid var(--ink);background:var(--card);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:104px}.fullscreen-button svg{fill:none;width:32px;height:32px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.portrait-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.portrait-hint{z-index:10000;padding:env(safe-area-inset-top,0px) 24px env(safe-area-inset-bottom,0px);background:radial-gradient(circle at 50% 35%, #2bb3d6, var(--sea) 55%, var(--sea-deep));color:var(--foam);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}}.portrait-hint-phone{font-size:96px;line-height:1;animation:2.4s ease-in-out infinite turn-sideways}.portrait-hint-text{color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);margin:0;font-size:34px;font-weight:700}.portrait-hint-small{opacity:.8;margin:0;font-size:18px}@keyframes turn-sideways{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-bit{border-radius:3px;position:absolute;top:0}.hero-sprite{place-items:center;display:inline-grid;position:relative}.hero-hat{filter:drop-shadow(0 3px #0b23404d);line-height:1;position:absolute;left:50%;translate:-50%}.customize-body{align-items:center;gap:56px;display:flex}.customize-preview{border:6px solid var(--ink);background:radial-gradient(circle, var(--foam), #9fe3f5);border-radius:50%;place-items:center;width:360px;height:360px;display:grid}.customize-options{flex-direction:column;gap:12px;display:flex}.customize-label{color:var(--foam);margin:0;font-size:28px;font-weight:700}.option-row{gap:14px;display:flex}.swatch,.hat-option{border:5px solid var(--ink);width:72px;height:72px;box-shadow:0 4px 0 var(--ink);border-radius:50%}.hat-option{background:var(--card);font-size:36px}.swatch[aria-pressed=true],.hat-option[aria-pressed=true]{outline:6px solid var(--sun);outline-offset:3px}.customize-options .button-row{margin-top:20px}.area-banner{text-align:center;color:var(--sun);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);pointer-events:none;z-index:6;margin:0;font-size:88px;position:absolute;top:220px;left:0;right:0}.battle-effects{pointer-events:none;z-index:8;position:absolute;inset:0}.particle{filter:drop-shadow(0 3px #0b234059);line-height:1;position:absolute;translate:-50% -50%}.shield-ring{border:10px solid #7fe3ff;border-radius:50%;width:300px;height:300px;position:absolute;translate:-50% -50%;box-shadow:0 0 40px #7fe3ff,inset 0 0 40px #7fe3ff}.animated-sprite-box{display:block;position:relative}.animated-sprite{background-repeat:no-repeat;display:block;position:absolute}.fighter-animation{pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.walker{transform-origin:50% 100%}.dust{pointer-events:none;font-size:36px;position:absolute;bottom:0;left:50%}.fighter-body>div{transform-origin:50% 100%}.living-sprite{place-items:center;display:inline-grid}.world-screen{background:#1b2a3a}.room-camera{transition:translate .25s ease-out;position:absolute;inset:0}.room{isolation:isolate;background-size:100% 100%;position:absolute;inset:0}.room[data-pointing-at]{cursor:pointer}.room-paint.room-overhang{background-position:top;background-size:100% 720px;height:80px;inset:auto 0 100%;scale:1 -1}.piece{pointer-events:none;justify-items:center;display:grid;position:absolute;translate:-50% -100%}.piece-body{transform-origin:50% 100%}.piece-shadow{z-index:-1;background:#0b234047;border-radius:50%;height:14px;position:absolute;bottom:2%;left:50%;translate:-50% 50%}.campfire-glow{z-index:-1;animation:glow calc(1.2s * var(--rhythm-slow,1)) ease-in-out infinite alternate;animation-delay:calc(-1.2s * var(--rhythm-slow,1) * var(--rhythm-phase,0));background:radial-gradient(circle,#ffc85073,#0000 65%);border-radius:50%;position:absolute;inset:-40% -60%}@keyframes glow{to{opacity:.6;transform:scale(1.1)}}.gloom{opacity:.92;filter:drop-shadow(0 0 14px #3c145ad9)}.gloom-swirl{transform-origin:50% 55%}.gloom-wisp{filter:drop-shadow(0 0 8px #3c145acc);pointer-events:none;background:radial-gradient(#9650d2f2,#50237d99 50%,#0000 72%);border-radius:50%;position:absolute;top:55%;left:50%;translate:-50% -50%}.gloom:before{content:"";z-index:-1;background:radial-gradient(circle,#461e6e8c,#0000 70%);border-radius:50%;position:absolute;inset:10% -25% -5%}.sign-spot{width:1px;height:1px}.tower-door.locked{filter:saturate(.6)brightness(.85)}.tower-door-lock{filter:drop-shadow(0 2px #0b234099);font-size:26px;position:absolute;bottom:18%;left:50%;translate:-50%}.prowler-sight{z-index:-2;pointer-events:none;position:absolute;left:50%;overflow:visible;translate:-50%}.prowler-sight polygon{fill:#ff50501f;stroke:#fff0f0e6;stroke-width:3px;stroke-dasharray:2 9;stroke-linecap:round}.gloom-touched .prowler-sight polygon{fill:#9646dc29}.prowler-crew{border:3px solid var(--ink);background:#fff;border-radius:12px;padding:0 7px;font-size:16px;font-weight:800;position:absolute;bottom:8px;right:-6px}.enemy-slot.gloom-touched .fighter-body,.gloom-filter{filter:saturate(.75)brightness(.8)drop-shadow(0 0 8px #a050e6e6)}.spotted-bubble{z-index:3000;color:#ff3b3b;-webkit-text-stroke:3px var(--ink);text-shadow:0 4px 0 var(--ink);pointer-events:none;font-size:58px;font-weight:900;position:absolute;left:50%;translate:-50%}.foot-ring{z-index:3;pointer-events:none;background:radial-gradient(#0b234061,#0b23402e 70%);border:3px solid #ffffffe6;border-radius:50%;width:42px;height:26px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #0b234059,0 0 10px #ffffff8c}.bump-flash{z-index:3;pointer-events:none;background:#e5383b59;border:3px solid #e5383bd9;border-radius:10px;width:40px;height:40px;position:absolute}.open-tile{z-index:2;pointer-events:none;background:#fff3;border:2px dashed #ffffffd9;border-radius:10px;width:40px;height:40px;position:absolute}.path-dot{z-index:2;border:2px solid var(--ink);pointer-events:none;background:#fff8d6;border-radius:50%;width:10px;height:10px;animation:.25s ease-out backwards path-dot-in;position:absolute;translate:-50% -50%}@keyframes path-dot-in{0%{scale:0}}.world-hud{pointer-events:none;justify-content:flex-start;gap:16px}.hud-hero .hp{width:280px;padding:6px 14px}.hud-hero .hp-label{font-size:18px}.hud-hero .hp-track{height:14px;margin-top:4px}.hud-title,.hud-hero,.menu-button,.fullscreen-button{transition:opacity .25s}.world-screen[data-hud-clear~=title] .hud-title,.world-screen[data-hud-clear~=hp] .hud-hero,.world-screen[data-hud-clear~=bag] .hero-bag[data-reveal] .bag-panel{opacity:.2;pointer-events:none}.stage:has(.world-screen[data-hud-clear~=buttons]) :is(.menu-button,.fullscreen-button){opacity:.2;pointer-events:none}@keyframes pulse{to{scale:1.06}}.dialogue-box{z-index:3000;border:5px solid var(--ink);border-radius:var(--radius);background:var(--card);width:1060px;min-height:170px;box-shadow:0 8px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:24px;padding:20px 32px 20px 24px;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.dialogue-sign{background:#f6e7c4;padding-left:36px}.dialogue-portrait{border:5px solid var(--ink);background:radial-gradient(circle at 50% 35%, var(--foam), #9fe3f5);border-radius:50%;flex:none;place-items:center;width:140px;height:140px;display:grid;overflow:hidden}.dialogue-body{flex-direction:column;flex:1;gap:6px;display:flex}.dialogue-name{background:var(--sea);color:var(--foam);border-radius:999px;align-self:flex-start;padding:2px 16px;font-size:24px;font-weight:700}.dialogue-text{margin:0;font-size:34px;font-weight:600;line-height:1.3}.dialogue-unshown{visibility:hidden}.dialogue-next{opacity:.25;align-self:flex-end;font-size:28px}.dialogue-next.ready{opacity:1;animation:.6s infinite alternate nudge}.world-screen .text-box{z-index:3000}.area-banner{z-index:2500;font-size:72px;top:110px}.area-banner-area,.area-banner-room{display:block}.area-banner.with-area .area-banner-room{-webkit-text-stroke-width:6px;font-size:.55em}.area-banner-note{border:4px solid var(--ink);background:var(--card);width:max-content;max-width:1180px;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;box-shadow:0 5px 0 var(--ink);border-radius:22px;margin:10px auto 0;padding:8px 22px;font-size:26px;display:block}.gloom-lifts{z-index:3500;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.gloom-lifts.spot-upper{align-items:start;padding-top:120px}.gloom-lifts.spot-lower{align-items:end;padding-bottom:64px}.sparkle-wipe{background:linear-gradient(100deg,#0000 30%,#ffffff26 40%,#fff0aad9 50%,#ffffff26 60%,#0000 70%);position:absolute;inset:-10% -30%}.gloom-cheer{border:5px solid var(--ink);background:var(--card);text-align:center;width:max-content;max-width:860px;color:var(--ink);box-shadow:0 8px 0 var(--ink);pointer-events:none;z-index:2400;border-radius:30px;margin:0;padding:14px 36px;font-size:40px;position:absolute;top:250px;left:50%;translate:-50%}.gloom-lifts-banner{border:6px solid var(--ink);background:var(--card);white-space:nowrap;text-align:center;color:var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:36px;margin:0;padding:20px 44px;font-size:52px;position:relative}.room-paint,.battle-backdrop{background-position:50%;background-size:100% 100%;position:absolute;inset:0}.battle-backdrop{background-size:cover}.battle-screen{isolation:isolate}.battle-screen>.battle-backdrop,.battle-screen>.mood-tint,.battle-screen>.mood-warmth,.battle-screen>.mood-twinkles,.battle-screen>.mood-fog,.battle-screen>.mood-vignette{z-index:-1}.mood-gloomy>.room-paint,.mood-gloomy>.battle-backdrop{filter:var(--paint-gloomy)}.mood-cleared>.room-paint,.mood-cleared>.battle-backdrop{filter:var(--paint-cleared)}.mood-lifting>.room-paint{animation:2.2s ease-in-out forwards paint-lift}.room,.battle-screen{--paint-gloomy:brightness(.7) saturate(.5) contrast(1.05);--paint-cleared:brightness(1.06) saturate(1.15);--piece-gloomy:brightness(.86) saturate(.8);--tint-gloomy:.5;--warmth-cleared:1}@keyframes paint-lift{0%{filter:var(--paint-gloomy)}to{filter:var(--paint-cleared)}}.mood-tint,.mood-warmth,.mood-twinkles{z-index:1;pointer-events:none;position:absolute;inset:0}.mood-tint{mix-blend-mode:multiply;opacity:0;background:radial-gradient(at 50% 45%,#9a7ad0,#5e3f96 80%)}.mood-gloomy>.mood-tint{opacity:var(--tint-gloomy)}.mood-lifting>.mood-tint{animation:2.2s ease-in-out forwards tint-lift}@keyframes tint-lift{0%{opacity:var(--tint-gloomy)}to{opacity:0}}.mood-warmth{mix-blend-mode:soft-light;opacity:0;background:radial-gradient(at 50% 30%,#ffecaa52,#ffd27814 70%)}.mood-cleared>.mood-warmth{opacity:var(--warmth-cleared)}.mood-lifting>.mood-warmth{animation:2.2s ease-in-out forwards warmth-lift}@keyframes warmth-lift{0%{opacity:0}to{opacity:var(--warmth-cleared)}}.mood-gloomy .piece:not(.gloom){filter:var(--piece-gloomy)}.mood-lifting .piece:not(.gloom){animation:2.2s ease-in-out forwards piece-lift}@keyframes piece-lift{0%{filter:var(--piece-gloomy)}to{filter:none}}.mood-fog{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mood-cleared>.mood-fog,.mood-cleared>.mood-vignette{display:none}.mood-lifting>.mood-fog,.mood-lifting>.mood-vignette{animation:2s ease-in forwards fog-dissolve}@keyframes fog-dissolve{to{opacity:0;transform:scale(1.3)}}.mood-vignette{z-index:1900;pointer-events:none;background:radial-gradient(#0000 55%,#220c3a80 100%);position:absolute;inset:0}.mood-wisp{filter:blur(10px);background:radial-gradient(#7846aa80,#5a328c38 45%,#0000 70%);border-radius:50%;animation:20s ease-in-out infinite alternate wisp-drift;position:absolute}@keyframes wisp-drift{0%{opacity:.75;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(60px,-24px)scale(1.15)}to{opacity:.6;transform:translate(-50px,20px)scale(.92)}}.mood-bloom{z-index:1950;pointer-events:none;background:radial-gradient(circle,#fffce1f2,#ffe28c8c 35%,#0000 65%);animation:2.2s ease-out forwards bloom;position:absolute;inset:-20%}@keyframes bloom{0%{opacity:0;transform:scale(.2)}30%{opacity:.75}to{opacity:0;transform:scale(1.6)}}.mood-twinkle{opacity:0;font-size:22px;animation:3.4s ease-in-out infinite twinkle;position:absolute}.mood-lifting .mood-twinkle{animation-delay:1.4s!important}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}50%{opacity:.85;transform:scale(1.1)rotate(20deg)}}.hp-heart{display:inline-block}.hud-hero .hp.health-low,.fighter-hero .hp.health-low{animation:1.6s ease-in-out infinite hp-alarm}.hud-hero .hp.health-critical,.fighter-hero .hp.health-critical{animation:.8s ease-in-out infinite hp-alarm}.hud-hero .health-low .hp-heart,.fighter-hero .health-low .hp-heart{animation:1.6s ease-in-out infinite heartbeat}.hud-hero .health-critical .hp-heart,.fighter-hero .health-critical .hp-heart{animation:.8s ease-in-out infinite heartbeat}@keyframes hp-alarm{0%,to{border-color:var(--ink);background:var(--card);box-shadow:0 0 #e5383b00}50%{border-color:var(--danger);background:#ffe1d6;box-shadow:0 0 18px 6px #ff7a59bf}}@keyframes heartbeat{0%,40%,to{transform:scale(1)}10%{transform:scale(1.45)}20%{transform:scale(1.1)}30%{transform:scale(1.35)}}.hero-health{display:inline-grid}.hero-health[data-health=low]{animation:2.4s ease-in-out infinite hero-blush}.hero-health[data-health=critical]{animation:1.2s ease-in-out infinite hero-blush}@keyframes hero-blush{0%,60%,to{filter:none}75%{filter:drop-shadow(0 0 8px #ff2828f2)sepia(.5)saturate(2.5)hue-rotate(-30deg)brightness(1.05)}}.low-health-vignette{z-index:4;pointer-events:none;background:radial-gradient(#0000 58%,#e5383b73 100%);animation:2.4s ease-in-out infinite vignette-pulse;position:absolute;inset:0}@keyframes vignette-pulse{0%,to{opacity:.3}50%{opacity:.8}}.hud-hero{flex:none;position:relative}.low-health-banner{white-space:nowrap;z-index:6;border:4px solid var(--danger);color:var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:none;background:#ffe1d6;border-radius:999px;margin:0;padding:8px 20px;font-size:26px;font-weight:700;position:absolute;top:calc(100% + 12px);left:0}@media (prefers-reduced-motion:reduce){.hp.health-low,.hp.health-critical,.hp-heart,.hero-health,.low-health-vignette{animation:none!important}.hud-hero .hp.health-low,.hud-hero .hp.health-critical,.fighter-hero .hp.health-low,.fighter-hero .hp.health-critical{border-color:var(--danger)}}