/* Approved game-menu treatment, scoped to the cover and its navigation.
   The bird atlas, flight layers and project case content stay untouched. */
.fluid-cover{--game-ink:#282066;--game-paper:#fffce8;--game-yellow:#ffe26a}
.fluid-cover .hero-copy{right:4%;width:43%;top:max(108px,15dvh);bottom:28px}
.fluid-cover .hero-title{font-family:'Arial Rounded MT Bold','Arial Black',PortfolioSans,Arial,sans-serif;font-size:min(5.5vw,10dvh,110px);font-weight:900;font-synthesis:weight;line-height:1.13;letter-spacing:-.04em;color:var(--game-paper);text-shadow:none;overflow:visible}
.hero-title .game-title-line{display:block;white-space:nowrap;filter:drop-shadow(2px 4px 0 #7060d6) drop-shadow(2px 2px 0 #292064)}
.game-title-line i{display:inline-block;font-style:normal;-webkit-text-stroke:clamp(2px,.24vw,4px) var(--game-ink);paint-order:stroke fill;transform:rotate(-3deg);transform-origin:50% 80%}
.game-title-line i:nth-child(3n){transform:rotate(3deg) translateY(-.015em)}
.game-title-line i:nth-child(4n){transform:rotate(-1deg) translateY(.025em)}
.game-title-line .word-space{width:.2em}
.hero-heading{position:relative}
.hero-heading:after{content:'';position:absolute;right:25%;top:67%;width:24%;height:5px;border-radius:70%;background:var(--game-yellow);transform:rotate(-7deg);pointer-events:none}
.fluid-cover .hero-subtitle{position:relative;isolation:isolate;display:inline-block;width:auto;margin-top:.5em;padding:.15em .5em .21em;color:#fffdf6;font-weight:900;font-synthesis:weight;font-size:min(2.5vw,4.4dvh,43px);letter-spacing:.025em;line-height:1.45;-webkit-text-stroke:2px #302164;paint-order:stroke fill;text-shadow:1px 2px 0 #302164;transform:rotate(-2deg);filter:drop-shadow(2px 4px 0 #29216d)}
.hero-subtitle:before{content:'';position:absolute;inset:0;z-index:-2;background:#292166;clip-path:polygon(5% 0,95% 0,100% 28%,97% 85%,94% 100%,4% 100%,0 64%,0 28%)}
.hero-subtitle:after{content:'';position:absolute;inset:3px;z-index:-1;background:linear-gradient(170deg,#a98dfb,#8061e2 70%);clip-path:polygon(5% 0,95% 0,100% 28%,97% 85%,94% 100%,4% 100%,0 64%,0 28%);box-shadow:inset 0 4px 0 #c5acff}
.fluid-cover .hero-identity{justify-self:end;width:max-content;max-width:100%;padding-top:12px}
.fluid-cover .hero-name{color:var(--game-paper);font-weight:900;font-synthesis:weight;font-size:min(3vw,5.4dvh,50px);letter-spacing:.03em;-webkit-text-stroke:3px var(--game-ink);paint-order:stroke fill;text-shadow:2px 3px 0 var(--game-ink),3px 5px 0 #5b42b7;line-height:1.5}
.fluid-cover .hero-alias{position:relative;width:max-content;margin-left:auto;font-weight:800;letter-spacing:.2em;color:#fffdf3;text-shadow:1px 2px 0 #302365}
.hero-alias:after{content:'';position:absolute;right:0;bottom:-7px;width:48%;height:4px;border-radius:4px;background:#83e8d8;transform:rotate(-5deg)}
.fluid-cover .hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.fluid-cover .hero-meta>p{position:relative;isolation:isolate;width:max-content;max-width:100%;padding:.45em .85em;line-height:1.35;font-size:min(1.6vw,3.1dvh,29px);font-weight:900;color:#292166;letter-spacing:.015em;transform:rotate(-2deg);filter:drop-shadow(2px 4px 0 #5744a8)}
.hero-meta>p:before{content:'';position:absolute;inset:0;z-index:-2;background:#30246a;clip-path:polygon(5% 0,95% 0,100% 28%,100% 72%,95% 100%,5% 100%,0 72%,0 28%)}
.hero-meta>p:after{content:'';position:absolute;inset:2px;z-index:-1;background:#fff1b4;clip-path:polygon(5% 0,95% 0,100% 28%,100% 72%,95% 100%,5% 100%,0 72%,0 28%);box-shadow:inset 0 4px 0 #fffce3}
.fluid-cover .hero-meta>span{font-size:min(2vw,3.6dvh,34px);font-weight:900;font-synthesis:weight;color:#fffce8;-webkit-text-stroke:2px #302365;paint-order:stroke fill;text-shadow:1px 2px 0 #302365,2px 3px 0 #6954bd;letter-spacing:.015em;line-height:1.5}
.site-header.on-cover{background:#009af018;border-bottom-color:transparent;backdrop-filter:blur(6px)}
.site-header.on-cover .nav-wrap{max-width:none;padding-inline:3.2%;gap:20px}
.site-header.on-cover .brand>span{font-size:23px;font-weight:900;font-synthesis:weight;color:#fffce8;letter-spacing:.02em;-webkit-text-stroke:2px #2d2465;paint-order:stroke fill;text-shadow:1px 2px 0 #312469}
.site-header.on-cover .brand small{font-size:10px;letter-spacing:.14em;font-weight:700;-webkit-text-stroke:0;text-shadow:none;opacity:1;color:white}
.site-header.on-cover nav{gap:12px}
.site-header.on-cover nav a{isolation:isolate;opacity:1;min-height:40px;padding:8px 15px;gap:9px;font-size:14px;font-weight:800;color:#282064;line-height:1.3;filter:drop-shadow(1px 3px 0 #24326d);transition:transform .18s ease,filter .18s ease}
.site-header.on-cover nav a:before,.site-header.on-cover nav a:after{content:'';position:absolute;inset:0;z-index:-2;background:#302669;clip-path:polygon(8% 0,92% 0,100% 25%,100% 75%,92% 100%,8% 100%,0 75%,0 25%);height:auto;width:auto}
.site-header.on-cover nav a:after{inset:2px;z-index:-1;background:#e5f6ff;box-shadow:inset 0 3px 0 #ffffffb0}
.site-header.on-cover nav a.active{color:#fffbe7}
.site-header.on-cover nav a.active:after{background:linear-gradient(#a58bff,#7750e5);box-shadow:inset 0 3px 0 #d9bfff,inset 0 -3px 0 #6435ca}
.site-header.on-cover nav a.active small{color:#ffe06a}
.site-header.on-cover nav small{font-size:10px;font-weight:800;opacity:1}
.site-header.on-cover nav a:hover{transform:translateY(-3px);filter:drop-shadow(1px 6px 0 #24326d)}
.site-header.on-cover nav a:active{transform:translateY(2px);filter:drop-shadow(0 1px 0 #24326d)}
.site-header.on-cover .nav-edition{font-size:10px;font-weight:700;opacity:1}
.fluid-cover .cover-bottom{bottom:22px;pointer-events:none}
.fluid-cover .explore-button{pointer-events:auto;position:relative;isolation:isolate;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;padding:10px 22px;gap:20px;min-height:48px;font-size:14px;font-weight:800;color:#fffce8;filter:drop-shadow(2px 4px 0 #2e246c);transition:transform .18s,filter .18s}
.fluid-cover .explore-button:before,.fluid-cover .explore-button:after{content:'';position:absolute;inset:0;z-index:-2;background:#30246a;clip-path:polygon(7% 0,93% 0,100% 25%,100% 75%,93% 100%,7% 100%,0 75%,0 25%)}
.fluid-cover .explore-button:after{inset:3px;z-index:-1;background:linear-gradient(160deg,#ac91ff,#7949df);box-shadow:inset 0 3px 0 #d2b7ff,inset 0 -3px 0 #6535c6}
.fluid-cover .explore-button>span{background:none;color:#fff9de;font-size:28px;font-weight:900;border-radius:0}
.fluid-cover .explore-button:hover{transform:translateY(-3px);box-shadow:none;filter:drop-shadow(2px 7px 0 #2e246c)}
.fluid-cover .explore-button:active{transform:translateY(2px);filter:drop-shadow(1px 1px 0 #2e246c)}
.chapter-rail.on-cover b{font-size:12px;opacity:.9;font-weight:700}
.chapter-rail.on-cover a.active b{background:#fff3bf;color:#30246a;border:2px solid #5c3d9c;border-radius:8px;box-shadow:1px 2px 0 #3d2683}
.on-cover a:focus-visible,.fluid-cover a:focus-visible{outline:3px solid #ffe26a;outline-offset:6px}
@media(max-width:1200px){.site-header.on-cover .nav-edition{display:none}.site-header.on-cover .nav-wrap{gap:15px}.site-header.on-cover nav{gap:8px}.site-header.on-cover nav a{padding:8px 11px}.site-header.on-cover .brand>span{font-size:20px}}
@media(max-width:850px){.site-header.on-cover nav a{font-size:12px;padding:8px 9px;gap:5px}.site-header.on-cover nav small{font-size:9px}.site-header.on-cover .brand>svg{width:24px}.site-header.on-cover .brand{gap:6px}.site-header.on-cover .brand>span{font-size:18px}.site-header.on-cover .brand small{font-size:8px}.site-header.on-cover nav{gap:6px}.fluid-cover .hero-copy{right:6%;width:47%}.fluid-cover .hero-title{font-size:min(5.8vw,9dvh)}.fluid-cover .hero-subtitle{font-size:2.6vw}}
@media(max-width:620px){
 .fluid-cover .hero-copy{top:112px;right:7%;width:79%;bottom:100px}
 .fluid-cover .hero-title{font-size:min(9.8vw,7.8dvh);line-height:1.15}
 .game-title-line i{-webkit-text-stroke:2px var(--game-ink)}
 .hero-title .game-title-line{filter:drop-shadow(1px 2px 0 #7060d6) drop-shadow(1px 1px 0 #292064)}
 .fluid-cover .hero-subtitle{font-size:min(5vw,3.8dvh);-webkit-text-stroke:1.5px #302164}
 .fluid-cover .hero-name{font-size:min(7vw,5dvh);-webkit-text-stroke:2px #302164}
 .fluid-cover .hero-alias{font-size:16px}
 .fluid-cover .hero-meta>p{font-size:14px}
 .fluid-cover .hero-meta>span{font-size:20px;-webkit-text-stroke:1.5px #302365}
 .fluid-cover .cover-bottom{bottom:24px}
 .site-header.on-cover .nav-wrap{padding-inline:20px}
 .site-header.on-cover nav{gap:12px;background:#eef7ff;box-shadow:0 8px 20px #28357533;padding:18px 22px}
 .site-header.on-cover nav a{font-size:14px;min-height:44px;padding:11px 18px;justify-content:center}
 .site-header.on-cover .brand>span{font-size:20px}
 .site-header.on-cover .menu-toggle{background:#8559e6;border:2px solid #302365;border-radius:8px;box-shadow:1px 3px 0 #302365}
}
@media(max-height:520px) and (min-width:621px){.fluid-cover{min-height:510px}.fluid-cover .hero-copy{top:96px;bottom:22px}.fluid-cover .hero-title{font-size:clamp(32px,6.8dvh,52px)}.fluid-cover .hero-subtitle{font-size:20px}.fluid-cover .hero-name{font-size:25px}.fluid-cover .hero-alias{font-size:14px}.fluid-cover .hero-meta>p{font-size:14px}.fluid-cover .hero-meta>span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.site-header.on-cover nav a,.fluid-cover .explore-button{transition:none}}