*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#d9efdf;font-family:system-ui;color:#684331}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;border:0}main{position:relative;width:100%;height:100%;overflow:hidden}main[hidden]{display:none}.world{height:100%;position:relative}.clearings{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}.clearing{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;overflow:hidden}.clearing video{width:100%;height:100%;object-fit:cover}.name{position:absolute;font-size:clamp(24px,3.4vw,58px);font-weight:850;pointer-events:none;text-align:center;display:grid;place-items:center;color:#684025}.visit{position:absolute;inset:18% 9% 13% 4%;background:transparent}.soon{position:absolute;right:12%;bottom:15%;padding:15px 35px;border-radius:30px;background:#fff4dded;font-size:clamp(20px,3vw,38px);font-weight:750;pointer-events:none}.round{position:absolute;z-index:5;width:clamp(54px,6.5vw,86px);aspect-ratio:1;border-radius:50%;background:#fff4dce8;box-shadow:0 4px 0 #94684955;color:#684331;font-size:clamp(32px,4vw,55px);display:grid;place-items:center}.prev{left:3%;top:45%}.next{right:3%;top:45%}.back{left:3%;top:4%}.dots{position:absolute;bottom:4%;left:40%;width:20%;display:flex;justify-content:center;gap:20px}.dots button{width:20px;height:20px;border-radius:50%;background:#fff9;padding:0}.dots .active{background:white;outline:5px solid #249b8a}.room-art{width:100%;height:100%;object-fit:cover}.toy{position:absolute;left:38%;top:43%;width:27%;height:45%;background:transparent;border-radius:24px}.toy:focus-visible,.visit:focus-visible{outline:6px solid white}#album{background:#edf7ed;padding:25px 4% 25px 12%;overflow:auto}#stages{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}#stages button{width:58px;height:58px;background:#fff3d8;border-radius:50%;font-size:25px;box-shadow:0 4px #dab989}#stages .active{background:#bfe4ce;outline:3px solid #359886}.pictures{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;background:#dcb77f;border:8px solid #fff7e6;padding:20px;border-radius:30px}.pictures a{display:block;background:#fffaf0;border-radius:20px;box-shadow:0 5px #ba9458;padding:10px}.pictures img{display:block;width:100%;height:clamp(100px,21vh,220px);object-fit:contain}@media(orientation:portrait){.pictures{grid-template-columns:repeat(2,1fr)}.clearing video,.room-art{object-fit:contain;background:#d9efdf}#album{padding:90px 15px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}#forest,#room{height:min(100svh,56.25vw);top:calc((100svh - min(100svh,56.25vw))/2)}.clearing{min-width:0;width:100%}.clearings{width:100%}.clearing video{display:block}.soon{bottom:12%}.name{font-size:clamp(16px,3.4vw,58px)}
#forest,#room{height:100svh;top:0}.clearing video,.room-art{object-fit:cover;background:#d9efdf}

/* Agreed album: Bublik at left, four large pictures in his quiet room. */
#album{padding:0;overflow:hidden;background:url('bublik-play/room-clean.webp') center/cover}#album #stages{position:absolute;top:3%;left:22%;right:12%;gap:8px;margin:0;z-index:2}#album #stages button{width:clamp(34px,4.5vw,58px);height:clamp(34px,4.5vw,58px);font-size:clamp(18px,2vw,25px)}.album-mascot{position:absolute;left:4%;bottom:9%;width:34%;aspect-ratio:1;background:url('bublik-play/emotions.webp') 0% 50%/300% 100%;transform-origin:50% 90%;animation:album-breathe 4s ease-in-out infinite}.pictures{position:absolute;left:41%;top:16%;width:51%;height:70%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:linear-gradient(110deg,#ffdc97,#edbd76);border:7px solid #ffebbe;border-radius:30px;box-shadow:0 8px 0 #b5845544}.pictures a{min-height:0;min-width:0;border:3px solid #d7a66f;border-radius:20px;padding:8px;box-shadow:inset 0 2px 0 white,0 4px 0 #b9885333;background:#fff4df}.pictures img{height:100%;width:100%;object-fit:contain}.album-paging{position:absolute;left:45%;width:43%;bottom:2%;height:9%;display:flex;align-items:center;justify-content:space-between}.album-paging .round{position:static;width:clamp(44px,5vw,70px)}.album-paging button:disabled{opacity:.35;cursor:default}.album-page-dots{display:flex;gap:14px}.album-page-dots span{width:15px;height:15px;border-radius:50%;background:#fff9}.album-page-dots .active{background:white;outline:3px solid #258f80}@keyframes album-breathe{50%{transform:rotate(1deg) scale(1.01)}}@media(orientation:portrait){#album #stages{top:11%;left:5%;right:5%}.album-mascot{left:0;bottom:1%;width:35%}.pictures{left:8%;top:24%;width:84%;height:59%;gap:8px;padding:10px}.album-paging{left:39%;width:55%;bottom:4%}}@media(prefers-reduced-motion:reduce){.album-mascot{animation:none}}

#album{background:#e7f1df}.album-frame{position:absolute;background:url('forest/album.webp') center/100% 100%;}.album-mascot{display:none}.album-frame .pictures{left:43.6%;top:18.5%;width:43%;height:63.5%;padding:0;border:0;border-radius:0;box-shadow:none;background:none;gap:1.5% 2.5%}.album-frame .pictures a{padding:10px;border:3px solid #d6a26c;border-radius:22px;background:#fff3df;box-shadow:inset 0 2px 0 white}.album-frame .pictures img{height:100%}.album-paging{z-index:3}.album-paging .round{background:#fff4dfe8}#album #stages{background:#fff4dfb8;border-radius:50px;padding:4px;top:2%}
.empty-picture{display:block;background:#fff3df;border:3px solid #d6a26c;border-radius:22px;box-shadow:inset 0 2px 0 white}
.album-frame .pictures{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}.album-frame .pictures::-webkit-scrollbar{display:none}.album-frame .pictures:active{cursor:grabbing}.album-sheet{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.5% 2.5%;scroll-snap-align:start;scroll-snap-stop:always}.album-sheet a{user-select:none;-webkit-user-drag:none}.album-sheet img{pointer-events:none;user-select:none}.album-paging .round{display:none}.album-paging{justify-content:center}.album-page-dots{pointer-events:none}
.album-frame .pictures{background:#f1d2a2;border-radius:22px;isolation:isolate}.album-sheet{background:#f1d2a2}
.album-frame .pictures{--tile-gap:clamp(8px,1.2vw,16px)}.album-sheet{gap:var(--tile-gap);padding:calc(var(--tile-gap)/2)}

#forest,#room{height:100vh;height:100svh}.forest-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.forest-fallback[hidden]{display:none}

.clearing video{pointer-events:none}.visit{z-index:4;display:block;touch-action:manipulation}