/* DC03 editable art/layout. Shared shell values are never overridden. */#game[data-module="living-colouring-book"],#game[data-module="living-colouring-book"] *{box-sizing:border-box}html:has(#game[data-module="living-colouring-book"]),body:has(#game[data-module="living-colouring-book"]){margin:0;width:100%;height:100%;overflow:hidden}body:has(#game[data-module="living-colouring-book"]){background:#f3c188}body:has(#game[data-module="living-colouring-book"]) > .navigation-status.sr-only,#game[data-module="living-colouring-book"] .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#game[data-module="living-colouring-book"]{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;--ma-game-style:living-colouring-book}#game[data-module="living-colouring-book"] .studio{position:absolute;inset:0;z-index:-1}#game[data-module="living-colouring-book"] .studio img{width:100%;height:100%;object-fit:cover;object-position:center}#game[data-module="living-colouring-book"] .corner-button{position:absolute;z-index:20;cursor:pointer}#game[data-module="living-colouring-book"] .workspace{position:absolute;inset:88px 24px 22px;display:flex;align-items:center;justify-content:center;gap:36px}#game[data-module="living-colouring-book"] .book{position:relative;width:min(73vw,950px);height:min(76vh,690px);border:11px solid #38b6b8;border-bottom-width:18px;border-radius:25px 32px 32px 25px;background:linear-gradient(90deg,#ecdfc9 0%,#fff9ed 5%,#cdbb9b 7%,#fffaf0 9%,#fffdf7 50%,#f6ead6 100%);box-shadow:0 10px 0 #197a85,0 13px 0 #7bdfd4,0 20px 0 #d5c19d,0 28px 28px #70411d55,inset 0 4px 1px white;transform:rotate(-2deg);padding:10px 12px 10px 6%}#game[data-module="living-colouring-book"] .book:before{content:"";position:absolute;left:5%;top:4%;bottom:4%;width:2px;background:#d7c4a2;box-shadow:4px 0 5px #a18c7055}#game[data-module="living-colouring-book"] .book:after{content:"";position:absolute;right:10%;top:-11px;width:27px;height:48px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#f27583,#ffb5ac,#e85474);box-shadow:2px 3px 4px #6b472c33;pointer-events:none}#game[data-module="living-colouring-book"] #illustration{width:100%;height:100%;overflow:visible;touch-action:manipulation}#game[data-module="living-colouring-book"] .region{cursor:pointer;outline-offset:5px}#game[data-module="living-colouring-book"] .paint{transition:fill .2s}#game[data-module="living-colouring-book"] .region:active{filter:brightness(1.07)}#game[data-module="living-colouring-book"] .palette{display:grid;grid-template-columns:repeat(2,64px);gap:18px 14px;align-content:center;padding:20px 16px;border-radius:45px 45px 62px 62px;background:linear-gradient(135deg,#f8d39b,#f2bd7a);box-shadow:inset 0 3px 4px #fff9dc,0 7px 0 #b47b42,0 13px 17px #82552b44;transform:rotate(3deg)}#game[data-module="living-colouring-book"] .swatch{width:64px;height:64px;padding:0;border:4px solid #fff8e8;border-radius:45% 55% 49% 51%;cursor:pointer;background:radial-gradient(ellipse at 32% 21%,#ffffffc9 0%,#ffffff24 26%,transparent 45%),radial-gradient(ellipse at 35% 30%,var(--colour),var(--colour) 45%,color-mix(in srgb,var(--colour),#24114e 37%) 100%);box-shadow:inset 0 -6px 6px #32214344,0 5px 0 #865e3c55,0 8px 10px #6f4d2633;transition:transform .18s,outline .18s}#game[data-module="living-colouring-book"] .swatch[aria-pressed=true]{transform:translateY(-6px) scale(1.07)}#game[data-module="living-colouring-book"] .swatch:active{transform:translateY(2px)}#game[data-module="living-colouring-book"].has-brand-finale .workspace{visibility:hidden}#game[data-module="living-colouring-book"].has-brand-finale .corner-button{visibility:hidden}#game[data-module="living-colouring-book"] .celebration-screen{position:absolute;inset:0;z-index:25}#game[data-module="living-colouring-book"] .celebration-screen[hidden]{display:none}#game[data-module="living-colouring-book"] .celebration-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#game[data-module="living-colouring-book"] .finish-actions{display:flex}#game[data-module="living-colouring-book"] .finish-button{padding:0;border:0;background:transparent;cursor:pointer}#game[data-module="living-colouring-book"] .finale-button-art{width:100%;display:block}#game[data-module="living-colouring-book"] #brand-final-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#game[data-module="living-colouring-book"] .brand-final-mascots{object-fit:contain;z-index:1}#game[data-module="living-colouring-book"] #balloon{transform-box:fill-box;transform-origin:center}#game[data-module="living-colouring-book"] .flying #balloon{animation:book-flight 3000ms ease-in-out both}@keyframes book-flight{0%{transform:translate(0,0) rotate(0)}40%{transform:translate(10px,-55px) rotate(3deg)}75%{transform:translate(-8px,-85px) rotate(-3deg)}100%{transform:translate(0,-100px) rotate(0)}}@media(orientation:portrait){#game[data-module="living-colouring-book"] .workspace{inset:100px 12px 24px;flex-direction:column;gap:34px}#game[data-module="living-colouring-book"] .book{width:94vw;height:min(62dvh,690px);padding-left:6%;border-width:8px;border-bottom-width:14px}#game[data-module="living-colouring-book"] .palette{grid-template-columns:repeat(6,1fr);width:min(94vw,600px);gap:8px;padding:14px 10px;border-radius:28px;transform:rotate(0)}#game[data-module="living-colouring-book"] .swatch{width:100%;height:auto;aspect-ratio:1;border-width:3px}}@media(max-height:500px) and (orientation:landscape){#game[data-module="living-colouring-book"] .workspace{inset:74px 16px 20px;gap:22px}#game[data-module="living-colouring-book"] .book{height:calc(100dvh - 110px);width:min(62vw,610px);border-width:7px;padding-top:0;padding-bottom:0}#game[data-module="living-colouring-book"] .palette{grid-template-columns:repeat(2,48px);gap:12px;padding:12px}#game[data-module="living-colouring-book"] .swatch{width:48px;height:48px}}@media(max-width:360px) and (orientation:portrait){#game[data-module="living-colouring-book"] .workspace{inset:88px 10px 20px;gap:28px}#game[data-module="living-colouring-book"] .book{height:61dvh}#game[data-module="living-colouring-book"] .palette{gap:6px;padding:12px 7px}}@media(prefers-reduced-motion:reduce){#game[data-module="living-colouring-book"] .flying #balloon{animation-duration:3000ms}#game[data-module="living-colouring-book"] .swatch{transition:none}}#game[data-module="living-colouring-book"] .region{--shine-travel:400px}#game[data-module="living-colouring-book"] .region .paint{pointer-events:visiblePainted}#game[data-module="living-colouring-book"] .region[data-region="basket"]{pointer-events:all}#game[data-module="living-colouring-book"] .region:focus-visible{outline:3px solid #7132c4}#game[data-module="living-colouring-book"] .swatch{touch-action:manipulation}@media(max-width:360px) and (orientation:portrait){#game[data-module="living-colouring-book"] .workspace{gap:20px}#game[data-module="living-colouring-book"] .book{height:48dvh}#game[data-module="living-colouring-book"] .palette{grid-template-columns:repeat(3,52px);width:auto;gap:10px 13px;padding:13px 17px}#game[data-module="living-colouring-book"] .swatch{width:52px;height:52px}}/* Native finale scaffolding from the existing games; dimensions/timing remain shared. */#game[data-module="living-colouring-book"] .celebration-screen{display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}#game[data-module="living-colouring-book"] .celebration-screen[hidden]{display:none}#game[data-module="living-colouring-book"] .celebration-content{position:relative;min-height:0;height:auto}#game[data-module="living-colouring-book"] .mascots{position:relative;z-index:1;min-height:0;pointer-events:none}#game[data-module="living-colouring-book"] .finish-actions{position:relative;z-index:2;display:flex;flex-direction:column;flex:none}#game[data-module="living-colouring-book"] .finish-button{position:relative;text-decoration:none}/* V3: a child's tabletop painting atelier; no visible instruction labels. */#game[data-module="living-colouring-book"].is-atelier #workspace{inset:88px 30px 27px;gap:46px}#game[data-module="living-colouring-book"].is-atelier .studio img{object-position:center}#game[data-module="living-colouring-book"].is-atelier .canvas-stand{position:relative;width:min(72vw,950px);height:min(77vh,710px);flex-shrink:1;min-width:0;filter:drop-shadow(0 10px 9px #75451d33)}#game[data-module="living-colouring-book"].is-atelier .easel-back{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#game[data-module="living-colouring-book"].is-atelier #workspace .book{position:absolute;inset:22px 13px 43px;width:auto;height:auto;padding:8px 12px;border:11px solid #f4cc91;border-bottom-width:15px;border-radius:13px;background:linear-gradient(110deg,#fffaf0,#fffdf6 48%,#fff7e6);box-shadow:inset 0 3px 2px #fff,0 5px 0 #c48b4d,0 8px 8px #764b2233;transform:rotate(-2deg)}#game[data-module="living-colouring-book"].is-atelier #workspace .book:before{content:"";position:absolute;left:calc(50% - 28px);top:-22px;bottom:auto;width:56px;height:28px;border-radius:7px;background:linear-gradient(90deg,#dc9550,#ffd69a 35%,#e9ae68 80%,#c57d3b);border:2px solid #d49350;box-shadow:inset 0 3px 2px #fff5d4,0 3px 3px #77502333}#game[data-module="living-colouring-book"].is-atelier #workspace .book:after{display:none}#game[data-module="living-colouring-book"].is-atelier .paint-tools{display:flex;flex-direction:column;align-items:center;gap:24px;flex-shrink:0}#game[data-module="living-colouring-book"].is-atelier .model-stand{position:relative;width:218px;height:215px;transform:rotate(3deg);filter:drop-shadow(0 7px 6px #75451d33)}#game[data-module="living-colouring-book"].is-atelier .model-card{position:absolute;inset:16px 9px 43px;margin:0;width:auto;height:auto;padding:6px;border:7px solid #f0b66f;border-radius:9px;background:linear-gradient(135deg,#fffdf6,#fff2dc);box-shadow:inset 0 2px 1px white,0 4px 0 #c07b3b;transform:rotate(-5deg);pointer-events:none}#game[data-module="living-colouring-book"].is-atelier #model-picture{width:100%;height:100%;min-height:0}#game[data-module="living-colouring-book"].is-atelier #model-picture svg{width:100%;height:100%;display:block;overflow:visible}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{position:relative;display:grid;grid-template-columns:repeat(2,64px);width:auto;gap:16px 14px;padding:35px 22px 22px;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;transform:rotate(5deg)}#game[data-module="living-colouring-book"].is-atelier .palette-wood{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 5px 0 #b27c41) drop-shadow(0 10px 8px #75451d33);pointer-events:none}#game[data-module="living-colouring-book"].is-atelier .palette-wood.portrait{display:none}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{position:relative;width:64px;height:64px;border-color:#fff6db}@media(orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:79px 10px 18px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:133px minmax(0,1fr) 88px;gap:12px;justify-items:center}#game[data-module="living-colouring-book"].is-atelier .paint-tools{display:contents}#game[data-module="living-colouring-book"].is-atelier .model-stand{grid-row:1;width:164px;height:133px;transform:rotate(4deg)}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:10px 8px 27px;border-width:5px;padding:3px}#game[data-module="living-colouring-book"].is-atelier .canvas-stand{grid-row:2;width:96vw;height:100%;min-height:0}#game[data-module="living-colouring-book"].is-atelier #workspace .book{inset:14px 9px 27px;padding:3px 7px;border-width:8px;border-bottom-width:11px}#game[data-module="living-colouring-book"].is-atelier #workspace .book:before{width:42px;height:22px;left:calc(50% - 21px);top:-17px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{grid-row:3;grid-template-columns:repeat(6,minmax(0,1fr));width:min(96vw,600px);gap:8px;padding:22px 11px 11px;transform:rotate(-2deg)}#game[data-module="living-colouring-book"].is-atelier .palette-wood.landscape{display:none}#game[data-module="living-colouring-book"].is-atelier .palette-wood.portrait{display:block}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:100%;height:auto;aspect-ratio:1}}@media(max-height:500px) and (orientation:landscape){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:71px 16px 12px;gap:28px}#game[data-module="living-colouring-book"].is-atelier .canvas-stand{height:calc(100dvh - 90px);width:min(67vw,620px)}#game[data-module="living-colouring-book"].is-atelier #workspace .book{inset:14px 7px 24px;border-width:7px;padding:0 6px}#game[data-module="living-colouring-book"].is-atelier .paint-tools{gap:5px}#game[data-module="living-colouring-book"].is-atelier .model-stand{width:145px;height:101px}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:8px 7px 23px;border-width:4px;padding:3px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{grid-template-columns:repeat(3,44px);gap:9px;padding:19px 14px 12px;transform:rotate(3deg)}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:44px;height:44px}}@media(max-width:360px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:74px 8px 13px;grid-template-rows:103px minmax(0,1fr) 126px;gap:4px}#game[data-module="living-colouring-book"].is-atelier .model-stand{width:138px;height:103px}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:7px 7px 21px;border-width:4px;padding:2px}#game[data-module="living-colouring-book"].is-atelier #workspace .book{inset:11px 5px 18px;padding:0 3px;border-width:6px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{grid-template-columns:repeat(3,49px);width:auto;gap:9px 14px;padding:17px 20px 11px;transform:rotate(-2deg)}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:49px;height:49px}}@media(max-height:700px) and (min-width:361px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:74px 10px 13px;grid-template-rows:100px minmax(0,1fr) 82px;gap:6px}#game[data-module="living-colouring-book"].is-atelier .model-stand{width:142px;height:100px}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:7px 7px 21px;border-width:4px;padding:2px}#game[data-module="living-colouring-book"].is-atelier #workspace .book{inset:11px 7px 18px;border-width:6px;padding:0 5px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{padding:18px 11px 10px}}@media(max-height:520px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:74px 8px 9px;grid-template-rows:76px minmax(0,1fr) 72px;gap:4px}#game[data-module="living-colouring-book"].is-atelier .model-stand{width:122px;height:76px}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:7px 6px 14px;border-width:4px;padding:1px}#game[data-module="living-colouring-book"].is-atelier #workspace .book{inset:8px 5px 16px;border-width:5px;padding:0}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{grid-template-columns:repeat(6,minmax(0,1fr));width:96vw;gap:4px;padding:18px 10px 8px}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:100%;height:auto;aspect-ratio:1}}/* V4: phone first; reference and paint colours share the worktable. */@media(orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:82px 10px 18px;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:end}#game[data-module="living-colouring-book"].is-atelier .canvas-stand{grid-row:1;width:96vw;height:min(100%,calc(96vw + 60px));align-self:end}#game[data-module="living-colouring-book"].is-atelier .paint-tools{grid-row:2;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:12px;width:96vw;min-width:0}#game[data-module="living-colouring-book"].is-atelier .model-stand{flex:0 0 44%;width:44%;height:auto;aspect-ratio:1.05;transform:rotate(-2deg)}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:10px 7px 28px;padding:3px;border-width:5px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{flex:0 0 calc(56% - 12px);width:calc(56% - 12px);grid-template-columns:repeat(3,minmax(44px,1fr));gap:9px 6px;padding:27px 7px 14px;transform:none}#game[data-module="living-colouring-book"].is-atelier .palette-wood.landscape{display:block}#game[data-module="living-colouring-book"].is-atelier .palette-wood.portrait{display:none}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:100%;height:auto;aspect-ratio:1}}@media(max-width:360px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:75px 8px 12px;gap:8px}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:8px 6px 23px;padding:2px;border-width:4px}}@media(max-height:700px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:75px 8px 12px;gap:8px}}@media(min-width:600px) and (orientation:portrait){#game[data-module="living-colouring-book"].is-atelier #workspace{inset:88px 20px 24px;gap:18px}#game[data-module="living-colouring-book"].is-atelier .canvas-stand{height:min(100%,calc(80vw + 70px));width:min(94vw,900px)}#game[data-module="living-colouring-book"].is-atelier .paint-tools{width:530px;gap:28px}#game[data-module="living-colouring-book"].is-atelier .model-stand{flex:0 0 220px;width:220px;height:200px;aspect-ratio:auto}#game[data-module="living-colouring-book"].is-atelier .model-card{inset:14px 9px 36px;border-width:6px;padding:5px}#game[data-module="living-colouring-book"].is-atelier #workspace .palette{flex:0 0 256px;width:256px;grid-template-columns:repeat(3,64px);gap:12px;padding:27px 20px 15px}#game[data-module="living-colouring-book"].is-atelier #workspace .swatch{width:64px;height:64px}}/* V5: bottom breathing room includes the device safe area. */@media(orientation:portrait) and (max-width:599px){#game[data-module="living-colouring-book"].is-atelier #workspace{bottom:max(52px,calc(env(safe-area-inset-bottom,0px) + 24px))}}@media(orientation:portrait) and (max-width:599px) and (max-height:600px){#game[data-module="living-colouring-book"].is-atelier #workspace{bottom:max(34px,calc(env(safe-area-inset-bottom,0px) + 16px))}}@media(orientation:portrait) and (max-width:599px) and (max-height:520px){#game[data-module="living-colouring-book"].is-atelier #workspace{top:68px;gap:4px}}/* Selection is a persistent paint-choice ring, independent of the shared keyboard-focus outline. */#game[data-module="living-colouring-book"] .swatch[aria-pressed=true]::after{content:"";position:absolute;inset:-7px;border:4px solid #6850a2;border-radius:inherit;pointer-events:none}@media(orientation:portrait){#game[data-module="living-colouring-book"] .swatch[aria-pressed=true]::after{inset:-5px;border-width:3px}}
