/* Character adventures: ink, warm gold and a single recognisable signal colour. */
#story-journey,#story-locker{scroll-margin-top:100px;outline:none}#story-lobby{margin:0 0 14px}.story-entry{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:12px 20px;border:1px solid #3a655f;border-radius:17px;background:linear-gradient(110deg,#102c30,#171b21 72%);color:#fff;cursor:pointer}.story-entry-icon{width:70px;height:70px;flex:none}.story-entry-icon svg{width:100%;height:100%}.story-entry small{color:#86ded0;font-size:10px;letter-spacing:1.7px;font-weight:800}.story-entry strong{display:block;font-size:23px;margin:3px 0}.story-entry em{font-style:normal;color:#b6c7c6;font-size:12px}.story-entry-arrow{margin-left:auto;font-size:28px;color:#ffe3a3}.story-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:26px 0 15px}.story-total{color:#b0d5cf;font-size:11px;font-weight:800;letter-spacing:1px}.story-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:360px;overflow:hidden;border:1px solid #3b5d5a;border-radius:24px;background:linear-gradient(90deg,#0d1c25 3%,#0e2029d9 48%,#0f273538),url('assets/neon-city.webp') center/cover}.story-hero::after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#0b1720);pointer-events:none}.story-hero-copy{padding:38px 0 38px 40px;position:relative;z-index:1}.story-volume{font-size:12px;letter-spacing:2px;color:#c2d6dc;font-weight:800;margin:0 0 20px}.story-volume span{margin-left:12px;font-size:10px;color:#78eddc}.story-hero h2{font-size:clamp(48px,6vw,76px);line-height:.94;letter-spacing:-3px;font-weight:900;text-transform:uppercase;margin:0 0 20px!important;color:#fff}.story-hero h2 span{color:#ffe1a1}.story-hero-copy>p:not(.story-volume){font-size:16px;line-height:1.5;color:#c7d2d8}.story-hero-meta{font-size:9px;letter-spacing:1.6px;color:#99b6ba;font-weight:700}.story-hero-meta b{color:#74d9cb;margin:0 7px}.story-hero-art{position:relative;min-width:0}.story-hero-art img{position:absolute;width:auto;height:95%;max-width:120%;object-fit:contain;bottom:-3%;left:50%;transform:translateX(-50%);filter:drop-shadow(-18px 8px 15px #0007);z-index:1}.story-orbit{position:absolute;width:100%;max-width:350px;top:-15%;right:8%;opacity:.55}.story-coordinate{position:absolute;bottom:22px;right:18px;font-size:9px;letter-spacing:2px;text-align:right;line-height:1.6;color:#b5c8ce;z-index:2}.story-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 22px}.story-chapter{min-width:0;position:relative;display:flex;flex-direction:column;text-align:left;gap:14px;background:#17191f;border:1px solid #34363f;border-radius:13px;padding:17px;color:#fff;cursor:pointer}.story-chapter.selected{border-color:#78eddc;background:linear-gradient(140deg,#1a3436,#161d23);box-shadow:inset 0 3px #78eddc}.story-chapter:disabled{opacity:.52;cursor:default}.story-chapter-number{font-size:27px;font-weight:900;color:#a5b4ba;line-height:1}.story-chapter.completed .story-chapter-number{color:#ffe1a1}.story-chapter small{font-size:8px;letter-spacing:1.2px;color:#8ebbb8;display:block}.story-chapter strong{display:block;font-size:15px;line-height:1.3;margin:5px 0;min-height:38px}.story-chapter em{font-size:10px;font-style:normal;color:#a9afb9}.story-stars{display:flex;gap:5px;color:#4b505c}.story-stars i{font-size:18px;font-style:normal}.story-stars i.earned{color:#ffda83}.story-brief{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;border:1px solid #353842;border-radius:20px;padding:30px;background:linear-gradient(125deg,#1b1e25,#12151a)}.story-brief h3{font-size:29px;line-height:1.1;margin:10px 0 16px;color:#fff}.story-brief p{font-size:14px;color:#b8c1ca;line-height:1.6}.story-instruction{border-left:2px solid #78eddc;padding-left:14px}.story-goals{display:grid;gap:10px;margin-top:20px}.story-goals span{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.4;color:#c4ccd4}.story-goals b{color:#737d8b;font-size:11px;min-width:18px}.story-goals .done,.story-goals .done b{color:#8fe8cb}.story-launch{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;border-left:1px solid #313640;padding-left:26px}.story-reward-preview svg{width:106px;height:106px;display:block;margin:auto}.story-reward-preview span{display:block;font-size:9px;letter-spacing:1.8px;color:#aeb9bd}.story-reward-preview strong{display:block;font-size:24px;color:#ffdf91;margin:6px 0}.story-reward-preview small{display:block;color:#9fd8cf;font-size:11px}.story-launch button{margin-top:20px;min-height:50px;white-space:normal;font-size:13px}.story-launch p{font-size:11px;margin:12px 0 0}.story-footnote{color:#8c929e;line-height:1.6;font-size:11px;max-width:720px;margin:18px 0 30px}.story-rewards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.story-reward-card{background:linear-gradient(145deg,#182327,#15181d);border:1px solid #354948;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px}.story-reward-card.owned{border-color:#6a8f78}.story-reward-card small{font-size:9px;color:#82daca;letter-spacing:1.6px;font-weight:800}.story-reward-card h3{font-size:23px;margin:7px 0}.story-reward-card p{font-size:12px;color:#aebdc4;line-height:1.5;margin:0}.story-reward-card button{margin-top:auto;min-height:46px}.story-trail-preview,.story-beacon-preview{height:135px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#234c4b77,transparent 65%)}.story-beacon-preview svg{height:150px;width:150px}.story-trail-preview b{background:#20383a;border:2px solid #78eddc;border-radius:50%;color:#ffdf96;font-size:35px;font-style:italic;height:70px;width:70px;display:grid;place-items:center;z-index:1;margin-left:70px}.story-trail-preview i{position:absolute;height:4px;width:125px;background:linear-gradient(90deg,transparent,#78eddc);transform:translate(-25px,-18px);border-radius:50%}.story-trail-preview i:nth-child(2){width:170px;transform:translate(-48px,0)}.story-trail-preview i:nth-child(3){transform:translate(-25px,18px)}.story-reward-status{font-size:11px;letter-spacing:1.5px;color:#e6d6ac;margin:auto 0 15px}.story-result-card{display:flex;align-items:center;gap:12px;border:1px solid #416659;border-radius:12px;background:#13312a44;padding:12px;text-align:left}.story-result-card svg{width:58px;height:58px;flex:none}.story-result-card strong{font-size:13px;color:#ffe2a1}.story-result-card p{font-size:12px!important;line-height:1.4!important;color:#b5d1c9!important;margin:5px 0 0!important}.story-result-card button{font-size:10px;padding:9px;min-height:44px;flex:none}#story-result{margin:10px 0}#story-result[hidden]{display:none}.story-result-card.new-reward{animation:signal-reveal .8s ease-out both}@keyframes signal-reveal{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}.signal-halo{animation:signal-glow 6s ease-in-out infinite}@keyframes signal-glow{50%{opacity:.45}}
.hideout-scene{position:relative}.hideout-runner{position:absolute;right:9%;bottom:13%;height:41%;width:auto;max-width:24%;object-fit:contain;filter:drop-shadow(8px 7px 4px #0007);pointer-events:none}.hideout-story-strip{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #46615b;border-radius:14px;background:linear-gradient(100deg,#19302d,#181b20);margin:14px 0}.hideout-story-strip svg{width:65px;height:65px;flex:none}.hideout-story-strip strong{display:block;color:#f2db9e;font-size:17px}.hideout-story-strip p{color:#aac0bd;font-size:12px;margin:5px 0}.hideout-story-strip button{margin-left:auto;font-size:11px;min-height:44px}
@media(max-width:700px){.story-hero{min-height:285px;grid-template-columns:1.15fr 1fr;border-radius:18px}.story-hero-copy{padding:27px 0 26px 22px}.story-hero h2{font-size:clamp(32px,9vw,47px);letter-spacing:-2px}.story-volume{font-size:9px;letter-spacing:1.2px;margin-bottom:20px}.story-volume span{margin-left:5px;font-size:8px}.story-hero-copy>p:not(.story-volume){font-size:12px}.story-hero-meta{font-size:7px;letter-spacing:1px}.story-hero-art img{height:78%;max-width:155%;left:48%}.story-orbit{width:145%;max-width:none;right:-5%;top:1%}.story-coordinate{font-size:7px;right:12px}.story-chapters{grid-template-columns:1fr 1fr;gap:8px}.story-chapter{padding:14px;gap:10px;min-height:145px}.story-chapter strong{font-size:14px;min-height:18px}.story-chapter-number{font-size:24px}.story-stars i{font-size:15px}.story-brief{grid-template-columns:1fr;padding:22px;gap:22px}.story-launch{border-left:0;border-top:1px solid #313640;padding:18px 0 0}.story-reward-preview{display:grid;grid-template-columns:66px 1fr;text-align:left;column-gap:12px;align-items:center}.story-reward-preview svg{width:65px;height:65px;grid-row:1/4}.story-reward-preview strong{font-size:21px;margin:3px 0}.story-reward-preview span{font-size:8px}.story-launch button{margin-top:15px}.story-rewards{grid-template-columns:1fr}.story-reward-card{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:18px}.story-trail-preview,.story-beacon-preview{height:100px}.story-beacon-preview svg{width:100px;height:100px}.story-trail-preview b{margin-left:15px;height:47px;width:47px;font-size:26px}.story-trail-preview i{width:45px;transform:translate(-15px,-12px)}.story-trail-preview i:nth-child(2){width:70px;transform:translate(-20px,0)}.story-trail-preview i:nth-child(3){width:45px;transform:translate(-15px,12px)}.story-reward-card button,.story-reward-status{grid-column:1/-1;width:100%;text-align:center;margin:0}.story-reward-card h3{font-size:21px}.story-reward-card>div:nth-child(2){align-self:center}.story-entry{padding:10px 14px;gap:10px}.story-entry-icon{width:52px;height:52px}.story-entry strong{font-size:20px}.story-entry small{font-size:8px;letter-spacing:1.2px}.story-entry em{font-size:10px}.story-result-card{padding:10px;gap:8px;flex-wrap:wrap}.story-result-card>div{flex:1;min-width:140px}.story-result-card svg{height:40px;width:40px}.hideout-story-strip{padding:12px;gap:10px;flex-wrap:wrap}.hideout-story-strip>div{flex:1}.hideout-story-strip svg{width:47px;height:47px}.hideout-story-strip strong{font-size:15px}.hideout-story-strip button{width:100%}}
@media(prefers-reduced-motion:reduce){.story-result-card.new-reward,.signal-halo{animation:none}}

[data-story-action]:focus-visible{outline:2px solid #b9fff1;outline-offset:4px}#story-journey:focus-visible,#story-locker:focus-visible{outline:2px solid #78eddc;outline-offset:6px}