.paintings-game{color:#2d342f;background:#b96f46;min-height:100svh;position:relative;overflow:hidden}.paintings-game button{font:inherit}.paintings-world-art{object-fit:cover}.paintings-vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#2d261f47,#0000 42%),linear-gradient(#0000 58%,#482d1f52);position:absolute;inset:0}.paintings-controls{pointer-events:none;z-index:20;justify-content:space-between;align-items:center;padding:15px 18px;display:flex;position:absolute;top:0;left:0;right:0}.paintings-controls>*{pointer-events:auto}.paintings-controls>div{gap:8px;display:flex}.paintings-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#2a3633ab;border:1px solid #fff7e066;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.paintings-intro{z-index:3;background:#fff7e0e6;border-radius:4px 38px 4px 32px;flex-direction:column;max-width:min(580px,44vw);padding:clamp(26px,4vw,58px);display:flex;position:absolute;top:50%;left:auto;right:4vw;transform:rotate(.4deg)translateY(-50%);box-shadow:0 20px 50px #3d261a38}.paintings-intro p,.paintings-finale>p{margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.48}.paintings-intro h1,.paintings-finale h1{font-family:var(--font-display),Georgia,serif;letter-spacing:-.045em;text-wrap:balance;margin:0 0 20px;font-size:clamp(43px,5vw,76px);line-height:.91}.paintings-intro button,.paintings-finale>button{color:#fff;cursor:pointer;background:#315b57;border:0;border-radius:999px;align-self:flex-start;margin-top:24px;padding:15px 23px;font-weight:900}.paintings-play{z-index:3;min-height:100svh;position:relative;inset:0}.paintings-progress{gap:8px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.paintings-progress i{height:27px;transform:rotate(calc((var(--progress-index,0) - 3) * .8deg));background:#fff7e06b;border:4px solid #374b458c;width:23px;box-shadow:inset 0 0 0 2px #fff7e0b8}.paintings-progress i.is-done{background:#e29262;box-shadow:inset 0 0 0 2px #ffdca8,0 3px 10px #41281f40}.paintings-progress i.is-current{animation:1.8s ease-in-out infinite painting-frame-wait}.paintings-question{background:#fff7e0e8;border-radius:4px 25px 4px 22px;max-width:355px;padding:17px 20px;position:absolute;top:105px;left:3vw;transform:rotate(-.5deg)}.paintings-question h2{font-family:var(--font-display),Georgia,serif;margin:5px 0 7px;font-size:clamp(35px,4vw,58px);line-height:.95}.paintings-question p{margin:0}.paintings-canvas{cursor:pointer;background:0 0;border:0;width:min(36vw,61vh);height:min(58vw,65vh);padding:0;position:absolute;top:15%;left:37.5%;overflow:hidden}.paintings-canvas:disabled{cursor:default}.painting-sprite{background-position:50%;background-repeat:no-repeat;display:block;position:absolute;inset:0}.painting-sprite--classic{background-size:300% 300%}.painting-sprite--extended{background-size:400% 300%}.painting-sprite--classic.painting-sprite--incomplete{background-image:url(/games/unfinished-paintings/art/incomplete-atlas.webp)}.painting-sprite--classic.painting-sprite--complete{background-image:url(/games/unfinished-paintings/art/complete-atlas.webp)}.painting-sprite--extended.painting-sprite--incomplete{background-image:url(/games/unfinished-paintings/art/incomplete-atlas-v2.webp)}.painting-sprite--extended.painting-sprite--complete{background-image:url(/games/unfinished-paintings/art/complete-atlas-v2.webp)}.painting-touch-glow{border:3px solid #cf714861;border-radius:50%;width:54px;height:54px;animation:1.8s ease-in-out infinite painting-touch-pulse;position:absolute;bottom:8%;right:8%;box-shadow:0 0 22px #eda66059}.painting-touch-glow:before{color:#a85337;content:"✦";font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.painting-repaired{clip-path:inset(0 100% 0 0)}.paintings-game[data-phase=repair] .painting-repaired{animation:.85s cubic-bezier(.22,.72,.22,1) both painting-brush-reveal}.paintings-game[data-phase=alive] .painting-repaired{clip-path:inset(0)}.paintings-game[data-phase=alive] .painting-sprite--incomplete{opacity:0}.paintings-game[data-phase=alive] .paintings-canvas{background:#fffaf0;overflow:hidden}.paintings-game[data-phase=alive][data-action=flutter] .painting-repaired{animation:2.2s ease-in-out both painting-flutter}.paintings-game[data-phase=alive][data-action=drive] .painting-repaired{animation:2.2s ease-in-out both painting-drive}.paintings-game[data-phase=alive][data-action=pour] .painting-repaired{animation:1.6s ease-in-out both painting-pour}.paintings-game[data-phase=alive][data-action=shine] .painting-repaired{animation:1.9s ease-in-out both painting-shine}.paintings-game[data-phase=alive][data-action=tick] .painting-repaired{animation:1s ease-in-out 2 painting-tick}.paintings-game[data-phase=alive][data-action=hop] .painting-repaired{animation:1.7s ease-in-out both painting-hop}.paintings-game[data-phase=alive][data-action=wave] .painting-repaired{animation:1.8s ease-in-out both painting-wave}.paintings-game[data-phase=alive][data-action=fly] .painting-repaired{animation:2.2s ease-in-out both painting-fly}.paintings-game[data-phase=alive][data-action=pedal] .painting-repaired{animation:1.8s ease-in-out both painting-pedal}.paintings-game[data-phase=alive][data-action=smile] .painting-repaired{animation:1.7s ease-in-out both painting-smile}.paintings-game[data-phase=alive][data-action=steam] .painting-repaired{animation:2s ease-in-out both painting-steam}.paintings-game[data-phase=alive][data-action=glint] .painting-repaired{animation:1.8s ease-in-out both painting-glint}.paintings-game[data-phase=alive][data-action=swing] .painting-repaired{animation:1.7s ease-in-out both painting-swing}.paintings-game[data-phase=alive][data-action=listen] .painting-repaired{animation:1.9s ease-in-out both painting-listen}.paintings-game[data-phase=alive][data-action=step] .painting-repaired{animation:1.8s ease-in-out both painting-step}.paintings-game[data-phase=alive][data-action=open] .painting-repaired{animation:1.8s ease-in-out both painting-open}.paintings-game[data-phase=alive][data-action=stand] .painting-repaired{animation:1.7s ease-in-out both painting-stand}.paintings-game[data-phase=alive][data-action=sail] .painting-repaired{animation:2.2s ease-in-out both painting-sail}.paintings-game[data-phase=alive][data-action=twirl] .painting-repaired{animation:1.9s ease-in-out both painting-twirl}.painting-brush{transform-origin:50% 90%;z-index:7;width:120px;height:120px;animation:.85s cubic-bezier(.2,.75,.2,1) both painting-brush-stroke;position:absolute;top:48%;left:42%}.painting-brush img{object-fit:contain}.painting-result{color:#fff7e0;font-family:var(--font-display),Georgia,serif;text-shadow:0 4px 16px #482b1e80;font-size:clamp(38px,4vw,58px);animation:.42s both painting-result-in;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.paintings-finale{text-align:center;z-index:4;background:#fff7e0e6;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:80px 4vw 25px}.paintings-finale h1{margin-bottom:15px;font-size:clamp(45px,5vw,78px)}.paintings-gallery{grid-template-columns:repeat(8,minmax(72px,1fr));gap:10px;width:100%;max-width:1080px;display:grid}.paintings-gallery>i{animation:painting-gallery-in .65s calc(var(--gallery-index) * 80ms) ease both;background:#fff9e9;border:7px solid #5e756d;height:122px;position:relative;box-shadow:0 8px 18px #392c2333}.paintings-gallery>i:nth-child(2n){border-color:#c66d4c;transform:rotate(1deg)}.painting-medal{align-items:center;gap:10px;margin-top:18px;display:flex}.painting-medal>i{background:#e3a83f;border:6px double #fff1b9;border-radius:50%;width:62px;height:62px;position:relative;box-shadow:0 5px 15px #6b401b40}.painting-medal>i:after{clip-path:polygon(0 0,100% 0,78% 100%,50% 78%,22% 100%);content:"";background:#335c57;width:34px;height:32px;position:absolute;top:46px;left:10px}.painting-medal span{text-align:left;font-weight:900;line-height:1.05}.paintings-finale>button{align-self:center;margin-top:16px}.paintings-gate-backdrop{z-index:50;background:#2d251fd1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.paintings-gate{color:#2d342f;text-align:left;background:#fff6dc;border-radius:25px;width:100%;max-width:460px;padding:28px}.paintings-gate h2{font-family:var(--font-display),Georgia,serif;margin:4px 0 8px;font-size:34px}.paintings-kicker{color:#a85337;text-transform:uppercase;font-weight:900}.paintings-gate label{margin-top:18px;font-weight:800;display:block}.paintings-gate input{border:2px solid #315b57;border-radius:12px;width:100%;margin:6px 0;padding:10px;font-size:24px}.paintings-gate-error{color:#8b4a38;min-height:24px;display:block}.paintings-gate form div{gap:10px;margin-top:12px;display:flex}.paintings-primary,.paintings-secondary{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:850}.paintings-primary{color:#fff;background:#315b57}.paintings-secondary{color:#2d342f;background:#eadfbd}@keyframes painting-frame-wait{50%{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #fff7e0b8,0 0 12px #ffdb85}}@keyframes painting-brush-reveal{to{clip-path:inset(0)}}@keyframes painting-brush-stroke{0%{opacity:0;transform:translate(-70px,110px)rotate(-35deg)}40%{opacity:1}to{opacity:0;transform:translate(24vw,-22vh)rotate(26deg)}}@keyframes painting-flutter{25%{transform:translate(-3%,-4%)rotate(-2deg)scale(.96)}62%{transform:translate(4%,-6%)rotate(2deg)scale(.92)}to{transform:translate(0)}}@keyframes painting-drive{45%{transform:translate(9%)scale(.96)}58%{transform:translate(-7%)scale(.96)}to{transform:none}}@keyframes painting-pour{45%{transform:rotate(-12deg)translateY(-5%)}}@keyframes painting-shine{50%{filter:brightness(1.2)drop-shadow(0 0 18px #ffd777);transform:scale(1.03)}}@keyframes painting-tick{30%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes painting-hop{38%{transform:translateY(-12%)scale(.94,1.05)}70%{transform:translateY(1%)scale(1.02,.98)}}@keyframes painting-wave{40%{transform:rotate(2deg)scale(1.02)}75%{transform:rotate(-2deg)}}@keyframes painting-touch-pulse{50%{opacity:.6;transform:scale(1.12)}}@keyframes painting-result-in{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes painting-gallery-in{0%{opacity:0;transform:translateY(24px)rotate(-2deg)}}@keyframes painting-fly{35%{transform:translate(5%,-6%)rotate(2deg)scale(.96)}70%{transform:translate(-3%,-3%)rotate(-1deg)}}@keyframes painting-pedal{30%{transform:translate(3%)rotate(1deg)}65%{transform:translate(-2%)rotate(-1deg)}}@keyframes painting-smile{50%{filter:brightness(1.1);transform:translateY(-3%)scale(1.025)}}@keyframes painting-steam{45%{filter:brightness(1.08)blur(.2px);transform:translateY(-2%)}}@keyframes painting-glint{50%{filter:brightness(1.35)drop-shadow(0 0 18px #fff4a7);transform:scale(1.02)}}@keyframes painting-swing{35%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}@keyframes painting-listen{30%{transform:rotate(1.5deg)scale(1.02)}65%{transform:rotate(-1.5deg)}}@keyframes painting-step{38%{transform:translate(2%,-3%)rotate(1deg)}72%{transform:translate(-1%)rotate(-1deg)}}@keyframes painting-open{50%{filter:brightness(1.12);transform:perspective(600px)rotateY(-4deg)}}@keyframes painting-stand{35%{transform:translateY(-2%)rotate(-1deg)}70%{transform:translateY(1%)rotate(1deg)}}@keyframes painting-sail{35%{transform:translate(4%,-2%)rotate(1deg)}70%{transform:translate(-3%,1%)rotate(-1deg)}}@keyframes painting-twirl{40%{transform:rotate(3deg)scale(.98)}75%{transform:rotate(-2deg)}}@media (max-width:760px){.paintings-world-art{object-position:50% center}.paintings-controls{padding:10px}.paintings-controls .game-system-wordmark{width:116px}.paintings-controls button{width:42px;height:42px}.paintings-intro{max-width:none;padding:24px;inset:auto 14px 24px;transform:rotate(.3deg)}.paintings-intro h1{font-size:clamp(39px,10.5vw,55px)}.paintings-intro p{font-size:15px}.paintings-progress{top:64px}.paintings-question{max-width:calc(100vw - 24px);padding:12px 15px;top:100px;left:12px;right:12px}.paintings-question h2{font-size:34px}.paintings-canvas{background:#fff9e9;border:6px solid #43534d8c;width:86vw;height:min(86vw,42vh);top:29%;left:7vw}.paintings-finale{inset:75px 10px 12px}.paintings-gallery{grid-template-columns:repeat(4,1fr);gap:5px}.paintings-gallery>i{border-width:4px;height:84px}}@media (prefers-reduced-motion:reduce){.paintings-game *,.paintings-game :before,.paintings-game :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.painting-repaired{clip-path:inset(0)}}