@font-face{font-family:Pixelify Sans;src:url(../fonts/PixelifySans.ttf)format("truetype");font-weight:400 700;font-display:swap}:root{--ink:#14121c;--navy:#1b1f3b;--navy-2:#262b52;--paper:#f4f1e8;--yellow:#e8c547;--teal:#2bb3a3;--red:#d84b4b;--sky:#9cc8f0;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pixel:"Pixelify Sans", ui-monospace, monospace;--grass:#5fa85a;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{background:var(--navy);color:var(--paper);font-family:var(--font);margin:0;line-height:1.5}.hidden{display:none!important}a{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}canvas{image-rendering:pixelated}.btn{font:inherit;font-family:var(--pixel);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;min-height:44px;padding:.6em 1.1em;font-size:1.05rem;font-weight:600;transition:transform 60ms}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-big{padding:.8em 1.4em;font-size:1.15rem}.btn-ghost{color:var(--paper);border-color:var(--paper);background:0 0;box-shadow:0 4px #0008}.btn-teal{background:var(--teal)}.btn-red{background:var(--red);color:#fff}#landing{max-width:1040px;padding:calc(1rem + var(--safe-t)) calc(1rem + var(--safe-r)) calc(1rem + var(--safe-b)) calc(1rem + var(--safe-l));margin:0 auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.logo{color:var(--yellow);text-shadow:3px 3px 0 var(--ink);font-size:1.3rem;font-weight:800;text-decoration:none}.site-header nav{gap:1rem;display:flex}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;padding:2rem 0 3rem;display:grid}.hero h1{text-shadow:4px 4px 0 var(--ink);margin:0 0 1rem;font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}.hero h1 em{color:var(--yellow);font-style:normal}.lead{font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin:1.5rem 0 1rem;display:flex}.hero-art{justify-content:center;display:flex}.hero-art canvas{width:min(100%,320px);height:auto;filter:drop-shadow(6px 6px 0 var(--ink))}.small{opacity:.85;font-size:.9rem}.card{background:var(--navy-2);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin:0 0 2rem;padding:1.25rem 1.5rem}.card h2{color:var(--yellow);margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}caption{text-align:left;padding-bottom:.4rem;font-weight:700}th,td{border:2px solid var(--ink);text-align:left;vertical-align:top;padding:.4rem .6rem}th{background:var(--navy)}code{background:var(--ink);padding:0 .3em}.site-footer{text-align:center;opacity:.8;padding:1rem 0 2rem}@media (max-width:720px){.hero{grid-template-columns:1fr}.hero-art{order:-1}.hero-art canvas{width:min(60%,220px)}}body.in-app{overscroll-behavior:none;overflow:hidden}#app{background:var(--navy);z-index:10;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed;inset:0}#game{inset:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);position:absolute}#game canvas{display:block}#screen{padding:calc(.75rem + var(--safe-t)) calc(.75rem + var(--safe-r)) calc(.75rem + var(--safe-b)) calc(.75rem + var(--safe-l));touch-action:pan-y;background:#14121cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}#screen:empty{display:none}.panel{background:var(--navy-2);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);width:min(100%,560px);max-height:100%;margin:auto;padding:1.25rem;overflow-y:auto}.panel-wide{width:min(100%,900px)}.panel h2{color:var(--yellow);text-transform:uppercase;text-shadow:3px 3px 0 var(--ink);margin:0 0 .75rem}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.center{text-align:center;justify-content:center}.menu-grid{grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;display:grid}.menu-grid .preview{width:140px}@media (max-width:520px){.menu-grid{grid-template-columns:1fr;justify-items:center}}.preview{max-width:100%;height:auto;margin:0 auto;display:block}.note{opacity:.85;font-size:.85rem}.error{color:#ffb4b4}.editor{grid-template-columns:minmax(180px,1fr) 1.4fr;gap:1.25rem;display:grid}@media (max-width:680px),(max-height:480px) and (orientation:landscape){.editor{grid-template-columns:1fr 1.4fr;gap:.75rem}}@media (max-width:480px){.editor{grid-template-columns:1fr}}.editor .stage{border:3px solid var(--ink);background:linear-gradient(#7ec8f2,#d9f1ff 75%,#5fa85a 75% 80%,#8a6243 80%);justify-content:center;align-items:flex-end;min-height:220px;padding:.5rem 0 1.5rem;display:flex}.editor .stage canvas{width:min(100%,220px);height:auto}fieldset{border:2px solid var(--ink);margin:0;padding:.5rem .6rem .6rem}legend{padding:0 .3rem;font-size:.9rem;font-weight:700}.choices{flex-wrap:wrap;gap:.4rem;display:flex}.choice{font:inherit;color:var(--paper);background:var(--navy);border:2px solid var(--ink);cursor:pointer;min-height:36px;padding:.35em .7em;font-size:.85rem}.choice[aria-pressed=true]{background:var(--teal);color:var(--ink);font-weight:700}.choice:disabled{opacity:.5;cursor:not-allowed}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;display:grid}.preset-grid button{background:var(--navy);border:3px solid var(--ink);cursor:pointer;padding:.3rem}.preset-grid button[aria-pressed=true]{border-color:var(--yellow)}.preset-grid canvas{width:100%;height:auto;display:block}.camera{border:3px solid var(--ink);background:#000;position:relative}.camera video{object-fit:cover;width:100%;max-height:55vh;display:block;transform:scaleX(-1)}.oval-guide{aspect-ratio:3/4;pointer-events:none;border:3px dashed #fffc;border-radius:50%;width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.crop-box{aspect-ratio:1;border:3px solid var(--ink);cursor:grab;touch-action:none;width:min(70vw,256px,50vh);margin:0 auto;position:relative;overflow:hidden}.crop-box canvas{image-rendering:auto;width:100%;height:100%;display:block}.crop-box:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #14121c8c}.dropzone{border:3px dashed var(--sky);text-align:center;padding:1rem}.dropzone.over{background:#9cc8f026}label.slider{grid-template-columns:5.5em 1fr;align-items:center;gap:.5rem;display:grid}input[type=range]{width:100%;accent-color:var(--yellow)}.toggle{border-bottom:2px dashed #0006;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0;display:flex}.toggle input{width:1.4rem;height:1.4rem;accent-color:var(--teal)}#hud{pointer-events:none;padding:calc(.5rem + var(--safe-t)) calc(.75rem + var(--safe-r)) 0 calc(.75rem + var(--safe-l));text-shadow:2px 2px 0 var(--ink);font-weight:800;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:1rem;font-size:clamp(1rem,3.2vmin,1.6rem);display:flex}.hud-stats{gap:1.2rem;display:flex}.hud-power{align-items:center;gap:.5rem;font-size:.8em;display:flex}.hud-power .bar{border:2px solid var(--ink);background:#0006;width:70px;height:10px}.hud-power .bar i{background:var(--yellow);height:100%;display:block}.pause-btn{pointer-events:auto;font:inherit;background:var(--paper);width:48px;height:48px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;font-size:1rem}.banner{color:var(--yellow);text-transform:uppercase;text-align:center;white-space:nowrap;font-size:clamp(1.2rem,5vmin,2.4rem);animation:2.2s forwards banner;position:absolute;top:22%;left:50%;transform:translate(-50%)}.toast-line{left:50%;top:calc(4.2rem + var(--safe-t,0px));text-align:center;max-width:92vw;color:var(--paper);border:2px solid var(--ink);background:#14121cbf;padding:.25rem .7rem;font-size:clamp(.85rem,3.2vmin,1.25rem);animation:2.6s forwards banner;position:absolute;transform:translate(-50%)}.ram-ico{vertical-align:.1em;background:linear-gradient(90deg,#14121c 0 18%,#0000 18% 30%,#14121c 30% 48%,#0000 48% 60%,#14121c 60% 78%,#0000 78%) 50% 30%/80% 45% no-repeat,linear-gradient(#2f8a4a 0 75%,#e8c547 75%);border:2px solid #14121c;width:1.1em;height:.55em;margin-right:.3em;display:inline-block}.chase{color:#ff6b6b;animation:.5s steps(2,end) infinite blink;top:15%}.hint{background:var(--paper);color:var(--ink);border:3px solid var(--ink);text-shadow:none;text-align:center;padding:.4em .8em;font-size:clamp(.9rem,3.5vmin,1.3rem);position:absolute;top:34%;left:50%;transform:translate(-50%)}@keyframes banner{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:.2}}@keyframes fadeout{70%{opacity:.9}to{opacity:0}}#flash{opacity:0;pointer-events:none;z-index:40;background:#fff;position:absolute;inset:0}#flash.on{animation:.35s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.digitizer{z-index:35;text-transform:uppercase;color:var(--yellow);background:#14121cd9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:800;display:flex;position:absolute;inset:0}.digitizer canvas{width:min(40vmin,220px);height:auto}.digitizer .scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000040 3px 4px);position:absolute;inset:0}#toast{left:50%;bottom:calc(1rem + var(--safe-b));z-index:50;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:.75rem;max-width:calc(100% - 2rem);padding:.5rem .9rem;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}#toast:empty{display:none}#toast .btn{min-height:36px;padding:.3em .8em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reduced-motion .banner{animation:none!important}@media (prefers-reduced-motion:reduce){.banner{animation:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen-root{display:contents}.crop-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.crop-row .crop-box{margin:0}.crop-box.cutout{background:repeating-conic-gradient(#3a3f66 0% 25%,#262b52 0% 50%) 0 0/16px 16px}.crop-box.cutout:after{display:none}.crop-preview{text-align:center;margin:0;font-size:.85rem}.crop-preview canvas{border:3px solid var(--ink);background:linear-gradient(#7ec8f2,#d9f1ff);width:128px;height:128px}.hud-top .stat{display:inline-block}.stat.bump{animation:.22s ease-out bump}@keyframes bump{40%{color:var(--yellow);transform:scale(1.3)}}.pause-btn{flex-direction:column;justify-content:center;align-items:center;width:auto;min-width:52px;height:52px;padding:0 .6rem;line-height:1;display:flex}.pad-toggle{pointer-events:auto;font:inherit;font-family:var(--pixel);background:var(--paper);min-height:44px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;margin-left:auto;margin-right:.5rem;padding:0 .7rem;font-size:.85rem}.pause-btn small{opacity:.7;margin-top:2px;font-size:.6rem}.announce{color:var(--yellow);text-shadow:5px 5px 0 var(--ink);font-size:clamp(2rem,10vmin,5rem);animation:.8s ease-out forwards announce;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes announce{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.hint kbd{font:inherit;background:var(--ink);color:var(--paper);border-bottom:3px solid #000;border-radius:3px;padding:.05em .45em;font-weight:800;animation:.8s steps(2,end) infinite keypress;display:inline-block}@keyframes keypress{50%{border-bottom-width:1px;transform:translateY(2px)}}.hint-nice{background:var(--teal)}.touch-guide{pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.touch-guide .zone{text-align:center;opacity:0;justify-content:center;align-items:flex-end;padding-bottom:10%;font-size:clamp(1rem,4vmin,1.6rem);display:flex}.touch-guide[data-zone=left] .left,.touch-guide[data-zone=right] .right{opacity:1;border:4px dashed var(--yellow);background:#e8c5472e;animation:.9s ease-in-out infinite glow}@keyframes glow{50%{background:#e8c54752}}.reduced-motion .announce{animation:none!important}h1,h2,h3,.logo,.hud-top,.announce,.banner,.hint,.choice,legend,.loader-text{font-family:var(--pixel)}h1,h2,.panel h2{text-transform:none;letter-spacing:.01em}.loader{z-index:45;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}[data-loader] .loader{background:0 0;position:static}.loader-screen{aspect-ratio:16/9;border:4px solid var(--ink);width:min(80vw,320px);box-shadow:6px 6px 0 var(--ink);position:relative;overflow:hidden}.loader-screen canvas{width:100%;height:100%;display:block}.loader-screen .scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000002e 3px 4px);position:absolute;inset:0}.loader-text{color:var(--yellow);margin:0;font-size:1.1rem}.loader-bar{border:3px solid var(--ink);background:var(--navy-2);width:min(70vw,260px);height:12px;overflow:hidden}.loader-bar i{background:repeating-linear-gradient(90deg, var(--yellow) 0 8px, #b8902a 8px 12px);width:40%;height:100%;animation:1.1s steps(10,end) infinite digitize;display:block}@keyframes digitize{0%{transform:translate(-100%)}to{transform:translate(250%)}}#landing,.page{max-width:1040px;padding:calc(1rem + var(--safe-t)) calc(1rem + var(--safe-r)) calc(1rem + var(--safe-b)) calc(1rem + var(--safe-l));margin:0 auto}.site-header nav{flex-wrap:wrap;align-items:center}.site-header nav a{font-family:var(--pixel);color:var(--paper);border-bottom:3px solid #0000;padding:.25rem 0;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-bottom-color:var(--yellow)}.site-header nav .nav-play{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);padding:.2rem .8rem}.hero h1{font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.08}.lead{max-width:34em;line-height:1.55}.tablet{border:4px solid var(--ink);width:min(100%,440px);box-shadow:inset 0 -6px 0 #2a2e4f, 8px 8px 0 var(--ink);background:#3a3f66;border-radius:22px;justify-self:center;margin:0;padding:18px 18px 34px;position:relative;transform:rotate(-2deg)}.tablet-screen{border:4px solid var(--ink);aspect-ratio:16/9;background:#7ec8f2;border-radius:6px;position:relative;overflow:hidden}.tablet-screen canvas{width:100%;height:100%;display:block}.tablet-screen .scan{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000001f 3px 4px);position:absolute;inset:0}.tablet-button{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:8px;left:50%}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0 0 3rem;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-left:3rem;line-height:1.45;position:relative}.steps li:before{content:counter(step);width:2.2rem;height:2.2rem;font-family:var(--pixel);color:var(--ink);background:var(--grass);border:3px solid var(--ink);place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;top:-.1rem;left:0}.cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.card-link{color:var(--paper);background:var(--navy-2);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:1rem 1.1rem;text-decoration:none;display:block}.card-link h2{color:var(--yellow);margin:0 0 .35rem;font-size:1.3rem}.card-link p{opacity:.9;margin:0}.card-link:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}@media (max-width:760px){.steps,.cards{grid-template-columns:1fr}.tablet{transform:none}}.prose{max-width:44rem;padding-bottom:2rem;line-height:1.6}.prose h1{color:var(--yellow);text-shadow:3px 3px 0 var(--ink);margin:1.5rem 0 1rem;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.1}.prose h2{color:var(--yellow);margin-top:2.2rem}.prose dt{margin-top:.6rem;font-weight:700}.prose dd{margin-left:0}.prose li{margin-bottom:.35rem}.prose table{min-width:0}kbd{font-family:var(--pixel);background:var(--ink);color:var(--paper);border-bottom:3px solid #000;border-radius:3px;padding:0 .4em}.control-set{background:var(--navy-2);border:3px solid var(--ink);margin-bottom:1rem;padding:.5rem 1rem .75rem}.control-set h3{margin:.4rem 0}details summary{cursor:pointer;font-family:var(--pixel);color:var(--yellow);margin-bottom:.75rem}.creator .links{flex-wrap:wrap;gap:.5rem 1.25rem;padding:0;list-style:none;display:flex}.site-footer p{margin:.3rem 0}a.btn{text-decoration:none;display:inline-block}.title-screen{text-align:center;width:min(100%,520px)}.game-title{margin-bottom:.5rem;font-size:clamp(2rem,7vmin,3rem)}.title-scene{border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink);aspect-ratio:16/9;background:#7ec8f2;max-width:360px;margin:0 auto 1rem;position:relative;overflow:hidden}.title-scene canvas{width:100%;height:100%;display:block}.title-scene .scan{background:repeating-linear-gradient(0deg,#0000 0 3px,#0000001f 3px 4px);position:absolute;inset:0}@media (max-height:520px) and (orientation:landscape){.title-screen{grid-template-columns:1fr 1fr;align-items:center;gap:0 1rem;width:min(100%,760px);display:grid}.game-title,.title-screen .stats,.title-screen .note{grid-column:1/-1}.title-scene{margin:0}}.stats{justify-content:center;gap:1.5rem;margin:1rem 0 .5rem;display:flex}.stats div{text-align:center}.stats dt{opacity:.75;font-size:.8rem}.stats dd{font-family:var(--pixel);color:var(--yellow);margin:0;font-size:1.2rem}.menu-links{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;display:flex}.linklike{font:inherit;color:var(--yellow);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tabs{border-bottom:3px solid var(--ink);gap:.3rem;display:flex}.tab{font:inherit;font-family:var(--pixel);color:var(--paper);background:var(--navy);border:3px solid var(--ink);cursor:pointer;border-bottom:0;min-height:44px;padding:.4rem .9rem;font-size:1rem}.tab[aria-selected=true]{background:var(--yellow);color:var(--ink)}.tabpanel{flex-direction:column;gap:.75rem;display:flex}.thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;display:grid}.thumb{font:inherit;color:var(--paper);border:3px solid var(--ink);cursor:pointer;background:linear-gradient(#7ec8f2,#d9f1ff);flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .2rem .25rem;font-size:.8rem;display:flex}.thumb canvas{object-fit:contain;width:64px;height:64px}.thumb-body canvas{height:80px}.thumb span{background:var(--ink);width:100%;padding:0 .3rem}.thumb[aria-pressed=true]{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow)}.thumb:disabled{cursor:not-allowed;filter:grayscale()brightness(.6)}.editor>*{min-width:0}@media (max-width:480px){.editor{grid-template-columns:minmax(0,1fr)}}.tabs{flex-wrap:wrap}.loader.loader-fixed{z-index:60;position:fixed}#landing,.page{flex-direction:column;min-height:100dvh;display:flex}#landing>main,.page>main{flex:1}.site-header{gap:.75rem;position:relative}.site-header nav a[aria-current=page]{border-bottom-color:var(--yellow);color:var(--yellow)}.header-play,.menu-btn{display:none}.menu-btn{background:var(--navy-2);border:3px solid var(--ink);width:48px;height:48px;box-shadow:0 3px 0 var(--ink);cursor:pointer;place-items:center;padding:0}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:var(--paper);content:"";width:22px;height:3px;display:block;position:relative}.menu-btn span:before{position:absolute;top:-7px}.menu-btn span:after{position:absolute;top:7px}.menu-open .menu-btn span{background:0 0}.menu-open .menu-btn span:before{top:0;transform:rotate(45deg)}.menu-open .menu-btn span:after{top:0;transform:rotate(-45deg)}@media (max-width:640px){.site-header{flex-wrap:nowrap}.site-header .logo{margin-right:auto}.header-play{font-family:var(--pixel);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);min-height:44px;padding:.55rem .9rem;text-decoration:none;display:inline-block}.menu-btn{display:grid}.site-header nav{z-index:20;background:var(--navy-2);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:calc(100% + .25rem);left:0;right:0}.menu-open nav{display:flex}.site-header nav a{border-bottom:2px solid var(--ink);padding:.9rem 1rem;font-size:1.15rem}.site-header nav a[aria-current=page]{border-bottom-color:var(--ink);background:var(--navy)}.site-header nav .nav-play{display:none}}.site-footer{padding:1.5rem 0 calc(1.5rem + var(--safe-b));border-top:3px solid var(--ink);flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.site-footer .made{font-family:var(--pixel);margin:0;font-size:1.1rem}.heart{color:var(--red);animation:1.4s ease-in-out infinite beat;display:inline-block}@keyframes beat{0%,60%,to{transform:scale(1)}30%{transform:scale(1.3)}}.social{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.social a{width:44px;height:44px;color:var(--paper);background:var(--navy-2);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);place-items:center;display:grid}.social a:hover{color:var(--ink);background:var(--yellow)}.footer-links{opacity:.85;flex-wrap:wrap;justify-content:center;gap:.4rem 1.25rem;margin:0;font-size:.9rem;display:flex}.icon{display:block}.feedback{flex-direction:column;gap:.6rem;display:flex}.feedback p{margin:0}.feedback .btn{align-items:center;gap:.4rem;display:inline-flex}.icon-btn{font:inherit;width:44px;height:44px;color:var(--paper);cursor:pointer;background:0 0;border:3px solid #0000;font-size:1.1rem}.icon-btn:hover{border-color:var(--paper)}.title-screen{position:relative}.exit-btn{position:absolute;top:.4rem;left:.4rem}.toast-close{color:var(--ink);flex-shrink:0;width:36px;height:36px}.sticky-play{display:none}@media (max-width:640px){.sticky-play{z-index:15;padding:.6rem 1rem calc(.6rem + var(--safe-b));border-top:3px solid var(--ink);visibility:hidden;background:#1b1f3beb;transition:transform .2s ease-out,visibility 0s .2s;display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.sticky-play.show{visibility:visible;transition:transform .2s ease-out;transform:none}.sticky-play .btn{width:100%}#landing{padding-bottom:5rem}.hero{gap:1.25rem;padding:.5rem 0 2rem}.hero-text{display:contents}.hero h1{order:1;margin:0}.tablet{order:2}.hero .lead{order:3;margin:0}.hero-actions{order:4;margin:0}.hero-actions .btn-big{flex:1}.hero .small{order:5;margin:0}.steps{gap:.9rem;margin-bottom:2rem}.card-link{padding:.8rem 1rem}.prose{font-size:1.02rem}}#screen{z-index:20}#hud{z-index:10}#pad{z-index:12;padding:0 calc(1rem + var(--safe-r)) calc(1.25rem + var(--safe-b)) calc(1rem + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.pad-btn{pointer-events:auto;aspect-ratio:1;color:#fff;width:clamp(84px,24vmin,120px);font-family:var(--pixel);text-shadow:2px 2px 0 var(--ink);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#f4f1e847;border:4px solid #14121cd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:1rem;display:flex}.pad-btn span{font-size:1.4rem;line-height:1}.pad-jump{background:#e8c54773}.pad-btn.down{background:#e8c547bf;transform:scale(.92)}.pad-btn.glow{box-shadow:0 0 0 4px var(--yellow);animation:.9s ease-in-out infinite glow}select{font:inherit;color:var(--paper);background:var(--navy);border:3px solid var(--ink);min-height:44px;padding:.4rem .5rem;font-size:1rem}.mobile-only{display:none}@media (max-width:640px){.desktop-only{display:none!important}.mobile-only{display:inline-block}#screen{padding:calc(.25rem + var(--safe-t)) .25rem calc(.25rem + var(--safe-b))}.booth{width:100%;box-shadow:none;padding:.75rem .75rem 0}.booth h2{margin-bottom:.4rem;font-size:1.3rem}.booth .editor{grid-template-columns:minmax(0,1fr);gap:.6rem}.booth .stage{z-index:2;height:30vh;min-height:0;padding:.25rem 0 .75rem;position:sticky;top:-.75rem}.booth .stage canvas{width:auto;height:100%}.booth .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.booth .tab{flex:none}.booth .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.booth .thumb canvas{width:56px;height:56px}.booth-actions{z-index:2;padding:.6rem .75rem calc(.6rem + var(--safe-b));background:var(--navy-2);border-top:3px solid var(--ink);flex-wrap:wrap;gap:.5rem;margin:.75rem -.75rem 0;position:sticky;bottom:0}.booth-actions .btn{flex:1;padding-left:.5rem;padding-right:.5rem;font-size:.95rem}.booth-actions .btn-big{flex:100%;order:-1}}.challenge{font-family:var(--pixel);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#9cf3ff;margin:0 0 .5rem;padding:.4rem .8rem;display:inline-block}.challenge-result{font-family:var(--pixel);color:#9cf3ff}.sheet{z-index:50;background:#14121c99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--navy-2);border:4px solid var(--ink);width:min(100%,520px);max-height:90dvh;padding:1rem 1rem calc(1rem + var(--safe-b));text-align:left;border-bottom:0;flex-direction:column;gap:.75rem;animation:.18s ease-out sheet-up;display:flex;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(40%)}}@media (min-width:641px){.sheet{align-items:center}.sheet-panel{border-bottom:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet h3,.sheet h4{font-family:var(--pixel);color:var(--yellow);margin:0}.share-icons{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.share-icon{min-height:72px;font:inherit;color:var(--paper);background:var(--navy);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;font-size:.85rem;text-decoration:none;display:flex}.share-icon:hover{background:var(--yellow);color:var(--ink)}.tablet-caption{white-space:nowrap;font-family:var(--pixel);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);padding:.15rem .6rem;font-size:.9rem;position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%)rotate(2deg)}@media (max-width:640px){.tablet{margin-bottom:1.5rem}}.parody{border:2px dashed var(--yellow);padding:.6rem .8rem}.parody-note{opacity:.75;text-align:center}