.world-portrait{display:block;width:100%;height:auto;object-fit:cover;border-radius:22px}.place-picture .world-portrait{aspect-ratio:1.35;object-position:center 55%}.catalog-world .world-portrait{max-height:240px;width:240px;margin:auto;object-fit:contain}.entry-art .world-portrait,.end-art .world-portrait{max-height:400px;object-fit:contain}.ux-home-picture .world-portrait{aspect-ratio:1;object-fit:cover}.ux-home-picture{max-width:210px;margin:auto}.ux-pilot .pilot-guide>.expression{width:86px;height:86px}.ux-pilot .pilot-guide{gap:12px;padding:7px 12px}.ux-pilot .pilot-guide p{font-size:16px}.ux-pilot .pilot-speaker{width:56px;height:56px;flex-shrink:0;font-size:23px}.ux-pilot .pilot-title h1{font-size:24px;line-height:1.3}.ux-pilot .pilot-tools{gap:10px}.ux-pilot .pilot-tools button{font-size:13px;min-height:48px;padding:8px 12px}.ux-message{min-height:32px;margin:7px 0;font-size:14px;line-height:1.4;color:#486575}.ux-play-space{height:clamp(240px,36svh,340px);border-radius:26px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #c7d8c4;box-shadow:inset 0 -12px 0 #8aaf8618}.ux-piece{background:#EDD0E5;border:3px solid #cfacca;min-width:100px;min-height:100px;padding:8px;touch-action:none;position:relative;z-index:4;box-shadow:0 5px 0 #bba0b74d}.ux-piece>.art{width:85px;height:85px}.ux-piece.selected{outline:4px solid #486575;outline-offset:2px;background:#f3deed}.ux-piece.dragging{z-index:20;box-shadow:0 8px 15px #263e4926;pointer-events:none}.ux-play-space [data-place]{min-width:90px;min-height:90px;touch-action:manipulation}.shape-space{background:linear-gradient(#dcece4 76%,#c7dac7 76%)}.shape-door{position:absolute;width:170px;height:175px;left:50%;top:22px;transform:translateX(-50%);background:#f0d4ab;border:3px solid #c0a17e;border-radius:16px;box-shadow:7px 7px 0 #95ae912e}.shape-door .roof{position:absolute;width:120%;height:65px;left:-10%;top:-21px;background:#d8a096;clip-path:polygon(50% 0,100% 65%,100% 100%,0 100%,0 65%)}.ux-pilot .shape-hole{position:absolute;left:50%;top:48px;transform:translateX(-50%);border:5px solid #b1906f;border-radius:50%;width:105px;height:105px;background:#FCF5EB;box-shadow:inset 0 4px 0 #c7b39a44;padding:8px}.shape-hole>span{display:block;width:100%;height:100%;border:3px dashed #7D97A9;border-radius:50%}.ux-pieces{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:center;gap:30px}.shoe-space{background:linear-gradient(#f4e9de 66%,#ddcbb4 66%)}.shoe-space .room-window{width:54px;height:54px;right:20px;top:15px;opacity:1}.ux-pilot .shoe-piece{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:0;min-height:80px;height:80px;width:165px;padding:3px}.ux-pilot .shoe-piece>.art{width:75px;height:75px}.ux-destinations{position:absolute;left:12px;right:12px;bottom:13px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.ux-destinations button{background:#FCF5EB;border:2px solid #cbb69b;padding:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 5px 0 #af947445}.ux-destinations .art{width:110px;height:110px}.ux-destinations b{font-size:16px}.garden-space{background:linear-gradient(#dceff0 58%,#bad3a8 58%)}.garden-tree{position:absolute;top:0;left:0}.garden-tree>.art{width:165px;height:165px}.garden-sun{position:absolute;top:5px;right:20px}.garden-sun>.art{width:65px;height:65px}.garden-fence{position:absolute;top:40%;left:0;right:0;height:65px;background:repeating-linear-gradient(90deg,transparent 0 20px,#fbf4df 20px 29px,transparent 29px 45px);border-top:9px solid #efe0be;border-bottom:9px solid #efe0be}.garden-friend{position:absolute;bottom:22px;width:39%;height:155px;min-height:100px;padding:0;background:transparent;border:3px solid transparent;z-index:2;border-radius:24px;touch-action:manipulation}.garden-friend>.art{width:130px;height:130px;position:relative;z-index:2}.garden-friend.friend-0{left:4%;bottom:18px}.garden-friend.friend-1{right:4%;bottom:48px}.garden-friend:focus-visible{outline:4px solid #486575}.garden-bush{display:block;position:absolute;bottom:0;left:0;right:0;height:45px;background:#8fb686;border-radius:60% 60% 15% 20%;box-shadow:0 4px 0 #6d9469}.garden-ball{position:absolute;bottom:2px;right:5px}.garden-ball>.art{width:55px;height:55px}.ux-hint{outline:4px dashed #486575;outline-offset:3px}.ux-pilot[data-emotion=sad] .ux-message{background:#FBE3DF;color:#963F35;padding:7px;border-radius:12px}.ux-reward .reward-art{gap:22px;min-height:170px}.ux-reward .reward-art>.expression{width:145px;height:145px}.ux-result{position:relative;width:135px;height:135px;display:flex;align-items:center;justify-content:center}.ux-result>.art{width:120px;height:120px}.shape-result{border-radius:50%;border:7px solid #b1906f;background:#FCF5EB;width:120px;height:120px}.shape-result>.art{width:105px;height:105px}.shoe-result>div{position:absolute;top:48px;left:18px;display:flex;gap:0}.shoe-result>div>.art{width:45px;height:45px}.gentle-motion .shape-result>.art{animation:ux-fit .45s ease-out 1}.gentle-motion .shoe-result>div{animation:ux-put .5s ease-out 1}.gentle-motion .cat-result>.art{animation:ux-walk .6s ease-out 1}@keyframes ux-fit{from{transform:translateY(24px) scale(.8)}to{transform:none}}@keyframes ux-put{from{transform:translateY(-35px)}to{transform:none}}@keyframes ux-walk{from{transform:translateX(-35px)}to{transform:none}}@media(max-width:600px){.ux-pilot .pilot-title h1{font-size:21px}.ux-pilot .pilot-guide>.expression{width:78px;height:78px}.ux-pilot .pilot-guide p{font-size:14px}.ux-pilot .pilot-tools{gap:7px}.ux-pilot .pilot-tools button{font-size:12px;padding:8px 9px}.ux-pilot .parent-tip summary{min-height:38px;font-size:12px}.ux-reward .completion-actions button{font-size:15px;min-height:52px}.ux-reward h2{font-size:23px}.shape-door{height:155px;width:160px;top:20px}.ux-piece{min-height:90px;min-width:95px}.ux-piece>.art{width:75px;height:75px}.ux-destinations .art{width:95px;height:95px}}@media(max-width:600px) and (max-height:700px){.ux-pilot .pilot-title h1{font-size:19px}.ux-pilot .pilot-guide>.expression{width:62px;height:62px}.ux-pilot .pilot-guide{padding:3px 8px;gap:8px;margin-bottom:5px}.ux-pilot .pilot-guide p{font-size:12px}.ux-pilot .pilot-speaker{width:48px;height:48px;min-height:48px}.ux-play-space{height:220px}.shape-door{width:140px;height:115px;top:14px}.ux-pilot .shape-hole{width:80px;height:80px;min-height:80px;min-width:80px;top:27px}.ux-pieces{bottom:9px;gap:28px}.ux-piece{min-width:84px;min-height:78px;padding:5px}.ux-piece>.art{width:65px;height:65px}.ux-pilot .shoe-piece{height:70px;min-height:70px;top:8px;width:140px}.ux-pilot .shoe-piece>.art{width:63px;height:63px}.ux-destinations{bottom:10px;gap:15px}.ux-destinations .art{width:78px;height:78px}.ux-destinations b{font-size:14px}.garden-friend{height:115px}.garden-friend>.art{width:105px;height:105px}.garden-friend.friend-1{bottom:34px}.ux-message{font-size:12px;min-height:29px;margin:5px 0}.ux-pilot .pilot-tools button{min-height:46px;font-size:11px}.ux-reward .reward-art{min-height:140px}.ux-reward .reward-art>.expression{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.ux-result *{animation:none!important}}