#caz-scene{width:min(1010px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#24463a;border:1px solid #c3a866;border-radius:20px}#caz-scene::backdrop{background:#132e2acc;backdrop-filter:blur(5px)}.caz-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-bottom:1px solid #cab888;font:13px system-ui;position:sticky;top:0;z-index:8;background:#f5ead0}.caz-nav button{border:0;background:transparent;color:#315841;padding:9px;cursor:pointer}.caz-content{padding:18px 26px;text-align:center}.caz-content h1{font:600 clamp(23px,3vw,34px)/1.1 Georgia;margin:7px 0 15px}.caz-stage{position:relative;aspect-ratio:3/2;width:min(100%,calc(max(180px,100svh - 410px) * 1.5));margin:auto;overflow:hidden;border-radius:14px;box-shadow:0 5px 18px #2a432533;background:#baa785}.caz-wall{display:block;width:100%;height:100%;object-fit:cover}.caz-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.caz-guides path{fill:none;stroke:#f7f4df;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 8;opacity:.34}.caz-guides path.current{opacity:.8;filter:drop-shadow(0 1px 1px #32503f)}.caz-paint path{fill:none;stroke-width:21;stroke-linecap:round;stroke-linejoin:round;opacity:.92;filter:drop-shadow(1px 2px 1px #77552c44)}.caz-agy{position:absolute;left:80%;bottom:8%;width:20%;height:58%;object-fit:contain;object-position:bottom;transform:scaleX(-1);filter:drop-shadow(2px 4px 2px #3c433355);z-index:2}.caz-surface{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:crosshair;touch-action:none;z-index:3;padding:0}.caz-surface:focus-visible{outline:3px solid #ffe8ac;outline-offset:-6px}.caz-cursor{position:absolute;width:5%;height:10%;transform:translate(-56%,-5%) rotate(-18deg);z-index:4;pointer-events:none;filter:drop-shadow(1px 3px 2px #3c4c4655)}.caz-cursor>svg{width:100%;height:100%;display:block}.caz-cursor i{position:absolute;width:80%;height:25%;left:-30%;top:-10%;background:radial-gradient(ellipse,#e9bd58aa,transparent 70%);opacity:0;transform:rotate(-20deg)}.caz-cursor.spraying i{opacity:.85}.caz-status{display:flex;justify-content:center;align-items:center;gap:16px;margin:14px 0 10px;font:600 14px system-ui}.caz-progress{min-width:125px}.caz-toggle{border:1px solid #829b75;background:#fff0ce;color:#2f5742;border-radius:20px;padding:9px 17px;font:600 13px system-ui;cursor:pointer}.caz-toggle[aria-pressed=true]{background:#386d50;color:#fff1c4}.caz-start,.caz-finish{border:1px solid #75996f;border-radius:24px;background:#1c5545;color:#ffefbc;padding:12px 24px;font:600 15px system-ui;cursor:pointer}.caz-feedback{min-height:22px;font:600 14px/1.4 system-ui;margin:10px 0}.caz-line{max-width:800px;font:21px/1.4 Georgia;margin:16px auto}.caz-guide{max-width:790px;margin:10px auto;font:14px/1.5 system-ui;color:#56704d}.caz-nav button:focus-visible,.caz-toggle:focus-visible,.caz-start:focus-visible,.caz-finish:focus-visible{outline:3px solid #3e8663;outline-offset:3px}.admiring .caz-agy{animation:caz-step-back 1.8s ease-in-out forwards}.admiring .caz-guides{opacity:.12}.caz-stop .caz-map-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #315f3955)}@keyframes caz-step-back{0%{transform:scaleX(-1)}35%{transform:translate(5%,-2%) scaleX(-1) rotate(-2deg)}65%{transform:translate(10%,0) scaleX(-1) rotate(1deg)}100%{transform:translate(12%,1%) scale(-.95,.95)}}@media(max-width:650px){.caz-content{padding:16px}.caz-nav{padding:8px}.caz-nav>span{display:none}.caz-line{font-size:18px}.caz-guide{font-size:13px}.caz-status{gap:8px;margin-top:10px}.caz-progress{font-size:12px}.caz-cursor{width:7%;height:12%}.caz-feedback{font-size:13px}.caz-stage{width:min(100%,calc(max(170px,100svh - 430px) * 1.5))}}@media(prefers-reduced-motion:reduce){.admiring .caz-agy{animation:none;transform:translate(12%,1%) scale(-.95,.95)}}

.caz-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#e3d2a4,#b0b991);color:#24463a;font:600 15px system-ui;z-index:7}.art-ready .caz-loading{display:none}