@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#131623;--panel:#1c2031;--ink:#f8f1de;--muted:#a8adbf;--gold:#ffcf65;--teal:#58dacb;--purple:#aa7af9;--line:#34394d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button:disabled{opacity:.4;cursor:default}.topbar{max-width:1440px;margin:auto;min-height:102px;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:800;letter-spacing:.6px;line-height:1}.brand i{font-style:normal;color:var(--gold)}.brand small{display:block;color:var(--muted);font:9px 'DM Sans',sans-serif;letter-spacing:3.5px;margin-top:8px}.brand-mark{border:2px solid var(--gold);color:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);width:53px;height:49px;font-size:25px}.brand-mark span{font-size:13px;margin:0 2px}.top-right{display:flex;gap:14px;align-items:center}.issue{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-right:14px}.icon-button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:12px;white-space:nowrap}.icon-button:hover{border-color:var(--gold)}.icon-button b{color:var(--gold);margin-left:6px}main{max-width:1440px;padding:0 5%;margin:auto}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:58px 0 62px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--gold)}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:7px}.intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(55px,6.3vw,90px);letter-spacing:-1.5px;line-height:.96;margin:27px 0 24px;text-transform:uppercase}.intro h1 span{color:var(--gold)}.lede{font-size:23px;line-height:1.45;letter-spacing:-.5px;margin-bottom:18px}.description{color:var(--muted);line-height:1.8;font-size:14px;max-width:390px;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--gold);color:#1c2130;border:2px solid #141626;box-shadow:4px 4px 0 #644623;border-radius:5px;padding:17px 24px;font-size:15px;font-weight:800}.primary:hover{background:#ffdc91;transform:translateY(-1px)}.primary span{font-size:22px}.intro-meta{display:flex;gap:18px;margin-top:21px;color:var(--muted);font-size:10px}.intro-meta span:before{content:'✓';color:var(--teal);margin-right:5px}.hero-tags{display:flex;gap:10px;margin-top:35px}.tag{border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:18px;font-weight:700}.tag small{display:block;font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:1px;margin-top:5px;color:var(--muted)}.dog-tag{color:var(--gold)}.josi-tag{color:var(--purple)}.cover-wrap{position:relative;max-width:415px;justify-self:center;transform:rotate(3deg);padding:8px;background:#fff7dc;border:3px solid #0b0e18;box-shadow:16px 19px 0 #242b3b}.comic-cover{width:100%;display:block;max-height:534px;object-fit:cover;object-position:top}.cover-bottom{color:#171a27;font:700 9px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.9px;text-align:center;padding:10px 4px 3px}.cover-sticker{position:absolute;z-index:2;right:-30px;top:36px;background:var(--teal);color:#13252d;transform:rotate(10deg);font:800 20px/.95 'Barlow Condensed',Impact,sans-serif;padding:17px;border:3px solid #101422;box-shadow:4px 4px 0 #101422}.mission-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid var(--line);padding:29px 0;gap:20px;align-items:center}.mission-strip>div>span{font-size:8px;letter-spacing:2px;color:var(--gold)}.mission-strip p{font-size:12px;line-height:1.6;margin-bottom:0}.mission-strip article{display:flex;gap:14px;align-items:center}.mission-strip article>b{font:700 37px 'Barlow Condensed',Impact,sans-serif;color:#42485d}.mission-strip article>span{font-size:12px;font-weight:600}.mission-strip small{display:block;font-size:7px;color:var(--muted);letter-spacing:1px;margin-top:7px}.site-footer{max-width:1440px;padding:23px 5%;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#757d94;font-size:9px;letter-spacing:1px}.game[hidden],.intro[hidden],.mission-strip[hidden],[hidden]{display:none!important}.game{padding-top:28px}.mission-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mission-bar h1{font:700 33px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin:7px 0 0}.mission-stats{display:flex;align-items:center;gap:26px}.mission-stats small{font-size:7px;letter-spacing:1.5px;color:var(--muted);display:block;margin-bottom:5px}.mission-stats b{font-size:18px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 223px;gap:18px}.canvas-shell{position:relative;border:3px solid #080c16;border-radius:7px;overflow:hidden;background:#222e42;box-shadow:0 5px 0 #080c16;align-self:start}canvas{display:block;width:100%;height:auto;touch-action:none}.map-label{position:absolute;top:12px;left:12px;background:#121b2ce8;border:1px solid #4b596e;color:#e2dccb;padding:6px 9px;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.3px;pointer-events:none}.toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;background:#fff0cf;color:#282633;border:2px solid #121725;border-radius:5px;padding:10px 17px;font-size:12px;font-weight:700;box-shadow:3px 3px 0 #0b1128;opacity:0;transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:17px}.panel-eyebrow{font-size:8px;color:#a6aec4;letter-spacing:1.8px;font-weight:700}.hero-card{display:flex;align-items:center;width:100%;gap:10px;margin-top:11px;padding:10px;background:#242a3b;border:1px solid #3e4457;border-radius:6px;text-align:left;color:var(--ink)}.hero-card.selected{border:1px solid var(--gold);background:#35302c}.hero-card b{font-size:14px}.hero-card small{display:block;font-size:7px;letter-spacing:1.2px;margin-top:4px;color:var(--muted)}.hero-card em{font-size:10px;color:#8b94ab;margin-left:auto;font-style:normal;border:1px solid #555b6d;border-radius:3px;padding:2px 5px}.portrait{border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px}.lope-portrait{background:#e9bf67;color:#352714}.josi-portrait{background:#7955b7;color:#ffe07e;font-size:29px}.objective{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;min-height:143px}.objective h2{font:700 23px 'Barlow Condensed',Impact,sans-serif;margin:9px 0}.objective p{font-size:11px;color:var(--muted);line-height:1.65;margin:0 0 12px}.ability-button,.interact-button{width:100%;border-radius:5px;padding:12px 10px;text-align:left;font-weight:700;font-size:11px;display:flex;justify-content:space-between;align-items:center}.ability-button{background:var(--gold);color:#1c2031;border:0}.interact-button{background:transparent;color:var(--ink);border:1px solid #51596f;margin-top:9px}kbd{font:10px 'DM Sans',sans-serif;padding:2px 4px;border:1px solid #68708377;border-radius:3px}.partner-note{font-size:9px;line-height:1.6;color:var(--teal);margin:13px 0}.mini-controls{border-top:1px solid var(--line);padding-top:13px;display:grid;gap:9px;font-size:9px;color:var(--muted)}.text-button{background:none;border:0;color:var(--muted);font-size:10px;padding:15px 0 0;text-decoration:underline;text-underline-offset:4px}.game-footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.1px;color:#929ab1;padding:21px 0 27px;gap:10px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:6px}.link-meter{position:absolute;top:15px;right:14px;padding:8px;background:#25183cdd;border:1px solid var(--purple);border-radius:5px;width:150px}.link-meter span{font-size:8px;letter-spacing:1px;color:#dec5ff}.link-meter>div{height:5px;background:#493553;margin-top:6px}.link-meter i{height:100%;display:block;background:#c58fff}.touch-controls{display:none}dialog{background:#1e2334;color:var(--ink);border:1px solid #666276;border-radius:10px;max-width:480px;width:calc(100% - 32px);padding:0;box-shadow:12px 12px 0 #080c1699}dialog::backdrop{background:#080d1cbd;backdrop-filter:blur(5px)}.modal-content{padding:36px}.modal-content h2{font:800 43px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:16px 0}.modal-content p{color:#c0c5d5;font-size:14px;line-height:1.8;white-space:pre-line}.modal-content .primary{margin-top:16px;width:100%}.modal-content .text-button{display:block;text-align:center;width:100%;margin-top:8px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;color:#ddd9e6;margin-top:22px}.result-stats{display:flex;justify-content:space-around;padding:18px 0;border-block:1px solid var(--line);margin-top:20px}.result-stats b{color:var(--gold);display:block;font-size:23px;text-align:center}.result-stats span{color:var(--muted);font-size:9px}.medal{font-size:51px;display:block;text-align:center;margin:15px}
@media(min-width:1550px){.intro{padding-block:75px}.comic-cover{max-height:590px}.cover-wrap{max-width:450px}}
@media(max-width:1050px){.issue{display:none}.intro{gap:5%}.intro h1{font-size:65px}.cover-sticker{right:-12px}.play-layout{grid-template-columns:minmax(0,1fr) 200px}.side-panel{padding:12px}.mission-stats{gap:16px}.mini-controls{display:none}.objective{min-height:127px}.mission-strip{gap:10px}.mission-strip article{gap:9px}}
@media(max-width:760px){.topbar{min-height:77px;padding:16px 5%}.brand{font-size:20px}.brand-mark{width:42px;height:40px;font-size:21px}.top-right{gap:8px}.icon-button{font-size:10px;padding:8px}.brand small{font-size:7px;letter-spacing:2.6px}.intro{grid-template-columns:1fr;padding:35px 0;gap:40px}.intro-copy{max-width:480px}.intro h1{font-size:67px;margin-top:22px}.lede{font-size:20px}.description{max-width:100%}.cover-wrap{width:75%;max-width:330px}.comic-cover{max-height:430px}.hero-tags{margin-top:26px}.mission-strip{grid-template-columns:1fr;gap:22px}.mission-strip>div{display:none}.mission-strip article>b{font-size:31px}.mission-strip article{gap:18px}.mission-strip article>span{font-size:14px}.site-footer{font-size:7px;line-height:1.6;gap:24px}.mission-bar{align-items:flex-start;gap:10px;margin-bottom:17px}.mission-bar h1{font-size:23px}.mission-bar .eyebrow{font-size:8px}.mission-stats{gap:11px}.mission-stats b{font-size:14px}.mission-stats small{font-size:6px;letter-spacing:.5px}.mission-stats>span:nth-child(3){display:none}.mission-stats .icon-button{padding:7px}.play-layout{display:flex;flex-direction:column}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}.side-panel>.panel-eyebrow,.partner-note,.mini-controls,.side-panel>.text-button{display:none}.hero-card{margin:0;padding:8px}.portrait{width:28px;height:28px;font-size:17px}.hero-card b{font-size:13px}.objective{grid-column:1/-1;min-height:0;margin:0;padding-top:10px}.objective h2{font-size:19px;margin:5px 0}.objective p{font-size:10px;margin-bottom:2px}.objective>.panel-eyebrow{display:none}.ability-button,.interact-button{margin:0;padding:11px;font-size:10px}.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:8px;touch-action:none;user-select:none}.touch-controls button{background:#293348;color:var(--ink);border:1px solid #596078;border-radius:6px;min-width:45px;min-height:43px;font-size:13px;touch-action:none}.touch-controls button:active{background:#7251ac}.dpad{display:grid;grid-template-columns:repeat(3,43px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.touch-controls>div:last-child{display:flex;gap:6px}.touch-controls>div:last-child button{font-size:10px;min-width:48px}.game-footer{padding:5px 0 18px;font-size:6px;line-height:1.6}.game-footer>span:last-child{display:none}.map-label{font-size:6px;top:6px;left:6px;padding:4px}.toast{font-size:9px;bottom:8px;padding:6px 9px}.link-meter{top:6px;right:6px;width:100px}.modal-content{padding:26px}.modal-content h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.cover-wrap{transform:none}}
+
+/* Comic collection and full-page reader. */
+.comics-nav{color:var(--gold);border-color:#766348}.browse-comics{display:inline-flex;gap:18px;align-items:center;background:none;border:0;color:var(--ink);font-size:12px;padding:20px 0 5px;margin-left:20px;text-decoration:underline;text-underline-offset:5px}.browse-comics span{color:var(--gold)}.library{padding:48px 0 35px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.library-heading h1{font:800 57px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:19px 0}.library-heading h1 span{color:var(--gold)}.library-heading p{font-size:13px;color:var(--muted);line-height:1.7}.comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.comic-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.comic-cover-button{display:block;width:100%;border:0;padding:0;position:relative;background:#080d17;overflow:hidden;aspect-ratio:2/2.8}.comic-cover-button>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s}.comic-cover-button:hover>img{transform:scale(1.035)}.comic-pages{position:absolute;top:13px;left:13px;background:var(--gold);color:#171c29;border:2px solid #181c26;padding:7px 10px;border-radius:3px;font-size:9px;letter-spacing:1px;font-weight:800;box-shadow:2px 2px 0 #101521}.cover-read{position:absolute;bottom:0;left:0;width:100%;padding:28px 15px 15px;background:linear-gradient(transparent,#0a1123ef);color:#fff5de;font-size:12px;font-weight:700;text-align:left}.comic-details{padding:22px}.comic-details .eyebrow{font-size:8px;letter-spacing:1px}.comic-details h2{font:700 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px;margin:11px 0}.comic-details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;min-height:65px}.comic-read-link{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-top:1px solid var(--line);color:var(--gold);padding:16px 0 0;margin-top:19px;font-size:12px;font-weight:700}.comic-read-link span{font-size:19px}.library-note{margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:var(--muted);line-height:1.8}.library-note>span:first-child{color:var(--gold)}.reading-comic{overflow:hidden}#comic-reader{max-width:1230px;width:calc(100% - 40px);height:calc(100dvh - 40px);max-height:none;background:#111725;border-color:#57617a;padding:0;overflow:hidden}#comic-reader[open]{display:flex;flex-direction:column}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#1c2233;border-bottom:1px solid var(--line);flex-shrink:0}.reader-toolbar h2{font:700 26px 'Barlow Condensed',Impact,sans-serif;margin:6px 0 0}.reader-toolbar .eyebrow{font-size:8px}.reader-actions{display:flex;gap:9px}.reader-actions a{text-decoration:none;cursor:pointer}.reader-scroll{overflow:auto;flex:1;min-height:0;padding:24px;overscroll-behavior:contain;scrollbar-color:#626d87 #192131}.reader-scroll img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 246px);margin:0 auto;box-shadow:0 7px 28px #0009;background:#e5dfcf}.reader-scroll.zoomed img{width:100%;max-width:none;max-height:none}.reader-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 24px;border-top:1px solid var(--line);background:#1c2233;flex-shrink:0}.reader-progress{text-align:center}.reader-progress>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}#reader-dots{display:flex;gap:7px;justify-content:center}#reader-dots>button{border:1px solid #535d73;background:#2b344b;color:#c5cede;width:25px;height:25px;padding:0;border-radius:4px;font-size:10px}#reader-dots>button.current{background:var(--gold);border-color:var(--gold);color:#171d2a;font-weight:800}
+@media(max-width:1050px){.browse-comics{display:block;margin-left:0}.comic-grid{gap:17px}.comic-details{padding:17px}.comic-details h2{font-size:26px}.comic-details p{min-height:85px}.library-heading h1{font-size:49px}}
+@media(max-width:760px){.top-right{gap:5px}.topbar{padding-inline:4%}.brand{gap:9px}.brand-mark{width:34px;height:34px;font-size:18px}.top-right .icon-button{padding:7px;font-size:9px}#sound{max-width:53px;white-space:normal;line-height:1.2}.comics-nav b{display:none}.browse-comics{display:inline-flex;margin-left:14px;padding:20px 0 5px}.library{padding-top:31px}.library-heading{align-items:flex-start;flex-direction:column;gap:12px}.library-heading h1{font-size:43px}.library-heading p{font-size:12px}.comic-grid{grid-template-columns:1fr;gap:25px}.comic-card{display:grid;grid-template-columns:42% 1fr}.comic-cover-button{aspect-ratio:2/3;min-height:100%}.cover-read{font-size:9px;padding:25px 10px 10px}.comic-pages{top:8px;left:7px;padding:5px;font-size:7px}.comic-details{padding:16px 13px}.comic-details .eyebrow{font-size:6px;letter-spacing:.5px;line-height:1.6}.comic-details h2{font-size:25px;line-height:1.05;margin:10px 0}.comic-details p{font-size:10px;line-height:1.65;min-height:0}.comic-read-link{font-size:10px;padding-top:10px;margin-top:12px}.library-note{flex-direction:column;gap:5px;font-size:7px}#comic-reader{width:100%;height:100dvh;border:0;border-radius:0}.reader-toolbar{padding:12px;gap:10px;flex-wrap:wrap}.reader-toolbar h2{font-size:23px}.reader-toolbar .eyebrow{font-size:6px}.reader-actions{width:100%;gap:7px}.reader-actions .icon-button{font-size:10px;padding:8px 10px}.reader-actions #reader-close{margin-left:auto}.reader-scroll{padding:10px}.reader-scroll img{max-height:none;width:100%;max-width:100%;box-shadow:none}.reader-scroll.zoomed img{width:175%;max-width:none}.reader-footer{padding:12px 10px;gap:8px}.reader-footer>.icon-button{font-size:10px;padding:9px 8px}.reader-progress>span{font-size:9px}#reader-dots{gap:4px}#reader-dots>button{width:22px;height:22px;font-size:9px}}

/* Comic studio and choose-your-own adventures. */
.top-right .issue{display:none}.activity-nav{color:var(--teal)}.activities-teaser{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding:30px 0 40px}.activities-teaser article{display:flex;gap:23px;border:1px solid #455066;background:linear-gradient(120deg,#202a3c,#1b2030);border-radius:7px;padding:26px}.activity-tile-number{color:var(--gold);font:800 57px 'Barlow Condensed',Impact,sans-serif}.activities-teaser article:nth-child(2) .activity-tile-number{color:var(--teal)}.activities-teaser h2{font:700 27px 'Barlow Condensed',Impact,sans-serif;margin:12px 0 8px}.activities-teaser p{font-size:12px;color:var(--muted);line-height:1.7;max-width:350px}.activities-teaser .comic-read-link{margin-top:15px}.activity-page{padding:40px 0}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.activity-heading h1{font:800 54px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:17px 0}.activity-heading h1 span{color:var(--gold)}.activity-heading p{color:var(--muted);font-size:13px;line-height:1.7}.studio-top-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.studio-top-tools>div{display:flex;gap:12px;align-items:center}.studio-top-tools .primary{padding:12px 19px;font-size:12px;box-shadow:3px 3px 0 #644623}.studio-title-field{max-width:420px;flex:1}.activity-page label{display:flex;flex-direction:column;gap:7px;color:#bbc3d7;font-size:10px;font-weight:600;line-height:1.5}.activity-page input:not([type=checkbox]):not([type=range]),.activity-page textarea,.activity-page select{width:100%;background:#121a2a;color:#fff4da;border:1px solid #49566d;border-radius:5px;padding:10px 11px;font:12px 'DM Sans',sans-serif;min-height:38px}.activity-page textarea{resize:vertical;line-height:1.6}.activity-page input:focus,.activity-page textarea:focus,.activity-page select:focus{outline:2px solid var(--teal);outline-offset:1px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.studio-paper{padding:23px;background:#252d40;border:1px solid #465067;border-radius:7px;display:flex;flex-direction:column;align-items:center}.studio-paper canvas{width:100%;max-width:610px;cursor:grab;box-shadow:8px 9px 0 #0b101d77;border:1px solid #101927;touch-action:none}.studio-paper canvas:active{cursor:grabbing}.studio-drag-hint{font-size:10px;color:#aab8ce;line-height:1.6;margin:20px 0 0;text-align:center}.studio-inspector{background:#1e2638;border:1px solid #46516a;border-radius:7px;padding:20px;display:grid;gap:14px}.studio-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.studio-tabs button{background:#2d384e;border:1px solid #637086;border-radius:5px;color:var(--ink);height:35px;font-weight:700}.studio-tabs button.active{background:var(--gold);color:#222738;border-color:var(--gold)}.studio-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-divider{border-top:1px solid #46516a}.studio-actor-add{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-actor-add button{border:1px solid #5c6b80;color:#b9f1e5;border-radius:5px;background:#263448;padding:9px;font-size:11px}.studio-actor-add button:hover{border-color:var(--teal)}.studio-flip-label{justify-content:center;flex-direction:row!important;align-items:center;font-size:9px!important}.studio-flip-label input{accent-color:var(--teal)}#studio-size{accent-color:var(--gold);width:100%}.studio-move-tools{display:flex;justify-content:space-between;align-items:center}.studio-move-tools>div{display:flex;gap:5px}.studio-move-tools button:not(.text-button){background:#2d394e;border:1px solid #5e6f84;color:var(--ink);border-radius:4px;width:31px;height:30px}.studio-move-tools .text-button{padding:0;font-size:9px}.studio-bottom-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.studio-bottom-tools>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.studio-bottom-tools .text-button{padding:0}#studio-status{color:var(--teal);font-size:10px;line-height:1.6;max-width:360px}.story-hub-status{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0 25px;border-top:1px solid var(--line)}#story-progress{font-size:12px;color:var(--teal);font-weight:600}.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.story-card{background:var(--panel);border:1px solid #46516a;border-radius:7px;overflow:hidden}.story-card canvas{width:100%;display:block}.story-card>div{padding:23px}.story-card .eyebrow{font-size:7px;letter-spacing:1px}.story-card h2{font:700 29px/1 'Barlow Condensed',Impact,sans-serif;margin:14px 0}.story-card p{font-size:12px;line-height:1.8;color:var(--muted);min-height:65px}.story-count{font-size:9px;letter-spacing:.5px;color:var(--teal)}.story-badge-shelf{border:1px solid #46516a;border-radius:7px;background:#1b2333;padding:24px;margin-top:30px}#story-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}#story-badges p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.story-badge{display:inline-block;border:1px solid #7c704e;border-radius:5px;color:var(--gold);font-size:10px;padding:10px 13px;background:#3b342a}.story-run-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:18px 0}.story-run-top .text-button{padding:0}#story-run-series{color:var(--muted);font-size:11px}.story-play-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.story-illustration{border:2px solid #0a1020;border-radius:7px;overflow:hidden;box-shadow:6px 6px 0 #0a102077;position:sticky;top:20px}.story-illustration canvas{width:100%}.story-illustration-caption{padding:12px;background:#ffe9b4;color:#333548;font:700 9px 'DM Sans',sans-serif;letter-spacing:1px;text-align:center}.story-narrative{background:#1d2638;border:1px solid #46516a;border-radius:7px;padding:29px}.story-narrative h2{font:700 39px/1 'Barlow Condensed',Impact,sans-serif;margin:15px 0 22px}.story-narrative p{font-size:13px;line-height:1.9;color:#d0d3df}.story-narrative .panel-eyebrow{margin:24px 0 12px}#story-choices{display:grid;gap:12px}.story-choice{padding:16px;background:#2b394c;border:1px solid #677990;border-radius:6px;text-align:left;color:var(--ink)}.story-choice strong{font-size:13px;line-height:1.6;color:#ffe0a0;display:block}.story-choice span{font-size:10px;line-height:1.7;color:#bac7d9;display:block;margin-top:5px}.story-choice:hover{border-color:var(--teal);background:#34495a}.story-award{background:#4b4029;border:1px solid var(--gold);border-radius:6px;padding:17px;color:var(--gold);font-size:14px;font-weight:700;margin-bottom:18px;text-align:center}#story-ending .primary{width:100%;font-size:12px;padding:14px 17px;gap:10px}#story-ending .text-button{width:100%;text-align:center;margin-top:9px}
@media(max-width:1100px){.topbar{flex-wrap:wrap;gap:19px}.top-right{margin-left:auto}.studio-layout{grid-template-columns:minmax(0,1fr) 295px;gap:17px}.studio-inspector{padding:15px}.studio-paper{padding:14px}.story-play-layout{grid-template-columns:1fr 1fr;gap:18px}.story-narrative{padding:22px}.story-card>div{padding:17px}.story-card h2{font-size:26px}.story-card p{min-height:92px}}
@media(max-width:760px){.topbar{gap:15px}.top-right{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.top-right .icon-button{font-size:10px;padding:9px 10px}#sound{max-width:none}.activities-teaser{grid-template-columns:1fr;gap:15px;padding:23px 0}.activities-teaser article{padding:21px;gap:18px}.activities-teaser h2{font-size:25px}.activities-teaser p{font-size:11px}.activity-tile-number{font-size:47px}.activity-heading{flex-direction:column;align-items:flex-start;gap:12px}.activity-heading h1{font-size:43px}.activity-heading p{font-size:12px}.activity-page{padding-top:28px}.studio-top-tools{flex-wrap:wrap;gap:16px}.studio-title-field{min-width:100%;max-width:none}.studio-top-tools>div{width:100%;justify-content:space-between}.studio-top-tools .primary{font-size:11px;padding:12px 15px}.studio-layout{grid-template-columns:1fr}.studio-paper{padding:12px}.studio-inspector{padding:18px}.studio-bottom-tools{flex-direction:column;align-items:flex-start;gap:8px}.studio-bottom-tools .icon-button{font-size:10px}#studio-status{max-width:100%}.story-cards{grid-template-columns:1fr;gap:20px}.story-card{display:grid;grid-template-columns:38% 1fr}.story-card canvas{height:100%;object-fit:cover}.story-card h2{font-size:26px}.story-card p{min-height:0;font-size:11px}.story-card>div{padding:18px}.story-card .eyebrow{font-size:6px}.story-hub-status{flex-direction:column;align-items:flex-start;gap:15px}.story-play-layout{grid-template-columns:1fr;gap:20px}.story-illustration{position:static}.story-narrative{padding:22px}.story-narrative h2{font-size:34px}.story-narrative p{font-size:13px}.story-run-top{flex-wrap:wrap}.story-run-top>span{order:3;width:100%;font-size:9px}.story-illustration-caption{font-size:7px}.studio-drag-hint{font-size:9px}}

#reader-sequel{display:block;color:var(--gold);font-size:9px;max-width:190px;margin:0 auto;padding-top:6px;line-height:1.5}.reader-progress{min-width:0}@media(max-width:760px){#reader-sequel{font-size:8px;max-width:130px}.reader-footer>.icon-button{flex-shrink:0}}

/* Downloadable character stickers. */
.top-right{flex-wrap:wrap;justify-content:flex-end}.topbar{gap:20px}.brand{flex-shrink:0}
.activities-teaser .sticker-teaser{grid-column:1/-1;align-items:center;background:linear-gradient(110deg,#302944,#202c3b)}
.sticker-teaser .activity-tile-number{color:var(--purple)}.sticker-teaser p{max-width:620px}
.sticker-teaser-note{margin-left:auto;color:var(--teal);font:700 18px/1.5 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;transform:rotate(5deg);white-space:nowrap}
.sticker-pack-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 25px;border:1px solid #59617a;border-radius:8px;background:#25283e;margin-bottom:28px}
.sticker-pack-bar strong{font:700 25px 'Barlow Condensed',Impact,sans-serif;color:var(--ink)}
.sticker-pack-bar p,.sticker-note{color:var(--muted);font-size:12px;line-height:1.8;margin:7px 0 0}
.sticker-pack-bar .primary{text-decoration:none;white-space:nowrap;padding:14px 21px;font-size:13px}
.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sticker-card{border:1px solid #46516a;border-radius:10px;overflow:hidden;background:var(--panel)}
.sticker-art{aspect-ratio:1;display:grid;place-items:center;padding:14px;background-color:#e9e0f4;background-image:linear-gradient(45deg,#ffffff55 25%,transparent 25%,transparent 75%,#ffffff55 75%),linear-gradient(45deg,#ffffff55 25%,transparent 25%,transparent 75%,#ffffff55 75%);background-size:24px 24px;background-position:0 0,12px 12px}
.sticker-art-lope{background-color:#d8ede5}.sticker-art-ember{background-color:#e9ddf6}
.sticker-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 3px #33234820)}
.sticker-details{padding:23px}.sticker-details .eyebrow{font-size:8px;color:var(--teal)}
.sticker-details h2{font:700 27px/1.1 'Barlow Condensed',Impact,sans-serif;margin:13px 0 20px;min-height:60px;color:var(--ink)}
.sticker-save{display:flex;align-items:center;justify-content:space-between;text-decoration:none;border:1px solid #626079;border-radius:6px;padding:12px 15px;color:var(--gold);font-size:12px;font-weight:700;transition:background .15s,border-color .15s}
.sticker-save:hover{border-color:var(--gold);background:#353345}.sticker-save span{font-size:18px}
.sticker-note{margin:26px auto 0;max-width:760px;text-align:center}
@media(max-width:1000px){.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-details h2{font-size:26px}}
@media(max-width:760px){.top-right{justify-content:flex-start}.sticker-teaser-note{display:none}.sticker-pack-bar{flex-direction:column;align-items:stretch;padding:20px;gap:18px}.sticker-pack-bar .primary{justify-content:space-between}.sticker-pack-bar p{font-size:11px}.sticker-grid{gap:15px}.sticker-art{padding:7px}.sticker-details{padding:15px}.sticker-details h2{font-size:23px;min-height:77px}.sticker-details .eyebrow{font-size:7px;letter-spacing:1px}.sticker-save{padding:10px;font-size:11px}.sticker-note{font-size:11px}}
@media(max-width:390px){.sticker-grid{grid-template-columns:1fr}.sticker-details h2{min-height:0}.sticker-art{padding:15px}}

/* Sticker puzzle club. Pieces are views of the original transparent PNGs. */
.activities-teaser .puzzle-teaser{grid-column:1/-1;background:linear-gradient(110deg,#193b3f,#222b3e)}.puzzle-teaser p{max-width:650px}
.puzzle-badge-bar{display:flex;gap:18px;align-items:center;background:#26283c;border:1px solid #59617a;border-radius:8px;padding:20px 25px;margin-bottom:28px}
.puzzle-badge-star{font-size:36px;color:var(--gold)}.puzzle-badge-bar strong{font:700 23px 'Barlow Condensed',Impact,sans-serif}.puzzle-badge-bar p{font-size:11px;line-height:1.7;color:var(--muted);margin:5px 0 0}.puzzle-no-timer{margin-left:auto;color:var(--teal);font-size:8px;letter-spacing:1px;white-space:nowrap}
.puzzle-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.puzzle-mode-card{border:1px solid #46516a;border-radius:9px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}
.puzzle-mode-art{position:relative;aspect-ratio:1.15;background:#e8dff3;padding:15px;display:flex;justify-content:center;align-items:center;overflow:hidden}.puzzle-mode-art img{width:100%;height:100%;object-fit:contain}.puzzle-mode-art>span{position:absolute;bottom:0;right:0;background:#22263b;color:var(--gold);padding:9px 12px;font-size:8px;letter-spacing:1px;border-top-left-radius:7px}.puzzle-art-memory{background:#dbeee5}.puzzle-art-words{background:#efddf3}
.puzzle-mode-card>div:last-child{padding:24px;display:flex;flex-direction:column;flex:1}.puzzle-mode-card .eyebrow{font-size:7px;letter-spacing:1px}.puzzle-mode-card h2{font:700 32px 'Barlow Condensed',Impact,sans-serif;margin:12px 0}.puzzle-mode-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 23px}.puzzle-mode-card .primary{width:100%;font-size:12px;padding:13px 16px;margin-top:auto;justify-content:space-between}
.puzzle-play-top{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 20px}.puzzle-play-top>span{color:var(--teal);font-size:12px}.puzzle-play-top .text-button{padding:0}
.puzzle-play-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0}.puzzle-play-heading h2{font:700 39px 'Barlow Condensed',Impact,sans-serif;margin:0 0 8px}.puzzle-play-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin:0;max-width:480px}.puzzle-selects{display:flex;gap:13px;min-width:310px}.puzzle-selects label:first-child{flex:1}.puzzle-selects label:last-child{min-width:110px}
.puzzle-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:27px;align-items:start}.puzzle-workspace{min-width:0;background:#20273a;border:1px solid #46516a;padding:22px;border-radius:9px}
.puzzle-board{--puzzle-columns:2}.puzzle-picture{display:grid;grid-template-columns:repeat(var(--puzzle-columns),minmax(0,1fr));width:100%;max-width:640px;aspect-ratio:1;margin:auto;border:3px solid #101725;border-radius:6px;overflow:hidden;background:#eee4fa}
.puzzle-piece{appearance:none;border:1px solid #57477170;background-color:#eee4fa;background-repeat:no-repeat;min-width:0;padding:0;position:relative;aspect-ratio:1;transition:box-shadow .12s}.puzzle-piece:hover{box-shadow:inset 0 0 0 4px #ffcf6588}.puzzle-piece.selected{box-shadow:inset 0 0 0 5px #eb9c21;z-index:1}.puzzle-piece:focus-visible{outline:4px solid #157978;outline-offset:-5px;z-index:2}.puzzle-piece:disabled{opacity:1}
.puzzle-memory{display:grid;grid-template-columns:repeat(var(--puzzle-columns),minmax(0,1fr));gap:12px}.puzzle-memory-card{aspect-ratio:.88;min-width:0;padding:5px;display:grid;place-items:center;border:2px solid #6b608a;border-radius:9px;background:repeating-linear-gradient(45deg,#3b3455,#3b3455 9px,#423a5d 9px,#423a5d 18px);overflow:hidden}.puzzle-memory-card>span{font-size:clamp(22px,5vw,50px);color:var(--gold)}.puzzle-memory-card img{width:100%;height:100%;object-fit:contain;min-height:0}.puzzle-memory-card.face-up{background:#eadff4;border-color:#b69ad0}.puzzle-memory-card.matched{background:#ddf0e5;border-color:#58b798;opacity:1}.puzzle-memory-card:hover:not(:disabled){border-color:var(--gold)}
.puzzle-friend-panel{background:#20283b;border:1px solid #46516a;border-radius:9px;padding:20px}.puzzle-friend-panel .panel-eyebrow{font-size:8px;line-height:1.6}.puzzle-friend-panel img{display:block;width:100%;background:#e6dff1;border-radius:7px;margin-top:13px;padding:8px}.puzzle-friend-panel .icon-button{white-space:normal;line-height:1.7;width:100%;margin-top:12px}.puzzle-hint-copy>span{display:block;color:var(--purple);font-size:34px;margin-top:18px}.puzzle-hint-copy h3{font:700 26px/1.1 'Barlow Condensed',Impact,sans-serif;margin:8px 0 13px}.puzzle-hint-copy p{color:var(--muted);font-size:11px;line-height:1.8}
#puzzle-status{font-size:12px;line-height:1.8;color:var(--teal);min-height:24px;margin:18px 0 0}.puzzle-word-answer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:2px dashed #8f829d;background:#171f30;border-radius:8px;padding:25px;min-height:155px}.puzzle-word-answer>span{background:#f6d68c;color:#332d41;border-radius:5px;padding:12px 15px;font:700 24px 'Barlow Condensed',Impact,sans-serif}.puzzle-word-answer p{color:#b5b6c7;font-size:13px}.puzzle-word-bank{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.puzzle-word{padding:13px 17px;color:#f6e9ff;background:#4d3b68;border:1px solid #a38ac2;border-radius:6px;font:700 25px 'Barlow Condensed',Impact,sans-serif}.puzzle-word:disabled{opacity:.25}.puzzle-word:hover:not(:disabled){border-color:var(--gold)}.puzzle-word-tools{display:flex;align-items:center;gap:17px;margin-top:25px}
.puzzle-win{display:flex;align-items:center;gap:24px;margin-top:27px;padding:25px;border:1px solid #b79b50;border-radius:9px;background:linear-gradient(110deg,#3f3828,#283b3b)}.puzzle-win-star{font-size:55px;color:var(--gold)}.puzzle-win h2{font:700 32px 'Barlow Condensed',Impact,sans-serif;margin:9px 0}.puzzle-win p{font-size:12px;line-height:1.7;color:#d5d5c9;margin:0}.puzzle-win-buttons{display:grid;gap:12px;margin-left:auto}.puzzle-win-buttons .primary{padding:12px 17px;font-size:12px}
@media(max-width:1100px){.puzzle-hub{gap:17px}.puzzle-mode-card>div:last-child{padding:18px}.puzzle-mode-card h2{font-size:29px}.puzzle-mode-card p{font-size:11px}.puzzle-no-timer{display:none}.puzzle-play-heading{flex-wrap:wrap}.puzzle-selects{width:100%}.puzzle-play-layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.puzzle-workspace{padding:15px}.puzzle-friend-panel{padding:16px}.puzzle-memory{gap:8px}.puzzle-win{flex-wrap:wrap}.puzzle-win-buttons{width:100%;grid-template-columns:1fr 1fr;margin-left:0}.puzzle-win-buttons .primary{justify-content:center}}
@media(max-width:760px){.puzzle-hub{grid-template-columns:1fr}.puzzle-mode-card{display:grid;grid-template-columns:35% minmax(0,1fr)}.puzzle-mode-art{height:100%;aspect-ratio:auto;padding:7px}.puzzle-mode-art>span{font-size:6px;letter-spacing:0;padding:8px}.puzzle-mode-card .eyebrow{font-size:6px}.puzzle-mode-card h2{font-size:28px}.puzzle-mode-card p{font-size:11px;margin-bottom:18px}.puzzle-mode-card .primary{font-size:11px;padding:11px 13px}.puzzle-badge-bar{padding:18px;gap:14px}.puzzle-badge-bar p{font-size:10px}.puzzle-play-layout{grid-template-columns:1fr}.puzzle-friend-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.puzzle-hint-copy>span{margin-top:0}.puzzle-play-top{flex-wrap:wrap;gap:12px}.puzzle-play-top>span{font-size:10px}.puzzle-play-top .text-button{font-size:10px}.puzzle-workspace{padding:12px}.puzzle-memory{gap:7px}.puzzle-memory-card{border-radius:6px}.puzzle-selects{min-width:0}.puzzle-play-heading h2{font-size:33px}.puzzle-play-heading p{font-size:11px}.puzzle-word-answer{padding:16px;gap:8px;min-height:140px}.puzzle-word-answer>span{font-size:22px;padding:9px 12px}.puzzle-word{font-size:22px;padding:12px 14px}.puzzle-win{padding:19px;gap:14px}.puzzle-win-star{font-size:32px}.puzzle-win h2{font-size:28px}.puzzle-win-buttons{grid-template-columns:1fr}.puzzle-friend-panel:has(#puzzle-reference[hidden]){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.puzzle-piece{transition:none}}