@font-face{font-family:LDDisplay;src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff6e2;color:#19182a;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid #572bff;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark,.big-button{font-family:Impact,LDDisplay,'Arial Black',sans-serif;font-weight:900;line-height:.98;letter-spacing:-.025em}h1{font-size:clamp(60px,7.1vw,110px)}h2{font-size:clamp(36px,4.6vw,64px)}h3{font-size:29px}h1 em,h2 em{font-style:normal}h1 em{color:#5527ef}h2 em{color:#5527ef}.skip{position:absolute;top:-80px;z-index:10;background:#dfff45;padding:15px}.skip:focus{top:5px}.edition-bar{background:#19182a;color:#fff6e2;display:flex;justify-content:space-between;padding:9px 4%;font-size:10px;letter-spacing:1.6px;font-weight:800}.masthead{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;border-bottom:3px solid #19182a;gap:20px}.wordmark{font-size:28px;text-decoration:none;white-space:nowrap;transform:skew(-5deg);display:inline-block}.wordmark b{color:#5527ef}.wordmark span{color:#fa542c;margin-left:5px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.4px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-play{padding:13px 20px;background:#dfff45;border:2px solid #19182a;box-shadow:3px 3px 0 #19182a}.cover{max-width:1440px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;padding:54px 4% 62px;gap:40px;overflow:hidden;background-image:radial-gradient(#19182a12 1px,transparent 1px);background-size:7px 7px}.cover-copy{position:relative;z-index:1}.issue-label,.kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;display:block;margin-bottom:18px}.pixel-star{font-size:25px;vertical-align:middle;color:#fa542c;margin-right:7px}.cover-copy h1{max-width:650px}.splash{display:block;position:relative;margin:20px 0 18px;background:#dfff45;border:2px solid #19182a;padding:8px 15px;transform:rotate(-3deg);box-shadow:4px 4px 0 #19182a;font-size:15px;font-weight:900;max-width:95%;text-align:left}.splash:hover{transform:rotate(-1deg) scale(1.02)}.cover-copy>p:not(.small-print){font-size:17px;max-width:420px;margin-top:23px}.cover-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:27px}.big-button{display:flex;justify-content:space-between;align-items:center;gap:32px;text-decoration:none;background:#fa542c;color:#19182a;border:3px solid #19182a;box-shadow:6px 6px 0 #19182a;padding:19px 23px;font-size:23px;transition:transform .12s,box-shadow .12s}.big-button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #19182a}.text-link{font-size:13px;font-weight:800;text-underline-offset:4px}.small-print{font-size:9px;font-weight:800;letter-spacing:.6px;margin-top:22px}.cover-art{position:relative;min-width:0;padding-top:35px;align-self:center}.arena-window{border:3px solid #19182a;box-shadow:10px 10px 0 #5527ef;transform:rotate(2deg);background:#19132b;overflow:hidden}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#dfff45;border-bottom:3px solid #19182a;padding:10px;font-size:9px;font-weight:900;letter-spacing:1px}.window-bar button{border:1px solid #19182a;background:transparent;padding:5px;font-size:9px;font-weight:900;min-height:32px}#cover-arena{height:390px;background:radial-gradient(ellipse at 50% 55%,#4c2761,transparent 65%),repeating-linear-gradient(0deg,#19132b,#19132b 24px,#3b2944 25px);position:relative}#cover-arena canvas{display:block;max-width:100%}.arena-loading{position:absolute;inset:45% 0;text-align:center;font-size:11px;color:#dfff45;letter-spacing:2px}.arena-caption{color:#fff6e2;display:flex;justify-content:space-between;padding:12px;font-size:8px;gap:10px;letter-spacing:.8px;border-top:2px solid #73628e}.arena-caption b{color:#dfff45}.cover-sticker{position:absolute;z-index:2;top:-10px;right:-15px;background:#fa542c;clip-path:polygon(50% 0,59% 14%,75% 7%,77% 24%,95% 25%,87% 41%,100% 50%,86% 59%,94% 75%,76% 77%,75% 94%,59% 87%,50% 100%,41% 86%,25% 94%,23% 76%,5% 75%,13% 59%,0 50%,14% 41%,6% 25%,24% 23%,25% 6%,41% 14%);width:145px;height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;line-height:1.1;transform:rotate(13deg);font-size:17px}.cover-sticker strong{text-align:center;font-size:15px}.scribble{display:block;text-align:right;margin:22px 8px;font-family:Georgia,serif;font-style:italic;font-size:13px;transform:rotate(-2deg)}.corner-label{position:absolute;bottom:-25px;left:-12px;background:#dfff45;border:3px solid #19182a;padding:10px 18px;transform:rotate(-7deg);font-family:Impact,sans-serif;font-size:31px}.corner-label span{font-size:22px}.ticker{display:flex;flex-wrap:wrap;justify-content:space-evenly;background:#5527ef;color:#fff6e2;padding:17px 20px;gap:15px;border-top:3px solid #19182a;border-bottom:3px solid #19182a;font-size:13px;font-weight:900;letter-spacing:1px}.section{max-width:1440px;margin:0 auto;padding:70px 4%}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:12px 40px}.section-heading .kicker{grid-column:1/-1;margin:0}.section-heading p{max-width:450px}.lesson-strip{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:35px 0 0;border:3px solid #19182a;box-shadow:6px 6px 0 #19182a}.lesson-strip li{padding:22px;position:relative;border-right:2px solid #19182a}.lesson-strip li:last-child{border:0}.lesson-strip li:nth-child(2){background:#e4d9ff}.lesson-strip li:nth-child(3){background:#dfff45}.lesson-strip li:nth-child(4){background:#ffc4a8}.step-count{font-family:monospace;font-weight:900;border:2px solid #19182a;padding:2px 7px;font-size:12px}.step-doodle{font-family:Impact,sans-serif;font-size:48px;margin:14px 0;line-height:1;transform:rotate(-8deg)}.lesson-strip p{margin-top:13px;font-size:14px;line-height:1.55}.controls{margin-top:25px;border:2px solid #19182a}.controls summary{padding:16px 20px;cursor:pointer;font-size:12px;font-weight:900;list-style:none;display:flex;justify-content:space-between}.controls>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 20px 20px;font-size:14px}.power{background:#19182a;color:#fff6e2;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:3px solid #19182a;border-bottom:3px solid #19182a}.power h2 em{color:#dfff45}.power-title>p{max-width:400px;margin-top:25px}.stamp{display:inline-block;border:3px solid #fa542c;padding:9px 15px;color:#fa542c;font-size:13px;font-weight:900;line-height:1.1;margin-top:35px;transform:rotate(-8deg)}.loadout{min-width:0}.loadout-tabs{display:flex}.loadout-tabs button{background:#fff6e2;border:2px solid #19182a;padding:13px 7px;flex:1;font-size:11px;font-weight:900;color:#19182a}.loadout-tabs [aria-selected=true]{background:#dfff45;border-bottom-color:#dfff45}.loadout-tabs button:focus-visible{outline-color:#fa542c}#build-example{border:3px solid #dfff45;padding:26px;min-height:270px}#build-example .build-icon{font-size:45px;float:right;color:#dfff45}#build-example h3{font-size:33px;max-width:240px}#build-example p{margin:18px 0;font-size:15px}#build-example ul{list-style:none;padding:0;margin:0;font-family:monospace;font-size:13px}#build-example li{padding:8px 0;border-top:1px solid #ffffff33;display:flex;justify-content:space-between;gap:15px}#build-example li b{color:#dfff45}.loadout-note{font-size:11px;margin-top:13px;color:#d0c5e5}.field-notes{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.story>p{max-width:550px;margin-top:25px}.story blockquote{margin:25px 0 0;border-left:6px solid #fa542c;padding:10px 20px;font-weight:800;max-width:550px}.secret-note{position:relative;transform:rotate(3deg);padding:35px;background:#dfff45;border:2px solid #19182a;box-shadow:6px 6px 0 #19182a}.secret-note h3{font-size:43px}.secret-note p{font-size:14px;margin-top:15px}.secret-note button{background:transparent;border:3px solid #5527ef;color:#5527ef;padding:10px 20px;font-weight:900;transform:rotate(-5deg);margin-top:25px}.tape{position:absolute;width:100px;height:24px;top:-13px;left:calc(50% - 50px);background:#fa542caa;transform:rotate(-6deg)}#secret-answer{font-family:monospace;font-size:12px;min-height:3em}.download{border-top:3px solid #19182a;display:flex;align-items:center;gap:60px;background:#ffc4a8}.download>div{flex:1}.download h2{font-size:clamp(32px,4vw,53px)}.download p{margin-top:20px;max-width:640px}.download .big-button{font-size:21px;background:#dfff45;max-width:340px}.download .release-note{font-size:12px}.parents-strip{padding:25px 4%;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-block:3px solid #19182a;font-size:12px}.parents-strip a{font-weight:900}.site-footer{max-width:1440px;padding:45px 4%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-footer>div{display:flex;gap:20px;justify-content:end;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:800}.site-footer>p{font-size:11px}.footer-joke{text-align:right;letter-spacing:1px;font-weight:900}#footer-secret{border:0;background:none;font-size:22px;min-width:40px;min-height:40px}.legal{max-width:850px;padding:50px 25px 70px;margin:auto}.legal h1{font-size:55px}.legal h2{font:900 23px Arial,sans-serif;letter-spacing:0;margin:32px 0 12px}.legal p,.legal ul,.legal ol{margin:14px 0;line-height:1.7}.legal .lead{font-size:20px;font-weight:700}.legal .notice{background:#dfff45;border:2px solid #19182a;padding:20px;box-shadow:4px 4px #19182a}.legal .draft{background:#ffc4a8}.legal a{text-underline-offset:3px}.legal details{border-block:1px solid #19182a;padding:15px 0;margin-top:15px}.legal summary{cursor:pointer;font-weight:bold}.legal table{width:100%;border-collapse:collapse;font-size:14px}.legal th,.legal td{padding:12px;border:1px solid #19182a;text-align:left}.legal button{padding:13px 20px;background:#dfff45;border:2px solid #19182a;font-weight:800}.legal .updated{font-size:12px;margin-top:18px}.legal code{overflow-wrap:anywhere}@media(min-width:1550px){body{border-inline:1px solid #19182a}.cover-art #cover-arena{height:440px}}@media(max-width:900px){nav{gap:15px}.wordmark{font-size:22px}.cover{gap:25px;padding-top:30px}.cover-copy h1{font-size:clamp(52px,8vw,75px)}#cover-arena{height:350px}.big-button{font-size:18px;padding:16px;gap:15px}.lesson-strip{grid-template-columns:1fr 1fr}.lesson-strip li:nth-child(2){border-right:0}.lesson-strip li:nth-child(-n+2){border-bottom:2px solid #19182a}.power{gap:35px}.field-notes{gap:50px}.download{flex-direction:column;align-items:flex-start;gap:25px}}@media(max-width:620px){.edition-bar{font-size:8px}.edition-bar span:last-child{display:none}.masthead{padding:20px;flex-wrap:wrap;gap:20px}.wordmark{font-size:26px}nav{width:100%;justify-content:space-between;gap:10px}nav a{font-size:9px}.nav-play{padding:9px 15px}.cover{display:flex;flex-direction:column;padding:30px 22px 40px;gap:30px}.cover-copy h1{font-size:clamp(65px,16vw,94px)}.issue-label{font-size:9px;margin-bottom:10px}.cover-copy>p:not(.small-print){font-size:16px}.cover-actions{margin-top:22px}.big-button{font-size:21px;min-height:62px}.cover-art{width:100%;padding-top:12px}.cover-sticker{top:-10px;right:-5px;width:115px;height:115px;font-size:14px}.cover-sticker strong{font-size:12px}.arena-window{transform:rotate(1deg);box-shadow:6px 6px 0 #5527ef}#cover-arena{height:300px}.scribble{font-size:11px;margin-bottom:0}.corner-label{font-size:24px;bottom:-5px;left:-8px;padding:5px 13px}.arena-caption{font-size:7px}.ticker{font-size:10px;gap:12px;padding:13px}.ticker span:last-child{display:none}.section{padding:45px 22px}.section-heading{display:block}.section-heading .kicker{margin-bottom:12px}.section-heading p{font-size:15px;margin-top:20px}.lesson-strip li{padding:18px 15px}.lesson-strip h3{font-size:24px}.lesson-strip p{font-size:13px}.step-doodle{font-size:39px}.controls>div{grid-template-columns:1fr}.power{grid-template-columns:1fr;gap:30px}.stamp{margin-top:20px}.field-notes{grid-template-columns:1fr;gap:40px}.secret-note{margin-inline:8px}.download h2{font-size:38px}.parents-strip{padding:25px 22px;gap:10px;flex-direction:column;align-items:flex-start}.site-footer{display:block;padding:30px 22px}.site-footer>div{justify-content:start;gap:18px;margin:25px 0}.site-footer>p{margin-top:15px}.footer-joke{text-align:left}.legal{padding:35px 22px}.legal h1{font-size:44px}.legal table{font-size:12px}.legal th,.legal td{padding:8px}}@media(prefers-reduced-motion:reduce){html:not(.motion-active){scroll-behavior:auto}html:not(.motion-active) *{transition:none!important;animation:none!important}}.quiet-motion{scroll-behavior:auto}.quiet-motion *{animation:none!important;transition:none!important}
.window-bar button{position:absolute;z-index:3;right:12px;bottom:45px;color:#fff6e2;background:#19182add;border:1px solid #dfff45;min-height:38px;padding:8px 12px;font-size:10px}

/* Print, paper and impact: motion belongs to the existing magazine artwork. */
.magazine-home .edition-bar{align-items:center;min-height:39px}
#page-motion{border:1px solid #fff6e266;background:transparent;color:#fff6e2;padding:4px 8px;font:800 9px Arial,sans-serif;letter-spacing:1px;min-height:28px;white-space:nowrap}
#page-motion i{color:#dfff45;font-style:normal;margin-right:5px}
.reading-progress{position:fixed;inset:0 0 auto;height:4px;background:#fa542c;transform:scaleX(var(--read,0));transform-origin:left;z-index:20;pointer-events:none}
.headline-line{display:block;transform-origin:left bottom;position:relative}
.cover-copy h1 em::after{content:'';position:absolute;left:0;bottom:-7px;width:83%;height:7px;background:#fa542c;transform:skew(-25deg);transform-origin:left}
.motion-active .headline-line{animation:headline-hit .72s cubic-bezier(.16,1,.3,1) both}
.motion-active .headline-line:nth-child(2){animation-delay:.12s}
.motion-active .headline-line:nth-child(3){animation-delay:.24s}
.motion-active .cover-copy h1 em::after{animation:ink-stroke .45s .5s cubic-bezier(.2,.8,.2,1) both}
.motion-active .cover-actions{animation:paper-in .65s .3s cubic-bezier(.2,.8,.2,1) both}
.cover-art{isolation:isolate}
.cover-art::before{content:'';position:absolute;z-index:-1;inset:8% -10%;background:repeating-conic-gradient(from 12deg at 50% 50%,transparent 0 15deg,#5527ef1a 15deg 16deg,transparent 16deg 28deg);clip-path:polygon(0 3%,100% 0,98% 95%,5% 100%);pointer-events:none}
.motion-active .cover-art::before{animation:rays-turn 16s ease-in-out infinite alternate}
.motion-active .cover-sticker{animation:sticker-drift 4.2s ease-in-out infinite}
.arena-window{transform:perspective(900px) rotate(2deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .28s ease-out,box-shadow .28s;position:relative}
.arena-window::after{content:'';position:absolute;inset:-10% -70%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#fff6e244 49%,transparent 56%);transform:translateX(-65%);opacity:0}
.motion-active .arena-window::after{animation:cover-sweep 1.1s .35s ease-out both}
.magazine-home .ticker{display:block;overflow:hidden;padding:16px 0}
.ticker-track{display:flex;width:max-content}
.ticker-group{display:flex;gap:48px;padding-right:48px;flex-shrink:0;white-space:nowrap}
.magazine-home .ticker span:last-child{display:inline}
.motion-active .ticker-track{animation:ribbon-run 30s linear infinite}
.motion-active .ticker:hover .ticker-track{animation-play-state:paused}
.motion-active .reveal{opacity:0;transform:translateY(36px);transition:opacity .65s var(--delay,0ms),transform .7s var(--delay,0ms) cubic-bezier(.16,1,.3,1)}
.motion-active .reveal.revealed{opacity:1;transform:translateY(0)}
.motion-active .secret-note.reveal{transform:translateY(36px) rotate(7deg)}
.secret-note,.motion-active .secret-note.revealed{transform:perspective(900px) rotate(3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .28s ease-out,box-shadow .28s}
.loadout,.motion-active .loadout.revealed{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.motion-active .lesson-strip li:hover .step-doodle{animation:doodle-kick .48s cubic-bezier(.2,.8,.2,1)}
.lesson-strip li{transition:box-shadow .2s}.lesson-strip li:hover{box-shadow:inset 0 -5px #5527ef}
.motion-active #build-example .build-icon{animation:power-arrival .5s cubic-bezier(.16,1,.3,1)}
.motion-active #build-example h3,.motion-active #build-example p{animation:card-line .4s ease-out both}
.motion-active #build-example li{animation:card-line .45s calc(.1s + var(--row)*70ms) ease-out both}
.big-button{position:relative;overflow:hidden}.big-button span{transition:transform .2s}
.big-button:hover span{transform:translateX(4px)}
.nav-play{transition:transform .18s,box-shadow .18s}.nav-play:hover{transform:translate(2px,2px);box-shadow:1px 1px #19182a}
.secret-note:hover{box-shadow:10px 13px 0 #19182a}
.paper-bit{position:absolute;left:50%;top:65%;height:5px;width:13px;pointer-events:none;animation:paper-burst .7s ease-out both;z-index:3}
.tab-inactive *,.tab-inactive *::before,.tab-inactive *::after{animation-play-state:paused!important}
@keyframes headline-hit{0%{opacity:0;transform:translateX(-35px) translateY(30px) skewX(-8deg) scale(1.06)}65%{opacity:1;transform:translateX(2px) translateY(-2px) skewX(1deg) scale(.995)}100%{opacity:1;transform:none}}
@keyframes ink-stroke{from{transform:skew(-25deg) scaleX(0)}to{transform:skew(-25deg) scaleX(1)}}
@keyframes paper-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cover-sweep{0%{opacity:0;transform:translateX(-65%)}20%{opacity:.5}100%{opacity:0;transform:translateX(65%)}}
@keyframes sticker-drift{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(-8px) rotate(8deg)}}
@keyframes rays-turn{from{transform:rotate(-5deg) scale(.98)}to{transform:rotate(7deg) scale(1.06)}}
@keyframes ribbon-run{to{transform:translateX(-50%)}}
@keyframes doodle-kick{0%,100%{transform:rotate(-8deg) scale(1)}40%{transform:rotate(9deg) scale(1.22)}70%{transform:rotate(-12deg) scale(.95)}}
@keyframes power-arrival{from{opacity:0;transform:rotate(-35deg) scale(.4)}65%{opacity:1;transform:rotate(7deg) scale(1.12)}to{transform:none}}
@keyframes card-line{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}
@keyframes paper-burst{0%{opacity:1;transform:rotate(var(--angle)) translateX(20px) rotate(0)}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) rotate(100deg)}}
@media(max-width:620px){.magazine-home .edition-bar{padding-inline:20px;font-size:8px;letter-spacing:.7px;gap:10px}.cover-copy h1 em::after{height:5px;bottom:-5px}.ticker-group{gap:30px;padding-right:30px}.magazine-home .ticker{padding:14px 0}.reading-progress{height:3px}.secret-note:hover{box-shadow:6px 6px 0 #19182a}}
.quiet-motion .reveal{opacity:1!important}.quiet-motion .cover-art::before{transform:none}.quiet-motion .paper-bit{display:none}