.activity-board{position:relative;width:min(100%,49svh);margin:auto;touch-action:none}.activity-art{display:block;width:100%;height:auto;border:3px solid #ad8560;border-radius:16px}.activity-layer{position:absolute;inset:0}.activity-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}.activity-button{background:#ead3aa;border:2px solid #98754d;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:14px}.activity-button canvas{display:block;max-width:100%}.activity-button.selected{outline:4px solid #689f84}.activity-status{margin:10px 0 0!important;text-align:center;font-size:14px!important}.book-shelf{display:flex;justify-content:center;gap:12px}.book-shelf .activity-button{width:30%}.packed:after{content:'✓ W plecaku';color:#46794e;font-size:13px}.nikodem-check{position:relative;width:260px;height:380px;margin:auto;background:#d4dfc4;border-radius:20px}.inspection-person{position:absolute;inset:0}.inspection-spots{position:absolute;inset:0}.inspection-spot{position:absolute;background:transparent;border:3px dashed #fff3b500;border-radius:20px}.inspection-spot span{display:none}.inspection-spot:hover,.inspection-spot:focus-visible{background:#ffef9533;border-color:#fff3b5}.inspection-spot.found{border-color:#60aa70;background:#80c48833}.inspection-spot.found:after{content:'✓';font-size:30px;color:#407b4c}.tooth-dirt{position:absolute;transform:translate(-50%,-50%);width:6%;height:7%;border-radius:42% 58% 37% 61%;background:#a4a24d;border:3px solid #9a8247;box-shadow:inset 2px -3px #81743d;font-size:0;touch-action:none}.brushing{cursor:crosshair}.washer-drum{position:absolute;left:36%;top:29%;width:29%;height:38%;border-radius:50%;background:transparent;border:4px dashed #fff6cf66}.washer-drum:hover,.washer-drum:focus-visible{background:#fff4ce44;border-color:#fff0ac}.water-running:after{content:'';position:absolute;inset:22% 38% 6% 24%;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 13px,#daf8ff99 14px 16px,transparent 17px 25px);animation:water-flow .35s linear infinite}@keyframes water-flow{to{transform:translateY(7px)}}.drawing-paper{position:absolute;left:16%;top:23%;width:68%;height:60%;touch-action:none}.color-dot{width:27px;height:27px;border:2px solid #745c48;border-radius:50%;font-size:0;padding:0}.color-dot span{display:none}.rainbow-guide{display:flex;height:14px;overflow:hidden;border-radius:6px;margin:15px 0}.rainbow-guide i{flex:1}.crayon-slots{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.crayon-slot{height:100px;background:#e7d7b9;border:2px dashed #ae906c;border-radius:5px;font-size:12px;padding:0}.crayon-slot.filled{border:2px solid #866749;color:#fff}.loose-crayons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.loose-crayon{height:90px;width:42px;padding:0;border:2px solid #6f5140;border-radius:45% 45% 10% 10%;box-shadow:inset 0 -12px #ffffff55;transform:rotate(-7deg)}.loose-crayon span{display:none}.loose-crayon.selected{outline:4px solid #695f91;transform:translateY(-8px)}.loose-crayon:disabled{opacity:.12}.breathing-orb{border-radius:50%;margin:20px auto;background:#adc8b3;width:100px;height:100px;display:grid;place-items:center;font-size:45px;animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.2);background:#d5c5e4}}.dance-lanes{height:300px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(#53496f,#8a699b);border:3px solid #765673}.dance-lane{position:absolute;top:0;bottom:0;width:25%;border-right:2px solid #d9b2df55}.dance-note{position:absolute;width:19%;height:36px;background:#f4d78d;border:2px solid #ffeabd;box-shadow:0 4px #674867;border-radius:10px;color:#76567b;font-size:25px;text-align:center}.hit-line{position:absolute;top:87%;height:4px;width:100%;background:#ffe9bb;box-shadow:0 0 16px #ffddab}.dance-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.dance-keys button{font-size:23px;background:#dac4e1}.dance-note:nth-child(odd){background:#a9dccc}@media(max-width:650px){.activity-button{font-size:12px;padding:6px}.book-shelf{gap:5px}.book-shelf canvas{width:80px;height:95px}.crayon-slot{height:75px;font-size:10px}.crayon-slots{gap:2px}.loose-crayon{height:72px;width:31px}.dance-lanes{height:260px}.activity-controls{gap:5px}.activity-board{width:min(100%,42svh)}}

.brush-cursor{position:absolute;left:45%;top:42%;width:80px;height:75px;pointer-events:none;transform:translate(-15%,-40%) rotate(-12deg);z-index:2}