:root{color:#20232c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#fffdf4;--ink:#20232c;--line:#20232c;--sky:#c7efff;--mint:#d7f8cf;--coral:#ff8da1;--button:#fff;--shadow:0 18px 50px #20232c29;--pop-shadow:2px 2px 0 #20232c;background:#fff7d6;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;-webkit-text-size-adjust:100%}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:320px;min-height:100dvh;margin:0;overflow:auto}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}img,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app-shell{background:radial-gradient(circle at 12% 12%,#ffd93d8c 0 9%,#0000 10%),radial-gradient(circle at 87% 18%,#ff5d8f47 0 8%,#0000 9%),radial-gradient(circle at 78% 88%,#7bd88f59 0 10%,#0000 11%),linear-gradient(#c7effff5,#fff7d6eb),repeating-linear-gradient(-12deg,#ffffff40 0 16px,#0000 18px 42px);height:100dvh;padding:14px;overflow:hidden}.studio{flex-direction:column;gap:10px;width:min(1680px,100%);height:100%;margin:0 auto;display:flex}.access-shell{place-items:center;display:grid}.access-panel{border:5px solid var(--line);background:linear-gradient(135deg, #fffffff0, #fff3baf5), var(--panel);width:min(520px,100%);box-shadow:8px 8px 0 var(--line);border-radius:8px;padding:28px}.access-panel h1{margin-bottom:12px}.access-copy{color:#39433f;max-width:36rem;margin:0 0 18px;font-size:1.05rem;font-weight:800;line-height:1.35}.access-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.access-form input,.access-form button,.demo-codes button,.access-secondary{border:4px solid var(--line);min-height:54px;box-shadow:var(--pop-shadow);font:inherit;border-radius:8px;font-weight:900}.access-form input{min-width:0;color:var(--ink);text-transform:uppercase;background:#fff;padding:0 14px}.access-form button,.demo-codes button,.access-secondary{background:var(--mint);cursor:pointer;padding:0 18px}.access-error{color:#8c1d3d;margin:12px 0 0;font-weight:900}.demo-codes{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.demo-codes button{background:#fffdf4;min-height:44px;font-size:.9rem}.pass-meter{border:4px solid var(--line);width:fit-content;min-width:150px;min-height:86px;box-shadow:var(--pop-shadow);background:#eafff0;border-radius:8px;grid-template-columns:repeat(3,auto);place-content:center;gap:8px;margin:20px 0;font-size:2rem;font-weight:900;display:grid}.access-secondary{background:#c7efff}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:62px;display:flex}.eyebrow{color:#48635c;margin:0 0 4px;font-size:.95rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(1.8rem,2.7vw,3rem);line-height:1}h2{letter-spacing:0;margin:0 0 12px;font-size:1.45rem;line-height:1.05}.landing-shell{min-height:100dvh;color:var(--ink);background:linear-gradient(140deg,#c7effff2,#fff7d6e6),repeating-linear-gradient(-12deg,#ffffff52 0 18px,#0000 19px 46px)}.landing-hero,.how-it-works,.landing-band,.landing-footer{width:min(1180px,100% - 28px);margin:0 auto}.landing-hero{grid-template-rows:auto minmax(0,1fr);gap:28px;min-height:72vh;padding:18px 0 24px;display:grid}.landing-nav{border-bottom:4px solid #20232c2e;justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.landing-nav strong{font-size:1.12rem}.landing-nav span{color:#48635c;font-weight:900}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;gap:34px;display:grid}.hero-copy h1{max-width:680px;font-size:clamp(2.35rem,5vw,5.3rem);line-height:.95}.hero-copy>p:not(.eyebrow):not(.payment-note){color:#39433f;max-width:560px;margin:18px 0 0;font-size:1.22rem;font-weight:850;line-height:1.35}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-actions button,.offer-panel button,.access-form button{border:4px solid var(--line);min-height:58px;box-shadow:5px 5px 0 var(--line);cursor:pointer;color:var(--ink);font:inherit;background:#7bd88f;border-radius:8px;padding:0 20px;font-weight:950}.offer-panel button{background:#42c2ff}.payment-note{border:3px solid var(--line);background:#fffdf4;border-radius:8px;width:fit-content;max-width:560px;margin:14px 0 0;padding:10px 12px;font-weight:900}.demo-video{border:5px solid var(--line);box-shadow:10px 10px 0 var(--line);background:#fffdf4;border-radius:8px;overflow:hidden}.video-frame{aspect-ratio:16/10;background:linear-gradient(#c7efff 0 56%,#d7f8cf 57% 100%);place-items:center;display:grid;position:relative}.video-frame svg{width:min(74%,520px);animation:3.6s ease-in-out infinite lesson-pop}.play-dot{border:4px solid var(--line);width:46px;height:46px;box-shadow:var(--pop-shadow);background:#ff5d8f;border-radius:999px;position:absolute;top:18px;left:18px}.play-dot:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;position:absolute;top:10px;left:15px}.lesson-caption{border:4px solid var(--line);max-width:min(340px,100% - 36px);box-shadow:var(--pop-shadow);background:#fff;border-radius:8px;padding:10px 12px;font-weight:950;position:absolute;bottom:18px;right:18px}.landing-band{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:18px;padding:0 0 24px;display:grid}.how-it-works{padding:0 0 24px}.how-it-works h2{margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.3rem)}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.how-steps article{border:5px solid var(--line);box-shadow:6px 6px 0 var(--line);background:#fff;border-radius:8px;padding:18px}.how-steps strong{border:4px solid var(--line);background:#ffd93d;border-radius:999px;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.how-steps h3{margin:12px 0 8px;font-size:1.18rem}.how-steps p{color:#39433f;margin:0;font-weight:850;line-height:1.4}.sample-pass-preview{border:4px solid var(--line);min-height:48px;box-shadow:var(--pop-shadow);color:var(--ink);cursor:pointer;font:inherit;background:#ffd93d;border-radius:8px;margin-top:14px;padding:0 16px;font-weight:950}.compact-panel{width:100%}.compact-panel .access-form{grid-template-columns:1fr}.compact-panel .access-form button{width:100%}.offer-panel,.legal-page{border:5px solid var(--line);box-shadow:8px 8px 0 var(--line);background:#fffdf4;border-radius:8px;padding:28px}.offer-panel p,.legal-page p{color:#39433f;margin:0 0 16px;font-size:1.02rem;font-weight:800;line-height:1.45}.package-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 14px;display:grid}.offer-panel .package-option{min-height:92px;box-shadow:4px 4px 0 var(--line);background:#fff;place-items:center;gap:2px;padding:8px;display:grid}.offer-panel .package-option[aria-pressed=true]{box-shadow:2px 2px 0 var(--line);background:#bff7d2;transform:translate(2px,2px)}.package-option span{color:#39433f;font-size:.78rem;font-weight:950}.package-option strong{font-size:1.55rem;line-height:1}.package-option small{color:#39433f;font-size:.78rem;font-weight:950}.checkout-row{align-items:end;gap:12px;margin:18px 0;display:flex}.currency-select{flex:180px;gap:6px;display:grid}.currency-select span{color:#39433f;font-size:.82rem;font-weight:950}.currency-select select{border:4px solid var(--line);width:100%;min-height:58px;box-shadow:4px 4px 0 var(--line);color:var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:8px;padding:0 12px;font-size:.96rem;font-weight:950}.checkout-row>button{flex:none}.offer-panel .payment-note{margin-top:14px}.scan-pass-button{border:4px solid var(--line);min-height:48px;box-shadow:var(--pop-shadow);cursor:pointer;color:var(--ink);font:inherit;background:#c7efff;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:0 16px;font-weight:950;display:inline-flex}.compact-panel .scan-pass-button{justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:12px;display:flex}.scan-pass-button svg{stroke-width:3px;width:22px;height:22px}.qr-scanner{border:4px solid var(--line);box-shadow:var(--pop-shadow);background:#fff;border-radius:8px;margin-top:14px;padding:12px}.qr-scanner video{aspect-ratio:4/3;border:3px solid var(--line);object-fit:cover;background:#20232c;border-radius:8px;width:100%;display:block}.qr-scanner p{color:#39433f;margin:10px 0;font-weight:900}.landing-footer{flex-wrap:wrap;justify-content:center;gap:18px;padding:0 0 26px;display:flex}.text-link{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;font-weight:900;text-decoration:underline}.legal-shell{place-items:start center;min-height:100dvh;padding:28px 14px;display:grid;overflow:auto}.legal-page{width:min(820px,100%)}.legal-page h1{margin:12px 0 18px}.legal-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pass-modal-backdrop{z-index:20;background:#0a0c16b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pass-save-modal{border:5px solid var(--line);background:linear-gradient(135deg, #fff, #fff3ba), var(--panel);width:min(520px,100%);max-height:calc(100dvh - 36px);color:var(--ink);border-radius:8px;padding:24px;position:relative;overflow-y:auto;box-shadow:10px 10px #0000006b}.pass-save-modal h2{margin-bottom:12px;font-size:clamp(1.7rem,4vw,2.6rem)}.pass-save-modal p{color:#39433f;margin:0 0 14px;font-weight:900;line-height:1.35}.modal-close{border:3px solid var(--line);width:42px;height:42px;box-shadow:var(--pop-shadow);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close svg{stroke-width:3px;width:24px;height:24px}.pass-qr{border:4px solid var(--line);background:#fffdf4;border-radius:8px;width:min(260px,100%);margin:14px auto;display:block}.pass-code-box,.pass-link-box{border:3px solid var(--line);box-shadow:var(--pop-shadow);background:#fff;border-radius:8px}.pass-code-box{gap:2px;margin-top:12px;padding:10px 12px;display:grid}.pass-code-box span{color:#48635c;text-transform:uppercase;font-size:.76rem;font-weight:950}.pass-code-box strong{overflow-wrap:anywhere;letter-spacing:0;font-size:1.45rem}.pass-link-box{overflow-wrap:anywhere;color:#39433f;margin-top:10px;padding:10px 12px;font-size:.9rem;font-weight:850}.sample-pass-card{border:4px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:14px 0;padding:14px;display:grid}.sample-pass-card span{color:#39433f;font-size:.78rem;font-weight:950}.sample-pass-card strong{overflow-wrap:anywhere;margin:3px 0 6px;font-size:1.32rem;display:block}.sample-pass-card p{margin:0;font-size:.92rem}.sample-qr{border:4px solid var(--line);background:#fffdf4;border-radius:8px;grid-template-columns:repeat(7,1fr);gap:3px;width:108px;height:108px;padding:8px;display:grid}.sample-qr span{background:#20232c;border-radius:2px}.sample-qr span[data-on=no]{background:0 0}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.modal-actions button{border:4px solid var(--line);min-height:48px;box-shadow:var(--pop-shadow);cursor:pointer;color:var(--ink);font:inherit;background:#7bd88f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:950;display:inline-flex}.modal-actions svg{stroke-width:3px;width:22px;height:22px}.feedback-modal{width:min(560px,100%)}.feedback-field{gap:8px;display:grid}.feedback-field span,.feedback-meta,.feedback-note{color:#39433f;font-weight:900}.feedback-field textarea{resize:vertical;border:4px solid var(--line);width:100%;min-height:150px;box-shadow:var(--pop-shadow);color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:12px;font-weight:800;line-height:1.35}.feedback-meta{justify-content:flex-end;margin-top:8px;font-size:.82rem;display:flex}.feedback-note{margin-top:12px}.feedback-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.mode-pill{border:4px solid var(--line);background:var(--mint);min-width:84px;min-height:54px;box-shadow:5px 5px 0 var(--line);border-radius:8px;place-items:center;font-size:1.25rem;font-weight:900;animation:2.4s ease-in-out infinite gentle-bob;display:grid}.mode-pill[data-mode=pen]{background:#ffd6e0}.pass-status{border:4px solid var(--line);min-width:150px;min-height:54px;box-shadow:var(--pop-shadow);background:#fff;border-radius:8px;align-content:center;gap:2px;padding:6px 12px;display:grid}.hud-feedback-button{color:#20232c;min-height:54px;box-shadow:var(--pop-shadow);cursor:pointer;font:inherit;background:#ffd93d;border:4px solid #fffdf4;border-radius:8px;padding:0 12px;font-size:.88rem;font-weight:950}.pass-status span,.pass-status strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pass-status span{color:#48635c;font-size:.76rem;font-weight:900}.pass-status strong{font-size:1.04rem;line-height:1}.workbench{flex:1;grid-template-columns:160px minmax(0,1fr) 250px;align-items:stretch;gap:16px;min-height:0;display:grid;overflow:hidden}.coach-bubble{border:4px solid var(--line);min-height:46px;box-shadow:var(--pop-shadow);background:linear-gradient(90deg,#fff,#fff3ba);border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative;overflow:hidden}.coach-bubble p{margin:0;font-size:clamp(.94rem,1.4vw,1.2rem);font-weight:900;line-height:1.05}.sparkles{color:#fff;letter-spacing:1px;background:#ff5d8f;border-radius:999px;flex:0 0 42px;place-items:center;height:30px;font-weight:900;animation:.52s ease-out sparkle-pop;display:grid}.page-picker,.controls{flex-direction:column;gap:10px;min-height:0;display:flex}.controls{scrollbar-color:#42c2ff transparent;scrollbar-width:thin;padding:4px 6px 6px 4px;overflow:hidden auto}.page-picker{scrollbar-color:#42c2ff transparent;scrollbar-width:thin;padding:3px 8px 3px 3px;overflow:hidden auto}.page-tile,.tool-button,.brush-button,.color-swatch{border:3px solid var(--line);background:var(--button);box-shadow:var(--pop-shadow);cursor:pointer;touch-action:manipulation;border-radius:8px;transition:transform .12s,box-shadow .12s,background .12s}.page-tile:active,.tool-button:active,.brush-button:active,.color-swatch:active{box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.page-tile[data-active=true],.tool-button[data-active=true],.brush-button[data-active=true],.color-swatch[data-active=true]{box-shadow:inset 0 0 0 4px #42c2ff, var(--pop-shadow);outline:0}.color-swatch[data-active=true]{border-color:#20232c;transform:translateY(-2px);box-shadow:0 0 0 3px #fffdf4,0 0 0 8px #ffd93d,0 0 0 12px #20232c,0 6px #00000057}.page-tile[data-active=true]{background:#eafff0}.page-tile[data-complete=true]{background:#e9f7ff}.page-tile[data-locked=true]{background:#f4f0e8;position:relative}.page-tile{background:#fffaf0;grid-template-rows:minmax(0,1fr) auto;gap:4px;width:100%;min-height:112px;padding:8px 8px 9px;display:grid;position:relative}.page-tile[data-locked=true] svg{opacity:.36}.lock-icon{border:3px solid var(--line);width:28px;height:28px;box-shadow:var(--pop-shadow);stroke-width:3px;background:#fff;border-radius:8px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-tile[data-lock-hover=true] .lock-icon{opacity:0;transition:opacity .13s,transform .13s;transform:translate(-50%,-56%)scale(.92)}.page-tile[data-lock-hover=true]:hover .lock-icon,.page-tile[data-lock-hover=true]:focus-visible .lock-icon{opacity:1;transform:translate(-50%,-50%)scale(1)}.page-tile svg{width:100%;height:72px;display:block}.page-tile span{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:900;line-height:1.05;display:block;overflow:hidden}.canvas-wrap{aspect-ratio:4/3;width:min(100%,133.3vh - 226.61px);min-height:0;box-shadow:var(--shadow);background:0 0;border:0;border-radius:8px;place-self:center;place-items:center;padding:0;display:grid;overflow:hidden}.coloring-svg{border:5px solid var(--line);background:var(--panel);cursor:pointer;touch-action:none;border-radius:8px;width:100%;height:100%;animation:.36s ease-out paper-in;display:block}.paper-bg{fill:#fffdf4}.color-region,.thumbnail-region{transition:fill .13s}.color-region:hover{filter:brightness(.97)}.color-region{transform-box:fill-box;transform-origin:50%}.color-region:active{animation:.24s ease-out fill-wiggle}.pen-layer{pointer-events:none}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-swatch{aspect-ratio:1;width:100%;min-height:48px}.palette-shuffle{color:#20232c;background:conic-gradient(from 45deg,#ff5d8f,#ffd93d,#7bd88f,#42c2ff,#7c6cff,#ff5d8f);place-items:center;display:grid}.palette-shuffle svg{stroke-width:3px;background:#fffdf4eb;border:3px solid #20232c;border-radius:999px;width:30px;height:30px;padding:5px}.toolbar{flex-direction:column;gap:10px;min-height:0;display:flex}.tool-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-group:last-child,.volume-buttons,.brush-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button,.brush-button{place-items:center;min-width:0;min-height:58px;padding:8px;display:grid}.tool-button svg{stroke-width:3px;width:32px;height:32px;overflow:visible}.tool-button:disabled{cursor:not-allowed;opacity:.45}.brush-button span{background:var(--ink);border-radius:999px;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.app-shell{padding:10px}.hero-grid,.how-steps,.landing-band{grid-template-columns:1fr}.landing-hero{min-height:auto}.hero-copy h1{font-size:clamp(2rem,9vw,3.8rem)}.studio{gap:7px}.workbench{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:7px}.coach-bubble{min-height:38px;padding:6px 10px}.pass-status{min-width:116px;min-height:44px;padding:5px 9px}.pass-status span{font-size:.68rem}.pass-status strong{font-size:.9rem}.coach-bubble p{font-size:.86rem}.sparkles{flex-basis:34px;height:24px;font-size:.76rem}.page-picker{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;padding:3px 3px 7px;display:grid;overflow:auto hidden}.page-tile{scroll-snap-align:start;min-width:72px;min-height:72px;padding:5px}.page-tile svg{height:45px}.page-tile span{font-size:.72rem}.controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;padding:2px;display:grid;overflow:visible}.palette{grid-template-columns:repeat(5,minmax(48px,1fr));gap:8px}.color-swatch{min-height:42px}.toolbar{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.tool-group,.tool-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-group:last-child,.volume-buttons,.brush-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button,.brush-button{min-width:44px;min-height:44px;padding:6px}.tool-button svg{width:25px;height:25px}.canvas-wrap{aspect-ratio:4/3;width:100%;max-width:100%;height:auto;max-height:100%}.coloring-svg{width:100%;height:100%}}@media (width<=560px){.topbar{min-height:40px}.access-panel{padding:18px}.access-form{grid-template-columns:1fr}.landing-nav{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:8px 0}.hero-actions button,.offer-panel button,.access-form button,.scan-pass-button{width:100%}.checkout-row{flex-direction:column;align-items:stretch}.package-options{grid-template-columns:1fr}.sample-pass-card{text-align:center;grid-template-columns:1fr;justify-items:center}.modal-actions button{width:100%}.lesson-caption{font-size:.82rem;bottom:10px;right:10px}.offer-panel,.legal-page{padding:18px}.eyebrow{display:none}h1{font-size:1.08rem}.mode-pill{min-width:58px;min-height:34px;box-shadow:3px 3px 0 var(--line);border-width:3px;font-size:.88rem}.pass-status{min-width:74px;min-height:34px;box-shadow:3px 3px 0 var(--line);border-width:3px}.pass-status span{display:none}.pass-status strong{font-size:.8rem}.coach-bubble{min-height:34px;box-shadow:3px 3px 0 var(--line);border-width:3px}.coach-bubble p{font-size:.76rem}.sparkles{flex-basis:28px;height:20px;font-size:.65rem}.canvas-wrap{border-width:0;padding:0}.page-picker{grid-auto-columns:68px}.tool-button,.brush-button{min-height:36px;padding:5px}.color-swatch{min-height:34px}}@media (height<=720px){.app-shell{padding:8px}.topbar{min-height:34px}h1{font-size:1rem}.coach-bubble{min-height:30px;padding:4px 8px}.coach-bubble p{font-size:.72rem}.sparkles{flex-basis:24px;height:18px}.page-tile{min-height:62px}.page-tile svg{height:37px}.color-swatch,.tool-button,.brush-button{min-height:31px}}@keyframes sparkle-pop{0%{transform:scale(.55)rotate(-10deg)}70%{transform:scale(1.08)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes paper-in{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes fill-wiggle{0%{transform:scale(1)}50%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes lesson-pop{0%,to{transform:translateY(0)scale(.98)}45%{transform:translateY(-6px)scale(1.02)}}.game-shell{color:#fffdf4;background:linear-gradient(135deg,#200c3efa,#144c5cf0 46%,#53245bf5),repeating-linear-gradient(-18deg,#ffffff14 0 1px,#0000 2px 34px);padding:12px;position:relative}.game-studio{isolation:isolate;gap:10px;width:min(1500px,100%);position:relative}.cosmic-sky{z-index:-1;background:linear-gradient(#ffffff12,#0000 28%),radial-gradient(circle at 18% 22%,#ffd93d47,#0000 18%),radial-gradient(circle at 83% 24%,#ff5d8f3d,#0000 17%),radial-gradient(circle at 72% 84%,#7bd88f38,#0000 20%);border-radius:18px;position:absolute;inset:0;overflow:hidden}.sky-planet,.sky-ring,.sky-comet,.sky-star{pointer-events:none;display:block;position:absolute}.sky-planet{background:linear-gradient(135deg,#fffdf42e,#42c2ff14),#ffffff0f;border:3px solid #fffdf429;border-radius:999px;box-shadow:inset 0 0 28px #ffffff24}.sky-planet-one{width:210px;height:210px;animation:11s ease-in-out infinite drift-slow;top:14%;right:9%}.sky-planet-two{width:116px;height:116px;animation:9s ease-in-out infinite reverse drift-slow;bottom:12%;left:6%}.sky-ring{border:2px solid #fffdf41f;border-radius:999px;transform:rotate(-18deg)}.sky-ring-one{width:680px;height:360px;top:7%;left:12%}.sky-ring-two{width:460px;height:260px;bottom:5%;right:-7%}.sky-comet{background:linear-gradient(90deg,#0000,#fffdf4d1);border-radius:999px;width:170px;height:8px;animation:6.5s ease-in-out infinite comet-sweep;top:18%;left:8%;transform:rotate(-18deg)}.sky-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 10px #fffdf4d9);background:#fffdf4;width:18px;height:18px;animation:1.8s ease-in-out infinite twinkle}.sky-star-one{top:16%;left:26%}.sky-star-two{animation-delay:.5s;top:33%;right:28%}.sky-star-three{animation-delay:.9s;bottom:18%;left:73%}.game-hud{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121422a8;border:4px solid #fffdf429;border-radius:8px;min-height:70px;padding:8px;position:relative;box-shadow:0 12px 40px #00000038}.mission-title h1{color:#fffdf4;text-shadow:0 3px #00000059}.game-hud .eyebrow,.mission-label,.deck-label{color:#bfffe3;text-transform:uppercase;letter-spacing:0}.game-hud .pass-status,.game-hud .mode-pill{color:#20232c;border-color:#fffdf4}.mission-bubble{z-index:2;color:#20232c;background:linear-gradient(90deg,#fffdf4fa,#c7effff5),#fffdf4;border-color:#fffdf4;min-height:64px;box-shadow:0 10px #00000038}.mission-bubble>div{min-width:0}.mission-label,.deck-label{margin-bottom:3px;font-size:.74rem;font-weight:950;display:block}.mission-bubble .mission-label{color:#6a33d8}.game-workbench{flex:1;grid-template:"stage controls"minmax(0,1fr)"pictures controls"/minmax(0,1fr) minmax(224px,280px);gap:12px;min-height:0;display:grid;position:relative;overflow:hidden}.stage-card{background:linear-gradient(#fffdf41c,#fffdf409),#0e112494;border:4px solid #fffdf438;border-radius:8px;grid-area:stage;place-items:center;min-width:0;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 22px 60px #00000047}.stage-glow{background:radial-gradient(#7bd88f57,#0000 68%);border-radius:50%;height:58%;animation:3.8s ease-in-out infinite pulse-glow;position:absolute;inset:auto 8% -34%}.game-workbench .canvas-wrap{z-index:1;width:min(100%,133.3dvh - 419.895px);max-width:920px;max-height:100%;animation:.46s cubic-bezier(.18,.92,.28,1.22) stage-arrive;position:relative;box-shadow:0 0 0 8px #fffdf424,0 26px 70px #00000057}.game-workbench .coloring-svg{background:linear-gradient(#fffdf4fa,#fff7d6fa);border-color:#fffdf4}.game-workbench .paper-bg{fill:#fffdf4}.game-controls{grid-area:controls;grid-template-rows:auto minmax(236px,1fr);gap:10px;min-height:0;padding:0;display:grid;overflow:hidden auto}.control-deck,.picture-deck{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121422b8;border:4px solid #fffdf42e;border-radius:8px;box-shadow:0 14px 38px #00000042}.control-deck{min-width:0;padding:10px}.color-deck-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.color-deck-head .deck-label{margin-bottom:0}.current-color-chip{border:4px solid #fffdf4;border-radius:8px;flex:none;width:58px;height:34px;box-shadow:0 0 0 3px #20232c,0 5px #00000057}.tool-deck{min-height:0;padding:8px;overflow:visible}.picture-deck{grid-area:pictures;min-width:0;padding:7px 10px 8px;transition:padding .18s,min-height .18s}.drawer-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.drawer-head .deck-label{align-items:baseline;gap:8px;min-width:0;margin-bottom:0;display:flex}.drawer-head .deck-label strong{color:#fffdf4;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.88rem;font-weight:850;overflow:hidden}.drawer-toggle{color:#20232c;cursor:pointer;background:#c7efff;border:3px solid #fffdf4;border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:30px;display:grid;box-shadow:0 3px #00000057}.drawer-toggle svg{stroke-width:3px;width:20px;height:20px}.game-workbench[data-picture-drawer=closed]{grid-template-rows:minmax(0,1fr) auto}.game-workbench[data-picture-drawer=closed] .canvas-wrap{width:min(100%,133.3dvh - 293.26px)}.game-workbench[data-picture-drawer=closed] .picture-deck{min-height:46px}.game-controls .palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-controls .color-swatch{aspect-ratio:auto;border-color:#fffdf4;height:clamp(44px,20dvh - 98.4px,84px);min-height:44px;box-shadow:0 4px #00000059}.game-controls .tool-button,.game-controls .brush-button,.picture-deck .page-tile{border-color:#fffdf4;box-shadow:0 4px #00000057}.game-controls .toolbar,.game-controls .tool-group{gap:6px}.game-controls .tool-button,.game-controls .brush-button{color:#20232c;background:#fffdf4;min-height:38px}.game-controls .tool-button svg{width:28px;height:28px}.picture-deck .page-picker{scroll-snap-type:x proximity;grid-auto-columns:minmax(104px,128px);grid-auto-flow:column;gap:10px;padding:2px 2px 7px;display:grid;overflow:auto hidden}.page-picker-shell{min-width:0;position:relative}.world-scroll-button{z-index:3;color:#20232c;cursor:pointer;background:#42c2ff;border:3px solid #fffdf4;border-radius:8px;place-items:center;width:48px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px #00000057}.world-scroll-button-left{left:4px}.world-scroll-button-right{right:4px}.world-scroll-button svg{stroke-width:4px;width:28px;height:28px}.picture-deck .page-tile{scroll-snap-align:start;color:#20232c;background:linear-gradient(#fff,#fff3ba);min-height:76px;padding:6px}.picture-deck .page-tile svg{height:44px}.picture-deck .thumbnail-region{opacity:.78;stroke:#4b5360;stroke-width:2.45px}.picture-deck .page-tile span{color:#28313d;font-weight:760}.picture-deck .page-tile[data-active=true]{background:linear-gradient(#c7efff,#7bd88f);transform:translateY(-2px)}.picture-deck .page-tile[data-complete=true]{background:linear-gradient(#fffdf4,#c7efff)}.color-region{filter:drop-shadow(0 0 #0000)}.game-workbench .color-region:hover{filter:brightness(1.03)drop-shadow(0 0 7px #42c2ff59)}.game-workbench .color-region:active{animation:.26s ease-out game-fill-pop}@media (width<=980px){.game-shell{padding:8px;overflow:hidden}.game-hud{min-height:52px}.game-workbench{grid-template:"stage"minmax(0,1fr)"controls""pictures"/1fr;gap:8px}.stage-card{padding:9px}.game-workbench .canvas-wrap{width:min(100%,133.3dvh - 442.556px);max-width:100%}.game-workbench[data-picture-drawer=closed] .canvas-wrap{width:min(100%,133.3dvh - 317.254px)}.game-controls{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible}.game-controls .palette{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:7px}.game-controls .toolbar,.game-controls .tool-group,.game-controls .tool-group:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.game-controls .tool-group:last-child,.game-controls .volume-buttons,.game-controls .brush-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.game-controls .color-swatch,.game-controls .tool-button,.game-controls .brush-button{min-height:42px}.game-controls .color-swatch{aspect-ratio:1;height:auto;min-height:58px}.picture-deck .page-picker{grid-auto-columns:minmax(76px,96px)}.picture-deck .page-tile{min-height:70px}.picture-deck .page-tile svg{height:42px}}@media (width<=560px){.game-shell{height:auto;min-height:100dvh;overflow-y:auto}.game-studio{gap:6px;height:auto;min-height:calc(100dvh - 16px)}.game-hud{grid-template-columns:minmax(0,1fr) auto;min-height:42px;padding:5px}.mission-title h1{font-size:1rem}.mission-bubble{min-height:44px}.mission-label,.deck-label{font-size:.62rem}.stage-card{padding:6px}.game-workbench{flex:none;grid-template-rows:auto auto auto;overflow:visible}.game-workbench .canvas-wrap,.game-workbench[data-picture-drawer=closed] .canvas-wrap{width:100%}.control-deck,.picture-deck{border-width:3px;padding:6px}.drawer-head{min-height:24px}.drawer-head .deck-label strong{font-size:.74rem}.drawer-toggle{border-width:2px;flex-basis:32px;width:32px;height:26px}.game-controls{grid-template-columns:1fr;gap:6px}.game-controls .palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.game-controls .toolbar,.game-controls .tool-group{gap:5px}.game-controls .toolbar{grid-template-columns:1fr}.tool-deck{overflow-y:auto}.game-controls .color-swatch,.game-controls .tool-button,.game-controls .brush-button{border-width:3px;min-height:34px}.game-controls .color-swatch{aspect-ratio:1;height:auto;min-height:64px}.picture-deck .page-picker{grid-auto-columns:68px;gap:7px}.picture-deck .page-tile{border-width:3px;min-height:62px}.picture-deck .page-tile svg{height:36px}}@media (height<=720px){.game-hud{min-height:42px;padding:5px}.mission-bubble{min-height:38px;padding:5px 8px}.game-workbench{gap:7px}.control-deck,.picture-deck{padding:6px}.game-controls .color-swatch,.game-controls .tool-button,.game-controls .brush-button{min-height:34px}.picture-deck .page-tile{min-height:60px}}@keyframes drift-slow{0%,to{transform:translate(0,0)}50%{transform:translate(12px,-10px)}}@keyframes comet-sweep{0%,38%{opacity:0;transform:translate(-80px)rotate(-18deg)}52%{opacity:1}76%,to{opacity:0;transform:translate(460px)rotate(-18deg)}}@keyframes twinkle{0%,to{opacity:.45;transform:scale(.82)rotate(0)}50%{opacity:1;transform:scale(1.08)rotate(24deg)}}@keyframes pulse-glow{0%,to{opacity:.72;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1.04)}}@keyframes stage-arrive{0%{opacity:0;transform:translateY(14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes game-fill-pop{0%{transform:scale(1)}58%{transform:scale(1.055)}to{transform:scale(1)}}