/*
Theme Name: The Universe of The Ninja Kid Adventures
Description: Full-width adventure theme with character sections, books and Podbean embedding.
Version: 0.5.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ninja-kid-adventures
*/
@font-face{font-family:AdventureBrush;src:url('assets/brush.ttf');font-display:swap}
:root{--accent:#b0f522;--side:clamp(22px,5vw,90px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#090e12;font:18px/1.6 Arial,sans-serif}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:3px solid #6c9d12;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#fff;color:#000;z-index:99;padding:10px}header,footer{background:#070b0e;color:white;padding:22px var(--side)}header{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #789b29}.brand{display:block;text-decoration:none;line-height:1.1}.brand small{font:700 12px Arial;letter-spacing:2px;text-transform:uppercase;display:block;margin:0 0 5px 35px}.brand strong{font:clamp(18px,2.2vw,32px)/1.15 AdventureBrush,Impact,sans-serif;text-transform:uppercase}.brand span{color:var(--accent)}nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0;flex-wrap:wrap}nav a{font-size:14px;font-weight:700;text-decoration:none}nav a:hover{color:var(--accent)}h1,h2,h3{line-height:1.1}h1,h2,.card h3,.upcoming-intro h3{font-family:AdventureBrush,Impact,sans-serif;font-weight:400;text-transform:uppercase}h1{font-size:clamp(45px,5.6vw,86px);margin:0 0 22px;letter-spacing:-2px}h2{font-size:clamp(34px,4.3vw,62px);margin:0 0 25px}h3{font-size:24px}.accent{color:#609708}.hero .accent,.podcast .accent{color:var(--accent)}
.hero{position:relative;min-height:clamp(540px,48vw,760px);background:#08171e url('assets/hero-city.webp') center/cover no-repeat;color:white;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03090dcc,#03090d55 38%,transparent 65%)}.hero-copy{position:relative;width:49%;padding:60px var(--side);padding-right:0;z-index:1}.hero-copy p:not(.eyebrow){font-size:21px;line-height:1.5;margin:22px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero .eyebrow{color:#cbdbd7;font-size:10px;max-width:340px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:#090e12;padding:14px 23px;text-decoration:none;font:bold 14px/1.3 Arial;text-transform:uppercase;clip-path:polygon(2% 3%,97% 0,100% 12%,98% 90%,100% 97%,0 100%,2% 75%,0 12%);min-height:47px}.button:hover{background:#caff5d}.button.outline{background:#071018;border:2px solid #ddd;color:white;clip-path:none}.section{padding:62px var(--side);position:relative}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading p{margin:0;font-size:16px}.heroes{background:#fff url('assets/splashes.svg') center top/100% auto no-repeat}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{position:relative;display:block;background:#0b1218;color:white;text-decoration:none;overflow:hidden;clip-path:polygon(1% 1%,99% 0,100% 97%,98% 100%,0 99%,0 3%)}.card>img,.twins{width:100%;height:330px;display:block;object-fit:cover;object-position:center 19%}.card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#05080ced);pointer-events:none}.twins{display:flex}.twins img{width:50%;height:100%;object-fit:cover;object-position:center 24%}.card-body{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;gap:8px;align-items:end;padding:20px}.card h3{font-size:clamp(20px,2vw,30px);margin:0;max-width:70%}.card .button{padding:11px 16px;font-size:11px;gap:10px;min-height:38px}.card:hover img{filter:brightness(1.08)}
.podcast{background:#080d10 url('assets/splashes.svg') center/cover;color:white;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:70px;padding-bottom:70px}.podcast h2{font-size:clamp(32px,3.8vw,54px)}.podcast-slot{padding-top:30px}.podbean-placeholder{display:flex;align-items:center;gap:24px;border:1px solid #c3c8c7;background:#e8ebeb;color:#20282d;border-radius:8px;padding:30px;min-height:145px}.podbean-placeholder p{font-size:14px;margin:8px 0}.play{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#252e36;color:white;flex-shrink:0}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.books{background:#fbfcf8 url('assets/splashes.svg') center top/100% auto no-repeat}.book{text-align:center;padding:14px 8px}.cover-wrap{height:420px;display:flex;align-items:center;justify-content:center;margin-bottom:23px}.cover-wrap img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:8px 12px 18px #0b17212b}.book h3{font-size:20px;margin:15px 0}.status{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:#e4edce;color:#244400;padding:8px 14px;display:inline-block}.status.coming{color:#704000;background:#ffe9bf}.text-link{font-weight:700;font-size:14px}.upcoming-intro{text-align:center;margin-top:35px;border-top:1px solid #dfe5d6;padding-top:24px}.upcoming-intro h3{font-size:28px}.coming-panel{border:2px dashed #bfc6b3;padding:40px;grid-column:1/-1}
.character-banner{background:#07131b;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.character-banner.mason-rex{--accent:#ffd056;background:linear-gradient(120deg,#160d12,#49201d)}.character-banner.blue-echo{--accent:#52c5ff;background:#06112b}.character-banner.tick-and-tock{--accent:#ffc951;background:linear-gradient(120deg,#1d1407,#491b1b)}.character-banner.solaris{--accent:#ff993e;background:#21100a}.character-banner.master-kodo{--accent:#a3bcde;background:#0b1825}.character-art{display:flex;max-height:630px;overflow:hidden;gap:8px}.character-art img{object-fit:cover;object-position:top;min-width:0;flex:1;width:100%}.tick-and-tock .character-art img{width:50%}.entry{max-width:1100px;margin:auto;padding:60px 25px}.podcast-page{display:block;min-height:65vh}.podcast-page iframe{max-width:1000px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:2px solid #88b124}footer p{font-size:13px}.wp-block-image img{height:auto}
@media(min-width:1600px){.hero{min-height:780px}.card>img,.twins{height:390px}}
@media(max-width:1000px){header{flex-wrap:wrap}.hero-copy{width:55%}.hero{background-position:58% center}.hero-copy p:not(.eyebrow){font-size:18px}.card-body{flex-wrap:wrap}.card>img,.twins{height:290px}.cover-wrap{height:340px}.podcast{gap:25px}.brand strong{font-size:26px}}
@media(max-width:700px){header{padding:20px;gap:18px}.brand strong{font-size:21px}.brand small{font-size:9px;margin-left:15px}nav{width:100%}nav ul{gap:22px;justify-content:space-between}nav a{font-size:12px}.hero{min-height:740px;align-items:start;background-size:auto 460px;background-position:64% bottom;background-color:#07131b}.hero:before{background:linear-gradient(#061019 0,#061019 35%,transparent 66%)}.hero-copy{width:100%;padding:34px 22px}.hero h1{font-size:46px;letter-spacing:-1px;margin-bottom:10px}.hero-copy p:not(.eyebrow){font-size:16px;line-height:1.4;margin:16px 0}.hero .eyebrow{display:none}.button{font-size:11px;padding:12px 17px;gap:12px}.section{padding:40px 22px}.section-heading{align-items:start;flex-direction:column;gap:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card>img,.twins{height:270px}.card-body{padding:13px}.card h3{font-size:22px;max-width:100%}.card .button{font-size:9px;padding:9px 12px}.podcast{grid-template-columns:1fr;gap:12px}.podcast-slot{padding:0}.podbean-placeholder{padding:22px;gap:15px}.book-grid{gap:14px}.cover-wrap{height:220px}.book h3{font-size:14px}.status{font-size:9px;padding:7px 8px;letter-spacing:1px}.character-banner{grid-template-columns:1fr}.character-art{max-height:500px}.character-banner h1{font-size:46px}.character-banner p{font-size:16px}footer{align-items:start;flex-direction:column}.upcoming-intro h3{font-size:24px}}
@media(max-width:400px){.book-grid{grid-template-columns:1fr}.cover-wrap{height:370px}.card>img,.twins{height:235px}.card h3{font-size:19px}.hero{min-height:730px}nav ul{gap:12px}.brand strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep desktop copy clear of the character composition. */
@media(min-width:1001px){.hero h1{font-size:clamp(54px,5vw,80px)}.hero-copy{width:45%}}
.section-heading h2::after{content:'';display:block;width:62%;height:5px;background:#87c318;transform:rotate(-2deg);margin-top:12px;clip-path:polygon(0 30%,100% 0,94% 100%,3% 70%)}
.nka-theme-mason-rex main{--accent:#ffd056;--heading-accent:#a84212}.nka-theme-blue-echo main{--accent:#52c5ff;--heading-accent:#0868ad}.nka-theme-tick-and-tock main{--accent:#ffc951;--heading-accent:#9d5017}.nka-theme-solaris main{--accent:#ff993e;--heading-accent:#ad4609}.nka-theme-master-kodo main{--accent:#a3bcde;--heading-accent:#395b82}
[class*="nka-theme-"] main .accent{color:var(--heading-accent,#609708)}[class*="nka-theme-"] main .podcast .accent{color:var(--accent)}[class*="nka-theme-"] .section-heading h2::after{background:var(--heading-accent,#87c318)}
.book-summary{font-size:15px;line-height:1.6;max-width:390px;margin:15px auto}.book .button{margin-top:15px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.book-detail{display:grid;grid-template-columns:minmax(230px,1fr) 1.5fr;gap:70px;align-items:center;background:#fbfcf8}.detail-cover{max-width:410px;margin:auto}.detail-cover img{max-height:650px;display:block;box-shadow:10px 15px 22px #14252433}.detail-copy h1{font-size:clamp(36px,4vw,64px);letter-spacing:0}.series{font-weight:bold}.checkout-note{font-size:13px;color:#4d595e}@media(max-width:700px){.book-detail{grid-template-columns:1fr;gap:30px}.detail-cover{max-width:280px}.book-summary{font-size:14px}}
.official-brand{width:280px;max-width:100%;text-align:center}.official-brand small{margin:0 0 2px}.official-logo{display:block;width:280px;height:105px;object-fit:contain}.official-brand img{max-width:100%}header{padding-top:12px;padding-bottom:12px}@media(max-width:700px){.official-brand{width:220px}.official-logo{width:220px;height:90px}}
.podcast-slot{min-width:0;padding-top:0}.podbean-player{display:block;max-width:100%;height:315px;background:transparent}.podcast-page .podbean-player{max-width:1100px;margin:35px auto 0}.podcast-page h1{max-width:1000px}.podcast{min-width:0}

/* City backdrop and a dedicated full-width main menu. */
.site-header{display:block;padding:0;background:#142b20;}
.header-brand-row{padding:20px var(--side);background:linear-gradient(90deg,rgba(8,24,16,.72),rgba(28,76,34,.25),rgba(8,24,16,.65)),url('assets/splashes.svg') center/cover,url('assets/header-city.webp') center 65%/cover;border-bottom:1px solid #85b841;}
.header-brand-row .official-brand{position:relative;filter:drop-shadow(0 2px 5px #000);}
.main-menu{width:100%;padding:0 var(--side);background:#18351f;border-bottom:3px solid var(--accent);}
.main-menu ul{gap:8px;align-items:center;}
.main-menu li{position:relative;}
.main-menu a{display:block;padding:15px 22px;font-size:15px;text-transform:uppercase;letter-spacing:1px;}
.main-menu a:hover,.main-menu a:focus-visible,.main-menu .current-menu-item>a,.main-menu .current_page_item>a{background:#b0f522;color:#10220a;}
.main-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#18351f;z-index:20;box-shadow:0 8px 18px #0005;}
.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block;}
.main-menu .sub-menu .sub-menu{top:0;left:100%;}
@media(max-width:700px){.header-brand-row{padding:18px 22px;background-position:center,center,60% 65%;}.main-menu{padding:0 12px;}.main-menu ul{gap:0;justify-content:flex-start;}.main-menu a{padding:13px 12px;font-size:12px;letter-spacing:.5px;}.main-menu .sub-menu{position:static;min-width:0;}.main-menu .sub-menu a{padding-left:18px;}}

/* Ninja Kid: biography first, silhouette sidebar last on mobile. */
.hero-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,30%);background:#fbfcf7;}
.hero-profile-content{min-width:0;}
.profile-intro{padding:55px clamp(22px,4vw,65px) 35px;background:#fbfcf7 url('assets/splashes.svg') center top/cover;}
.profile-intro .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.profile-intro h1{font-size:clamp(50px,6vw,86px);margin-bottom:12px;}
.profile-tagline{font-family:AdventureBrush,Impact,sans-serif;font-size:clamp(24px,2.8vw,36px);color:#40670a;line-height:1.2;}
.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:30px 0;padding:20px 0;border-top:1px solid #c3cdb6;border-bottom:1px solid #c3cdb6;}
.profile-facts dt{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#40670a;}
.profile-facts dd{margin:5px 0 0;font-weight:700;line-height:1.3;}
.profile-intro h2,.profile-section h2{font-size:clamp(30px,3.5vw,45px);}
.profile-intro p{max-width:780px;}
.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.profile-section{padding:40px clamp(22px,4vw,65px);}
.hero-profile .cover-wrap{height:270px;}
.hero-profile .book-grid{gap:24px;}
.hero-profile .book-summary{font-size:15px;}
.hero-profile .book h3{font-size:19px;}
.hero-profile .book .button{font-size:11px;padding:12px;}
.profile-podcast{display:block;}
.profile-podcast .podbean-player{margin-top:25px;}
.profile-more{padding:25px clamp(22px,4vw,65px) 45px;}
.profile-more ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;}
.profile-more a{font-weight:700;}
.profile-silhouette{min-width:0;padding:40px 16px;background:linear-gradient(145deg,#e4f4bc,#b1de66 55%,#91bd49);border-left:1px solid #9ebc71;}
.profile-silhouette-inner{position:sticky;top:24px;text-align:center;}
.profile-silhouette .eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;}
.profile-silhouette img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;filter:drop-shadow(0 12px 12px #183c2328);}
.profile-silhouette-caption{font-family:AdventureBrush,Impact,sans-serif;font-size:30px;line-height:1.2;}
@media(max-width:900px){.hero-profile{grid-template-columns:1fr;}.profile-silhouette{border-left:0;border-top:3px solid #7caa35;padding:25px 22px;}.profile-silhouette-inner{position:static;}.profile-silhouette img{max-height:460px;}.profile-facts{gap:12px;}.hero-profile .cover-wrap{height:250px;}}
@media(max-width:600px){.profile-intro{padding-top:35px;}.profile-facts{grid-template-columns:1fr 1fr;}.hero-profile .book-grid{grid-template-columns:1fr;}.hero-profile .cover-wrap{height:330px;}.hero-profile .book-summary{max-width:420px;margin-left:auto;margin-right:auto;}}

/* Full-color character cutout with a city scene fading toward the biography. */
.profile-silhouette{background:#fbfcf7;border-left:0;}
.profile-silhouette-inner{isolation:isolate;}
.profile-silhouette-inner::before{content:"";position:absolute;inset:-40px -16px -40px -100px;z-index:-1;background:linear-gradient(90deg,#fbfcf7 0%,rgba(251,252,247,.86) 30%,rgba(224,241,207,.6) 100%),url('assets/header-city.webp') 68% center/auto 100%;}
@media(max-width:900px){.profile-silhouette-inner{position:relative;top:auto;}.profile-silhouette{border-top:0;}.profile-silhouette-inner::before{inset:-25px -22px;background:linear-gradient(180deg,#fbfcf7 0%,rgba(237,247,217,.7) 30%,rgba(224,241,207,.6) 100%),url('assets/header-city.webp') 68% center/auto 100%;}}

/* Mason Rex has his own warm city setting and amber/teal accents. */
.mason-profile{--profile-paper:#fffaf0;background:var(--profile-paper);}
.mason-profile .profile-intro,.mason-profile .profile-silhouette{background-color:var(--profile-paper);}
.mason-profile .profile-tagline,.mason-profile .profile-facts dt{color:#8b370d;}
.mason-profile .profile-facts{border-color:#ddc29b;}
.mason-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fffaf0 0%,rgba(255,250,240,.86) 30%,rgba(255,239,213,.56) 100%),url('assets/red-rock-falls.webp') center/cover;}
.profile-skills{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;list-style:none;}
.profile-skills li{border-left:3px solid #b76023;padding:10px 14px;background:#fff3dc;}
.profile-skills strong{display:block;font-size:16px;}
.profile-skills span{display:block;font-size:15px;}
.mason-profile .book-grid{grid-template-columns:minmax(0,1fr);}
.mason-profile .book{max-width:500px;}
.mason-profile .cover-wrap{height:380px;}
@media(max-width:900px){.mason-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fffaf0 0%,rgba(255,243,223,.7) 30%,rgba(255,239,213,.56) 100%),url('assets/red-rock-falls.webp') center/cover;}}
@media(max-width:600px){.profile-skills{grid-template-columns:1fr;}.mason-profile .cover-wrap{height:330px;}}

.ninja-profile .profile-skills li{border-left-color:#6b9a19;background:#edf5dc;}

/* The Clockwork Twins share a profile with separate abilities. */
.twins-profile{background:#fffaf0;}
.twins-profile .profile-intro,.twins-profile .profile-silhouette{background-color:#fffaf0;}
.twins-profile .profile-tagline,.twins-profile .profile-facts dt{color:#825110;}
.twins-profile .profile-facts{border-color:#d9bf8c;}
.twins-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fffaf0 0%,rgba(255,250,240,.86) 30%,rgba(255,240,209,.65) 100%),url('assets/clockwork-workshop.webp') center/cover;}
.twins-profile .book-grid{grid-template-columns:1fr;}
.twins-profile .book{max-width:500px;}
.twins-profile .cover-wrap{height:380px;}
.twins-profile .coming-panel{margin-top:25px;}
.twin-bios{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;}
.twin-bios article{border-top:3px solid #345d80;padding-top:15px;}
.twin-bios article:last-child{border-color:#a4381e;}
.twin-bios h2{font-size:34px;margin-bottom:12px;}
.twin-bios p{margin:0;font-size:16px;}
@media(max-width:900px){.twins-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fffaf0 0%,rgba(255,243,223,.75) 30%,rgba(255,240,209,.65) 100%),url('assets/clockwork-workshop.webp') center/cover;}}
@media(max-width:600px){.twin-bios{grid-template-columns:1fr;}.twins-profile .cover-wrap{height:330px;}}

/* Blue Echo: Cobalt Harbor with cool blue accents and a full-color cutout. */
.echo-profile{background:#f7fbff;}
.echo-profile .profile-intro,.echo-profile .profile-silhouette{background-color:#f7fbff;}
.echo-profile .profile-tagline,.echo-profile .profile-facts dt{color:#16577f;}
.echo-profile .profile-facts{border-color:#b3d6eb;}
.echo-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.86) 30%,rgba(224,241,255,.62) 100%),url('assets/cobalt-harbor.webp') center/cover;}
.echo-profile .profile-skills li{border-left-color:#2878b2;background:#e5f2fc;}
.echo-profile .book-grid{grid-template-columns:1fr;}
.echo-profile .book{max-width:500px;}
.echo-profile .cover-wrap{height:380px;}
@media(max-width:900px){.echo-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#f7fbff 0%,rgba(235,247,255,.75) 30%,rgba(224,241,255,.62) 100%),url('assets/cobalt-harbor.webp') center/cover;}}
@media(max-width:600px){.echo-profile .cover-wrap{height:330px;}}

/* Solaris: warm rooftop city backdrop with canon-based ninja skills. */
.solaris-profile{background:#fff8f1;}
.solaris-profile .profile-intro,.solaris-profile .profile-silhouette{background-color:#fff8f1;}
.solaris-profile .profile-tagline,.solaris-profile .profile-facts dt{color:#9a3b17;}
.solaris-profile .profile-facts{border-color:#e7baa0;}
.solaris-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fff8f1 0%,rgba(255,248,241,.86) 30%,rgba(255,224,198,.65) 100%),url('assets/header-city.webp') 70% center/auto 100%;}
.solaris-profile .profile-skills li{border-left-color:#b84322;background:#fff0e4;}
.solaris-profile .book-grid{grid-template-columns:1fr;}
.solaris-profile .book{max-width:500px;}
.solaris-profile .cover-wrap{height:380px;}
.solaris-profile .coming-panel{margin-top:25px;}
@media(max-width:900px){.solaris-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fff8f1 0%,rgba(255,240,226,.75) 30%,rgba(255,224,198,.65) 100%),url('assets/header-city.webp') 70% center/auto 100%;}}
@media(max-width:600px){.solaris-profile .cover-wrap{height:330px;}}

/* Master Kodo: moonlit dojo with a full-color sloth mentor cutout. */
.kodo-profile{background:#f6f8fc;}
.kodo-profile .accent{color:#294d76;}
.kodo-profile .profile-intro,.kodo-profile .profile-silhouette{background-color:#f6f8fc;}
.kodo-profile .profile-tagline,.kodo-profile .profile-facts dt{color:#34557a;}
.kodo-profile .profile-facts{border-color:#bccce0;}
.kodo-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#f6f8fc 0%,rgba(246,248,252,.86) 30%,rgba(219,231,246,.5) 100%),url('assets/hidden-leaf-dojo.webp') center/cover;}
.kodo-profile .profile-skills li{border-left-color:#48668c;background:#e9eff8;}
.kodo-profile .coming-panel{margin-top:25px;}
@media(max-width:900px){.kodo-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#f6f8fc 0%,rgba(232,239,249,.75) 30%,rgba(219,231,246,.5) 100%),url('assets/hidden-leaf-dojo.webp') center/cover;}}

/* Keep core navigation visible even when other styles target generic menus. */
.site-header .nka-primary-menu{display:block;visibility:visible;opacity:1;position:relative;min-height:54px;}
.site-header .nka-primary-menu>ul{display:flex;visibility:visible;opacity:1;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.site-header .nka-primary-menu>ul>li{display:block;visibility:visible;opacity:1;}
.site-header .nka-primary-menu>ul>li>a{display:block;color:#fff;}
.site-header .nka-primary-menu>ul>li>a:hover,.site-header .nka-primary-menu>ul>li>a:focus-visible{color:#10220a;}

/* Frostbite: frozen Metro City with blue accents. */
.frostbite-profile{background:#f5fbff;}
.frostbite-profile .accent{color:#246288;}
.frostbite-profile .profile-intro,.frostbite-profile .profile-silhouette{background-color:#f5fbff;}
.frostbite-profile .profile-tagline,.frostbite-profile .profile-facts dt{color:#246288;}
.frostbite-profile .profile-facts{border-color:#abcfe5;}
.frostbite-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#f5fbff 0%,rgba(245,251,255,.86) 30%,rgba(210,234,249,.5) 100%),url('assets/frozen-metro-city.webp') center/cover;}
.frostbite-profile .profile-skills li{border-left-color:#3487b6;background:#e3f2fc;}
.frostbite-profile .book-grid{grid-template-columns:1fr;}
.frostbite-profile .book{max-width:500px;}
.frostbite-profile .cover-wrap{height:380px;}
@media(max-width:900px){.frostbite-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#f5fbff 0%,rgba(230,245,255,.75) 30%,rgba(210,234,249,.5) 100%),url('assets/frozen-metro-city.webp') center/cover;}}
@media(max-width:600px){.frostbite-profile .cover-wrap{height:330px;}}

.nka-theme-frostbite main{--accent:#72c5f0;--heading-accent:#246288;}

/* Heavy Hand: damaged bridge with steel and rust accents. */
.heavy-hand-profile{background:#fcf7f3;}
.heavy-hand-profile .profile-intro,.heavy-hand-profile .profile-silhouette{background-color:#fcf7f3;}
.heavy-hand-profile .profile-tagline,.heavy-hand-profile .profile-facts dt{color:#914321;}
.heavy-hand-profile .profile-facts{border-color:#dabcae;}
.heavy-hand-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fcf7f3 0%,rgba(252,247,243,.86) 30%,rgba(229,210,199,.5) 100%),url('assets/metro-suspension-bridge.webp') center/cover;}
.heavy-hand-profile .profile-skills li{border-left-color:#a24727;background:#f5e9e1;}
.heavy-hand-profile .book-grid{grid-template-columns:1fr;}
.heavy-hand-profile .book{max-width:500px;}
.heavy-hand-profile .cover-wrap{height:380px;}
.nka-theme-heavy-hand main{--accent:#ffae73;--heading-accent:#914321;}
@media(max-width:900px){.heavy-hand-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fcf7f3 0%,rgba(249,236,227,.75) 30%,rgba(229,210,199,.5) 100%),url('assets/metro-suspension-bridge.webp') center/cover;}}
@media(max-width:600px){.heavy-hand-profile .cover-wrap{height:330px;}}

.hero-grid .card>img,.villain-grid .card>img{object-fit:contain;object-position:center;padding:12px 12px 45px;background:radial-gradient(ellipse at 50% 35%,#314651,#0b1218 75%);}

/* Crimson Viper: invention workshop with crimson accents. */
.crimson-viper-profile{background:#fff7f8;}
.crimson-viper-profile .profile-intro,.crimson-viper-profile .profile-silhouette{background-color:#fff7f8;}
.crimson-viper-profile .profile-tagline,.crimson-viper-profile .profile-facts dt{color:#9c2541;}
.crimson-viper-profile .profile-facts{border-color:#e3b2be;}
.crimson-viper-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fff7f8 0%,rgba(255,247,248,.86) 30%,rgba(235,211,216,.5) 100%),url('assets/crimson-workshop.webp') center/cover;}
.crimson-viper-profile .profile-skills li{border-left-color:#aa2b46;background:#fbe8ed;}
.crimson-viper-profile .book-grid{grid-template-columns:1fr;}
.crimson-viper-profile .book{max-width:500px;}
.crimson-viper-profile .cover-wrap{height:380px;}
.nka-theme-crimson-viper main{--accent:#f3a7b7;--heading-accent:#9c2541;}
@media(max-width:900px){.crimson-viper-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fff7f8 0%,rgba(253,233,238,.75) 30%,rgba(235,211,216,.5) 100%),url('assets/crimson-workshop.webp') center/cover;}}
@media(max-width:600px){.crimson-viper-profile .cover-wrap{height:330px;}}

/* Dr. Vex: warm engineering parchment with burgundy accents. */
.dr-vex-profile{background:#fffaf1;}
.dr-vex-profile .profile-intro,.dr-vex-profile .profile-silhouette{background-color:#fffaf1;}
.dr-vex-profile .profile-tagline,.dr-vex-profile .profile-facts dt{color:#813129;}
.dr-vex-profile .profile-facts{border-color:#d6b48a;}
.dr-vex-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fffaf1 0%,rgba(255,250,241,.86) 30%,rgba(255,241,215,.45) 100%),url('assets/vex-blueprints.webp') center/cover;}
.dr-vex-profile .profile-skills li{border-left-color:#a56b23;background:#f7ecd5;}
.dr-vex-profile .book-grid{grid-template-columns:1fr;}
.dr-vex-profile .book{max-width:500px;}
.dr-vex-profile .cover-wrap{height:380px;}
.nka-theme-dr-vex main{--accent:#ffc868;--heading-accent:#813129;}
@media(max-width:900px){.dr-vex-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fffaf1 0%,rgba(255,243,218,.75) 30%,rgba(255,241,215,.45) 100%),url('assets/vex-blueprints.webp') center/cover;}}
@media(max-width:600px){.dr-vex-profile .cover-wrap{height:330px;}}

/* Titanjaw shares the inventor's engineering parchment. */
.titanjaw-profile{background:#fffaf1;grid-template-columns:minmax(0,1fr) minmax(320px,38%);}
.titanjaw-profile .profile-intro,.titanjaw-profile .profile-silhouette{background-color:#fffaf1;}
.titanjaw-profile .profile-tagline,.titanjaw-profile .profile-facts dt{color:#805119;}
.titanjaw-profile .profile-facts{border-color:#d6b48a;}
.titanjaw-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#fffaf1 0%,rgba(255,250,241,.86) 30%,rgba(255,241,215,.45) 100%),url('assets/vex-blueprints.webp') center/cover;}
.titanjaw-profile .profile-skills li{border-left-color:#a56b23;background:#f7ecd5;}
.titanjaw-profile .book-grid{grid-template-columns:1fr;}
.titanjaw-profile .book{max-width:500px;}
.titanjaw-profile .cover-wrap{height:380px;}
.nka-theme-titanjaw main{--accent:#ffc868;--heading-accent:#805119;}
@media(max-width:900px){.titanjaw-profile{grid-template-columns:1fr;}.titanjaw-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#fffaf1 0%,rgba(255,243,218,.75) 30%,rgba(255,241,215,.45) 100%),url('assets/vex-blueprints.webp') center/cover;}}
@media(max-width:600px){.titanjaw-profile .cover-wrap{height:330px;}}

/* The Nullcaster: violet accents and a fading industrial backdrop. */
.nullcaster-profile{background:#faf7ff;}
.nullcaster-profile .profile-intro,.nullcaster-profile .profile-silhouette{background-color:#faf7ff;}
.nullcaster-profile .profile-tagline,.nullcaster-profile .profile-facts dt{color:#65359c;}
.nullcaster-profile .profile-facts{border-color:#cfbde5;}
.nullcaster-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#faf7ff 0%,rgba(250,247,255,.86) 30%,rgba(220,207,239,.5) 100%),url('assets/nullcaster-hall.webp') center/cover;}
.nullcaster-profile .profile-skills li{border-left-color:#7850b0;background:#eee5fa;}
.nullcaster-profile .book-grid{grid-template-columns:1fr;}
.nullcaster-profile .book{max-width:500px;}
.nullcaster-profile .cover-wrap{height:380px;}
.nka-theme-nullcaster main{--accent:#c7a0f0;--heading-accent:#65359c;}
@media(max-width:900px){.nullcaster-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#faf7ff 0%,rgba(241,232,255,.75) 30%,rgba(220,207,239,.5) 100%),url('assets/nullcaster-hall.webp') center/cover;}}
@media(max-width:600px){.nullcaster-profile .cover-wrap{height:330px;}}

/* The Mapmaker — harbor routes and brass accents. */
.mapmaker-profile,.mapmaker-profile .profile-intro,.mapmaker-profile .profile-silhouette{background-color:#faf8f0;}
.mapmaker-profile .profile-tagline,.mapmaker-profile .profile-facts dt{color:#226268;}
.mapmaker-profile .profile-facts{border-color:#a9c8c5;}
.mapmaker-profile .profile-silhouette-inner::before{background:linear-gradient(90deg,#faf8f0 0%,rgba(250,248,240,.86) 30%,rgba(218,235,231,.5) 100%),url('assets/mapmaker-harbor.webp') center/cover;}
.mapmaker-profile .profile-skills li{border-left-color:#aa792b;background:#f1ebda;}
.mapmaker-profile .coming-panel{max-width:620px;background:#f1ebda;border:1px solid #d2c7ac;padding:30px;color:#243d3e;}
.mapmaker-profile .coming-panel h3{color:#226268;}
.nka-theme-mapmaker main{--accent:#8dc5bf;--heading-accent:#226268;}
@media(max-width:900px){.mapmaker-profile .profile-silhouette-inner::before{background:linear-gradient(180deg,#faf8f0 0%,rgba(246,240,223,.75) 30%,rgba(218,235,231,.5) 100%),url('assets/mapmaker-harbor.webp') center/cover;}}