.art-button{position:absolute;padding:0;border:0;background:none;touch-action:none}.art-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sort-tray{position:absolute;left:150px;right:150px;top:15px;height:370px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:18px 55px}.parcel{width:150px;height:150px;position:relative;flex:none}.parcel img{width:100%;height:100%;object-fit:contain;pointer-events:none}.bins{position:absolute;left:190px;right:190px;bottom:65px;height:300px;display:flex;justify-content:space-around;gap:50px}.bin{width:340px;height:300px;border:0;background:none;padding:0;position:relative;touch-action:none}.bin img{width:100%;height:100%;object-fit:contain;pointer-events:none}.bin.accept{animation:happy .3s}@keyframes happy{50%{transform:translateY(-10px)}}.tap-help{position:absolute;top:390px;left:0;width:100%;text-align:center;font-size:24px;color:#7d8067}.small-action{border:1px solid #d3c4a9;border-radius:18px;padding:12px 23px;background:#fffdf8;font-size:24px;font-weight:bold;cursor:pointer}@keyframes shine{from{transform:scale(.5);opacity:.4}to{transform:scale(1);opacity:1}}.leaf-field{position:absolute;left:330px;right:330px;top:65px;bottom:100px;touch-action:none}.hidden-hedgehog{position:absolute;left:280px;top:95px;width:620px;height:500px;object-fit:contain;pointer-events:none}.swipe-leaf{position:absolute;width:290px;height:300px;border:0;background:none;touch-action:none;transition:opacity .3s}.swipe-leaf img{width:100%;height:100%;object-fit:contain;pointer-events:none}.swipe-guide{position:absolute;bottom:70px;width:100%;text-align:center;font-size:28px;color:#177f7c}.diagnostic-heading{position:absolute;top:170px;left:0;width:100%;text-align:center}.diagnostic-heading h1{font-size:42px}.diagnostic-heading p{font-size:22px;margin:12px}.test-zone{position:absolute;left:30px;top:295px;width:1310px;height:735px;border:2px dashed #cbbfa6;border-radius:22px;background:#fffdf8;touch-action:none;overflow:hidden}.test-results{position:absolute;left:1380px;top:295px;width:500px;height:735px;background:#f0eadc;border-radius:25px;padding:22px 26px;overflow:hidden}.test-results h2{font-size:28px;margin:0 0 15px}.test-result{font-size:23px;line-height:1.2;margin-bottom:14px;display:flex;justify-content:space-between;gap:10px}.test-result b{font-size:22px;color:#8e816c}.test-result.passed b{color:#177f7c}.test-source{font-size:19px;color:#69786c;line-height:1.35;margin:16px 0}.touch-target{position:absolute;width:90px;height:90px;border:6px solid #dfa343;border-radius:50%;background:#fff6df;display:flex;align-items:center;justify-content:center;color:#a97621;font-size:25px;pointer-events:none}.touch-target.done{border-color:#4b9d87;background:#dcf0e7}.touch-dot{position:absolute;width:55px;height:55px;border:4px solid #fff;border-radius:50%;background:#1d9db0;box-shadow:0 0 0 5px #1d9db077;pointer-events:none;transform:translate(-50%,-50%);z-index:4;font-size:19px;color:white;display:flex;align-items:center;justify-content:center}.test-zone canvas{position:absolute;inset:0;pointer-events:none}.test-instruction{position:absolute;left:170px;right:170px;top:80px;text-align:center;font-size:27px;line-height:1.45;pointer-events:none;color:#567269}.test-reset{margin:14px 0 0;font-size:22px;padding:12px 20px}.test-warning{font-size:18px;line-height:1.25;color:#7a6c57}.input-cancel{color:#9b6340}
.inst-row{position:absolute;left:0;right:0;top:60px;display:flex;justify-content:center;gap:34px}.inst{width:300px;height:420px;border:3px solid #dfd1bb;border-radius:30px;background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .15s}.inst img{width:250px;height:290px;object-fit:contain;pointer-events:none}.inst span{font-size:30px;font-weight:900;color:#30483f;margin-top:10px}.inst.lit{animation:instlit .5s;border-color:#f0a43a;background:#fff2d6;box-shadow:0 0 0 10px #f6c26a88}.inst-row.listen .inst{cursor:default}@keyframes instlit{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.1) rotate(-5deg)}60%{transform:scale(1.08) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
.pex-grid{position:absolute;left:0;right:0;top:10px;display:grid;justify-content:center;gap:22px}.pex{position:relative;border:0;padding:0;background:none;perspective:900px}.pex>div{position:absolute;inset:0;border-radius:24px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .4s}.pex-back{background:#177f7c;border:5px solid #f3e4c6;transform:rotateY(0)}.pex-back img{width:80%;opacity:.95;filter:drop-shadow(0 0 6px #fff8);pointer-events:none}.pex-face{background:#fffdf8;border:4px solid #dfd1bb;transform:rotateY(180deg)}.pex-face img{width:82%;height:82%;object-fit:contain;pointer-events:none}.pex.open .pex-back{transform:rotateY(180deg)}.pex.open .pex-face{transform:rotateY(360deg)}.pex.found .pex-face{border-color:#4b9d87;background:#e6f5ee}
.sh-row{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:50px}.sh-row.top{top:0;height:300px}.sh-row.bottom{top:390px;height:330px}.sh-item{width:270px;height:270px}.sh-item img,.sh-target img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sh-target{width:290px;height:300px;border:3px dashed #cbbfa6;border-radius:30px;background:#fffdf8;padding:12px}.sh-target img.shadow{filter:brightness(0);opacity:.55}.sh-target.solved{border:3px solid #4b9d87;background:#e6f5ee}
.diff-wrap{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;gap:40px}.diff-panel{position:relative;width:860px;height:620px;border-radius:26px;overflow:hidden;border:4px solid #dfd1bb;background:linear-gradient(#cfeef0 0 62%,#bfe0a0 62% 100%)}.diff-obj{position:absolute;height:auto;pointer-events:none;transform-origin:center}.diff-hit{position:absolute;border:0;background:none;padding:0;border-radius:50%;z-index:3}.diff-hit.found{border:8px solid #e8573f;box-shadow:0 0 0 4px #fff8}
.paint-wrap{position:absolute;left:0;right:0;top:0;height:800px;display:flex;justify-content:center;gap:28px}.palette{display:grid;grid-template-columns:repeat(2,92px);gap:14px;align-content:center}.swatch{width:92px;height:92px;border-radius:50%;border:6px solid #fff;box-shadow:0 0 0 3px #dfd1bb}.swatch.active{box-shadow:0 0 0 8px #30483f}.paint-canvas{width:790px;height:790px;border-radius:22px;border:4px solid #dfd1bb;background:#fff;touch-action:none}.tools{display:flex;flex-direction:column;gap:16px;justify-content:center;width:250px}.tool{font-size:27px;font-weight:900;padding:18px 10px;border-radius:22px;border:3px solid #dfd1bb;background:#fffdf8;color:#30483f}.tool.active{background:#177f7c;color:#fff;border-color:#177f7c}.tool.done{background:#f6c26a}.tool.done.ready{animation:instlit 1s infinite}