/* Deliberate contours and engraved plates replace the round-one plotting kit. */
:root{--grain:none;--hatch:none;--hatch-light:none;--scribble:none}
.pen::before,.rule,.stamp,.nav::after,.marquee,.fbottom::before{filter:none!important}
.pen::before{border-width:1px}
.rule,.nav::after,.fbottom::before{height:1px}
.link,.footer a:hover{text-decoration-style:solid;text-decoration-thickness:1px}
.stamp{border-width:1px;outline-width:.5px;outline-offset:3px;letter-spacing:.15em;transform:rotate(-2deg)}
.pick-wrap::before{display:none}
.btn.primary{background-image:none}
.btn:hover{transform:translateY(-1px)}
.nav-links a::after{height:1px;background:currentColor;bottom:2px}
.sec .eyebrow b,.final .eyebrow b{transform:none;outline-style:solid;outline-width:.5px;outline-offset:3px;border-width:.7px;font-weight:400}
.cas .rank{outline-style:solid;outline-width:.5px;border-width:.7px}
.sup .coin{transform:none}
.brand-emblem{display:block;width:54px;height:54px;flex:none;stroke-width:.85}
.brand .brand-name,.fbrand .word{font:italic 400 35px/1 var(--serif);letter-spacing:-.5px;transform:none}
.brand-name em,.word em{font:inherit}
.brand-name::after,.fbrand .word::after{display:none}
.footer-brand>.brand-emblem{width:54px;height:54px;color:var(--paper)}
.score .gauge{width:94px;height:49px;display:block;color:var(--ink)}
.gauge-needle{stroke-width:1.6}
.hero h1 .w .doodle{bottom:-.13em;height:.2em}
.hero-note .doodle{transform:rotate(32deg)}
.hero-note .note{font-weight:400}
.pick .boost-logo{width:88px;height:88px;object-fit:contain;border-radius:14px}
:root[data-paper=night] .pick .boost-logo{background:var(--ink);padding:8px}
.engraving{position:relative;display:block;width:100%;height:350px;pointer-events:none;isolation:isolate;contain:layout style}
.hero-art.engraving{height:460px}
.engraving-sheet{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.art-stage{position:relative;width:100%;max-height:100%;aspect-ratio:3/2}
/* Every line takes its color exclusively from the current ink token. */
.ink-layer{position:absolute;inset:0;display:block;background-color:var(--ink);mask-image:var(--art);mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-image:var(--art);-webkit-mask-size:100% 100%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.motion{animation-play-state:paused!important}
.is-visible .motion{animation-play-state:running!important}
.tab-hidden .motion,.tab-hidden .engraving-sheet{animation-play-state:paused!important}
.marquee:not(.is-visible) .mtrack,.tab-hidden .mtrack{animation-play-state:paused}
.sea-scene.engraving{height:240px;width:100%;margin:0}
.sea-stage{display:block}
.sea-stage .vessel{inset:auto 12% -8px auto;width:340px;height:227px;transform-origin:50% 77%;animation:ship-rock 8s ease-in-out infinite}
.sea-stage .ocean{animation:sea-breathe 9s ease-in-out infinite;transform-origin:center bottom}
@keyframes ship-rock{0%,100%{transform:translateY(2px) rotate(-.8deg)}50%{transform:translateY(-3px) rotate(.9deg)}}
@keyframes sea-breathe{0%,100%{transform:translateX(-.25%) scaleY(1)}50%{transform:translateX(.25%) scaleY(1.025)}}
.final .sea-scene{height:310px;margin-top:18px}
.final .sea-stage .vessel{right:auto;left:16%;width:410px;height:274px;bottom:-10px}
.minis .engraving{height:230px}
.faq-head>.engraving{height:260px}
@media(min-width:981px){.hero-art .art-stage{width:100%}.hero-art .engraving-sheet{overflow:visible}}
@media(max-width:1180px){.brand .brand-name{font-size:31px}.hero-art.engraving{height:400px}}
@media(max-width:980px){.hero-art.engraving{height:380px}.engraving{height:350px}}
@media(max-width:720px){
 .brand-emblem{width:36px;height:36px}.brand .brand-name{font-size:27px;letter-spacing:-.6px}
 .hero-art.engraving{height:286px}.engraving{height:280px}.pick .boost-logo{width:76px;height:76px}
 .minis .engraving{height:240px}.fbrand .word{font-size:37px}.footer-brand>.brand-emblem{width:48px;height:48px}
 .sea-scene.engraving{height:210px}.sea-stage .vessel{right:8%;width:270px;height:180px;bottom:-7px}
 .sea-stage .ocean{mask-size:180% 100%;-webkit-mask-size:180% 100%}
 .final .sea-scene{height:230px}.final .sea-stage .vessel{left:9%;width:280px;height:187px;bottom:-8px}
 .score .gauge{width:90px;height:47px}
}
@media(prefers-reduced-motion:reduce){
 .engraving .engraving-sheet{clip-path:none!important;animation:none!important}
 .motion,.mtrack{animation:none!important;transform:none!important}
 .reveal,.stag>*{opacity:1;transform:none;translate:none}
}

/* Version 7b (Claude): no slow wipe. Each drawing simply appears with a
   short soft fade when it comes into view, and its small movements start
   straight away instead of waiting for the wipe to finish. */
.engraving:not(.drawn) .engraving-sheet{clip-path:none;opacity:0}
.engraving.drawn .engraving-sheet{animation:plate-in 0s ease-out both;animation-play-state:running}
@keyframes plate-in{from{opacity:0}to{opacity:1}}
.motion{animation-delay:.3s!important}