/* STNG: #eef6fb on #061221 = 16.7:1; #081522 on #ffffff = 18.1:1. */
body.stng{--bg:#eef6fb;--paper:#fff;--ink:#081522;--muted:#526578;--line:#bed0de;--line-ui:#7c95aa;--accent:#9b2437;--accent-ink:#7e1c2d;--bone:#dcecf5;background:linear-gradient(180deg,#b7d6e9 0,#eef6fb 34rem);color:var(--ink)}
.stng .compact-library-nav{background:rgba(3,14,28,.95);border-color:#294d68}.stng .compact-library-nav a,.stng .compact-library-nav summary,.stng .guide-home{color:#fff!important}
.stng-opening{position:relative;min-height:clamp(40rem,72vw,66rem);overflow:hidden;background:#030a13}.stng-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%}.stng-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,18,.94),rgba(2,9,18,.57) 38%,transparent 68%),linear-gradient(0deg,rgba(2,9,18,.65),transparent 45%)}
.stng-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:8%;max-width:42rem;color:#fff;text-shadow:0 2px 20px #000}.stng-opening h1{font-size:clamp(3.5rem,8vw,8rem);line-height:.86;letter-spacing:-.06em;margin:.15em 0 .25em}.stng-opening .kicker{color:#8ee4ff}.stng-opening .button{background:#9b2437;color:#fff;border-color:#ef8293}
.stng .shortcut{border-top:4px solid #2f8fb8}.stng .shot-map__field img{width:min(100%,49rem)}.stng .shot-map__side article{background:#fff;border-color:#a9c1d2;box-shadow:0 10px 26px rgba(18,68,98,.12)}.stng .shot-map__side article h3,.stng .shot-map__side article p{color:#081522}.stng .shot{border-top-color:#2f8fb8}.stng .score-route strong{color:#7e1c2d}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mission-grid article{background:#fff;border:1px solid var(--line);padding:1.2rem;border-top:5px solid #2f8fb8}.mission-grid article:nth-child(3n+2){border-top-color:#9b2437}.mission-grid h3{margin-top:0}
.stng-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(30rem,56vw,56rem);overflow:hidden;background:#030a13}.stng-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stng-spread figcaption{position:absolute;z-index:2;max-width:35rem;padding:1.5rem 1.8rem;background:rgba(3,13,26,.88);color:#fff;border-left:6px solid #56c7e8;box-shadow:0 16px 40px #0008}.stng-spread strong,.stng-spread span{display:block}.stng-spread strong{font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1}.stng-spread span{margin-top:.7rem}.stng-spread--route{width:min(94vw,94rem);margin-left:calc(50% - 47vw);border-radius:1.5rem}.stng-spread--route figcaption{left:6%;bottom:7%}.stng-spread--battle img{object-position:58% center}.stng-spread--battle figcaption{right:7%;bottom:8%;border-left-color:#e34f61}.stng-spread--finale{min-height:clamp(34rem,62vw,62rem)}.stng-spread--finale figcaption{left:7%;top:8%;border-left-color:#eab74d}
@media(max-width:820px){.stng-opening .art{object-position:52% 30%}.mission-grid{grid-template-columns:1fr 1fr}.stng-spread--route{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}}
@media(max-width:560px){.stng-opening{min-height:44rem}.stng-opening:after{background:linear-gradient(0deg,rgba(2,9,18,.96),rgba(2,9,18,.42) 68%,transparent)}.stng-opening .intro{left:1.2rem;right:1.2rem;bottom:4%;max-width:none}.stng-opening h1{font-size:3.7rem}.mission-grid{grid-template-columns:1fr}.stng-spread{min-height:35rem}.stng-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}}