/* BADI V60. Scoped to the Comics pages only. Original artwork remains unchanged. */
body.badi-v60{--v60-navy:#09264b;--v60-cream:#fff9ed;--v60-yellow:#ffda55;margin:0;background:#fffaf1;color:#49321f;font-family:Badi,'Trebuchet MS',sans-serif;padding-bottom:118px;line-height:1.45}
.badi-v60 *{box-sizing:border-box}.badi-v60 [hidden]{display:none!important}.badi-v60 a{color:inherit}.badi-v60 button{font:inherit}.badi-v60 :is(a,button):focus-visible{outline:4px solid #2087bf;outline-offset:5px}
.v60-library{max-width:1480px;margin:auto;padding:24px 40px 30px}.v60-library-heading{text-align:center;margin:8px 0 34px}.v60-brush{position:relative;isolation:isolate;color:#fff9e9;font-weight:950;line-height:1.12;letter-spacing:-.035em;text-align:center;padding:17px 28px;margin:0;font-style:normal;text-wrap:balance}
.v60-brush::before{content:'';position:absolute;inset:0;background:#09264b;z-index:-1;clip-path:polygon(2% 13%,8% 7%,27% 3%,63% 1%,96% 5%,98% 10%,96% 15%,100% 23%,98% 29%,100% 36%,98% 43%,100% 50%,97% 58%,99% 66%,96% 72%,98% 80%,95% 88%,71% 96%,38% 97%,9% 94%,2% 89%,4% 81%,0% 73%,3% 66%,0 57%,2% 49%,0% 40%,3% 33%,1% 23%);transform:rotate(-1deg)}
.v60-brush em{color:#ffda55;font-style:normal}.v60-library-heading h1{display:inline-block;font-size:clamp(36px,5vw,68px);padding:24px 48px}.v60-library-heading>p{font-size:20px;font-weight:800;margin:12px 0 0}.v60-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.v60-card{min-width:0;text-align:center}.v60-issue{color:#7c644d;font-size:12px;letter-spacing:.15em;font-weight:900;margin:0 0 10px}.v60-issue strong{color:#49321f}.v60-card h2{font-size:clamp(20px,1.9vw,28px);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 18px;margin-bottom:12px}.v60-card h2 br{display:none}.v60-cover-link{display:block;text-decoration:none;border-radius:15px;transition:transform .18s}.v60-cover-link:hover{transform:translateY(-4px)}.v60-art{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:14px;background:#eee2ca;box-shadow:0 8px 18px #4b2c1026;display:grid;place-items:center}.v60-art>img{display:block;width:100%;height:100%;object-fit:contain}.v60-cover-correction{position:absolute;right:2%;top:13.1%;width:20%;height:7.2%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#94571e,#67350f);color:#fff9ed;font-size:clamp(16px,2.1vw,31px);font-weight:950;border:2px solid #db9d43;border-radius:3px;transform:rotate(-9deg);box-shadow:0 2px 3px #241208aa}
.v60-read,.v60-soon{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;margin:-13px 16px 0;padding:12px 14px;border-radius:16px;border:1px solid #bf7a32;background:linear-gradient(0deg,#e5a04d,#ffd799 38%,#ffe2ae 65%,#f6bc6f);box-shadow:0 4px 0 #b87631,0 9px 14px #663e1420;color:#34200e!important;font-size:20px;font-weight:950;text-decoration:none;z-index:1;line-height:1.2}.v60-read:hover{filter:brightness(1.04)}.v60-read:active{transform:translateY(2px)}.v60-read svg{width:27px;height:27px;flex-shrink:0}.v60-count{font-size:15px;font-weight:800;color:#7d6550;margin:20px 0 0}.v60-coming-art{aspect-ratio:2/3;border-radius:14px;border:1px solid #e2d6bd;background:radial-gradient(ellipse at 50% 40%,#f9f5df,#e6e7cf);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7b8b55}.v60-coming-art svg{width:40%;height:auto;stroke-width:.8;opacity:.65}.v60-coming-art>span{font-size:52px;letter-spacing:12px}.v60-soon{border-color:#b9c19d;background:#dde3c7;color:#45552f!important;box-shadow:0 4px 0 #a9b78c,0 9px 14px #663e1410}
.v60-kidnav{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:12px;width:max-content;max-width:calc(100% - 24px);padding:9px;border:1px solid #eee0c7;border-radius:27px;background:#fffaf2f5;box-shadow:0 6px 22px #37251025;backdrop-filter:blur(12px);z-index:80;margin:0}.v60-kidnav>a,.v60-kidnav>button{border:0;border-radius:18px;min-width:78px;min-height:70px;padding:9px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#153c56;text-decoration:none;cursor:pointer;font-weight:900;box-shadow:inset 0 -4px 0 #0002}.v60-kidnav svg{width:31px;height:31px}.v60-kidnav span{font-size:12px}.v60-blue{background:#a5dcf6}.v60-orange{background:#ffcb87;color:#603713!important}.v60-green{background:#cee4a4;color:#385221!important}
.v60-reader{padding:20px 12px 0;margin:auto;max-width:920px}.v60-reader-heading{text-align:center;max-width:780px;margin:10px auto 32px}.v60-reader-heading h1{font-size:clamp(29px,4vw,46px);padding:25px 35px}.v60-reader-heading p{margin:13px 0}.v60-hint{color:#7e6955;font-size:14px}.v60-continue{display:inline-flex;min-height:48px;padding:12px 25px;border-radius:30px;background:#d5e8c4;font-weight:900;text-decoration:none}.v60-page{margin:0 0 26px;scroll-margin-top:18px}.v60-enlarge{display:block;border-radius:9px;overflow:hidden;cursor:zoom-in;background:#efe4d3}.v60-enlarge img{width:100%;height:auto;display:block}.v60-page figcaption{display:flex;align-items:baseline;gap:16px;padding:10px 8px;line-height:1.5;font-size:15px;color:#715d48}.v60-page-number{white-space:nowrap;font-size:12px;font-weight:800;color:#927d65}.v60-page .comic-caption{margin:0;padding:0;background:none;max-width:none}.v60-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#e9dfcc;z-index:100;pointer-events:none}.v60-progress>span{display:block;height:100%;background:#e3a338;width:0}.v60-end{text-align:center;padding:32px 10px}.v60-end>svg{width:42px;color:#6d8847}.v60-end h2{font-size:26px}.v60-end .v60-read{max-width:310px;margin:24px auto}
.v60-modal,.v60-zoom{border:0;border-radius:22px;box-shadow:0 15px 70px #0006;color:#49321f;background:#fffaf2;padding:28px;max-width:calc(100vw - 24px)}.v60-modal::backdrop,.v60-zoom::backdrop{background:#07192dde}.v60-modal{width:430px}.v60-modal h2{margin:0 56px 24px 0}.v60-close{display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:12px;width:52px;height:52px;background:#fff5e3;border:1px solid #d4bf9f;border-radius:50%;color:#442d19;cursor:pointer;z-index:5}.v60-close svg{width:24px;height:24px}.v60-activity-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v60-activity-links a{display:flex;flex-direction:column;text-align:center;text-decoration:none;padding:18px 10px;background:#f0eadb;border-radius:18px;font-weight:800}.v60-activity-links a span:first-child{font-size:38px}.v60-zoom{width:min(1200px,100vw - 16px);max-height:94dvh;padding:68px 12px 12px;overscroll-behavior:contain}.v60-zoom-content img{display:block;width:100%;height:auto}.v60-zoom .v60-close{position:sticky;float:right;top:0;margin-top:-57px}.v60-zoom .v60-art{aspect-ratio:auto}
@media(max-width:1100px){.v60-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;max-width:840px;margin:auto}.v60-card h2{font-size:30px;min-height:100px}.v60-cover-correction{font-size:30px}.v60-library{padding-inline:28px}.v60-library-heading{margin-bottom:30px}}
@media(max-width:600px){.v60-library{padding:15px 20px 20px}.v60-library-heading h1{font-size:35px;padding:22px 24px}.v60-library-heading>p{font-size:16px}.v60-grid{grid-template-columns:1fr;gap:40px;max-width:390px}.v60-card h2{font-size:27px;min-height:90px}.v60-cover-correction{font-size:30px}.v60-reader{padding-inline:10px}.v60-reader-heading h1{font-size:30px;padding:22px 25px}.v60-page figcaption{display:block}.v60-page-number{display:block;margin-bottom:5px}.v60-kidnav{gap:8px;padding:7px}.v60-kidnav>a,.v60-kidnav>button{min-width:75px;min-height:66px}.v60-library-heading{margin-bottom:28px}body.badi-v60>.badi-header{min-height:65px;padding:7px 16px}.badi-v60 .badi-header .badi-brand{width:104px;flex-basis:104px}.v60-modal{padding:22px}}
@media(prefers-reduced-motion:reduce){.badi-v60 *{scroll-behavior:auto!important;transition:none!important}}
/* Keep catalogue controls in flow so they never cover a cover or its button. */
.badi-v60:not([data-v60-issue]) .v60-kidnav{position:relative;left:auto;bottom:auto;transform:none;margin:28px auto 0}

/* Approved Adventures-style catalogue, with individual illustrated covers. */
.v60-sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.v60-library{max-width:1280px;padding:22px 36px 30px}
.badi-v60 .v60-library-heading h1{display:inline-block;color:#fffaf0;background:url('/assets/brush-terracotta.svg') center/100% 100% no-repeat!important;font-size:clamp(28px,3.2vw,43px)!important;line-height:1.15!important;padding:13px 38px 16px!important;margin:0 auto!important;font-weight:950;letter-spacing:0}
.v60-library-heading{margin:8px 0 34px}.v60-library-heading>p{font-size:17px;font-weight:700;margin:12px 0 0}
.v60-grid{gap:28px}.v60-art{border-radius:15px}.v60-art>img{object-fit:cover}
.v60-read,.v60-soon{min-height:55px;margin:-12px 18px 0;border-radius:12px;border:1px solid #d5a166;background:linear-gradient(175deg,#ffe9bf,#ffd69d 55%,#f7c17e);box-shadow:inset 0 2px #fff3d7,inset 0 -2px #e7b276,0 3px #be8753,0 5px 8px #6f3d1315;color:#56361d!important;font-size:19px}
.v60-soon svg{width:27px;height:27px;flex-shrink:0}.v60-count{margin-top:17px;font-size:14px}
@media(max-width:1100px){.v60-grid{gap:38px 28px;max-width:760px}}
@media(max-width:600px){.v60-library{padding:15px 20px 20px}.v60-grid{max-width:360px;gap:38px}.v60-library-heading>p{font-size:16px}}

/* Matched comic cover system: existing scene images are untouched. */
@font-face{font-family:BadiComicTitle;src:url('/assets/comics-v60-title-20261017.woff') format('woff');font-weight:700;font-display:swap}
.v60-art.v63-cover{container-type:inline-size;isolation:isolate}
.v63-cover .v63-brand{position:absolute;left:9%;top:3%;width:89%;height:24%;overflow:hidden;pointer-events:none}
.v63-cover .v63-brand img{display:block;width:100%;height:auto;max-width:none}
.v63-cover .v63-number{position:absolute;right:3.7%;top:12.7%;width:19%;height:6.4%;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);font:700 9cqw/1 BadiComicTitle,sans-serif;color:white;text-shadow:1px 1px 1px #241207,-1px -1px 1px #241207;z-index:2}
.v63-cover .v63-title{position:absolute;top:24%;left:10%;width:82%;height:14%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2% 3%;font:700 9cqw/1.02 BadiComicTitle,'Trebuchet MS',sans-serif;letter-spacing:-.025em;transform:rotate(-3deg);color:#fffaf1;text-align:center;isolation:isolate;text-shadow:0 1px 1px #00152d}
.v63-title::before{content:'';position:absolute;inset:0 -2%;background:url('/assets/brush-navy.svg') center/100% 100% no-repeat;z-index:-1}
.v63-title::after{content:'';position:absolute;bottom:1%;left:9%;width:73%;height:2px;background:#ffe34b;border-radius:50%;transform:rotate(-2deg)}
.v63-title span{display:block;white-space:nowrap}.v63-title em{font:inherit;color:#ffe34b;white-space:nowrap}.v63-cover[data-issue='007'] .v63-title,.v63-cover[data-issue='010'] .v63-title{font-size:8.1cqw}
.badi-v60 .v60-reader{width:100%;max-width:920px;margin:auto;padding:20px 12px 0}
.badi-v60 .v60-reader-heading{width:100%;max-width:780px;margin:10px auto 32px;text-align:center}
.badi-v60 .v60-reader-heading h1{font-family:Badi,'Trebuchet MS',sans-serif;font-size:clamp(30px,4vw,46px);font-weight:950;line-height:1.12;padding:25px 35px;margin:0;text-wrap:balance}
.badi-v60 .v60-reader-heading h1 em{display:block;color:#ffda55;font-style:normal}
.badi-v60 .v60-page{width:100%;margin:0 0 26px}.badi-v60 .v60-enlarge img{display:block;width:100%;height:auto}
.badi-v60 .v60-page figcaption{font-size:15px;line-height:1.5;padding:10px 8px}.badi-v60 .v60-page-number{font-size:12px;font-weight:800}
@media(max-width:600px){.badi-v60 .v60-reader{padding-inline:10px}.badi-v60 .v60-reader-heading h1{font-size:30px;padding:22px 25px}}
/* Two child-friendly controls, aligned left and kept clear of the page. */
body.badi-v60 .v60-kidnav,body.badi-v60:not([data-v60-issue]) .v60-kidnav{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));right:auto;transform:none;margin:0;padding:0;border:0;background:none;backdrop-filter:none;box-shadow:none;border-radius:0;gap:9px;width:auto;max-width:calc(100vw - 90px);z-index:80}
body.badi-v60 .v60-kidnav>[data-activities]{display:none!important}
body.badi-v60 .v60-kidnav>a{min-width:62px;min-height:58px;padding:6px 9px;gap:2px;border:2px solid #fff6dc;border-radius:15px;box-shadow:inset 0 -3px #0002,0 3px 7px #38251126;font-weight:900}
body.badi-v60 .v60-kidnav .v60-blue{background:linear-gradient(#70dafa,#27b6ec);color:#07364c}
body.badi-v60 .v60-kidnav .v60-orange{background:linear-gradient(#ffd16a,#ffaa28);color:#543008!important}
body.badi-v60 .v60-kidnav svg{width:25px;height:25px;stroke-width:2.5}
body.badi-v60 .v60-kidnav span{font-size:12px;line-height:1.15}
body.badi-v60 .v60-kidnav>a:hover{filter:brightness(1.07)}
@media(max-width:1100px){body.badi-v60 .v60-kidnav>a{min-width:64px;min-height:60px}}
@media(max-width:600px){body.badi-v60 .v60-kidnav,body.badi-v60:not([data-v60-issue]) .v60-kidnav{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));gap:7px}body.badi-v60 .v60-kidnav>a{min-width:58px;min-height:56px;padding:5px 8px;border-radius:13px}body.badi-v60 .v60-kidnav svg{width:24px;height:24px}}