@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#101619;--panel:#10171b;--text:#f5f6f5;--muted:#bec5ca;--line:#475b65;--lime:#b4f51b;--font-head:Anton,Impact,'Arial Narrow',sans-serif;scroll-behavior:smooth;scroll-padding-top:calc(var(--sticky-header-height,92px) + 24px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}svg{width:24px;height:24px;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-family:var(--font-head);font-weight:400;text-transform:uppercase;line-height:1.25;letter-spacing:.2px}h3{font-size:17px;font-weight:600;line-height:1.35}.shell{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 18px;background:var(--lime);color:#111;z-index:10}.skip-link:focus{top:10px}
.site-header{height:92px;border-bottom:1px solid #34434b;background:#11171b}.topbar{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px}.wordmark{display:block;width:max-content;font-family:var(--font-head);line-height:1;color:var(--text);white-space:nowrap}.wordmark-name{display:block}.wordmark-media{display:flex;align-items:center;gap:8%;margin-top:7px}.wordmark-media b{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.63em;margin-right:-.63em;font-size:.245em;flex:1;text-align:center}.wordmark-media i{display:block;width:13%;height:.075em;background:var(--lime)}.wordmark-small{font-size:31px}.wordmark-small .wordmark-media{margin-top:5px}.topbar nav{display:flex;justify-content:center;gap:14px}.nav-button{display:flex;align-items:center;justify-content:center;gap:13px;min-width:125px;height:48px;padding:0 19px;border:1px solid #46535c;border-bottom-width:3px;border-radius:9px;background:linear-gradient(#283139,#171e23);box-shadow:inset 0 1px 0 #ffffff0d,0 3px 0 #080c0e;color:var(--text);font-family:var(--font-head);font-size:17px;text-transform:uppercase;white-space:nowrap;transition:transform .15s,border-color .15s,background .15s}.nav-button svg{width:21px;height:21px}.nav-button.is-active{background:var(--lime);border-color:#c7ff44;border-bottom-color:#76b719;color:#0d1702;box-shadow:0 3px 0 #192b0a;--icon-cutout:var(--lime)}.nav-button:hover{transform:translateY(-2px);border-color:var(--lime)}.nav-button:active{transform:translateY(2px);box-shadow:none}
.hero{height:292px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-copy{z-index:1;padding-bottom:4px}.wordmark-hero{font-size:83px;letter-spacing:-.5px}.wordmark-hero .wordmark-media{margin-top:13px}.hero-copy p{font-size:20px;margin-top:20px;line-height:1.3}.hero-art{position:absolute;width:690px;max-width:none;height:auto;bottom:0;right:-6px;z-index:-1;mask-image:linear-gradient(to right,transparent 0%,#000 13%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%)}
.updates{display:grid;gap:18px;position:relative}.update-panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:58px}.eyebrow{color:var(--lime);font-family:var(--font-head);font-size:18px;line-height:1.2;text-transform:uppercase;margin-bottom:10px}.update-copy h2{font-size:32px;max-width:none}.description{color:#e1e5e6;font-size:18px;line-height:1.42;margin-top:11px;max-width:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:8px;font:400 18px/1.2 var(--font-head);text-transform:uppercase;transition:transform .15s,background .15s,box-shadow .15s}.button-lime{background:var(--lime);color:#101802;border-color:#bafc2b;box-shadow:0 3px 0 #5b8a15}.update-copy .button{margin-top:18px;min-width:210px}.button-lime:hover{background:#c5ff47;transform:translateY(-1px);box-shadow:0 4px 0 #5b8a15}.button-lime:active{transform:translateY(2px);box-shadow:none}.button .arrow{margin-left:12px;width:24px;height:24px}.play-circle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#0c1304;border-radius:100%;color:var(--lime)}.play-circle svg{width:15px;height:15px;margin-left:1px}.patreon-icon{width:24px;height:24px}.thumbnail{display:block;aspect-ratio:16/9;width:100%;border:1px solid #536571;border-radius:9px;overflow:hidden;background:#202a30}.thumbnail img{width:100%;height:100%;object-fit:contain}.thumbnail-link{transition:box-shadow .15s,border-color .15s}.thumbnail-link:hover{border-color:var(--lime);box-shadow:0 0 0 2px #b4f51b33}.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#929ea5;background:linear-gradient(140deg,#263137,#1c252a)}.placeholder svg{width:64px;height:48px;opacity:.55}.placeholder span{font-family:var(--font-head);text-transform:uppercase;font-size:19px;letter-spacing:.5px}.placeholder small{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#aeb8be}.cartoons{margin-top:30px;padding-top:24px;padding-bottom:42px;border-top:1px solid #3b4c55}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{font-size:27px}.text-link{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:13px;font-weight:bold;text-transform:uppercase}.text-link svg{width:22px;height:22px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.cartoon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cartoon-card h3{margin-top:12px;font-weight:500}.cartoon-card p{font-size:13px;color:#aab7bf;margin-top:5px;line-height:1.45}.cartoon-card a:hover .thumbnail{border-color:var(--lime)}.cartoon-card a:hover h3{color:var(--lime)}.is-placeholder h3{color:#c4cdd1}.cartoon-card .placeholder svg{width:52px;height:39px}.site-footer{border-top:1px solid #34454f;background:#0d1316}.footer-content{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-credit{font-size:14px;color:#c4cbd0}.footer-credit:hover{color:var(--lime)}.prototype-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8c9aa3}.button-outline{font-size:15px;border-color:var(--lime);color:var(--text);padding:11px 15px;background:transparent}.button-outline:hover{background:#b4f51b12}.button-outline svg{width:23px;height:23px}
dialog{background:#152027;color:var(--text);border:1px solid #627984;border-radius:16px;padding:36px;max-width:480px;width:calc(100% - 40px);box-shadow:0 24px 90px #0009}dialog::backdrop{background:#050a0bd9;backdrop-filter:blur(4px)}dialog h2{font-size:34px;margin-bottom:16px}dialog p:not(.eyebrow){font-size:16px;line-height:1.6}dialog .dialog-note{color:#aab9c1;margin-top:14px;font-size:14px!important}.dialog-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:transparent;color:var(--text);font-size:30px;line-height:1}.dialog-close:hover{color:var(--lime)}.dialog-done{margin-top:24px}
@media(min-width:1450px){.hero-art{right:2px}.hero{height:310px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.topbar{gap:24px;grid-template-columns:1fr auto}.header-spacer{display:none}.nav-button{min-width:112px;padding-inline:15px;gap:10px}.wordmark-small{font-size:29px}.hero{height:274px}.wordmark-hero{font-size:69px}.hero-copy p{font-size:17px}.hero-art{width:620px;right:-35px}.update-panel{grid-template-columns:minmax(0,1fr) minmax(0,40%);gap:34px;padding:25px 27px}.update-copy h2{font-size:29px}.description{font-size:17px}.update-copy .button{font-size:17px;min-width:190px}.section-heading h2{font-size:25px}.cartoon-grid{gap:16px}.cartoon-card h3{font-size:15px}}
@media(max-width:850px){.site-header{height:auto}.topbar{display:flex;flex-direction:column;gap:20px;padding:20px 0}.wordmark-small{font-size:31px}.topbar nav{width:100%;gap:12px}.nav-button{flex:1;min-width:0}.hero{height:255px}.wordmark-hero{font-size:57px}.hero-art{right:-95px;width:570px;opacity:.85}.hero-copy p{font-size:16px;max-width:230px}.update-panel{gap:25px;padding:24px}.update-copy h2{font-size:27px}.description{font-size:16px}.desktop-break{display:none}.footer-content{flex-wrap:wrap;gap:14px;padding-block:24px}.prototype-label{order:3;width:100%;text-align:center}.section-heading h2{font-size:23px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.topbar{padding-top:17px;padding-bottom:17px;gap:17px}.topbar nav{gap:8px}.nav-button{flex-direction:column;gap:6px;height:62px;padding:6px 4px;font-size:14px;border-radius:8px}.nav-button svg{width:19px;height:19px}.wordmark-small{font-size:29px}.hero{height:337px;align-items:flex-start;overflow:hidden}.hero-copy{padding-top:27px;position:relative;z-index:1}.wordmark-hero{font-size:clamp(44px,12.2vw,70px)}.wordmark-hero .wordmark-media{margin-top:8px}.hero-copy p{max-width:none;font-size:15px;margin-top:13px}.hero-art{bottom:0;right:-10px;width:440px;opacity:1;mask-image:linear-gradient(to right,transparent,#000 15%);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%)}.updates{gap:16px}.update-panel{grid-template-columns:1fr;gap:22px;padding:23px 21px;border-radius:13px}.update-copy h2{font-size:29px;max-width:none}.eyebrow{font-size:17px;margin-bottom:9px}.description{font-size:16px;line-height:1.5;margin-top:12px}.update-copy .button{margin-top:17px;min-width:190px;font-size:17px}.thumbnail{border-radius:7px}.placeholder{min-height:0}.placeholder svg{width:51px;height:38px}.placeholder span{font-size:17px}.placeholder small{font-size:9px}.cartoons{margin-top:26px;padding-top:23px;padding-bottom:30px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:25px}.text-link{margin-top:10px;font-size:12px;width:max-content}.cartoon-grid{grid-template-columns:1fr;gap:26px}.cartoon-card h3{font-size:16px;margin-top:10px}.cartoon-card p{font-size:13px}.cartoon-card .placeholder svg{width:64px;height:48px}.footer-content{justify-content:center;flex-direction:column;gap:20px;padding-block:28px}.prototype-label{order:3;font-size:9px}.button-outline{font-size:15px}dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Authentic supplied SVG logo artwork; keep natural proportions. */
.brand-art{display:block;width:100%;height:auto;object-fit:contain}
.wordmark-small{width:164px}.wordmark-hero{width:420px;max-width:100%}
.update-copy{min-width:0}.update-copy h2{width:100%;max-width:none;overflow-wrap:anywhere}
.description{overflow-wrap:anywhere}
.update-panel .thumbnail{align-self:center}
.hero-character-group{position:absolute;inset:0 0 0 auto;width:58%;height:100%;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:-1}
.hero-character-group:not([hidden]){display:flex}
.hero-character-group img{width:38%;min-width:0;height:96%;object-fit:contain;object-position:bottom;flex-shrink:0}
.hero-character-group img+img{margin-left:-9%}
@media(max-width:1100px){.wordmark-small{width:150px}.wordmark-hero{width:350px}}
@media(max-width:850px){.wordmark-small{width:155px}.wordmark-hero{width:290px}}
@media(max-width:650px){
.wordmark-small{width:155px}.wordmark-hero{width:min(100%,320px)}
.hero-copy{width:100%}.hero-copy p{margin-top:10px}
.update-panel>.thumbnail{grid-row:1}.update-panel>.update-copy{grid-row:2}
.update-copy h2{font-size:clamp(25px,6.7vw,29px)}
.hero-character-group{width:100%;height:180px;top:auto;bottom:0}
.hero-character-group img{width:40%}
}
.hero-art[hidden]{display:none}
@media(max-width:650px){.hero{height:372px}}

/* Update actions align left, as requested for the current review. */
.update-copy{display:flex;flex-direction:column;align-items:flex-start}
.update-copy .button{align-self:flex-start;max-width:100%;min-width:min(190px,100%)}

/* Latest direction: text left, thumbnail right; image remains first on phones. */
.update-panel>.update-copy{grid-column:1;grid-row:1}
.update-panel>.thumbnail{grid-column:2;grid-row:1}
@media(max-width:650px){.update-panel>.thumbnail{grid-column:1;grid-row:1}.update-panel>.update-copy{grid-column:1;grid-row:2}}
/* Verified YouTube catalogue, with original thumbnail proportions. */
.catalogue-intro{margin-top:9px;color:var(--muted);font-size:14px;line-height:1.5}
.catalogue-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 12px}.catalogue-filters{display:flex;flex-wrap:wrap;gap:8px}
.catalogue-filter{border:1px solid var(--line);background:#172027;color:var(--text);border-radius:7px;padding:10px 14px;font:14px/1.3 Arial,Helvetica,sans-serif;min-height:42px}.catalogue-filter[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:#101802}.catalogue-filter:hover{border-color:var(--lime)}
.catalogue-search{display:block;min-width:210px}.catalogue-search input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#172027;color:var(--text);padding:10px 13px;font:14px Arial,Helvetica,sans-serif}.catalogue-search input::placeholder{color:#aab7bf}
.catalogue-count{font-size:12px;color:var(--muted);margin:0 0 21px}.catalogue-grid{row-gap:32px}.catalogue-grid .cartoon-card[hidden],.catalogue-empty[hidden]{display:none}
.catalogue-thumbnail{position:relative}.catalogue-play{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#101619df;color:#b4f51b;font-size:15px;border:1px solid #b4f51b80;padding-left:2px}
.cartoon-card .catalogue-category{color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:.9px;margin-top:13px}.catalogue-grid .cartoon-card h3{overflow-wrap:anywhere;margin-top:6px}.catalogue-empty{border:1px solid var(--line);border-radius:10px;padding:32px;text-align:center}.catalogue-empty .button{margin-top:18px}
@media(max-width:1000px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-tools{align-items:stretch;flex-direction:column;gap:13px}.catalogue-search{max-width:400px}}
@media(max-width:650px){.catalogue-grid{grid-template-columns:1fr}.catalogue-filter{font-size:12px;padding:10px 12px}.catalogue-search{max-width:none}.catalogue-intro{font-size:13px}.catalogue-grid .cartoon-card h3{font-size:17px}}
/* Square source thumbnails with live, readable overlays. */
.feature-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;margin-bottom:34px}
.feature-promo{min-width:0;container-type:inline-size}
.feature-promo-card{position:relative;display:block;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#101619}
.feature-promo-card:hover{border-color:var(--lime)}
.feature-promo-card>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain}
.feature-promo-status{position:absolute;top:0;right:0;padding:10px 14px 12px 18px;border-radius:0 0 0 10px;background:rgba(0,0,0,.7);color:var(--lime);font:400 clamp(20px,6cqw,32px)/1.15 var(--font-head);text-transform:uppercase;text-align:right;white-space:nowrap}
.feature-promo-caption{position:absolute;inset:auto 0 0;padding:clamp(13px,4cqw,23px);background:rgba(0,0,0,.7)}
.feature-promo-caption h2{color:var(--text);font-size:clamp(17px,5.7cqw,32px);line-height:1.15;letter-spacing:0;white-space:nowrap}
.feature-promo-caption h2::before{content:"";display:block;width:clamp(35px,12cqw,69px);height:3px;margin-bottom:6px;background:var(--lime)}
.feature-promo-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:clamp(10px,3cqw,17px);padding-top:clamp(9px,2.8cqw,16px);border-top:1px solid #ffffff45;font-size:clamp(14px,3.8cqw,20px);line-height:1.3}
.feature-promo-cta svg{width:clamp(22px,6cqw,32px);height:clamp(22px,6cqw,32px);color:var(--lime)}
.catalogue-home-link{color:var(--lime);text-decoration:underline;text-underline-offset:3px;margin-left:6px}
@media(max-width:650px){.feature-promos{grid-template-columns:1fr;gap:22px;margin-top:22px}.feature-promo-card{border-radius:10px}.latest-videos .section-heading h2{font-size:25px}}
@container(max-width:300px){.feature-promo-caption{padding:11px}.feature-promo-caption h2{font-size:17px}.feature-promo-cta{margin-top:8px;padding-top:8px;font-size:14px}.feature-promo-cta svg{width:20px;height:20px}.feature-promo-status{font-size:20px;padding:9px 11px 10px 14px}}

/* One full-length YouTube upload, featured rather than a mixed video grid. */
.featured-video{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.featured-video-copy{min-width:0}.featured-video h3{font-size:clamp(20px,2.2vw,28px);line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.featured-video-date{margin-top:13px;color:var(--muted);font-size:14px}.featured-video-copy .button{margin-top:22px}.featured-video .catalogue-play{width:44px;height:44px;font-size:19px}
@media(max-width:850px){.featured-video{gap:24px;padding:22px}.featured-video h3{font-size:23px}}
@media(max-width:650px){.featured-video{grid-template-columns:1fr;gap:20px;padding:18px}.featured-video h3{font-size:22px}.featured-video-copy .button{margin-top:18px}.featured-video-date{font-size:13px}}