/* Prologue 0.4: breathing room, deliberate transitions and legible dialogue. */
.touch-start{transition:opacity .3s ease-out}.narrative-copy{-webkit-text-stroke:1.35px #10192d;paint-order:stroke fill;text-shadow:-2px -2px 0 #10192d,2px -2px 0 #10192d,-2px 2px 0 #10192d,2px 2px 0 #10192d,0 4px 8px #030812;font-size:45px;line-height:1.85}
.story-dialogue{padding-left:103px;padding-right:100px}.story-dialogue .next{right:105px}.story-dialogue strong{font-size:29px}.story-dialogue #dialogue-text{max-width:1370px}.story-next{text-shadow:0 2px 3px #000}
.story-character.pony-actor{left:60px;bottom:160px;width:870px;height:740px;object-fit:contain;object-position:center bottom;transform-origin:45% 90%;filter:none;transition:filter .2s,opacity .2s}.receptionist-actor{position:absolute;right:118px;bottom:160px;width:650px;height:715px;object-fit:contain;object-position:center bottom;z-index:2;transition:filter .2s,opacity .2s}.pony-actor.listening,.receptionist-actor.listening{filter:brightness(.75) saturate(.8);opacity:.9}.pony-actor.speaking,.receptionist-actor.speaking{filter:brightness(1);opacity:1}.solo-actor{left:130px;bottom:155px;width:840px;height:735px;object-position:center bottom}.comic-pop{animation:comic-pop .3s ease-out!important}@keyframes comic-pop{0%{transform:translateY(9px) scale(.98)}55%{transform:translateY(-6px) scale(1.025)}100%{transform:none}}
/* Combat uses generated art for its shell, controls, names, classes and icons. */
.combat-stage{position:absolute;left:18px;top:16px;width:395px;height:89px;z-index:4;pointer-events:none}.combat-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.combat-stage>span{position:absolute;left:86px;right:28px;top:27px;line-height:1.1;font-size:28px;text-align:center;color:#fff0cf;text-shadow:0 2px 2px #101b34}.combat-stage>small{position:absolute;left:113px;right:30px;top:78px;font-size:20px;color:#f3d88e;text-align:center;text-shadow:0 2px 2px #101b34}
.combat-controls{position:absolute;right:19px;top:20px;height:65px;display:flex;gap:10px;align-items:center;z-index:5}.combat-control{height:65px;width:122px;padding:0;border:0;background:none}.combat-control:nth-child(2){width:101px}.combat-control:nth-child(3){width:78px}.combat-control img{width:100%;height:100%;object-fit:contain;pointer-events:none}.combat-control:disabled{opacity:.65;filter:none}
.combat-boss{position:absolute;left:686px;top:7px;width:610px;height:120px;z-index:4;pointer-events:none}.combat-boss>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.combat-boss>strong{position:absolute;left:100px;top:7px;font-size:27px;font-weight:400;color:#fff0cd;text-shadow:0 2px 2px #0a142b}.boss-track{position:absolute;left:100px;right:33px;top:57px;height:23px;background:#281c42;border-radius:15px;overflow:hidden}.boss-track>i{display:block;height:100%;background:#dd467b url('https://arcana-pony-media.pages.dev/shared/objects/0a8bb28bf4c26526b2b92f98e24ec1a363cc8d845e83c34bef2e5b0793067bb8.webp') center/100% 100%;filter:hue-rotate(240deg)}#boss-value{position:absolute;right:42px;top:53px;color:#fff5e3;font-size:21px;z-index:3;text-shadow:0 2px 2px #1c1735}
.combat-log{position:absolute;top:129px;left:445px;right:445px;z-index:4;font-size:23px;text-align:center;color:#fff0d0;text-shadow:0 2px 3px #09142a;pointer-events:none}
.combat-hud{position:absolute;left:10px;right:10px;top:746px;height:185px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;z-index:5;align-items:start}.combat-card{position:relative;width:100%;height:185px;isolation:isolate}.combat-card-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;object-fit:fill}.combat-card.fallen{opacity:.45}.combat-portrait{position:absolute;left:17px;top:17px;width:137px;height:137px;overflow:hidden;clip-path:circle(49%);z-index:1}.combat-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.combat-name{position:absolute;left:168px;top:25px;width:214px;height:27px;object-fit:contain;object-position:left center;z-index:3}.combat-class{position:absolute;left:171px;top:111px;width:49px;height:20px;object-fit:contain;object-position:left center;z-index:3}.combat-jobmark{position:absolute;left:175px;top:69px;width:28px;height:28px;object-fit:contain;z-index:3}.combat-position{position:absolute;left:170px;top:136px;font-size:14px;color:#dec996;z-index:3}
.combat-life{position:absolute;left:38px;right:29px;top:157px;height:13px;border-radius:10px;background:#152a35;overflow:hidden;z-index:0}.combat-life i{height:100%;display:block;background:url('https://arcana-pony-media.pages.dev/shared/objects/0a8bb28bf4c26526b2b92f98e24ec1a363cc8d845e83c34bef2e5b0793067bb8.webp') center/100% 100%;border-radius:10px}.combat-health{position:absolute;left:165px;right:20px;top:174px;color:#fff0d0;text-shadow:0 1px 1px #101d2c;font-size:15px;text-align:center;line-height:1;z-index:3;font-variant-numeric:tabular-nums}.combat-skills{position:absolute;left:224px;right:15px;top:65px;height:84px;z-index:3;display:flex;justify-content:space-between;gap:5px}.combat-skill{position:relative;padding:0;background:none;border:0;width:80px;height:80px;min-width:0;flex-shrink:1;border-radius:50%;isolation:isolate;overflow:visible}.combat-skill>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.combat-skill:disabled{filter:none;opacity:.7}.combat-skill:disabled>img{filter:brightness(.55) saturate(.7)}.combat-skill.ready{filter:drop-shadow(0 0 5px #b9b4ff66)}.combat-skill>small{position:absolute;bottom:-11px;left:0;right:0;text-align:center;color:#ffe6a4;font-size:13px;text-shadow:0 1px 2px #09152b;pointer-events:none}.skill-cooldown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff4d2;font-size:27px;text-shadow:0 2px 3px #0e1933;pointer-events:none}.combat-skill.tutorial-ready{outline:3px solid #fff1ac;outline-offset:2px;animation:ready-pulse 1.2s ease-in-out infinite}@keyframes ready-pulse{50%{filter:brightness(1.3) drop-shadow(0 0 12px #fff0b3)}}
.tutorial-note{left:491px;top:162px;width:690px;background:none;min-height:126px;isolation:isolate;padding:25px 44px;color:#fff0cd;font-size:25px;line-height:1.5}.tutorial-note:before{content:'';position:absolute;inset:0;border:27px solid transparent;border-image:url('https://arcana-pony-media.pages.dev/shared/objects/55079d4d42031d74ce6cf4049904c91b6dccaebecc277c922032cc6d48ed29d2.webp') 60 fill stretch;z-index:-1}.tutorial-note>.button{height:68px;margin:10px auto 0}.boss-warning{top:140px}.battle-canvas{image-rendering:pixelated}
@media(prefers-reduced-motion:reduce){.comic-pop,.combat-skill.tutorial-ready{animation:none!important}}
.pony-actor.departed{opacity:0;transform:translateX(-80px);transition:opacity .45s,transform .45s}
/* Measured transparent holes in ally-frame: portrait(49,25,319,302), skills(452,146,609,304)/(648,145,805,304), HP(79,330,799,363), native856x399. */
.combat-hud{top:741px;height:190px}.combat-card{height:190px}.combat-portrait{left:22px;top:11px;width:132px;height:134px;clip-path:ellipse(49.5% 50%)}.combat-skills{left:211px;right:15px;top:64px;height:88px;gap:7px}.combat-skill{width:87px;height:87px;flex-shrink:0}.combat-class{left:165px;top:112px;width:43px;height:21px}.combat-jobmark{left:170px;top:70px;width:26px;height:26px}.combat-life{left:38px;right:27px;top:157px;height:16px}.combat-health{top:175px}.combat-skill>small{bottom:-10px}.combat-boss{height:126px}.boss-track{left:106px;right:34px;top:55px;height:31px}#boss-value{top:60px}