/* Original comic art direction. No licensed character or franchise assets. */
@font-face{font-family:"Noto Sans SC UI";src:url('../fonts/noto-sans-sc-ui.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Rubik Display";src:url('../fonts/rubik-bold-italic.woff2') format('woff2');font-style:italic;font-weight:700;font-display:swap}
:root{--font-ui:"Noto Sans SC UI","PingFang SC","Microsoft YaHei",sans-serif;--font-display:"Rubik Display","Arial Black",sans-serif;--comic-yellow:#ffe45e;--comic-ink:#182022;--ink-shadow:4px 4px 0 var(--comic-ink);font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;text-rendering:optimizeLegibility}
body{font-family:var(--font-ui);font-weight:400;line-height:1.8}button,input,select,textarea{font-family:inherit}h1,h2,h3,strong{font-synthesis:none}h2,h3{text-wrap:balance;letter-spacing:0}.page-heading h1,.detail-app-heading h1{letter-spacing:0;line-height:1.5}.hero-lead,.topic-card strong,.card-heading h3{letter-spacing:0}.hero-description,.detail-desc,.detail-description-section p{line-height:1.95}.hero-description{font-size:15px}.card-heading h3{font-size:16px;font-weight:600;line-height:1.65;min-height:53px}.skill-card .summary{font-size:14px;line-height:1.85;min-height:52px}.card-provider,.card-category,.billing-tag,.card-actions a,.card-actions button,.topic-label,.topic-foot{font-size:12px}.card-top{min-height:82px}.skill-card{min-height:310px}.card-category{margin-bottom:6px}.billing-caption{font-size:14px}.domain-entry strong{font-size:13px}.domain-entry small{font-size:10px}.detail-grid dt,.detail-facts dt{font-size:12px}.field{font-size:14px}.field small,.notice-inline,.checkbox{font-size:12px}.field input,.field textarea,.field select{font-size:15px;line-height:1.7}.collection-note{font-size:12px}.brand strong{font-family:var(--font-ui);font-weight:750;letter-spacing:0}.brand small{font-family:"Helvetica Neue",Arial,sans-serif;letter-spacing:.4px}.brandmark{border:2px solid var(--comic-ink);border-radius:8px;background:var(--lime);color:var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink)}
.header-inner{gap:38px}.topnav{gap:24px}.header-tools{gap:15px}.sidebar-search{max-width:92px}.topnav a{font-size:12px}.motion-toggle{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:0 7px;min-height:44px;color:var(--muted);font-size:11px;border-radius:7px}.motion-toggle svg{width:17px;height:17px}.motion-toggle[aria-pressed=true] svg{fill:var(--comic-yellow);stroke:var(--ink)}.motion-toggle:hover{background:var(--surface)}.motion-toggle:disabled{opacity:1;cursor:default}.motion-toggle:disabled svg{fill:none}.publish-link{border-radius:7px;border:2px solid var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);background:var(--comic-yellow);color:var(--comic-ink);font-weight:600;min-height:42px}.publish-link:hover{background:var(--lime);border-color:var(--comic-ink);color:var(--comic-ink)}.publish-link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--comic-ink)}
.portal-hero{gap:28px;grid-template-columns:1.08fr 1fr;padding-top:52px;padding-bottom:52px;min-height:620px}.hero-copy{min-width:0}.hero-context{display:inline-flex;padding:5px 11px;gap:7px;border:1.5px solid var(--comic-ink);background:white;box-shadow:2px 2px 0 var(--comic-ink);color:var(--ink);font-size:11px;line-height:1.6;transform:rotate(-2deg);margin-bottom:25px}.little-asterisk{font-size:20px;color:var(--ink)}.portal-hero h1{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:clamp(58px,6.05vw,87px);line-height:1.05;letter-spacing:-4px;isolation:isolate;text-shadow:3px 3px 0 var(--comic-yellow)}.portal-hero h1>span{display:block;white-space:nowrap;background:none;color:var(--comic-ink)}.hero-lead{font-weight:650;font-size:21px;margin-top:26px}.hero-description{margin-top:12px}.hero-search{border:1.5px solid var(--comic-ink);border-radius:9px;background:white;box-shadow:3px 3px 0 #18202217;transition:box-shadow .2s,border-color .2s}.hero-search:focus-within{border-color:var(--blue);box-shadow:4px 4px 0 #244ce525}.hero-search button{border-radius:6px}.hero-search button:active{transform:scale(.94)}.hero-search input{font-size:14px}.hero-search-area{margin-top:25px;max-width:490px}
.hero-art{height:485px;perspective:none;isolation:isolate}.comic-backdrop{position:absolute;inset:22px 3px 20px 3px;background:var(--comic-ink);clip-path:polygon(5% 2%,100% 0,95% 98%,0 100%);z-index:-2}.comic-backdrop:after{content:"";position:absolute;inset:2px;background:radial-gradient(circle,#244ce530 1px,transparent 1.3px) 0 0/7px 7px,#f1f5ff;clip-path:polygon(5% 2%,100% 0,95% 98%,0 100%)}.art-grid,.orbit-ring{display:none}.impact-lines{position:absolute;inset:25px 0 0;width:100%;height:430px;stroke:var(--ink);stroke-width:2;stroke-linecap:butt;opacity:.7;z-index:-1}.comic-caption{position:absolute;z-index:6;left:32px;top:17px;max-width:85%;background:var(--comic-yellow);padding:6px 13px;border:2px solid var(--ink);font-size:11px;font-weight:600;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}.impact-word{position:absolute;z-index:6;bottom:14px;right:3%;padding:9px 18px 12px;background:white;border:2px solid var(--ink);border-radius:50%;font-family:var(--font-display);font-weight:700;font-style:italic;font-size:24px;line-height:1.2;transform:rotate(-9deg);box-shadow:3px 3px 0 var(--ink)}.impact-word:after{content:"";position:absolute;left:9px;top:-10px;width:18px;height:17px;border-left:2px solid var(--ink);background:white;transform:skew(30deg) rotate(35deg);clip-path:polygon(0 0,100% 100%,0 100%)}.floating-app{border:2px solid var(--ink);border-radius:14px;translate:var(--parallax-x,0px) var(--parallax-y,0px)}.app-ip{width:52%;height:263px;left:16%;top:125px;box-shadow:7px 8px 0 var(--ink);transform:rotate(-12deg);padding:23px}.ip-symbol{stroke-width:7}.app-paper{width:35%;height:191px;right:9%;top:64px;box-shadow:5px 6px 0 var(--ink);transform:rotate(12deg);padding:20px}.app-paper b{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:85px;letter-spacing:-5px}.app-workflow{width:33%;height:161px;right:4%;bottom:60px;box-shadow:5px 6px 0 var(--ink);transform:rotate(9deg);padding:18px}.app-workflow b{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:25px;line-height:1.07;letter-spacing:-1px}.mini-caption,.ip-bottom{font-family:Arial,sans-serif;font-size:10px}.art-sticker{left:5%;bottom:30px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:4px;font-size:11px;padding:8px 13px;transform:rotate(-6deg)}
.domain-section{border-color:#cfd4d9}.domain-entry>span:first-child{border:1px solid #b8c0c7;background:white;border-radius:9px}.domain-entry:hover>span:first-child,.domain-entry[aria-pressed=true]>span:first-child{border-color:var(--ink);background:var(--comic-yellow);color:var(--ink)}.domain-entry{transition:background .18s}.section-heading h2,.catalog-heading h2{font-weight:700}.section-heading h2 span{letter-spacing:0}.topic-grid{gap:20px;margin-bottom:62px}.topic-card{border:2px solid var(--comic-ink);border-radius:9px;box-shadow:4px 4px 0 var(--comic-ink);height:232px;padding:20px;transition:transform .22s var(--ease),box-shadow .22s var(--ease);background-image:radial-gradient(#18202215 .8px,transparent 1px);background-size:6px 6px}.topic-violet{background-image:radial-gradient(#ffffff25 .8px,transparent 1px)}.topic-label{align-self:flex-start;background:#ffffffea;color:var(--ink);padding:2px 7px;border:1px solid var(--ink);font-size:10px;transform:rotate(-2deg)}.topic-card strong{font-size:24px;line-height:1.55;font-weight:750;letter-spacing:0}.topic-foot{font-size:11px}.topic-foot svg{transition:transform .2s}.topic-card:hover{transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--ink)}.topic-card:hover .topic-foot svg{transform:translateX(3px)}.topic-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.collection-glyph{opacity:.2}.skill-card{border-color:#d6dce0;border-radius:12px;transition:border-color .2s,box-shadow .2s}.skill-card:hover,.skill-card:focus-within{border-color:#768592;box-shadow:4px 4px 0 #e8edf2}.skill-title:after{border-radius:12px}.card-top>.app-icon{border-radius:13px;border:1px solid #18202220;box-shadow:2px 2px 0 #18202210}.card-bottom{min-height:59px}.card-actions{min-height:50px}.get-pill{min-height:38px;border-radius:7px;font-size:12px}.get-pill:active{transform:scale(.96)}.save[aria-pressed=true]{color:var(--blue);background:#e9efff}.save[aria-pressed=true] svg{fill:var(--comic-yellow);stroke:var(--blue)}.save svg{transform-origin:center}.side-item{min-height:42px;font-size:12px}.filter-chip{min-height:40px}.tabs{border-radius:8px}.tabs:before{border-radius:5px}.tabs button{font-size:13px;min-height:42px}.button{border-radius:8px}.button.primary{border:2px solid var(--ink);box-shadow:3px 3px 0 #18202225}.button.primary:active{transform:translateY(2px);box-shadow:1px 1px 0 #18202225}.creator-callout{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);padding:40px}.creator-callout:after{content:"";position:absolute;inset:0 0 0 63%;background:radial-gradient(#18202235 1px,transparent 1.3px) 0 0/7px 7px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.creator-callout h2{font-family:var(--font-display);font-style:italic;font-weight:700;letter-spacing:-1px;font-size:36px;line-height:1.3}.creator-callout p{font-size:14px;line-height:1.9}.creator-callout .button{background:var(--ink)}.creator-callout .button:hover{background:var(--blue)}.model-card{border-radius:12px}.model-card:first-child{border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fffbed}.model-card p,.model-card ul,.launch-note{font-size:14px}.model-card h2{font-weight:650}.business-intro{border-radius:12px;border:1.5px solid var(--ink)}.panel{border-radius:12px}.detail-app-header{border-radius:15px}.modal{border-radius:16px 0 0 16px}.modal-top{border-bottom:2px solid var(--ink)}.preview-label{font-size:13px}.modal h2{font-size:27px;letter-spacing:0}.toast{border:1px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 #18202230;font-size:13px}
@media(min-width:1550px){.portal-hero h1{font-size:89px}.hero-art{height:485px}}
@media(max-width:1200px){.header-inner{gap:25px}.topnav{gap:19px}.header-tools{gap:8px}.portal-hero h1{font-size:clamp(52px,6.1vw,75px);letter-spacing:-3.5px}.hero-art{height:435px}.app-ip{height:240px;top:115px;padding:18px}.app-paper{height:170px;top:61px;padding:17px}.app-paper b{font-size:75px}.app-workflow{height:150px;padding:15px;bottom:50px}.app-workflow b{font-size:22px}.impact-lines{height:390px}.impact-word{font-size:20px;bottom:12px}.art-sticker{font-size:10px;bottom:23px}.comic-caption{font-size:10px}.topic-card{padding:18px}.topic-card strong{font-size:22px}.topic-label{font-size:9px}.topic-foot{font-size:10px}.hero-description{font-size:14px}.hero-lead{font-size:20px}.skill-card .summary{font-size:13px}.card-heading h3{font-size:15px}}
@media(max-width:950px){.header-inner{gap:17px}.topnav{gap:13px}.topnav a{font-size:11px}.motion-toggle span{display:none}.motion-toggle{min-width:35px;justify-content:center}.publish-link{padding-inline:12px;font-size:12px}.portal-hero{gap:20px;min-height:540px}.portal-hero h1{font-size:clamp(46px,6.05vw,59px);letter-spacing:-3px}.hero-context{font-size:10px;padding-inline:7px}.hero-lead{font-size:17px}.hero-description{font-size:13px}.hero-art{height:370px}.comic-caption{font-size:9px;left:22px;padding:5px 8px;top:21px}.app-ip{top:106px;height:195px;padding:15px}.ip-symbol{height:127px}.app-paper{height:142px;padding:14px}.app-paper b{font-size:58px}.app-workflow{height:126px;padding:13px;bottom:48px}.app-workflow b{font-size:18px}.app-workflow>span:first-child svg{width:22px;height:22px}.mini-caption,.ip-bottom{font-size:8px}.impact-word{font-size:17px;padding:7px 12px;bottom:8px}.art-sticker{font-size:8px;padding:6px 8px;left:4%;bottom:19px}.impact-lines{height:325px}.topic-card{height:218px;padding:23px}.topic-card strong{font-size:25px}.topic-label{font-size:11px}.topic-foot{font-size:12px}.domain-entry strong{font-size:12px}.domain-entry small{font-size:9px}.creator-callout h2{font-size:29px}.creator-callout p{font-size:13px}.creator-callout{padding:30px}.card-heading h3{font-size:16px}}
@media(max-width:700px){.header-inner{gap:0}.topnav{gap:10px}.topnav a{font-size:11px}.header-tools{gap:9px}.motion-toggle{min-width:35px;min-height:42px}.publish-link{width:auto;gap:8px;padding:8px 13px;font-size:12px}.brand small{font-size:10px}.portal-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:26px;gap:18px;min-height:0}.portal-hero h1{font-size:clamp(45px,11.6vw,74px);letter-spacing:-2.5px;line-height:1.08;text-shadow:2px 2px 0 var(--comic-yellow)}.hero-context{font-size:10px;margin-bottom:24px;padding:5px 9px}.hero-lead{font-size:19px;margin-top:22px;line-height:1.7}.hero-description{font-size:14px;line-height:1.9}.hero-search-area{margin-top:23px}.hero-search input{font-size:14px}.hero-art{height:365px;max-width:425px;width:100%}.comic-backdrop{inset:20px 2px 20px}.comic-caption{top:16px;left:22px;font-size:9px}.app-ip{top:99px;height:205px;left:14%;width:53%;padding:17px}.ip-symbol{height:132px}.app-paper{right:10%;top:57px;width:34%;height:151px;padding:14px}.app-paper b{font-size:65px}.app-workflow{width:34%;height:133px;bottom:50px;right:5%;padding:13px}.app-workflow b{font-size:21px}.mini-caption,.ip-bottom{font-size:8px}.impact-word{font-size:19px;bottom:10px;right:3%;padding:8px 13px}.art-sticker{font-size:9px;bottom:18px;left:4%;padding:7px 10px}.impact-lines{height:325px}.domain-entry strong{font-size:11px}.domain-entry>span:first-child{flex-shrink:0}.section-heading h2{font-size:20px}.section-heading h2 span{font-size:11px}.topic-grid{gap:15px;margin-bottom:41px}.topic-card{height:209px;padding:15px 12px;border-radius:7px;box-shadow:3px 3px 0 var(--ink)}.topic-card strong{font-size:20px;line-height:1.6;font-weight:700}.topic-label{font-size:9px;padding:2px 5px}.topic-foot{font-size:10px;gap:3px}.topic-foot svg{width:13px;height:13px}.catalog-heading h2{font-size:24px}.catalog-heading p{font-size:13px}.filter-label{font-size:12px}.side-item{font-size:12px;min-height:42px;padding-inline:8px}.view-switch .side-item{font-size:12px}.filter-chip{font-size:12px}.tabs button{font-size:12px}.tabs small{font-size:11px}.card-heading h3{font-size:17px;min-height:56px}.skill-card{padding:22px 20px 0;min-height:315px}.skill-card .summary{font-size:14px;line-height:1.85}.card-category,.card-provider,.billing-caption,.billing-tag,.get-pill,.card-actions a,.card-actions button{font-size:12px}.card-top{min-height:82px}.card-actions{gap:22px}.collection-note{font-size:12px;line-height:1.9}.creator-callout{padding:25px;margin-top:42px}.creator-callout h2{font-size:29px;letter-spacing:-1px}.creator-callout p{font-size:13px}.footer{font-size:12px}.footer>div{gap:18px}.page-heading h1{font-size:30px;line-height:1.5}.page-heading p{font-size:14px}.model-card p,.model-card ul,.launch-note{font-size:13px}.detail-app-heading h1{font-size:25px}.preview-label{font-size:12px}.modal h2{font-size:24px}.modal-top{grid-template-columns:42px 1fr 44px}.field input,.field textarea,.field select{font-size:16px}.form-actions{flex-wrap:wrap}.notice-inline{line-height:1.8}}
@media(max-width:360px){.portal-hero h1{font-size:40px;letter-spacing:-2px}.hero-lead{font-size:17px}.hero-description{font-size:13px}.hero-context{font-size:9px}.hero-art{height:330px}.app-ip{height:181px;top:94px;padding:13px}.ip-symbol{height:115px}.app-paper{height:134px;top:57px;padding:12px}.app-paper b{font-size:54px}.app-workflow{height:119px;bottom:44px;padding:12px}.app-workflow b{font-size:18px}.impact-lines{height:295px}.impact-word{font-size:16px;bottom:7px}.art-sticker{font-size:8px;padding:6px 8px;bottom:16px}.comic-caption{font-size:8px}.topic-card{height:200px;padding:14px 10px}.topic-card strong{font-size:18px}.topic-label{font-size:8px}.topic-foot{font-size:9px}.topnav{gap:6px}.topnav a{font-size:10px}.header-tools{gap:5px}.publish-link{font-size:11px;padding-inline:10px}.domain-entry strong{font-size:12px}.card-actions{gap:17px}.card-heading h3{font-size:16px}.creator-callout h2{font-size:25px}}
@media(pointer:coarse){.side-item,.filter-chip,.get-pill,.card-actions a,.card-actions button,.motion-toggle,.publish-link,.domain-entry{min-height:44px}.topic-card:hover{transform:none;box-shadow:4px 4px 0 var(--ink)}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}.hero-art .floating-app{will-change:auto}html[data-motion=off] .floating-app{translate:0 0}html[data-motion=off] .topic-card:hover{transform:none}
@media(prefers-reduced-motion:reduce){.floating-app{translate:0 0!important}.topic-card:hover,.topic-card:active,.button.primary:active,.publish-link:active,.hero-search button:active,.get-pill:active{transform:none!important}.topic-card:hover .topic-foot svg{transform:none}}
/* Original maker crew: native vector characters, designed for this store. */
.crew-scene{height:505px;isolation:isolate}.crew-scene .comic-backdrop{inset:35px 3px 35px}.crew-scene .comic-backdrop:after{background:radial-gradient(circle,#244ce529 .9px,transparent 1.2px) 0 0/7px 7px,#eef3ff}.crew-sun{position:absolute;right:5%;top:66px;width:71%;height:350px;border-radius:50%;background:var(--comic-yellow);border:2px solid var(--ink);z-index:-1}.crew-scene .impact-lines{z-index:0;opacity:.5}.crew-scene .comic-caption{top:22px;left:26px;z-index:6}.crew-person{position:absolute;object-fit:contain;height:auto;filter:drop-shadow(3px 4px 0 #182022);transform-origin:50% 80%;translate:var(--parallax-x,0px) var(--parallax-y,0px);pointer-events:none;user-select:none}.crew-builder{width:56%;right:0;bottom:56px;z-index:2;transform:rotate(5deg)}.crew-maker{width:59%;left:1%;bottom:34px;z-index:3;transform:rotate(-6deg)}.crew-code{position:absolute;right:12%;top:59px;z-index:5;background:white;border:2px solid var(--ink);border-radius:6px;padding:6px 12px;font-family:var(--font-display);font-style:italic;font-size:19px;transform:rotate(6deg);box-shadow:3px 3px 0 var(--ink)}.crew-scene .impact-word{right:0;bottom:38px;font-size:26px;z-index:5}.crew-scene .art-sticker{bottom:42px;left:4%;font-size:10px;z-index:5}.crew-caption{position:absolute;left:4%;right:4%;bottom:-2px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.crew-caption span:first-child{font-family:Arial,sans-serif;letter-spacing:.2px}.crew-spark{position:absolute;z-index:4;font-size:40px;line-height:1;font-family:Arial,sans-serif}.crew-spark-one{top:86px;left:5%;color:var(--blue);transform:rotate(13deg)}.crew-spark-two{top:52%;right:2%;color:var(--blue)}
.topic-card:has(.topic-person){height:250px}.topic-person{position:absolute;right:-9px;bottom:36px;width:50%;height:auto;max-height:194px;object-fit:contain;object-position:bottom;z-index:1;pointer-events:none;filter:drop-shadow(2px 2px 0 #182022);transform:rotate(7deg);transform-origin:center bottom;transition:transform .24s var(--ease)}.topic-connector{transform:rotate(5deg);right:-4px}.topic-builder{width:51%;right:-8px;transform:rotate(-3deg)}.topic-card:has(.topic-person) strong{font-size:22px;max-width:67%;text-wrap:nowrap;line-height:1.55;text-shadow:0 1px 0 #ffffff10}.topic-card:has(.topic-person) .topic-foot{background:inherit;background-image:none;border-top:1px solid #18202233;padding-top:10px;z-index:3}.topic-card.topic-violet .topic-foot{border-color:#ffffff55}.topic-card .topic-person~.topic-foot{position:relative}.topic-card:hover .topic-person{transform:rotate(0deg) translateY(-4px)}.topic-grid>.topic-card{height:250px}.creator-faces{display:flex;align-items:center;gap:0;margin-bottom:18px}.creator-faces>span{width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;position:relative;overflow:hidden;background:#eef3ff;margin-right:-9px;box-shadow:1px 1px 0 var(--ink)}.creator-faces>span:nth-child(2){background:#ffcab0}.creator-faces>span:nth-child(3){background:#fff5a7}.creator-faces img{position:absolute;width:78px;max-width:none;height:auto;left:-17px;top:-5px}.creator-faces>span:nth-child(2) img{left:-19px}.creator-faces b{font-size:12px;font-weight:500;margin-left:21px}.creator-callout .callout-label{display:none}
@media(max-width:1200px){.crew-scene{height:450px}.crew-sun{height:300px;top:67px}.crew-code{font-size:16px;top:65px;right:8%}.crew-builder{width:58%;right:-1%;bottom:63px}.crew-maker{width:63%;left:-2%;bottom:42px}.crew-scene .impact-word{font-size:22px;bottom:33px}.crew-scene .art-sticker{font-size:9px;bottom:33px;padding:7px 10px}.crew-caption{font-size:10px}.topic-person{width:52%;right:-12px;max-height:180px}.topic-card:has(.topic-person) strong{font-size:19px}.topic-grid>.topic-card{height:235px}.topic-card:has(.topic-person){height:235px}}
@media(max-width:950px){.crew-scene{height:390px}.crew-sun{height:245px;top:70px}.crew-scene .comic-caption{font-size:9px;left:18px;top:28px}.crew-code{top:68px;font-size:13px;padding:4px 9px;right:5%}.crew-builder{width:62%;right:-2%;bottom:68px}.crew-maker{width:65%;left:-4%;bottom:47px}.crew-scene .impact-word{font-size:18px;bottom:32px}.crew-scene .art-sticker{font-size:8px;bottom:34px;left:1%;padding:6px 8px}.crew-caption{left:1%;right:1%;font-size:9px;gap:5px}.crew-spark-one{font-size:28px;top:83px;left:1%}.crew-spark-two{font-size:29px}.topic-person{width:45%;max-height:195px;right:1px}.topic-card:has(.topic-person) strong{font-size:24px}.topic-grid>.topic-card,.topic-card:has(.topic-person){height:245px}}
@media(max-width:700px){.crew-scene{height:380px;max-width:425px;margin-top:6px;margin-bottom:10px}.crew-scene .comic-backdrop{inset:33px 2px 32px}.crew-sun{height:254px;width:74%;top:67px;right:4%}.crew-scene .comic-caption{top:24px;left:20px;font-size:9px}.crew-maker{width:64%;left:-2%;bottom:35px}.crew-builder{width:62%;right:-1%;bottom:58px}.crew-code{top:65px;right:6%;font-size:15px}.crew-scene .impact-word{font-size:21px;bottom:26px;right:0}.crew-scene .art-sticker{bottom:25px;left:3%;font-size:8px;padding:6px 8px}.crew-caption{font-size:9px;left:3%;right:2%;bottom:-9px}.crew-spark-one{font-size:29px;top:82px;left:1%}.crew-spark-two{right:0;font-size:27px}.topic-grid>.topic-card,.topic-card:has(.topic-person){height:250px}.topic-card:has(.topic-person) strong{font-size:19px;line-height:1.5;max-width:100%}.topic-person{width:70%;max-height:147px;right:-12px;bottom:32px}.topic-card:has(.topic-person) strong{position:relative;z-index:2}.topic-card:has(.topic-person) .topic-foot{padding-top:8px;font-size:9px}.topic-card strong{margin-top:12px}.topic-card:has(.topic-person) .topic-label{font-size:9px}.creator-faces b{font-size:10px;margin-left:20px}.creator-faces>span{width:40px;height:40px}.creator-faces img{width:70px;left:-16px;top:-4px}.creator-faces>span:nth-child(2) img{left:-18px}}
@media(max-width:360px){.crew-scene{height:337px}.crew-sun{height:220px;top:67px}.crew-code{font-size:12px;top:62px;padding:4px 8px}.crew-caption{font-size:8px;gap:4px}.crew-scene .comic-caption{font-size:8px}.crew-scene .impact-word{font-size:18px}.crew-scene .art-sticker{font-size:7px;padding:6px}.crew-maker{width:65%}.crew-builder{width:63%}.crew-spark-one{font-size:25px;top:78px}.topic-card:has(.topic-person) strong{font-size:17px}.topic-grid>.topic-card,.topic-card:has(.topic-person){height:235px}.topic-person{max-height:132px;bottom:32px}.topic-card:has(.topic-person) .topic-label{font-size:8px}.topic-card:has(.topic-person) .topic-foot{font-size:8px}.creator-faces b{max-width:100px;line-height:1.5}}
html[data-motion=off] .crew-person{translate:0 0}html[data-motion=off] .topic-card:hover .topic-person{transform:none}
@media(prefers-reduced-motion:reduce){.crew-person{translate:0 0!important}.topic-card:hover .topic-person{transform:none}}
@media(max-width:700px){.crew-builder{width:60%;right:3%}}
@media(max-width:360px){.crew-builder{width:60%;right:4%}}
/* Mini comic covers: original pets, people and circuits, with calm reading below. */
.skill-cover{position:relative;isolation:isolate;height:92px;flex-shrink:0;margin:-23px -23px 19px;border-radius:11px 11px 0 0;overflow:hidden;background:#eaf0ff;border-bottom:1px solid #18202222;pointer-events:none}.skill-cover:after{content:"";position:absolute;inset:0 0 0 48%;background:radial-gradient(#18202227 .8px,transparent 1.2px) 0 0/6px 6px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.cover-caption{position:absolute;left:20px;top:15px;font-family:var(--font-display);font-weight:700;font-style:italic;font-size:17px;line-height:1.15;letter-spacing:-.3px;color:#34465b;max-width:58%;transform:rotate(-3deg)}.cover-symbol{position:absolute;left:23px;bottom:13px;width:30px;height:29px;border:1px solid #18202250;border-radius:6px;background:#ffffff90;display:grid;place-items:center;transform:rotate(-8deg)}.cover-symbol svg{width:17px;height:17px;stroke-width:1.7}.cover-circuit{position:absolute;left:56px;bottom:-6px;width:160px;height:75px;stroke:#627c9560;stroke-width:1.3}.cover-circuit circle{fill:#fff}.cover-doodle{position:absolute;right:121px;top:45px;font-size:24px;line-height:1;color:#52698c;transform:rotate(12deg)}.cover-buddy{position:absolute;right:16px;bottom:-5px;width:105px;height:99px;object-fit:contain;object-position:center bottom;transform:rotate(6deg);transform-origin:50% 85%;filter:drop-shadow(2px 2px 0 #18202220);transition:transform .28s var(--ease)}.cover-buddy.is-person{width:104px;height:133px;right:17px;bottom:-36px;transform:rotate(7deg)}.cover-owl{background:#eee9ff}.cover-owl .cover-caption{color:#51456c}.cover-owl .cover-buddy{transform:rotate(-7deg)}.cover-bot{background:#e6f3df}.cover-bot .cover-caption{color:#395844}.cover-fox{background:#ffebdf}.cover-fox .cover-caption{color:#75503b}.cover-maker{background:#e7edf9}.cover-builder{background:#edf4d7}.cover-connector{background:#fce4dd}.skill-card:hover .cover-buddy,.skill-card:focus-within .cover-buddy{transform:rotate(0deg) translateY(-4px)}.skill-card{min-height:408px}.skill-card .card-top{min-height:76px}.skill-card .card-top>.app-icon{width:46px;height:46px;border-radius:11px;margin-top:5px}.skill-card .card-top>.app-icon svg{width:25px;height:25px}.skill-card .app-glyph{font-size:24px}.skill-card .card-heading h3{min-height:53px}.skill-card .summary{margin-top:9px}.skill-card .card-category{font-size:11px}.skill-card .card-top{gap:12px}.skill-card .card-heading h3{font-size:16px}
@media(max-width:1200px){.skill-cover{margin-inline:-19px}.cover-caption{font-size:15px;left:18px;max-width:56%}.cover-buddy{right:8px;width:99px}.cover-buddy.is-person{right:6px}.cover-doodle{right:111px;font-size:20px}.cover-symbol{left:20px}.cover-circuit{width:130px;left:46px}.skill-card .card-heading h3{font-size:15px}}
@media(max-width:950px){.cover-caption{font-size:17px}.cover-buddy{right:14px}.cover-buddy.is-person{right:13px}.cover-doodle{right:123px}.skill-card .card-heading h3{font-size:16px}}
@media(max-width:700px){.skill-cover{height:92px;margin:-22px -20px 20px}.cover-caption{font-size:18px;top:17px;left:20px}.cover-buddy{right:18px;width:108px}.cover-buddy.is-person{right:17px;width:104px;height:133px}.cover-doodle{right:133px;top:45px;font-size:23px}.cover-circuit{width:148px}.skill-card{min-height:410px}.skill-card .card-heading h3{font-size:17px;line-height:1.65}.skill-card .card-category{font-size:12px}.skill-card .card-top>.app-icon{width:46px;height:46px}.skill-card .card-top{gap:12px;min-height:82px}}
@media(min-width:551px) and (max-width:700px){.cover-caption{font-size:14px;max-width:55%}.cover-buddy{width:87px;right:2px}.cover-buddy.is-person{width:89px;height:114px;bottom:-25px;right:0}.cover-doodle{display:none}.cover-circuit{width:95px}.skill-card .card-heading h3{font-size:14px}.skill-card .card-top>.app-icon{width:35px;height:35px}.skill-card .card-top{gap:8px}}
@media(max-width:360px){.cover-caption{font-size:17px}.cover-buddy{right:10px;width:102px}.cover-buddy.is-person{right:8px}.cover-doodle{right:118px;font-size:20px}.skill-card .card-heading h3{font-size:16px}.skill-card .card-top>.app-icon{width:42px;height:42px}}
html[data-motion=off] .skill-card:hover .cover-buddy,html[data-motion=off] .skill-card:focus-within .cover-buddy{transform:none}
@media(prefers-reduced-motion:reduce){.skill-card:hover .cover-buddy,.skill-card:focus-within .cover-buddy{transform:none}}
/* Cover library v1: independently composed color, pattern and sticker. */
.cover-v1{background:var(--cover-bg);color:var(--cover-ink)}.cover-v1 .cover-caption{color:var(--cover-ink)}.cover-v1:after{inset:0;mask-image:linear-gradient(90deg,transparent 18%,#000);background-color:transparent;opacity:.55}.pattern-dots:after{background-image:radial-gradient(var(--cover-ink) .65px,transparent 1px);background-size:7px 7px}.pattern-grid:after{background-image:linear-gradient(var(--cover-ink) .4px,transparent .4px),linear-gradient(90deg,var(--cover-ink) .4px,transparent .4px);background-size:15px 15px;opacity:.12}.pattern-diagonal:after{background-image:repeating-linear-gradient(125deg,transparent 0 10px,var(--cover-ink) 10px 11px);opacity:.12}.pattern-rings:after{background-image:repeating-radial-gradient(circle at 80% 70%,transparent 0 13px,var(--cover-ink) 13px 14px);opacity:.15}.pattern-circuit:after{background-image:linear-gradient(45deg,transparent 47%,var(--cover-ink) 49% 51%,transparent 53%),linear-gradient(var(--cover-ink) 1px,transparent 1px);background-size:32px 32px,32px 16px;opacity:.1}.pattern-confetti:after{background-image:radial-gradient(ellipse,var(--cover-ink) 1px,transparent 1.5px),linear-gradient(75deg,transparent 47%,var(--cover-ink) 48% 52%,transparent 53%);background-size:23px 17px,41px 34px;opacity:.12}.cover-v1 .cover-symbol{background:#ffffffa0;color:var(--cover-ink)}.cover-sticker{position:absolute;left:86px;bottom:12px;width:35px;height:31px;display:grid;place-items:center;background:var(--cover-accent);border:1.5px solid var(--ink);box-shadow:2px 2px 0 #18202240;transform:rotate(10deg);color:var(--ink)}.cover-sticker svg{width:19px;height:19px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.sticker-shape-0{border-radius:50%}.sticker-shape-1{border-radius:4px;transform:rotate(-8deg)}.sticker-shape-2{border-radius:11px 3px 11px 3px}.cover-small-sticker{position:absolute;left:140px;bottom:16px;font:bold 17px Arial,sans-serif;color:var(--cover-ink);transform:rotate(-9deg)}.cover-v1 .library-buddy{width:109px;height:102px;right:13px;bottom:-5px;object-fit:contain;transform:rotate(5deg)}.submission-cover{max-width:370px;margin:0 0 20px}.submission-cover .skill-cover,.detail-cover .skill-cover{margin:0;height:130px;border:1px solid #18202233;border-radius:10px}.submission-cover .library-buddy,.detail-cover .library-buddy{height:137px;width:146px}.submission-cover .cover-caption,.detail-cover .cover-caption{font-size:21px}.detail-cover{margin-bottom:20px}.detail-cover .skill-cover{height:155px}.detail-cover .library-buddy{width:175px;height:164px}.auto-cover-note{display:flex;gap:12px;padding:17px 19px;background:#f0f5ff;border:1px solid #d8e3fa;border-radius:10px;margin-bottom:25px;font-size:13px}.auto-cover-note strong{font-weight:600}.auto-cover-note p{font-size:12px;color:var(--muted);margin:5px 0}.auto-cover-note a{font-size:12px;color:var(--blue);display:inline-flex;min-height:32px;align-items:center}.cover-library-page{max-width:1320px}.library-facts{display:flex;flex-wrap:wrap;gap:20px 35px;border-block:1px solid var(--line);padding:23px 0;margin-bottom:28px;font-size:13px;color:var(--muted)}.library-facts b{font-family:var(--font-display);font-style:italic;font-size:28px;color:var(--ink);margin-right:6px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-hint{font-size:13px;color:var(--muted);margin:18px 0 10px;line-height:1.8}#library-count{font-size:12px;color:var(--muted);margin:15px 0}.cover-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gallery-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.gallery-card .skill-cover{margin:0;height:130px;border-radius:0}.gallery-card .library-buddy{width:133px;height:125px;right:7px;bottom:-3px}.gallery-card .cover-caption{font-size:16px;max-width:52%}.gallery-card .cover-small-sticker{display:none}.gallery-card .cover-sticker{left:60px;bottom:23px}.gallery-card .cover-symbol{left:18px;bottom:25px}.gallery-caption{display:flex;gap:12px;padding:15px 14px;background:white}.gallery-caption h2{font-size:13px;font-weight:600;line-height:1.6;text-align:left}.gallery-caption p{font-size:11px;color:var(--muted);margin-top:4px}.design-number{font:italic 700 14px var(--font-display);color:#667482;padding-top:3px}.footer>div{flex-wrap:wrap}
@media(max-width:1100px){.cover-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-small-sticker{display:none}}
@media(max-width:750px){.cover-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-toolbar{align-items:flex-start;flex-direction:column;gap:13px}.library-facts{gap:14px 23px}.library-facts b{font-size:23px}.gallery-card .skill-cover{height:146px}.gallery-card .library-buddy{width:116px;height:109px;right:-5px;bottom:-2px}.gallery-card .cover-caption{font-size:13px;left:12px;top:12px;max-width:90%}.gallery-card .cover-symbol{left:11px;bottom:18px;width:24px;height:25px}.gallery-card .cover-sticker{left:13px;bottom:53px;width:26px;height:25px}.gallery-card .cover-sticker svg{width:16px;height:16px}.gallery-caption{gap:7px;padding:12px 10px}.gallery-caption h2{font-size:12px}.gallery-caption p{font-size:10px}.design-number{font-size:11px}.library-hint{font-size:12px}.cover-v1 .library-buddy{right:7px}.submission-cover .library-buddy,.detail-cover .library-buddy{right:12px}.library-toolbar .button{font-size:12px}.auto-cover-note{padding:15px}.submission-cover .cover-caption,.detail-cover .cover-caption{font-size:18px}}
@media(max-width:360px){.gallery-caption{display:block}.design-number{display:block;margin-bottom:4px}.gallery-card .cover-caption{font-size:11px}.gallery-card .library-buddy{width:100px;height:94px}.library-facts{font-size:11px;gap:12px 20px}.cover-v1 .library-buddy{width:101px;height:95px}.cover-sticker{left:77px}.submission-cover .library-buddy{width:135px;height:126px}}
/* A little maker desk: original tactile SVG objects, with a useful search exit. */
.crew-pixel-pin{position:absolute;left:4%;top:105px;width:54px;height:54px;z-index:5;transform:rotate(-12deg);filter:drop-shadow(2px 3px 0 #18202224)}.curiosity-stamp{gap:8px;display:flex;align-items:center}.curiosity-stamp>span{font:bold 18px monospace;color:var(--blue)}
.geek-desk{position:relative;display:grid;grid-template-columns:.85fr 1.35fr 1fr;align-items:center;gap:22px;padding:34px 30px 0;margin:0 0 64px;border:1.5px solid var(--ink);border-radius:8px 25px 8px 8px;background:linear-gradient(#dfe6f04d 1px,transparent 1px),linear-gradient(90deg,#dfe6f04d 1px,transparent 1px),#f8faff;background-size:24px 24px;box-shadow:4px 4px 0 #182022;isolation:isolate}.desk-kicker{font:italic 700 16px var(--font-display);color:var(--blue)}.desk-intro h2{font-size:24px;line-height:1.5;margin:12px 0 8px;text-align:left}.desk-intro p{font-size:12px;color:#52606a;max-width:210px;line-height:1.8}.desk-choices{display:flex;align-items:center;gap:8px;min-width:0}.desk-object{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;padding:8px 0 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer}.desk-object img{width:100%;height:auto;max-width:140px;transition:transform .2s ease;filter:drop-shadow(2px 3px 0 #18202214)}.desk-object>span{font-size:12px;white-space:nowrap;border:1px solid #b9c2d1;border-radius:5px;padding:4px 8px;background:#fff;line-height:1.8}.desk-object[aria-pressed=true]{background:#ffffffb8;border-color:#b6c5e5}.desk-object[aria-pressed=true]>span{border-color:var(--ink);background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.desk-object:hover img{transform:translateY(-5px) rotate(-4deg)}.desk-object:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.desk-note{align-self:stretch;position:relative;background:#fff5bd;padding:22px 20px 16px;border:1px solid #d8cc8f;box-shadow:3px 4px 0 #18202212;transform:rotate(1.5deg);min-width:0;display:flex;flex-direction:column;justify-content:space-between}.note-tape{position:absolute;top:-10px;left:calc(50% - 30px);width:60px;height:22px;background:#b7c8f1b8;border-inline:2px dashed #f8faff;transform:rotate(-6deg)}.note-label{font-size:11px;color:#675b28}.desk-note h3{font-size:16px;line-height:1.7;margin:6px 0;text-align:left;min-height:54px}.desk-note p{font-size:12px;color:#625b3a;line-height:1.8;min-height:44px}.desk-note button{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;margin-top:9px;border-top:1px solid #a99a6355;color:var(--ink);text-align:left}.desk-note button:hover{color:var(--blue)}.desk-note button span{font-size:20px}.geek-desk[data-theme=lab] .desk-note{background:#e6f4d2;border-color:#baceaa}.geek-desk[data-theme=launch] .desk-note{background:#ffe6db;border-color:#d8b6a7}.desk-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px dashed #aebccc;font-size:11px;color:#536272}.desk-foot>span{display:flex;align-items:center;gap:8px}.desk-foot>span>span{font-size:21px;color:var(--blue)}.desk-foot a{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px}.desk-foot a:hover{text-decoration:underline}
@media(max-width:1100px){.geek-desk{grid-template-columns:1.2fr 1fr;gap:20px;padding:25px 23px 0}.desk-intro{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.desk-intro h2{margin:0;font-size:23px}.desk-intro p{max-width:none}.desk-object img{max-width:130px}.desk-note h3{min-height:0}.desk-note p{min-height:0}}
@media(max-width:700px){.crew-pixel-pin{top:98px;left:3%;width:43px;height:43px}.curiosity-stamp>span{font-size:13px}.geek-desk{grid-template-columns:minmax(0,1fr);padding:24px 18px 0;margin-bottom:44px;gap:20px}.desk-intro{display:block}.desk-intro h2{font-size:24px;margin:8px 0}.desk-intro p{font-size:13px}.desk-kicker{font-size:15px}.desk-choices{gap:8px}.desk-object img{max-width:124px}.desk-object>span{font-size:11px;padding:4px 5px}.desk-note{transform:rotate(-1deg);padding:22px 19px 12px}.desk-note h3{font-size:17px;min-height:0}.desk-note p{font-size:13px;min-height:0}.desk-foot{align-items:flex-start;flex-direction:column;gap:0;padding:10px 0}.desk-foot>span{font-size:10px}.desk-foot a{font-size:12px}.desk-object{padding-bottom:12px}}
@media(max-width:360px){.crew-pixel-pin{width:36px;height:36px;top:95px}.geek-desk{padding-inline:13px}.desk-object>span{font-size:10px;padding-inline:3px}.desk-choices{gap:6px}}
html[data-motion=off] .desk-object:hover img{transform:none}
@media(prefers-reduced-motion:reduce){.desk-object img{transition:none}.desk-object:hover img{transform:none}}
/* Six useful destinations stay readable on narrow screens. */
@media(min-width:701px) and (max-width:1100px){.header-inner{gap:20px}.topnav{gap:16px}.header-tools{gap:10px}.sidebar-search{display:none}}
@media(max-width:700px){.topnav{flex-wrap:wrap;justify-content:flex-start;column-gap:18px;row-gap:0}.topnav a{padding:11px 0;min-height:44px}.topbar{position:relative}html{scroll-padding-top:20px}}

.card-cover-link{display:block;position:relative;z-index:2}.card-cover-link:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:10px}