body.fishtales{--bg:#edf7f4;--paper:#fffdf5;--ink:#092b31;--muted:#42656a;--line:#b6d9d3;--line-ui:#5e8f8d;--accent:#d3462f;--accent-ink:#b73522;--bone:#d9ece7;background:linear-gradient(#bce5df 0,#edf7f4 38rem);color:var(--ink)}
.fishtales .compact-library-nav{background:#072b31f5;border-color:#4b8d8e}.fishtales .compact-library-nav a,.fishtales .compact-library-nav summary,.fishtales .guide-home{color:#fff!important}.ft-opening{position:relative;min-height:clamp(42rem,75vw,68rem);overflow:hidden;background:#073e49}.ft-opening .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 37%}.ft-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062d37e8,#062d3788 42%,transparent 72%),linear-gradient(0deg,#031f27aa,transparent 48%)}.ft-opening .intro{position:absolute;z-index:2;left:max(4vw,2rem);bottom:7%;max-width:38rem;color:#fff;text-shadow:0 2px 16px #000}.ft-opening h1{font-size:clamp(5rem,12vw,11rem);line-height:.78;letter-spacing:-.07em;margin:.12em 0 .25em;text-transform:uppercase}.ft-opening .kicker{color:#f9d15f}.fishtales .shot-map__side article{background:#fffdf5;border-color:#9bcac3}.fishtales .shot-map__side article h3,.fishtales .shot-map__side article p{color:#092b31}.ft-spread{position:relative;margin:clamp(4rem,9vw,8rem) calc(50% - 50vw);width:100vw;min-height:clamp(31rem,58vw,58rem);overflow:hidden;background:#072b31}.ft-spread img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ft-spread figcaption{position:absolute;z-index:2;max-width:35rem;padding:1.4rem 1.7rem;background:#062d37df;color:#fff;border-left:6px solid #f4ca52;box-shadow:0 16px 38px #0008}.ft-spread strong,.ft-spread span{display:block}.ft-spread strong{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1}.ft-spread span{margin-top:.7rem}.ft-spread--route{width:min(96vw,96rem);margin-left:calc(50% - 48vw);border-radius:0 2rem 2rem 0}.ft-spread--route figcaption{right:6%;bottom:7%}.ft-spread--multiball figcaption{left:6%;bottom:7%;border-color:#ef6247}.ft-spread--finale figcaption{left:6%;top:8%}.fishtales .score-route strong{color:#b73522}
body.fishtales.guide-v3 .ft-opening .button{background:#9b2d20;color:#fff}
@media(max-width:560px){.ft-opening{min-height:45rem}.ft-opening .art{object-position:57% 31%}.ft-opening:after{background:linear-gradient(0deg,#062d37fa,#062d3777 70%,transparent)}.ft-opening .intro{left:1.2rem;right:1.2rem;bottom:4%}.ft-opening h1{font-size:4.7rem}.ft-spread{min-height:36rem}.ft-spread figcaption{left:1rem;right:1rem;bottom:1rem;top:auto;max-width:none}}