body.coloring-page{display:block;min-height:100vh;background:radial-gradient(circle at 12% 9%,rgba(255,255,255,.78) 0 18px,transparent 19px),radial-gradient(circle at 88% 19%,rgba(255,255,255,.64) 0 12px,transparent 13px),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:#133764}.coloring-app{width:min(100%,1180px);max-width:none;margin:0 auto;padding:16px}.coloring-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:var(--radius-pill);color:#0b57d0;background:#ffffffe0;box-shadow:var(--shadow-card);font-weight:800;text-decoration:none}.coloring-back span{font-size:1.4rem;line-height:1}.coloring-back:hover{transform:translateY(-2px)}.coloring-game{margin-top:12px;padding:18px;border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow-card)}.coloring-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.coloring-kicker{display:inline-block;padding:5px 11px;border-radius:var(--radius-pill);color:#0b57d0;background:#e9f4ff;font-weight:800;font-size:.85rem}.coloring-header h1,.coloring-tools h2,.coloring-section-heading h2{margin:5px 0 0;color:#133764;font-family:var(--font-head);text-align:left;text-shadow:none}.coloring-header h1{font-size:clamp(2rem,7vw,3.4rem)}.coloring-header-star{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:20px;background:linear-gradient(180deg,#ffe68f,#ffd45a);color:#a96800;font-size:1.8rem;box-shadow:0 8px 16px #ffb90042}.coloring-chooser,.palette-card,.coloring-canvas-card{border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--clr-outline),0 8px 20px #173f8814}.coloring-chooser{padding:15px}.coloring-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 3px 12px}.coloring-section-heading h2,.coloring-tools h2{font-size:1.2rem}.coloring-section-heading p{color:#47739d;font-weight:700;font-size:.9rem}.dinosaur-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(76px,auto));grid-auto-columns:155px;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}.dinosaur-choice{scroll-snap-align:start;display:flex;flex:0 0 155px;min-height:80px;align-items:center;gap:10px;padding:10px;border:2px solid #e6f0ff;border-radius:18px;color:#133764;background:#fff;box-shadow:none;text-align:left}.dinosaur-choice:hover{transform:translateY(-2px)}.dinosaur-choice.is-selected{border-color:#2aa3ff;background:linear-gradient(180deg,#eff8ff,#fff);box-shadow:0 0 0 3px #2aa3ff2e}.dinosaur-choice-art{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eef7ff;background:color-mix(in srgb,var(--dino-accent) 25%,white);font-size:2rem}.dinosaur-choice strong,.dinosaur-choice small{display:block}.dinosaur-choice strong{font-family:var(--font-head);font-size:1.05rem}.dinosaur-choice small{margin-top:2px;color:#5d7d9d;font-family:var(--font-body);font-weight:700}.coloring-workspace{display:grid;gap:14px;margin-top:14px}.coloring-canvas-card{min-height:350px;padding:14px;overflow:hidden;background:linear-gradient(180deg,#f4fbff,#e6f6ff)}.coloring-canvas-topline{display:flex;justify-content:space-between;gap:8px;color:#215c91;font-weight:800;font-size:.9rem}.coloring-tap-hint{color:#5381aa}.dinosaur-canvas{display:grid;min-height:298px;place-items:center;margin-top:6px;border-radius:18px;background:radial-gradient(circle at 24% 25%,rgba(255,255,255,.8) 0 4px,transparent 5px) 0 0/48px 48px,linear-gradient(150deg,#d8f3ff,#f8fdff)}.dinosaur-canvas svg{width:min(100%,460px);max-height:330px;filter:drop-shadow(0 12px 10px rgba(28,119,184,.18))}.dinosaur-canvas path,.dinosaur-canvas circle{stroke:#174a7e;stroke-width:4.5;stroke-linejoin:round;stroke-linecap:round}.dinosaur-canvas .dino-body,.dinosaur-canvas .dino-tail,.dinosaur-canvas .dino-feet,.dinosaur-canvas .dino-neck{fill:#fff}.dinosaur-canvas .dino-belly{fill:#f6f8ff}.dinosaur-canvas .dino-spikes{fill:#ffd45a}.dinosaur-canvas .dino-spot{fill:#ff9d45}.dinosaur-canvas .dino-eye{fill:#174a7e;stroke-width:2}.dinosaur-canvas .dino-smile{fill:none;stroke-width:5}.dinosaur-canvas .dino-shadow{fill:#174a7e24;stroke:none}.coloring-tools{display:grid;gap:12px}.palette-card{padding:16px}.palette-card h2{margin:0 0 12px}.color-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.color-swatch{display:grid;width:100%;min-width:44px;min-height:48px;place-items:center;padding:5px;border:2px solid transparent;border-radius:16px;background:#f4f9ff;box-shadow:none}.color-swatch span{width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 2px #ffffff73,0 2px 4px #173f8833}.color-swatch.is-selected{border-color:#2aa3ff;box-shadow:0 0 0 3px #2aa3ff29}.color-swatch:hover{transform:translateY(-2px)}.coloring-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.coloring-action{min-height:52px;padding:10px;border-radius:16px;font-family:var(--font-head);font-size:1.05rem}.coloring-action span{font-size:1.35rem;vertical-align:-1px}.coloring-action--undo{background:#dceeff;color:#276aa5}.coloring-action--reset{background:#ffe5e5;color:#c7515c}.coloring-action:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.coloring-status{margin:14px 2px 0;color:#47739d;text-align:center;font-weight:700}.coloring-page button:focus-visible,.coloring-page a:focus-visible{outline:3px solid #174a7e;outline-offset:3px}@media (min-width: 720px){.coloring-app,.coloring-game{padding:24px}.coloring-workspace{grid-template-columns:minmax(0,1.35fr) minmax(265px,.65fr);align-items:stretch}.coloring-tools{grid-template-rows:1fr auto}.palette-card{display:flex;flex-direction:column;justify-content:center}.color-palette{grid-template-columns:repeat(3,1fr)}.coloring-canvas-card{min-height:430px}.dinosaur-canvas{min-height:374px}}@media (prefers-reduced-motion: reduce){.coloring-page *,.coloring-page *:before,.coloring-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dinosaur-canvas{touch-action:none;user-select:none;-webkit-user-select:none}.dinosaur-canvas [data-region]{cursor:pointer;pointer-events:all;transition:filter .12s ease,transform .12s ease}.dinosaur-canvas [data-region]:hover{filter:brightness(.96)}.dinosaur-canvas [data-region]:focus-visible{outline:none;stroke:#06f;stroke-width:7}.production-trex [data-region]{stroke-width:5.5}.production-trex .dino-eye-shine{fill:#fff;stroke:none}.production-trex .dino-cheek{fill:none;stroke-width:5}.palette-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.palette-card-title h2{margin:0}.selected-color-name{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;border-radius:var(--radius-pill);color:#174a7e;background:#eef6ff;font-weight:800;font-size:.85rem}.selected-color-name:before{content:"";width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--selected-color);box-shadow:0 0 0 1px #174a7e2e}.color-palette{grid-template-columns:repeat(3,1fr)}.color-swatch{min-height:60px;border-radius:18px}.color-swatch span{width:38px;height:38px}.color-swatch.is-selected:after{content:"?";position:absolute;color:#fff;font-weight:900;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-swatch{position:relative}.dinosaur-canvas [data-region].is-just-colored{animation:paint-pop .26s ease-out}.coloring-completion{margin:10px 4px 0;padding:10px 14px;border-radius:16px;color:#285319;background:linear-gradient(180deg,#f5ffd6,#e6f8b5);box-shadow:0 5px 14px #609b1c24;text-align:center;font-family:var(--font-head);font-weight:700;animation:completion-pop .28s ease-out}@keyframes paint-pop{50%{filter:brightness(1.14);transform:scale(1.035)}}@keyframes completion-pop{0%{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 720px){.color-palette{grid-template-columns:repeat(3,1fr)}}.production-trex .dino-nostril{fill:#174a7e;stroke:none}.production-trex .dino-claws{fill:none;stroke:#174a7e;stroke-width:5}.natural-trex .dino-anatomy{fill:none;stroke:#174a7e;stroke-width:3.5;stroke-linecap:round;opacity:.65}.natural-trex .dino-brow,.natural-trex .dino-jaw,.natural-trex .dino-teeth,.natural-trex .dino-hand-claws{fill:none;stroke:#174a7e;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.vector-trex{width:min(100%,560px)!important;max-height:350px!important}.vector-trex [data-region]{stroke:none}.vector-trex .base-body{pointer-events:none}.vector-trex .body-hit-area{fill:transparent!important;pointer-events:all}.vector-trex .dino-brow,.vector-trex .dino-jaw,.vector-trex .dino-teeth,.vector-trex .dino-anatomy,.vector-trex .dino-hand-claws,.vector-trex .dino-claws{fill:none;stroke:#174a7e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.vector-trex .dino-eye,.vector-trex .dino-nostril{fill:#174a7e}.vector-trex .dino-line-art{pointer-events:none;mix-blend-mode:multiply}.vector-trex .region-fill{pointer-events:none}.vector-trex .trex-hit-areas [data-region]{fill:#000!important;opacity:0;pointer-events:none}.dinosaur-canvas.has-hit-map-fallback .trex-hit-areas [data-region]{pointer-events:all}.masked-dino{width:min(100%,450px)!important;max-height:350px!important}.masked-dino [data-region]{stroke:none}.masked-dino .region-fill{pointer-events:none}.masked-dino .dino-line-art{pointer-events:none;mix-blend-mode:multiply}.direct-trex [data-region]{fill:#fff;stroke:#174a7e;stroke-width:3.25;stroke-linejoin:round;stroke-linecap:round;pointer-events:all}.direct-trex .dino-brow,.direct-trex .dino-mouth,.direct-trex .dino-teeth,.direct-trex .dino-claws{fill:none;stroke:#174a7e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.direct-trex .dino-eye,.direct-trex .dino-nostril{fill:#174a7e;stroke:none;pointer-events:none}.masked-dino .region-hit{fill:transparent!important;pointer-events:none}.dinosaur-canvas.has-hit-map-fallback .region-hit{pointer-events:all}