*,: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}.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)}@font-face{font-family:Trade Winds;src:url(../../../fonts/trade-winds/TradeWinds-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}: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:Trade Winds,Georgia,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;gap:24px}.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}.dev-branches h2{margin:0 0 18px;font-size:1.35rem}.dev-build-list{display:grid;gap:12px}.dev-build{padding:14px 16px;border:2px solid var(--border, #f2e8da);border-radius:16px}.dev-build summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;font-weight:800}.dev-build summary strong{overflow-wrap:anywhere;color:#e8590c}.dev-build .options-button{margin-top:14px}.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)}.weight-picker{width:min(340px,calc(100vw - 130px))}.weight-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.weight-options button{min-width:0;min-height:94px;padding:12px;display:grid;grid-template-rows:1fr auto;align-items:center;gap:9px;color:#3b2116;background:linear-gradient(145deg,#fff8d9,#ead39a);border:2px solid #6c4026;border-radius:16px;box-shadow:inset 0 2px #ffffff85,0 3px #3b2116;cursor:pointer}.weight-options button.selected{box-shadow:inset 0 0 0 3px #e2ad43,inset 0 2px #ffffff8c,0 3px #3b2116,0 0 0 2px #ffe07780}.weight-options button strong{font-size:.82rem;font-weight:400;line-height:1}.weight-stroke{display:block;width:100%;height:var(--weight-preview);max-height:24px;background:#3b2116;border-radius:999px}:root[data-theme=dark] .weight-options button{color:#14243b;background:linear-gradient(145deg,#e9e4d2,#b9c3cc);border-color:#152b49;box-shadow:inset 0 2px #ffffff7a,0 3px #09182c}:root[data-theme=dark] .weight-options button.selected{box-shadow:inset 0 0 0 3px #e2ad43,inset 0 2px #ffffff80,0 3px #09182c,0 0 0 2px #e2ad4373}:root[data-theme=dark] .weight-stroke{background:#14243b}.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}}.coloring-page .tool-rail>button:disabled{cursor:default;filter:grayscale(.72) saturate(.35);opacity:.42;box-shadow:inset 0 1px #ffffff57,0 2px #3b21168c;transform:none}.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))}.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%)}}@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}}.coloring-page{background-color:color-mix(in srgb,var(--coloring-theme),#c9823f 72%);background-image:linear-gradient(color-mix(in srgb,var(--coloring-theme) 18%,transparent),color-mix(in srgb,#fff0c2 9%,transparent)),url(../../../images/pirate/sunny-planks.png);background-position:center top;background-repeat:repeat;background-size:auto,clamp(620px,85vw,1000px) auto}:root[data-theme=dark] .coloring-page{background-color:color-mix(in srgb,var(--coloring-theme),#172638 82%);background-image:linear-gradient(color-mix(in srgb,var(--coloring-theme) 13%,rgb(9 24 39 / .76)),#091827b8),url(../../../images/pirate/sunny-planks.png)}.coloring-page .studio{background:transparent}.coloring-page .canvas-wrap{border-color:#fffaf0;box-shadow:0 0 0 3px #3b21166b,0 13px 30px #3b21166b}:root[data-theme=dark] .coloring-page .canvas-wrap{border-color:#dfe9f3;box-shadow:0 0 0 3px #071426bf,0 13px 34px #030c18a8}.coloring-page .tool-rail{padding:9px 7px;background-color:#704021;background-image:linear-gradient(#fff0c20a,#3b211614),url(../../../images/pirate/raised-timber-header.png);background-position:center;background-repeat:repeat-y;background-size:auto,auto 180px;border:3px solid #3b2116;border-radius:23px;box-shadow:0 6px #3b2116b3,0 12px 26px #3b211661}:root[data-theme=dark] .coloring-page .tool-rail{background-color:#263347;background-image:linear-gradient(#09182d94,#09182d9e),url(../../../images/pirate/raised-timber-header.png);border-color:#0b1b32;box-shadow:0 6px #071120d1,0 12px 28px #030a1494}.coloring-page .tool-rail>button:not(.tool-reset),.coloring-page .zoom-tools button{color:#3b2116;background:linear-gradient(145deg,#fff8d9,#ead39a);border:2px solid #6c4026;box-shadow:inset 0 2px #ffffff85,0 3px #3b2116}:root[data-theme=dark] .coloring-page .tool-rail>button:not(.tool-reset),:root[data-theme=dark] .coloring-page .zoom-tools button{color:#14243b;background:linear-gradient(145deg,#e9e4d2,#b9c3cc);border-color:#152b49;box-shadow:inset 0 2px #ffffff7a,0 3px #09182c}.coloring-page .tool-rail>button:not(.tool-reset){position:relative;width:52px;min-width:52px;overflow:visible;padding:3px}.coloring-page .tool-rail>button.active{color:#3b2116;background:linear-gradient(145deg,#fff8d9,#ead39a);box-shadow:inset 0 0 0 3px #e2ad43,inset 0 2px #ffffff8c,0 3px #3b2116,0 0 0 2px #ffe07780;transform:scale(1.04)}:root[data-theme=dark] .coloring-page .tool-rail>button.active{color:#14243b;background:linear-gradient(145deg,#f2ead3,#c7cbd0);box-shadow:inset 0 0 0 3px #e2ad43,inset 0 2px #ffffff80,0 3px #09182c,0 0 0 2px #e2ad4373}.coloring-page .tool-icon{display:block;width:41px;height:41px;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coloring-page .color-button .color-preview{position:absolute;right:2px;bottom:2px;display:block;width:17px;height:17px;background:linear-gradient(135deg,var(--paint),var(--accent),var(--paint));border:2px solid #fff8d9;border-radius:50%;box-shadow:0 1px #3b2116}.coloring-page .tool-divider{background:#e2ad43;box-shadow:0 1px #3b2116}.coloring-page .weight-button span{position:absolute;right:2px;bottom:2px;display:grid;width:18px;height:18px;place-items:center;color:#3b2116;background:#fff8d9;border:1px solid #704021;border-radius:50%;font-family:system-ui,sans-serif;font-size:.55rem;font-weight:900;line-height:1}:root[data-theme=dark] .coloring-page .weight-button span{color:#10223b;background:#e9e4d2;border-color:#152b49}.coloring-page .zoom-tools{display:grid;width:19px;min-width:19px;height:54px;grid-template-columns:17px;grid-template-rows:repeat(3,17px);place-content:center;gap:1px}.coloring-page .zoom-tools button{display:grid;width:17px;min-width:17px;height:17px;min-height:17px;place-items:center;padding:0;border-width:1px;border-radius:5px;box-shadow:inset 0 1px #ffffff85,0 1px #3b2116}:root[data-theme=dark] .coloring-page .zoom-tools button{box-shadow:inset 0 1px #ffffff7a,0 1px #09182c}.coloring-page .zoom-tools img{width:13px;height:13px;-o-object-fit:contain;object-fit:contain;pointer-events:none}.coloring-page .palette{color:#3b2116;background:linear-gradient(#fff8dadb,#efd79ee6),url(../../../images/pirate/sunny-planks.png);background-size:auto,720px auto;border:4px solid #704021;box-shadow:0 7px #3b2116,0 18px 50px #2b190f6b}:root[data-theme=dark] .coloring-page .palette{color:#15243a;background:linear-gradient(#e0e2d8e6,#b2bec7eb),url(../../../images/pirate/sunny-planks.png);background-size:auto,720px auto;border-color:#152b49;box-shadow:0 7px #09182c,0 18px 50px #030a149e}.coloring-page .palette-heading strong{font-family:Trade Winds,Georgia,serif;font-weight:400}.coloring-page .palette p,:root[data-theme=dark] .coloring-page .palette p{color:currentColor}.coloring-page .palette-heading button{color:#3b2116;background:#fff0c2;border:2px solid #704021}:root[data-theme=dark] .coloring-page .palette-heading button{color:#10223b;background:#dce1dd;border-color:#152b49}.coloring-page .tool-rail button:focus-visible,.coloring-page .tool-back:focus-visible,.coloring-page .palette button:focus-visible{outline:4px solid #ffe077;outline-offset:2px}@media(max-width:650px){.coloring-page .tool-rail{background-position:center;background-repeat:repeat-x;background-size:auto,auto 220%}}@media(orientation:landscape)and (max-height:600px){.coloring-page .tool-rail{background-position:center;background-repeat:repeat-y;background-size:auto,auto 180px}}.home-page .game-card,.menu-page .theme-card,.menu-page .drawing-card{--game-sign-image: url(../../../images/pirate/wanted-game-sign-sunny.png);--game-sign-image-dark: url(../../../images/pirate/wanted-game-sign-moonlit.png);position:relative;padding:0;overflow:visible;background-color:transparent;background-image:var(--game-sign-image);background-position:center;background-repeat:no-repeat;background-size:contain;border:0;box-shadow:none}.menu-page .theme-card,.menu-page .drawing-card{background-image:none}:root[data-theme=dark] .home-page .game-card,:root[data-theme=dark] .menu-page .theme-card,:root[data-theme=dark] .menu-page .drawing-card{background-color:transparent;background-image:var(--game-sign-image-dark)}:root[data-theme=dark] .menu-page .theme-card,:root[data-theme=dark] .menu-page .drawing-card{background-image:none}.menu-page .wanted-sign-frame,.menu-page .wanted-sign{position:absolute;inset:0;width:100%;height:100%}.menu-page .wanted-sign-frame{display:block;z-index:0;border-radius:0;background:transparent;filter:none;pointer-events:none}.menu-page .wanted-sign{display:block;-o-object-fit:contain;object-fit:contain}.menu-page .wanted-sign--moonlit{display:none}:root[data-theme=dark] .menu-page .wanted-sign--sunny{display:none}:root[data-theme=dark] .menu-page .wanted-sign--moonlit{display:block}.home-page .game-card strong,.menu-page .theme-card strong,.menu-page .drawing-card strong{position:absolute;top:69%;left:13%;width:74%;height:15%;display:grid;place-items:center;margin:0;overflow:hidden;color:#3b2116;font-size:clamp(.7rem,2.6vw,1.2rem);line-height:1.05;text-align:center;text-shadow:0 1px 0 rgb(255 248 219 / .72);z-index:1}.home-page .game-card .game-icon,.menu-page .theme-card .theme-preview,.menu-page .drawing-card .drawing-preview{position:absolute;top:24%;left:20%;width:60%;height:44%;background:transparent;font-size:clamp(3rem,12vw,7rem);z-index:1}.menu-page .theme-card .theme-preview,.menu-page .drawing-card .drawing-preview{overflow:hidden}.menu-page .theme-card .theme-preview img,.menu-page .drawing-card .drawing-preview img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.home-page .game-card .game-icon img,.menu-page .theme-card .theme-preview img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;mix-blend-mode:multiply}.home-page .game-card:hover,.menu-page .theme-card.theme-card:hover:not(.locked),.menu-page .drawing-card.drawing-card:hover{box-shadow:none;filter:drop-shadow(0 12px 8px color-mix(in srgb,var(--tile-accent),transparent 72%))}: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:#c9823f;background-image:linear-gradient(#fff0c214,#fff0c214),url(../../../images/pirate/sunny-planks.png);background-position:center top;background-repeat:repeat;background-size:auto,clamp(620px,85vw,1000px) auto;transition:background-color .2s ease,color .2s ease}:root[data-theme=dark] body{background-color:#172638;background-image:linear-gradient(#0d1c2bad,#0d1c2bad),url(../../../images/pirate/sunny-planks.png)}.app-header{background-color:#704021;background-image:url(../../../images/pirate/raised-timber-header.png);background-position:center;background-repeat:repeat-x;background-size:auto 240%;border-color:#3b2116;box-shadow:0 7px #3b2116b8,0 13px 20px #3b211657}.app-title{width:min(100%,240px);height:auto;aspect-ratio:3 / 1;padding:4px 8% 0;overflow:hidden;color:#3b2116;background-color:transparent;background-image:url(../../../images/pirate/parchment-title-notice.png);background-position:center;background-repeat:no-repeat;background-size:contain;font-size:clamp(1.1rem,3vw,1.55rem);font-weight:400;letter-spacing:0;line-height:1;text-overflow:clip;text-shadow:0 1px 0 rgb(255 248 219 / .75);transform:translateY(-2px);white-space:nowrap}:root[data-theme=dark] .app-header{background-color:#3b281e;background-image:linear-gradient(#0d1c2b42,#0d1c2b42),url(../../../images/pirate/raised-timber-header.png);background-size:auto,auto 240%}.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)}.theme-preview img,.drawing-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.drawing-preview img{padding:7%}.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:58px minmax(0,1fr) 58px}.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{--header-bar-height: 82px;--header-control-center: calc(env(safe-area-inset-top) + 37px) ;--header-inline-padding: clamp(18px, 4vw, 56px);height:calc(var(--header-bar-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-right:calc(var(--header-inline-padding) + env(safe-area-inset-right));padding-bottom:0;padding-left:calc(var(--header-inline-padding) + env(safe-area-inset-left));grid-template-rows:minmax(0,1fr)}.app-title{grid-row:1;grid-column:2;align-self:center}.app-header>.round-button.cartoon-arrow,.app-header>.theme-toggle,.app-header>.header-sparkle{position:absolute;top:var(--header-control-center);margin:0}.app-header>.round-button.cartoon-arrow{left:calc(var(--header-inline-padding) + env(safe-area-inset-left));transform:translateY(-50%) rotate(-4deg)}.app-header>.round-button.cartoon-arrow:hover{transform:translateY(-50%) rotate(-8deg) scale(1.08)}.app-header>.round-button.cartoon-arrow:active{transform:translateY(calc(-50% + 2px)) rotate(-4deg)}.app-header>.theme-toggle,.app-header>.header-sparkle{right:calc(var(--header-inline-padding) + env(safe-area-inset-right));transform:translateY(-50%)}.app-header>.theme-toggle{width:54px;height:54px;padding:2px;border:0;border-radius:0;background:transparent}.theme-toggle img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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}.back-arrow-image,.reset-arrow-image{display:block;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.round-button .back-arrow-image{width:50px;max-width:none;height:40px}.tool-back .back-arrow-image{width:54px;height:45px}.tool-reset .reset-arrow-image{width:46px;height:46px}.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{--header-bar-height: 68px;--header-control-center: calc(env(safe-area-inset-top) + 30px) ;--header-inline-padding: 14px}.coloring-page .tool-rail{-moz-column-gap:5px;column-gap:5px;padding-top:3px;padding-bottom:3px}.coloring-page .tool-back{width:54px;min-width:54px;flex-basis:54px}.coloring-page .tool-back.cartoon-arrow,.coloring-page .tool-rail>.tool-reset,.coloring-page .tool-rail>button.active{transform:none}.coloring-page .zoom-tools{width:19px;min-width:19px}.coloring-page .zoom-tools img{width:13px;height:13px}.round-button.cartoon-arrow{width:58px;height:54px}.app-title{width:min(100%,220px);padding-right:8%;padding-left:8%;font-size:clamp(.85rem,4.4vw,1.2rem)}.round-button .back-arrow-image{width:54px;height:42px}.app-header>.theme-toggle{width:50px;height:50px}.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))}}