*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.contents{display:contents}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:Nunito,system-ui,sans-serif;color:#34313f;background:#fff9ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 25%,#ffe8cc 0 4px,transparent 5px),radial-gradient(circle at 93% 72%,#d3f9d8 0 5px,transparent 6px),#fff9ef}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}h1,h2,.app-title,strong{font-family:"Baloo 2",system-ui,sans-serif}.app-header{height:82px;padding:14px clamp(18px,4vw,56px);display:grid;grid-template-columns:52px 1fr 52px;align-items:center;background:#ffffffe0;border-bottom:2px solid #f2e8da;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:10}.app-title{justify-self:center;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;color:#403849;border:0;background:transparent;cursor:pointer}.options-page{display:grid;place-items:start center}.options-card{width:min(620px,100%);padding:clamp(24px,5vw,42px);border:3px solid var(--border, #f2e8da);border-radius:30px;background:var(--surface, white);box-shadow:0 10px 0 var(--shadow, #f2e7d8)}.options-icon{margin-bottom:16px;text-align:center;font-size:3.5rem}.options-card dl{margin:0}.options-card dl>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--border, #f2e8da)}.options-card dt{font-weight:800}.options-card dd{margin:0;overflow-wrap:anywhere}.options-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.options-button{min-height:46px;padding:11px 18px;border:0;border-radius:16px;background:#ff6b6b;color:#fff;font-weight:800;cursor:pointer}.options-button.secondary{background:#4dabf7}.options-button:disabled{cursor:wait;opacity:.6}.brand-mark,.header-sparkle{display:grid;place-items:center;color:#ff6b6b;font-size:1.5rem}.header-sparkle{color:#ffd43b}.round-button{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff1e8;color:#e8590c;font-size:1.6rem;font-weight:800;box-shadow:0 3px #ffd8b8}.round-button:active{transform:translateY(2px);box-shadow:none}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:clamp(34px,7vw,82px) 0 70px}.hero{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px clamp(26px,5vw,62px);border-radius:34px;background:linear-gradient(135deg,#fff0e6,#ffe3e3);border:2px solid white;box-shadow:0 14px 38px #7e573a1f;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border:24px solid rgba(255,255,255,.5);border-radius:50%;right:-40px;bottom:-90px}.eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;color:#e8590c;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem}h1{margin:9px 0 3px;font-size:clamp(2.35rem,7vw,4.5rem);line-height:.98;color:#403849}h1 em{color:#ff6b6b;font-style:normal}.hero p,.page-intro p{margin:15px 0 0;color:#726979;font-size:clamp(1rem,2vw,1.2rem)}.hero-doodle{font-size:clamp(4rem,12vw,8rem);transform:rotate(-12deg);z-index:1;filter:drop-shadow(0 9px 0 rgba(255,255,255,.7))}.hero-doodle span{color:#ffd43b;font-size:.42em;position:absolute}.home-page h2{margin:44px 0 18px;font-size:1.85rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px}.game-card{display:grid;grid-template-columns:90px 1fr 42px;align-items:center;gap:20px;padding:22px;background:#fff;border-radius:26px;border:2px solid #f6ede1;box-shadow:0 8px #f2e7d8;transition:.18s ease}.game-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 12px color-mix(in srgb,var(--game-color),white 70%)}.game-icon{width:90px;height:90px;display:grid;place-items:center;border-radius:24px;font-size:3.1rem;background:color-mix(in srgb,var(--game-color),white 78%)}.game-card strong,.drawing-card strong,.theme-card strong{display:block;font-size:1.35rem}.game-card small{display:block;margin-top:3px;color:#817786;line-height:1.4}.play-arrow{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--game-color);font-weight:800}.page-intro{text-align:center;margin-bottom:36px}.page-intro h1{font-size:clamp(2.25rem,6vw,3.8rem)}.theme-grid,.drawing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}.theme-card{min-height:245px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:32px;background:color-mix(in srgb,var(--theme),white 75%);border:3px solid white;box-shadow:0 9px color-mix(in srgb,var(--theme),white 48%);transition:transform .18s}.theme-card:hover:not(.locked){transform:translateY(-5px) rotate(1deg)}.theme-card>span{font-size:5rem;filter:drop-shadow(0 5px 0 white)}.theme-card strong{margin-top:8px;font-size:1.55rem}.theme-card small,.drawing-card small{color:color-mix(in srgb,var(--theme, #ff6b6b),black 25%);font-weight:800}.theme-card.locked{filter:saturate(.5);opacity:.64}.drawing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.drawing-card{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:3px solid #f8eee1;border-radius:30px;box-shadow:0 9px #eee2d2;transition:transform .18s}.drawing-card:hover{transform:translateY(-5px)}.drawing-preview{width:150px;height:150px;display:grid;place-items:center;background:#fff4e6;border-radius:50%;font-size:6.2rem}.drawing-card strong{margin-top:14px;font-size:1.45rem}.coloring-page{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden;background:#eaf7f1}.studio{flex:1;min-height:0;position:relative;display:grid;place-items:center;padding:18px 100px 18px 18px;background:radial-gradient(circle at 12px 12px,rgba(55,178,126,.12) 2px,transparent 3px);background-size:28px 28px}.canvas-wrap{height:100%;max-height:calc(100dvh - 120px);aspect-ratio:9 / 11;max-width:calc(100vw - 140px);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #2b483c33;background:#fff;border:7px solid white}.canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.tool-rail{position:absolute;right:clamp(12px,2vw,28px);top:50%;transform:translateY(-50%);width:70px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;background:#fff;border-radius:24px;box-shadow:0 10px 30px #2b483c33}.tool-rail>button{width:52px;height:52px;border:0;border-radius:17px;background:#f3f5f4;font-size:1.5rem;cursor:pointer}.tool-rail>button.active{background:#d3f9d8;box-shadow:inset 0 0 0 3px #51cf66;transform:scale(1.04)}.tool-rail .color-button{padding:6px;background:#fff;border:2px solid #e9ecef}.color-button span{display:block;width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,var(--paint),var(--accent),var(--paint))}.weight-control{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b6570;font-size:.72rem;font-weight:800}.weight-control input{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:28px;height:92px;accent-color:#51cf66}.palette{position:absolute;z-index:5;right:105px;top:50%;transform:translateY(-50%);width:min(390px,calc(100vw - 130px));max-height:calc(100% - 28px);overflow:auto;padding:18px;border-radius:24px;background:#fff;box-shadow:0 15px 55px #2b343047}.palette-heading{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem}.palette-heading button{border:0;background:#f1f3f5;width:34px;height:34px;border-radius:50%;font-size:1.4rem}.palette p{margin:12px 0 7px;color:#736b79;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.swatches button{aspect-ratio:1;min-width:0;border:2px solid white;border-radius:50%;background:var(--paint);box-shadow:0 0 0 1px #dee2e6;cursor:pointer}.swatches.special button{background:radial-gradient(circle at 25% 25%,#fff 0 5%,transparent 7%),radial-gradient(circle at 70% 65%,var(--accent) 0 9%,transparent 11%),var(--paint)}.swatches.metallic button{background:linear-gradient(135deg,var(--paint),var(--accent) 46%,white 52%,var(--paint) 72%)}.swatches button.selected{box-shadow:0 0 0 3px #34313f;transform:scale(.86)}.reset-button{position:absolute;left:18px;bottom:18px;border:0;border-radius:999px;padding:10px 16px;background:#ffffffe6;color:#735f67;font-weight:800;box-shadow:0 4px 16px #2b483c1f}.not-found{margin:auto}@media(max-width:650px){.app-header{height:68px;padding:10px 14px;grid-template-columns:46px 1fr 46px}.round-button{width:42px;height:42px}.hero{min-height:320px;align-items:flex-start}.hero-doodle{position:absolute;right:25px;bottom:25px}.game-card{grid-template-columns:70px 1fr 36px;padding:16px;gap:13px}.game-icon{width:70px;height:70px;font-size:2.5rem}.studio{padding:10px 74px 10px 8px}.canvas-wrap{max-width:calc(100vw - 88px);max-height:calc(100dvh - 88px);border-width:4px}.tool-rail{right:7px;width:62px;padding:8px 5px;border-radius:20px;gap:6px}.tool-rail>button{width:47px;height:47px}.weight-control input{height:72px}.palette{right:73px;width:calc(100vw - 84px)}.swatches{grid-template-columns:repeat(8,1fr)}.reset-button{left:8px;bottom:9px;font-size:.72rem;padding:8px 10px}}@media(orientation:landscape)and (max-height:600px){.coloring-page .app-header{height:58px;padding-top:6px;padding-bottom:6px}.canvas-wrap{max-height:calc(100dvh - 68px)}.tool-rail{flex-direction:row;width:auto;right:10px;padding:6px}.weight-control{display:none}}.cartoon-arrow{border:0;color:#ff6b6b;background:transparent;box-shadow:none;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;font-size:2.9rem;font-weight:900;line-height:1;text-shadow:0 3px 0 color-mix(in srgb,#ff6b6b,#7a2630 38%);transform:rotate(-4deg)}.cartoon-arrow:hover{transform:rotate(-8deg) scale(1.08)}.cartoon-arrow:active{transform:rotate(-4deg) translateY(2px);box-shadow:none}.tool-back{color:#ff6b6b;background:transparent;box-shadow:none;font-size:2.8rem}.tool-rail>.tool-reset{color:#4dabf7;background:transparent;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;font-size:2.35rem;font-weight:900;text-shadow:0 2px 0 #1864ab;transform:rotate(-7deg)}.swatches.special button{position:relative;overflow:hidden}.swatches.special button:after{content:"";position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.95) 48%,transparent 58%);animation:glitter-sweep 1.8s linear infinite}.swatches.metallic button{background:linear-gradient(115deg,var(--paint) 0 28%,var(--accent) 44%,#fff 51%,var(--accent) 58%,var(--paint) 76% 100%);background-size:220% 100%}@keyframes glitter-sweep{to{transform:translate(55%)}}:root{--page-bg: #fff9ef;--surface: #ffffff;--surface-soft: #f3f5f4;--text: #34313f;--muted: #736b79;--border: #f2e8da;--shadow: #eee2d2;color-scheme:light}:root[data-theme=dark]{--page-bg: #17151e;--surface: #25222f;--surface-soft: #34313f;--text: #f8f4ff;--muted: #c7bece;--border: #3d3748;--shadow: #0f0d14;color-scheme:dark}body{color:var(--text);background-color:var(--page-bg);transition:background-color .2s ease,color .2s ease}:root[data-theme=dark] body{background:radial-gradient(circle at 8% 25%,#4b3528 0 4px,transparent 5px),radial-gradient(circle at 93% 72%,#244535 0 5px,transparent 6px),var(--page-bg)}.app-header{background:color-mix(in srgb,var(--surface),transparent 8%);border-color:var(--border)}.app-title{color:var(--text)}.round-button{width:58px;height:58px;font-size:2rem}.theme-toggle{width:48px;height:48px;border:0;border-radius:50%;background:var(--surface-soft);font-size:1.35rem;cursor:pointer}.page-shell{width:min(850px,calc(100% - 28px));padding:clamp(24px,5vw,52px) 0}.game-grid,.theme-grid,.drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3vw,26px)}.game-card,.theme-card,.drawing-card{aspect-ratio:1;min-height:0;padding:clamp(14px,3vw,28px);border-radius:clamp(22px,4vw,34px)}.game-card{display:grid;grid-template-columns:1fr;place-items:center;background:var(--surface);border-color:var(--border);box-shadow:0 9px 0 var(--shadow)}.game-icon{width:78%;height:78%;border-radius:28%;font-size:clamp(4rem,16vw,8.5rem)}.theme-card{background:color-mix(in srgb,var(--theme),var(--surface) 76%);border-color:var(--surface)}:root[data-theme=dark] .theme-card{background:color-mix(in srgb,var(--theme),var(--surface) 62%)}.theme-card>span{font-size:clamp(3.5rem,13vw,7rem)}.theme-card strong,.drawing-card strong{margin-top:10px;color:var(--text);font-size:clamp(1rem,3.5vw,1.55rem);text-align:center}.drawing-card{background:var(--surface);border-color:var(--border);box-shadow:0 9px 0 var(--shadow)}.drawing-preview{width:68%;height:68%;font-size:clamp(4rem,15vw,8rem)}.coloring-page{height:100dvh;min-height:0}.studio{width:100vw;height:100dvh;min-height:0;padding:0;overflow:hidden;touch-action:none}.canvas-viewport{position:absolute;inset:0 94px 0 0;overflow:hidden;touch-action:none}.canvas-wrap{position:absolute;left:50%;top:50%;width:min(calc(100vw - 116px),80vh);height:auto;max-width:none;max-height:none;aspect-ratio:9 / 11;transform-origin:center;will-change:transform;border-width:5px}.canvas-wrap canvas{cursor:crosshair}.tool-rail{right:10px;width:76px;max-height:calc(100dvh - 18px);padding:8px;gap:7px;overflow-y:auto;background:var(--surface);scrollbar-width:none}.tool-rail::-webkit-scrollbar{display:none}.tool-rail>button,.tool-back{width:56px;min-height:50px;flex:0 0 50px;display:grid;place-items:center;border:0;border-radius:16px;color:var(--text);background:var(--surface-soft);font-size:1.45rem;cursor:pointer}.tool-back{min-height:60px;flex-basis:60px;color:#fff;background:#ff6b6b;font-size:2rem;font-weight:900}.tool-divider{width:40px;min-height:2px;background:var(--border)}.tool-rail>button.active{background:#d3f9d8;color:#1b4332}.zoom-tools{display:grid;grid-template-columns:repeat(3,1fr);width:58px;gap:2px}.zoom-tools button{min-width:0;height:30px;padding:0;border:0;color:var(--text);background:var(--surface-soft);font-weight:900}.palette{right:96px;background:var(--surface);color:var(--text)}.palette-heading button{color:var(--text);background:var(--surface-soft)}.palette p{color:var(--muted)}@media(max-width:650px){.app-header{grid-template-columns:62px 1fr 50px}.round-button{width:54px;height:54px}.page-shell{padding:22px 0 38px}.game-grid,.theme-grid,.drawing-grid{gap:14px}.game-card,.theme-card,.drawing-card{padding:12px;border-radius:23px}.canvas-viewport{inset:0 0 136px}.canvas-wrap{width:min(calc(100vw - 12px),68vh);border-width:3px}.tool-rail{inset:auto 7px 6px;width:auto;height:128px;max-height:none;transform:none;display:grid;grid-template-rows:repeat(2,54px);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden;border-radius:20px}.tool-rail>button,.tool-back{width:54px;min-width:54px;min-height:54px;height:54px;flex-basis:54px}.tool-back{min-width:66px;flex-basis:66px}.tool-divider{display:none}.weight-control{min-width:104px;flex-direction:row}.weight-control input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;writing-mode:horizontal-tb;direction:ltr;width:74px;height:28px}.zoom-tools{min-width:94px;width:94px;grid-template-columns:repeat(3,30px)}.zoom-tools button{height:54px;border-radius:10px}.palette{inset:8px 8px 136px;width:auto;max-height:none;transform:none}}@media(orientation:landscape)and (max-height:600px){.canvas-viewport{inset:0 86px 0 0}.canvas-wrap{width:min(calc(100vw - 100px),78vh)}.tool-rail{inset:50% 6px auto auto;width:72px;height:auto;max-height:calc(100dvh - 12px);transform:translateY(-50%);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tool-rail>button,.tool-back{width:54px;min-width:54px}.tool-divider{display:block;width:40px;min-width:40px;height:2px;min-height:2px}.weight-control{display:none}.zoom-tools{min-width:58px;width:58px;grid-template-columns:repeat(3,1fr)}.zoom-tools button{height:30px}.palette{inset:8px 84px 8px 8px}}.app-header{height:calc(82px + env(safe-area-inset-top));padding-top:calc(14px + env(safe-area-inset-top));padding-right:calc(clamp(18px,4vw,56px) + env(safe-area-inset-right));padding-left:calc(clamp(18px,4vw,56px) + env(safe-area-inset-left))}.round-button.cartoon-arrow,.tool-back.cartoon-arrow{border:0;color:#ff6b6b;background:transparent;box-shadow:none;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;font-size:2.9rem;font-weight:900;line-height:1;text-shadow:0 3px 0 color-mix(in srgb,#ff6b6b,#7a2630 38%);transform:rotate(-4deg)}.round-button.cartoon-arrow:hover,.tool-back.cartoon-arrow:hover{transform:rotate(-8deg) scale(1.08)}.round-button.cartoon-arrow:active,.tool-back.cartoon-arrow:active{transform:rotate(-4deg) translateY(2px);box-shadow:none}.page-shell{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.game-card,.theme-card,.drawing-card{--tile-accent: #ff9f8f;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:3px solid var(--border);box-shadow:0 9px 0 var(--shadow);filter:none}.game-card{--tile-accent: var(--game-color)}.theme-card{--tile-accent: var(--theme)}:root[data-theme=dark] .theme-card{background:var(--surface)}.game-card:hover,.theme-card:hover:not(.locked),.drawing-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 12px color-mix(in srgb,var(--tile-accent),var(--shadow) 58%)}.game-icon,.theme-card>span,.drawing-preview{width:72%;height:72%;display:grid;place-items:center;border-radius:27%;background:color-mix(in srgb,var(--tile-accent),var(--surface) 76%);filter:none}.theme-card.locked{filter:saturate(.45);opacity:.58}.canvas-viewport{top:env(safe-area-inset-top);right:calc(94px + env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}.canvas-wrap>canvas{position:absolute;inset:0}.sparkle-layer{z-index:2;pointer-events:none;mix-blend-mode:screen}.tool-rail{right:calc(10px + env(safe-area-inset-right));max-height:calc(100dvh - 18px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.tool-rail>.tool-reset{color:#4dabf7;background:transparent;font-size:2.35rem;font-weight:900;text-shadow:0 2px 0 #1864ab;transform:rotate(-7deg)}.zoom-tools button{font-size:.68rem;letter-spacing:-.14em}@media(max-width:650px){.app-header{height:calc(68px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));padding-right:calc(14px + env(safe-area-inset-right));padding-left:calc(14px + env(safe-area-inset-left))}.round-button.cartoon-arrow{width:58px;height:54px}.canvas-viewport{top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:calc(136px + env(safe-area-inset-bottom));left:env(safe-area-inset-left)}.tool-rail{right:calc(7px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));left:calc(7px + env(safe-area-inset-left));max-height:none}.palette{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));bottom:calc(136px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left))}.zoom-tools button{font-size:.72rem}}@media(orientation:landscape)and (max-height:600px){.canvas-viewport{top:env(safe-area-inset-top);right:calc(86px + env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left)}.tool-rail{right:calc(6px + env(safe-area-inset-right));bottom:auto;max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.palette{top:calc(8px + env(safe-area-inset-top));right:calc(84px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left))}}