*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b1c28;color:#d9e8ef;font-family:Arial,sans-serif;font-size:18px;line-height:1.75}.shell{width:min(100% - 40px,1080px);margin-inline:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid #2a424e}.brand{font-size:26px;font-weight:800;text-decoration:none!important;color:#fff}.eyebrow{color:#ffa68b;font-size:14px;margin-top:40px}h1{font-size:clamp(30px,5vw,52px);line-height:1.2;margin:16px 0}h2{font-size:26px;line-height:1.4;margin-top:32px}.intro{max-width:850px;color:#bbced8}a{color:#7ed5ff;text-underline-offset:4px}a:focus-visible{outline:3px solid #ff825b;outline-offset:5px}.game-section{margin-top:28px}#flashContent{width:min(100%,810px);aspect-ratio:3/2;margin:auto;background:#fff;overflow:hidden;border-radius:12px}#flashContent>*{width:100%;height:100%}.note{font-size:14px;color:#a7bdc9;line-height:1.8}.story{max-width:810px;margin:40px auto}.cta{padding:24px;border:1px solid #345361;border-radius:16px;background:#112b3a}.cta h2{margin-top:0}.cta a{display:inline-block;margin-inline-end:18px;margin-top:12px}.button{padding:10px 18px;border-radius:8px;background:#ff825b;color:#17222b;font-weight:bold;text-decoration:none}footer{padding-block:30px;border-top:1px solid #2a424e}@media(max-width:600px){body{font-size:17px}.shell{width:calc(100% - 28px)}.masthead{gap:12px;font-size:14px}.cta{padding:18px}.eyebrow{margin-top:28px}}

.bafela-story-hero{position:relative;display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:32px;isolation:isolate;overflow:hidden;margin-block:32px;padding:36px;border:1px solid #32566a;border-radius:24px;background:radial-gradient(ellipse at 14% 46%,#039fc0 0,transparent 55%),linear-gradient(115deg,#07313f,#0b1c28 72%)}.bafela-story-copy{position:relative;z-index:1}.bafela-story-hero .eyebrow{margin-top:0;color:#ffb787}.bafela-story-hero h1{font-size:clamp(32px,4vw,52px)}.bafela-story-hero .intro{color:#d6e8ed}.bafela-story-character{width:100%;max-height:340px;object-fit:contain;border-radius:46% 46% 42% 42%;transform:rotate(-6deg);box-shadow:0 22px 60px #0005}@media(max-width:600px){.bafela-story-hero{display:block;padding:24px;margin-block:24px}.bafela-story-copy{max-width:100%}.bafela-story-hero h1{font-size:34px}.bafela-story-character{position:absolute;inset-inline-end:-40px;bottom:-50px;width:190px;opacity:.14;z-index:0;transform:rotate(-12deg)}.bafela-story-hero .intro{margin-bottom:0}}