.paintings-game{color:#2d342f;background:#8a583b;min-height:100svh;position:relative;overflow:hidden}.paintings-game button{font:inherit}.paintings-studio-layer,.paintings-round-layer{width:max(100vw,177.683svh);height:max(100svh,56.28vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paintings-studio-layer img{object-fit:fill}.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-game .paintings-intro.paintings-intro{z-index:3;background:#fff7e0b3;border-radius:4px 38px 4px 32px;flex-direction:column;width:min(580px,100% - 40px);max-width:min(580px,100% - 40px);max-height:calc(100svh - 128px);margin:0;padding:clamp(26px,4vw,58px);display:flex;position:absolute;top:50%;left:50%;right:auto;overflow-y:auto;transform:translate(-50%,-50%)rotate(.4deg);box-shadow:0 20px 50px #3d261a38}.paintings-intro p{margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.48}.paintings-intro 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{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-round-layer{pointer-events:none;z-index:2}.paintings-progress{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%)}.paintings-progress i{color:#fff7e0;height:20px;transform:rotate(calc((var(--progress-index,0) - 3) * 2.2deg));background:#fff7e08f;border:2px solid #fff2cfc2;border-radius:58% 42% 55% 45%/48% 55% 45% 52%;justify-content:center;align-items:center;width:20px;display:flex;box-shadow:0 2px 8px #41281f33,inset 0 0 0 2px #315b5752}.paintings-progress i.is-done{background:#d87957;box-shadow:0 3px 9px #41281f3d,inset 0 0 0 2px #ffdca8a6}.paintings-progress i.is-done:after{content:"✓";font-size:13px;font-style:normal;font-weight:950;line-height:1}.paintings-progress i.is-current{animation:1.8s ease-in-out infinite painting-frame-wait}.paintings-question{color:#315b57;font-family:var(--font-display),Georgia,serif;letter-spacing:-.02em;text-shadow:0 2px #fff7e0b8,0 3px 10px #482b1e2e;white-space:nowrap;z-index:5;margin:0;font-size:clamp(22px,2.1vw,31px);font-weight:850;position:absolute;top:14.8%;left:50%;transform:translate(-50%)rotate(-.5deg)}.paintings-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.paintings-answer-help{z-index:6;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;top:80px;right:18px}.paintings-answer-help button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#315b57d1;cursor:pointer;font-family:var(--font-display),Georgia,serif;opacity:.82;background:#fff7e09e;border:1px solid #315b576b;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:800;transition:background-color .16s,opacity .16s;display:flex}.paintings-answer-help button:hover,.paintings-answer-help button:focus-visible{opacity:1;background:#fff7e0e6}.paintings-answer-help p{background:#fff7e0e6;border:1px solid #315b572e;border-radius:12px 2px 12px 12px;max-width:220px;margin:0;padding:8px 12px;font-size:14px;font-weight:800;box-shadow:0 6px 18px #3d261a24}.paintings-canvas{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:23%;height:56%;padding:0;position:absolute;top:20%;left:40.25%;overflow:hidden}.paintings-canvas:disabled{cursor:default}.painting-sprite{transform-origin:50%;display:block;position:absolute;inset:2.5%}.painting-sprite img{object-fit:contain}.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][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=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=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=twirl] .painting-repaired{animation:1.9s ease-in-out both painting-twirl}.painting-brush{transform-origin:50% 90%;z-index:7;width:7.2%;height:12.8%;animation:.85s cubic-bezier(.2,.75,.2,1) both painting-brush-stroke;position:absolute;top:49%;left:51%}.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{z-index:4;background:#513c2e;position:absolute;inset:0;overflow:hidden}.paintings-finale-art,.paintings-gallery{width:min(100vw,177.683svh);height:min(100svh,56.28vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paintings-finale-art img{object-fit:fill;width:100%;height:100%;display:block}.paintings-gallery>i{animation:painting-gallery-in .65s calc(var(--gallery-index) * 80ms) ease both;background:#fff8dd;position:absolute;overflow:hidden}.paintings-gallery .painting-sprite{inset:0}.paintings-gallery>i:first-child{width:10%;height:18.2%;top:19.4%;left:31.1%}.paintings-gallery>i:nth-child(2){width:9.8%;height:18.2%;top:19.4%;left:46.6%}.paintings-gallery>i:nth-child(3){width:9.7%;height:18.2%;top:19.4%;left:62.4%}.paintings-gallery>i:nth-child(4){width:9.7%;height:18.5%;top:19.5%;left:78.5%}.paintings-gallery>i:nth-child(5){width:9.9%;height:16.2%;top:50.3%;left:31.2%}.paintings-gallery>i:nth-child(6){width:9.9%;height:17.2%;top:49.4%;left:46.6%}.paintings-gallery>i:nth-child(7){width:10%;height:16.2%;top:50.4%;left:62.4%}.paintings-gallery>i:nth-child(8){width:10.1%;height:16.6%;top:49.8%;left:78.7%}.paintings-finale-actions{bottom:max(18px,env(safe-area-inset-bottom));z-index:6;background:#fff7e0f0;border:1px solid #ffffffb3;border-radius:24px;align-items:center;gap:18px;padding:12px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #2d251f57}.paintings-finale-actions p{color:#315b57;font-family:var(--font-display),Georgia,serif;white-space:nowrap;margin:0;font-size:clamp(20px,2vw,30px);font-weight:850}.paintings-finale-actions>div{gap:10px;display:flex}.paintings-finale-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:#315b57;border:0;border-radius:999px;min-height:44px;padding:11px 18px;font-weight:900}.paintings-finale-actions button:last-child{color:#2d342f;background:#eadfbd}.paintings-finale-actions button:focus-visible{outline-offset:3px;outline:3px solid #f6bf2f}.paintings-finale-actions button:disabled{cursor:wait;opacity:.62}.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%{background:#fff7e0d1;transform:translateY(-2px)scale(1.08);box-shadow:0 0 0 3px #ffdb8547,0 2px 10px #41281f33,inset 0 0 0 2px #315b5761}}@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(18vw,-20vh)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-result-in{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes painting-gallery-in{0%{opacity:0;transform:translateY(24px)rotate(-2deg)}}@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-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-twirl{40%{transform:rotate(3deg)scale(.98)}75%{transform:rotate(-2deg)}}@media (orientation:portrait){.paintings-studio-layer,.paintings-round-layer{transform:translate(-52%,-50%)}.paintings-finale-art,.paintings-gallery{width:max(100vw,66.667svh);height:max(100svh,150vw)}.paintings-gallery>i:first-child{width:17.8%;height:10%;top:8.6%;left:31%}.paintings-gallery>i:nth-child(2){width:19.5%;height:10%;top:8.7%;left:56.7%}.paintings-gallery>i:nth-child(3){width:17.8%;height:10.2%;top:24.3%;left:31%}.paintings-gallery>i:nth-child(4){width:19.4%;height:10.2%;top:24.3%;left:56.8%}.paintings-gallery>i:nth-child(5){width:17.8%;height:9.9%;top:40%;left:31%}.paintings-gallery>i:nth-child(6){width:19.3%;height:9.9%;top:40%;left:56.8%}.paintings-gallery>i:nth-child(7){width:17.8%;height:9.8%;top:55.6%;left:31%}.paintings-gallery>i:nth-child(8){width:19.3%;height:9.8%;top:55.6%;left:56.8%}}@media (max-width:760px){.paintings-controls{padding:10px}.paintings-controls .game-system-wordmark{width:116px}.paintings-controls button{width:44px;height:44px}.paintings-game .paintings-intro.paintings-intro{width:calc(100% - 28px);max-width:calc(100% - 28px);max-height:calc(100svh - 112px);padding:24px}.paintings-intro h1{font-size:clamp(39px,10.5vw,55px)}.paintings-intro p{font-size:15px}.paintings-progress{top:64px}.paintings-progress i{width:18px;height:18px}.paintings-question{font-size:clamp(20px,6vw,26px);top:15.5%}.paintings-answer-help{top:66px;right:10px}.paintings-answer-help button{width:38px;height:38px}.paintings-canvas{height:48%;top:24%}.painting-result{bottom:18px}.paintings-finale-actions{bottom:max(10px,env(safe-area-inset-bottom));flex-direction:column;gap:8px;width:min(92vw,420px);padding:10px 12px}.paintings-finale-actions>div{width:100%}.paintings-finale-actions button{flex:1;padding:10px 12px}}@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)}}.paintings-brush-canvas{touch-action:none}.painting-controlled-reveal{pointer-events:none;position:absolute;inset:0}.painting-reveal-defs{pointer-events:none;width:0;height:0;position:absolute}.painting-controlled-brush{pointer-events:none;z-index:8;width:44px;height:70px;position:absolute;transform:translate(-25%,-15%)rotate(-25deg)}.painting-controlled-brush img{object-fit:contain}.paintings-profile-setup{gap:10px;min-width:0;max-width:100%;margin-top:20px;display:grid}.paintings-profile-setup select{color:#244c34;font:inherit;background:#fffdf5;border:1px solid #54715c;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:8px 12px}.paintings-profile-setup p{font-size:1rem}.paintings-progress-backdrop{z-index:50;background:#112a1dbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.paintings-save-panel{box-sizing:border-box;color:#244c34;overflow-wrap:anywhere;background:#fffdf5;border-radius:24px;width:min(520px,100%);max-height:calc(100svh - 40px);padding:24px;overflow:auto}.paintings-save-actions{flex-wrap:wrap;gap:12px;display:flex}.paintings-save-actions button{max-width:100%;min-height:44px;font:inherit;color:#244c34;background:#fff1b5;border:1px solid #54715c;border-radius:12px;padding:10px 16px}