.potion-loader{vertical-align:middle;flex:0 0 24px;align-items:center;width:24px;height:32px;display:inline-flex}.potion-loader svg{width:100%;height:100%;image-rendering:pixelated;display:block;overflow:visible}.potion-loading-button{cursor:wait;justify-content:center;align-items:center;gap:8px;display:inline-flex}.potion-loader-bubble{animation:1.3s steps(4,end) infinite potionBubble}.potion-loader-bubble:nth-child(2){animation-delay:-.45s}.potion-loader-bubble:nth-child(3){animation-delay:-.9s}.potion-loader-surface{animation:.65s steps(2,end) infinite potionSeethe}.potion-loader-steam{animation:1.6s steps(2,end) infinite potionSteam}@keyframes potionBubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-4px)}}@keyframes potionSeethe{50%{transform:translateY(1px)}}@keyframes potionSteam{0%{opacity:0;transform:translateY(0)}30%{opacity:.8}to{opacity:0;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.potion-loader *{animation:none}}.onboarding-guide{z-index:80;box-sizing:border-box;color:#ecebe4;text-align:left;background:#1b2227;border:1px solid #b8a071;border-left-width:4px;border-radius:12px;flex-direction:column;width:360px;min-width:0;max-width:calc(100vw - 24px);max-height:min(660px,100dvh - 160px);margin:0;padding:20px;font-family:IBM Plex Sans,system-ui,sans-serif;display:flex;position:fixed;box-shadow:0 18px 60px #0009}.onboarding-connector{z-index:79;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.onboarding-target{outline-offset:5px;scroll-margin:80px 12px;box-shadow:0 0 0 8px #b8a07124;outline:2px solid #d3bd8e!important}.onboarding-target:is(button,a){min-height:44px}.sb-376.onboarding-toast{pointer-events:none;top:12px;bottom:auto}.onboarding-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.onboarding-meta,.onboarding-actions{flex-shrink:0}.onboarding-meta{color:#c1b089;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:12px;display:flex}.onboarding-guide h2{outline:none;margin:14px 0 8px;font-size:20px;line-height:1.3}.onboarding-guide p{color:#c9ced0;margin:8px 0 16px;font-size:14px;line-height:1.5}.onboarding-guide button,.onboarding-skip{font:inherit;cursor:pointer;min-height:44px}.onboarding-skip{color:#b9bdbe;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.onboarding-actions{flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.onboarding-primary{color:#14181b;background:#b8a071;border:1px solid #d3bd8e;padding:12px 18px;font-weight:700}.onboarding-secondary{color:#ecebe4;background:#252d33;border:1px solid #586168;padding:12px 18px}.onboarding-guide button:disabled{opacity:.55;cursor:wait}.onboarding-guide button:focus-visible,.onboarding-skip:focus-visible{outline-offset:3px;outline:2px solid #ecebe4}.onboarding-bottles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.onboarding-bottles li{background:#12191e;align-items:center;gap:12px;min-width:0;padding:12px;font-size:12px;display:flex}.onboarding-bottles li>span:first-child{flex-shrink:0}.onboarding-bottles strong,.onboarding-bottles small{display:block}.onboarding-bottles small{color:#afb4b5;margin-top:6px;line-height:1.5}.onboarding-preview{background:#11181d;padding:12px;font-size:12px}.onboarding-guide .onboarding-note{color:#d0b886;font-size:12px}[data-onboarding=packed] .pack-grid,[data-onboarding=bag-grid] .pack-grid,[data-onboarding=bag-inventory] .pack-shelf,[data-onboarding=packed] .ios-bag-grid,[data-onboarding=bag-grid] .ios-bag-grid,[data-onboarding=bag-inventory] .ios-shelf,[data-onboarding=battle] .story-current .story-plate,[data-onboarding=battle] .ios-encounter.is-current .ios-encounter-card{outline-offset:4px;outline:2px solid #b8a071}.onboarding-resume{margin:16px 24px}@media (width<=480px){.onboarding-guide{padding:16px}.onboarding-guide h2{font-size:19px}.onboarding-bottles{gap:8px}.onboarding-bottles li{flex-wrap:wrap;gap:6px;padding:8px}.onboarding-actions{flex-direction:column}.onboarding-actions button{width:100%}}.release-potion-rewards{color:#ecebe4;gap:14px;width:100%;min-width:0;font-family:IBM Plex Sans,sans-serif;display:grid}.release-reward-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;display:grid}.release-reward-card{text-align:left;background:#101215;border:1px solid #6b5f45;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.release-reward-identity{align-items:center;gap:10px;display:flex}.release-reward-sprite{--potion-cell-size:28px;flex:none;place-items:center;width:72px;min-height:56px;display:grid;position:relative}.release-reward-identity>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.release-reward-identity small{color:#afb4b5;font-size:11px}.release-reward-identity strong{overflow-wrap:anywhere;font-size:15px;line-height:1.35}.release-reward-identity div>span{color:#c9c6bc;font-size:12px}.release-reward-destination{color:#c9c6bc;background:#18201a;flex-direction:column;gap:4px;margin:0;padding:6px 8px;font-size:13px;line-height:1.45;display:flex}.release-reward-destination b{color:#9bc096;text-transform:uppercase;letter-spacing:.06em;font:400 9px Silkscreen,monospace}.release-reward-card.is-sealed{border-color:#6a475a}.is-sealed .release-reward-destination{background:#211823}.is-sealed .release-reward-destination b{color:#d9a99d}.is-pending .release-reward-destination{background:#262215}.is-pending .release-reward-destination b{color:#e2ce9f}.release-awakened{text-align:left;gap:8px;display:grid}.release-awakened h3{color:#b8a071;letter-spacing:.06em;margin:0;font:400 11px Silkscreen,monospace}.release-awakened>div{background:#141a16;border:1px solid #3f5442;align-items:center;gap:12px;padding:10px 12px;display:flex}.release-awakened .bottle-sprite{--potion-cell-size:22px;flex:none}.release-awakened p{flex-direction:column;gap:4px;margin:0;font-size:13px;display:flex}.release-awakened strong{font-size:14px}.release-awakened p>span{color:#afb4b5}.reward-recorded-note{color:#afb4b5;border:1px dashed #545c62;margin:0;padding:8px 12px;font-size:13px}.reward-state-label{color:#d9a99d;background:#211823;border:1px solid #6a475a;padding:6px 10px;font:400 11px Silkscreen,monospace;display:inline-flex}.chest-bottle-reveal.is-sealed .battle-drop-bottle{filter:saturate(.7)brightness(.85)}.battle-loot-popup:has(.release-potion-rewards){max-height:100%;overflow:auto}.battle-reward-row:has(.release-potion-rewards){flex-direction:column;align-items:stretch;display:flex}.battle-loot-popup .release-reward-grid{margin-top:12px}.battle-reward-row>.battle-reward-manage{align-self:flex-end;min-height:44px}.release-potion-rewards button{min-height:44px}.battle-scene{--motion-scale:1;background:#0e1114;border:1px solid #2c343a;overflow:hidden;box-shadow:0 18px 40px #00000073}.battle-health-hud{background:#121518;border-bottom:1px solid #262d33;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.battle-health-panel{align-items:center;gap:10px;min-width:0;display:flex}.battle-health-panel--o{text-align:right;flex-direction:row-reverse}.battle-health-portrait{object-fit:cover;width:40px;height:40px;image-rendering:pixelated;background:#15181b;border:2px solid #434d54;flex:none}.battle-health-details{flex:1;gap:4px;min-width:0;display:grid}.battle-fighter-label{color:#afb4b5;font-size:11px}.battle-health-panel .battle-fighter-name{text-overflow:ellipsis;white-space:nowrap;min-height:0;line-height:1.4;overflow:hidden}.battle-hud-center{text-align:center;white-space:nowrap;gap:3px;font:12px Silkscreen,monospace;display:grid}.battle-hud-versus{color:#80878a;font-size:11px}.battle-hud-round{color:#b8a071}.battle-health-meter{background:#0e1012;border:1px solid #3a434a;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000}.battle-health-layers{position:absolute;inset:0}.battle-health-fill,.battle-health-trail{width:var(--health-after);position:absolute;inset:0 auto 0 0}.battle-health-fill{background:var(--health-color);animation:battleHealth calc(.42s * var(--motion-scale)) steps(6, end) both;box-shadow:inset 0 2px #ffffff2e,inset 0 -2px #00000040}.battle-health-trail{animation:battleHealth calc(.9s * var(--motion-scale)) ease-out calc(.42s * var(--motion-scale)) both;background:#e3d2b0}.battle-health-panel--o .battle-health-fill,.battle-health-panel--o .battle-health-trail{left:auto;right:0}.battle-health-value{color:#afb4b5;font-variant-numeric:tabular-nums;font-size:12px}.battle-stage{aspect-ratio:8/3;isolation:isolate;background:#252a2b;width:100%;min-height:150px;position:relative;overflow:hidden;container-type:inline-size}.battle-camera{--target-x:50%;--impact-x:50%;--effect-color:#e8c27a;--float-color:#b9716d;--banner-color:#ecebe4;position:absolute;inset:0}.battle-camera[data-target=p]{--target-x:41%;--impact-x:47.5%}.battle-camera[data-target=o]{--target-x:58.5%;--impact-x:53.5%}.battle-camera[data-kind=crit],.battle-camera[data-kind=ko]{animation:battleShake calc(.42s * var(--motion-scale)) linear calc(.12s * var(--motion-scale)) both}.battle-camera[data-kind=crit]{--effect-color:#e0645c;--banner-color:#e8746b}.battle-camera[data-kind=ko]{--effect-color:#f0b45a;--banner-color:#f0c46a;animation-duration:calc(.56s * var(--motion-scale))}.battle-camera[data-kind=heal]{--float-color:#a9c8a2}.battle-camera[data-kind=dodge]{--float-color:#9fb3c2}.battle-backdrop{object-fit:cover;object-position:center;width:106%;height:106%;image-rendering:pixelated;max-width:none;position:absolute;inset:-3%}.battle-vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 35%,#0507099e 100%);position:absolute;inset:0}.battle-mist{background:radial-gradient(at 45% 80%,#9ebca716,#0000 60%);animation:22s ease-in-out infinite alternate battleMist;position:absolute;inset:30% -15% 28%}.battle-clash-glow{background:radial-gradient(#e8c27a0f,#0000 70%);height:30%;position:absolute;bottom:22%;left:30%;right:30%}.battle-camera[data-kind=hit] .battle-clash-glow{background:radial-gradient(#e8c27a2e,#0000 70%)}.battle-camera[data-kind=crit] .battle-clash-glow,.battle-camera[data-kind=ko] .battle-clash-glow{background:radial-gradient(#e8965a47,#0000 70%)}.battle-actor{--direction:1;aspect-ratio:1;z-index:3;width:20%;position:absolute;bottom:22.5%;left:41%;transform:translate(-50%)}.battle-actor--o{--direction:-1;left:58.5%}.battle-ground-shadow{background:radial-gradient(#000000bf,#0000 70%);width:56%;height:9%;position:absolute;bottom:9%;left:22%}.battle-sprite-motion,.battle-sprite-facing{position:absolute;inset:0}.battle-sprite-motion{transform-origin:50% 90%}.battle-sprite-facing img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 1px #0b0d0f)}.battle-actor--o .battle-sprite-facing{transform:scaleX(-1)}.battle-scene[data-warden=true] .battle-actor--p{left:34%}.battle-actor[data-warden=true]{left:66%}.battle-actor[data-warden=true] .battle-sprite-facing{transform-origin:50% 90%;transform:scale(-1.35,1.35)}.battle-scene[data-warden=true] .battle-camera[data-target=p]{--target-x:34%;--impact-x:40.5%}.battle-scene[data-warden=true] .battle-camera[data-target=o]{--target-x:66%;--impact-x:59.25%}.battle-scene[data-raid-boss=true] .battle-stage{width:100%}.battle-scene[data-raid-boss=true] .battle-actor--p{left:24%}.battle-actor[data-raid-boss=true]{aspect-ratio:3/2;width:44%;bottom:21%;left:70%}.battle-scene[data-raid-boss=true] .battle-camera[data-target=p]{--target-x:24%;--impact-x:30%}.battle-scene[data-raid-boss=true] .battle-camera[data-target=o]{--target-x:70%;--impact-x:53%}.battle-actor[data-pose=strike]{z-index:4}.battle-actor[data-pose=strike] .battle-sprite-motion{animation:battleLunge calc(.52s * var(--motion-scale)) cubic-bezier(.2, .8, .2, 1) both}.battle-actor[data-pose=recoil] .battle-sprite-motion,.battle-actor[data-pose=stagger] .battle-sprite-motion{animation:battleRecoil calc(.46s * var(--motion-scale)) ease-out calc(.12s * var(--motion-scale)) both}.battle-actor[data-pose=dodge] .battle-sprite-motion{animation:battleDodge calc(.52s * var(--motion-scale)) ease-out calc(80ms * var(--motion-scale)) both}.battle-actor[data-pose=down] .battle-sprite-motion{filter:grayscale()brightness(.55)}.battle-actor[data-pose=recoil] img,.battle-actor[data-pose=stagger] img{filter:drop-shadow(0 0 8px #e0645c8c)}.battle-actor[data-pose=heal] img{filter:drop-shadow(0 0 8px #859b8399)}.battle-hit-flash{mix-blend-mode:screen;opacity:0;animation:battleFlash calc(.36s * var(--motion-scale)) ease-out calc(.12s * var(--motion-scale)) both;background:#fff4e0;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.battle-actor[data-pose=heal] .battle-hit-flash{animation-duration:calc(.6s * var(--motion-scale));background:#859b83;animation-delay:0s}.battle-impact{left:var(--impact-x);aspect-ratio:1;z-index:5;pointer-events:none;opacity:0;width:18%;animation:battleBurst calc(.42s * var(--motion-scale)) ease-out calc(.1s * var(--motion-scale)) both;position:absolute;top:52%}.battle-camera[data-kind=crit] .battle-impact,.battle-camera[data-kind=ko] .battle-impact{animation-duration:calc(.56s * var(--motion-scale))}.battle-impact-glow{background:radial-gradient(circle, #fff6da 0, var(--effect-color) 22%, transparent 62%);position:absolute;inset:0}.battle-impact i{background:linear-gradient(var(--effect-color), #fff6da, var(--effect-color));width:6%;height:100%;transform:rotate(calc(var(--ray) * 45deg));opacity:.9;position:absolute;top:0;left:47%}.battle-impact i:nth-of-type(2n){opacity:.7;background:#fff6da;width:4%;height:80%;top:10%;left:48%}.battle-heal-aura{left:var(--target-x);z-index:5;pointer-events:none;width:12%;height:30%;position:absolute;bottom:30%;transform:translate(-50%)}.battle-heal-aura i{left:calc(12% + var(--particle) * 25%);bottom:calc(var(--particle) * 5%);opacity:0;width:6px;height:6px;animation:battleRise calc(1s * var(--motion-scale)) ease-out calc(var(--particle) * .16s * var(--motion-scale)) both;background:#a9c8a2;position:absolute;box-shadow:0 0 8px #859b83}.battle-heal-aura i:nth-child(2n){background:#cfe3c6;width:4px;height:4px}.battle-floating-text{left:var(--target-x);z-index:6;white-space:nowrap;color:var(--float-color);text-shadow:2px 2px 0 #0b0d0f, -2px 2px 0 #0b0d0f, 2px -2px 0 #0b0d0f, -2px -2px 0 #0b0d0f, 0 0 14px var(--float-color);opacity:0;animation:battleFloatingText calc(1.1s * var(--motion-scale)) ease-out calc(.14s * var(--motion-scale)) both;font:clamp(13px,2cqw,20px) Silkscreen,monospace;position:absolute;top:22%}.battle-camera[data-kind=crit] .battle-floating-text,.battle-camera[data-kind=ko] .battle-floating-text{font-size:clamp(16px,2.6cqw,26px)}.battle-impact-vignette{z-index:6;pointer-events:none;opacity:0;animation:battleFlash calc(.7s * var(--motion-scale)) ease-out calc(.12s * var(--motion-scale)) both;position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #c83c3299}.battle-camera[data-kind=ko] .battle-impact-vignette{box-shadow:inset 0 0 90px 10px #f0b45a8c}.battle-banner{z-index:7;color:var(--banner-color);white-space:nowrap;text-shadow:3px 3px 0 #0b0d0f, -3px 3px 0 #0b0d0f, 3px -3px 0 #0b0d0f, -3px -3px 0 #0b0d0f, 0 0 24px var(--banner-color);pointer-events:none;animation:battleBanner calc(1.1s * var(--motion-scale)) cubic-bezier(.2, .8, .2, 1) both;font:clamp(20px,4.4cqw,40px) Silkscreen,monospace;position:absolute;top:30%;left:50%}.battle-camera[data-kind=ko] .battle-banner{animation-delay:calc(.2s * var(--motion-scale))}.battle-action-label{color:#b8a071;background:#121518;border-top:1px solid #262d33;padding:10px 14px;font:12px Silkscreen,monospace}.battle-action-label[data-kind=hit]{color:#d9a49f}.battle-action-label[data-kind=crit]{color:#e0847c}.battle-action-label[data-kind=ko]{color:#f0b45a}.battle-action-label[data-kind=dodge]{color:#9fb3c2}.battle-action-label[data-kind=heal]{color:#a9c8a2}.battle-scene[data-playing=false] *,.battle-scene[data-playing=false] :before,.battle-scene[data-playing=false] :after{animation-play-state:paused!important}.battle-scene[data-reduced-motion=true] *,.battle-scene[data-reduced-motion=true] :before,.battle-scene[data-reduced-motion=true] :after{animation:none!important}.battle-scene[data-reduced-motion=true] .battle-sprite-motion{transform:none}.battle-scene[data-reduced-motion=true] .battle-impact,.battle-scene[data-reduced-motion=true] .battle-hit-flash,.battle-scene[data-reduced-motion=true] .battle-impact-vignette,.battle-scene[data-reduced-motion=true] .battle-heal-aura{display:none}.battle-scene[data-reduced-motion=true] .battle-floating-text{opacity:1;transform:translate(-50%)}.battle-scene[data-reduced-motion=true] .battle-banner{display:none}@keyframes battleHealth{0%{width:var(--health-before)}to{width:var(--health-after)}}@keyframes battleMist{to{opacity:.4;transform:translate(8%)}}@keyframes battleLunge{0%,to{transform:translate(0)}30%{transform:translateX(calc(var(--direction) * 24%)) translateY(-4%)}45%{transform:translateX(calc(var(--direction) * 20%))}}@keyframes battleRecoil{0%,to{transform:translate(0)rotate(0)}22%{transform:translateX(calc(var(--direction) * -12%)) rotate(calc(var(--direction) * -5deg))}50%{transform:translateX(calc(var(--direction) * -6%)) rotate(calc(var(--direction) * -2deg))}}@keyframes battleDodge{0%,to{opacity:1;transform:translate(0)}35%{opacity:.55;transform:translateY(-22%)}60%{opacity:.85;transform:translateY(-8%)}}@keyframes battleFlash{0%{opacity:.95}to{opacity:0}}@keyframes battleBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(.15)rotate(0)}55%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)rotate(28deg)}}@keyframes battleShake{0%,to{transform:translate(0)}15%{transform:translate(-7px,3px)}30%{transform:translate(6px,-4px)}45%{transform:translate(-5px,2px)}60%{transform:translate(4px,-2px)}80%{transform:translate(-2px,1px)}}@keyframes battleRise{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-70px)}}@keyframes battleFloatingText{0%{opacity:0;transform:translate(-50%,12px)scale(.5)}14%{opacity:1;transform:translate(-50%)scale(1.35)}28%{transform:translate(-50%,-4px)scale(1)}to{opacity:0;transform:translate(-50%,-52px)scale(1)}}@keyframes battleBanner{0%{opacity:0;letter-spacing:.4em;transform:translate(-50%,-50%)scale(2)}14%{opacity:1;letter-spacing:.08em;transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@media (width<=600px){.battle-health-hud{gap:8px;padding:10px 8px}.battle-health-panel{gap:6px}.battle-health-portrait{width:28px;height:28px}.battle-fighter-label,.battle-health-value,.battle-hud-center{font-size:10px}}@media (width<=380px){.battle-health-portrait{display:none}}.storybook-battle-playback.sb-252{gap:12px;padding:16px 20px 24px;position:relative}.battle-playback-content{flex-direction:column;gap:12px;min-width:0;display:flex}.storybook-playback-footer{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.storybook-playback-footer .sb-265{flex:360px;min-width:0;min-height:48px}.storybook-playback-footer .battle-playback-controls{flex:none}.sb-373.battle-dialog:has(.storybook-battle-result){height:auto!important}.storybook-battle-result.sb-273{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:820px;margin:0 auto;padding:16px 20px 24px;display:flex}.storybook-battle-result .battle-share{min-width:0;padding:0;display:block}.storybook-battle-result .battle-result-card{width:100%;max-width:none;box-shadow:none;border-color:#b8a07166;position:relative;overflow:visible}.storybook-battle-result .battle-card-tools{z-index:2;width:auto;max-width:calc(100% - 24px);margin:0;position:absolute;top:12px;right:12px}.storybook-battle-result .battle-card-actions{flex-wrap:nowrap;align-items:start;gap:5px;display:flex}.storybook-battle-result .battle-card-actions>button{color:#ecebe4;width:34px;height:34px;min-height:34px;box-shadow:none;background:#101215e8;border:1px solid #434d54;flex:none;justify-content:center;align-items:center;gap:0;padding:0;font-size:0;display:flex}.storybook-battle-result .battle-card-actions>button>svg{width:16px;height:16px}.storybook-battle-result .battle-card-actions .potion-loader{flex:none;width:16px;height:16px}.storybook-battle-result .battle-card-tools>p,.storybook-battle-result .fight-share-feedback{z-index:3;color:#afb4b5;text-align:left;overflow-wrap:anywhere;background:#14171af5;border:1px solid #434d54;width:min(360px,100vw - 72px);margin:0;padding:12px;font:400 13px/1.5 IBM Plex Sans,sans-serif;position:absolute;top:40px;right:0;box-shadow:0 6px 18px #0008}.battle-reward-row{background:#14171a;border:1px dashed #343d43;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.battle-reward-row.has-drop{background:radial-gradient(ellipse at 0 50%, color-mix(in srgb, var(--drop-accent) 12%, transparent), transparent 50%), #14171a;border:1px solid var(--drop-accent)}.battle-reward-icon{color:#4a5258;background:#0e1013;border:1px solid #2a3137;flex:none;place-items:center;width:52px;height:52px;font:400 20px Silkscreen,monospace;display:grid}.battle-reward-icon .bottle-sprite{width:36px;height:36px}.battle-reward-row>div{color:#c9c6bc;flex-direction:column;flex:120px;gap:3px;min-width:0;font-size:13px;display:flex}.battle-reward-label{color:#80878a;letter-spacing:.08em;font:400 10px/1.3 Silkscreen,monospace}.has-drop .battle-reward-label{color:var(--drop-accent)}.battle-reward-row strong{color:#ecebe4;font-size:14px;font-weight:600}.battle-reward-row small{color:#9dbb92;font-size:12px}.battle-reward-row button{white-space:nowrap;min-height:36px;box-shadow:none;padding:0 10px;font-size:13px}.storybook-battle-result .battle-detail-list{background:0 0;border:0}.storybook-battle-result .battle-disclosure{background:#14171a;border:1px solid #262d33;padding:0}.storybook-battle-result .battle-disclosure+.battle-disclosure{margin-top:8px}.storybook-battle-result .battle-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;display:flex}.storybook-battle-result .battle-disclosure>summary:after{content:"⌄";color:#80878a}.storybook-battle-result .battle-disclosure[open]>summary:after{content:"⌃"}.battle-log-title{letter-spacing:.06em;font:400 12px Silkscreen,monospace}.battle-log-count{color:#80878a;margin-left:auto;margin-right:10px;font-size:12px}.storybook-battle-result .sb-279{scrollbar-width:thin;border-top:1px solid #262d33;max-height:360px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.storybook-battle-result .sb-280{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:7px 14px;font-size:13px;line-height:1.45;display:grid}.battle-moment-number{color:#80878a;font:400 10px/1.5 Silkscreen,monospace}.storybook-battle-result .sb-288{width:calc(100% - 28px);margin:0 14px}.storybook-battle-result .sb-294{padding:0 14px}.storybook-result-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;display:grid}.storybook-result-footer>button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:50px;padding:0 12px;font:500 15px IBM Plex Sans,sans-serif;display:flex}.storybook-result-footer>.sb-172{font-size:16px;font-weight:600}.battle-dialog:has(.battle-loot-overlay){position:relative;overflow:clip}.storybook-battle-playback:has(.battle-loot-overlay){position:static}.battle-loot-overlay{z-index:8;background:radial-gradient(at 50% 45%,#0a0b0db8,#050607f5);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.battle-loot-popup.battle-drop-reveal{scrollbar-width:none;text-align:center;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--drop-accent) 20%, transparent), transparent 62%), #121518;width:min(440px,100%);max-height:100%;box-shadow:0 0 0 3px #0b0c0e, 0 0 0 5px var(--drop-accent), 0 0 0 7px #0b0c0e, 8px 8px 0 7px #0006;border:0;flex-direction:column;align-items:center;gap:10px;margin:0;padding:30px 28px 24px;display:flex;position:relative;overflow:hidden auto}.battle-loot-popup.battle-drop-reveal::-webkit-scrollbar{display:none}.battle-loot-popup.battle-drop-reveal:before{top:0;left:0}.battle-loot-popup.battle-drop-reveal:after{bottom:0;right:0}.battle-loot-popup .battle-drop-heading{color:var(--drop-accent);letter-spacing:.08em;text-shadow:3px 3px #0b0d0f;margin:0;font:400 32px/1.1 Silkscreen,monospace}.battle-loot-versus{color:#afb4b5;font-size:13px}.battle-loot-popup .battle-drop-stage{flex:0 180px;width:220px;height:180px;min-height:64px;margin:0;container-type:size}.battle-loot-popup .battle-drop-bottle{width:min(144px,100cqh);height:min(144px,100cqh)}.battle-loot-popup .battle-drop-bottle .bottle-sprite{width:100%;height:100%}.battle-loot-popup .battle-drop-name{margin:0;font:400 22px/1.2 Silkscreen,monospace}.battle-loot-popup .battle-drop-effect{color:#c9c6bc;margin:0;font-size:14px}.battle-loot-popup .battle-drop-storage{color:#9dbb92;margin:0;font-size:13px}.battle-loot-actions{flex-direction:column;align-self:stretch;gap:6px;margin-top:8px;display:flex}.battle-loot-actions .sb-172{gap:8px;min-height:48px;font:600 15px IBM Plex Sans,sans-serif}.battle-loot-bag{color:#b8a071;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:40px;font:500 14px IBM Plex Sans,sans-serif;text-decoration:underline}@media (width<=819px){.storybook-battle-playback.sb-252,.storybook-battle-result.sb-273{padding:16px 12px 44px}.storybook-playback-footer{flex-direction:column;align-items:stretch;gap:12px}.storybook-playback-footer .sb-265{flex:auto}.storybook-battle-result .battle-card-tools{top:8px;right:8px}.storybook-battle-result .battle-card-actions{gap:3px}.storybook-battle-result .battle-card-actions>button{width:28px;height:28px;min-height:28px}.storybook-battle-result .battle-card-actions>button>svg,.storybook-battle-result .battle-card-actions .potion-loader{width:14px;height:14px}.battle-loot-overlay{padding:18px}.battle-loot-popup.battle-drop-reveal{padding:24px 18px 18px}.battle-loot-popup .battle-drop-heading{font-size:28px}}@media (prefers-reduced-motion:reduce){.battle-loot-popup.battle-drop-reveal,.battle-loot-popup *{animation:none!important}}.storybook-battle-result .battle-card-header-actions{z-index:2;background:#101215f5;align-items:center;gap:10px;padding-left:8px;display:flex;position:absolute;top:12px;right:12px}.battle-card-number{color:#c9c6bc;text-transform:uppercase;white-space:nowrap;font:400 10px/1 Silkscreen,monospace}.storybook-battle-result .battle-card-header-actions .battle-card-tools{max-width:none;position:relative;top:auto;right:auto}@media (width<=819px){.storybook-battle-result .battle-card-header-actions{gap:6px;padding-left:5px;top:8px;right:8px}.battle-card-number{font-size:7px}}