/* Integrated play worlds: transparent objects, cinematic scene, one game per screen. */
#app{background:#dfeaf2}header{z-index:10;background:linear-gradient(90deg,#173a5c,#2e6083);color:white;box-shadow:0 6px 26px #0b2a4650}.brand small{color:#c4e9f8}.tool{border:1px solid #8eb3c6;background:#ffffff25;color:white}#progress .pip{background:#ffffff42}#progress .pip.done{background:#43e2ab}#progress .pip.now{background:#ffcf69}main{background:radial-gradient(circle at 75% 0,#fff4d4,transparent 40%),#edf6f9}.screen{gap:4px}.tag{color:#327b9f}.headline{font-weight:950;letter-spacing:-.025em}.hint{font-weight:650}.game{position:relative;border:7px solid #fdfdf9;border-radius:30px;box-shadow:0 16px 0 #8cb7c8,0 24px 36px #183d5a30;background:#d4e9e8 url('playroom-world.png') center / cover no-repeat;overflow:hidden;padding:16px clamp(8px,3vw,28px)}.game:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000 58%,#513a1a13);z-index:0}.game>*{z-index:1}.game .tile{background:none;border:0;box-shadow:none;align-self:stretch;transition:transform .2s,filter .2s;filter:drop-shadow(0 11px 8px #3d2b2049)}.game .tile:hover{transform:translateY(-5px)}.game .tile:active{transform:scale(.95)}.game .tile img{width:100%;max-height:78%;max-width:100%;object-fit:contain;border-radius:0;filter:none}.game .tile span{border-radius:99px;background:#fffef2ee;color:#214460;padding:4px 14px;box-shadow:0 4px 12px #2343}.game .tile.good{transform:translateY(-18px) scale(1.07);filter:drop-shadow(0 0 16px #6affad)}.game .tile.bad{animation:wobble .34s}.scene{background:none;border:0;box-shadow:none;width:100%;height:100%;overflow:visible}.scene:after{display:none}.scene .object{width:24%;height:70%;bottom:0!important;top:auto;transition:transform .25s;filter:drop-shadow(0 13px 10px #513d2c70)}.scene .object:nth-child(1){left:7%}.scene .object:nth-child(2){left:39%}.scene .object:nth-child(3){right:5%}.scene .object img{mix-blend-mode:normal;object-fit:contain;object-position:bottom;height:100%;width:100%}.scene .object.good{transform:translateY(-22px) scale(1.1);outline:none;filter:drop-shadow(0 0 18px #45ffa1)}.scene .object.bad{outline:none;animation:wobble .35s}.level-0 .game .tile{max-width:33%}.level-1 .game{background-position:center 58%}.level-2 .game{background-position:center bottom}.level-2 .tray{height:47%;z-index:2;gap:5%}.level-2 .tray .tile{flex:1;align-self:center}.level-2 .tray .tile img{max-height:96%}.level-2 .targets{height:43%;z-index:2;gap:6%}.level-2 .drop{border:5px solid #ffffff91;border-radius:15px 15px 45px 45px;box-shadow:inset 0 -15px 20px #0002,0 14px 8px #59402549;color:white;font-size:clamp(19px,3.2vw,31px);text-shadow:0 2px 3px #0005;background:linear-gradient(140deg,#fa7371,#c73135)}.level-2 .drop:nth-child(2){background:linear-gradient(140deg,#5ab3f7,#1a62a9)}.level-2 .drop:before{content:'↓';color:white}.level-2 .drop.good{transform:scale(1.05);box-shadow:0 0 26px #7affad}.level-3 .game{background-position:center center}.level-3 .tile img{max-height:95%}.level-4 .game{background:linear-gradient(120deg,#3a7990,#142e50);padding:16px}.level-4 .memory{gap:10px}.level-4 .tile{background:#fff8e9;border:5px solid #fff;box-shadow:0 5px 0 #aab6c1;filter:none;border-radius:20px}.level-4 .tile.closed{background:linear-gradient(145deg,#54b4cf,#29547f);border:5px solid #f1ce7d;filter:none}.level-4 .tile.closed img{opacity:0}.level-4 .tile.closed:after{content:'✦';color:#ffe6a3;text-shadow:0 3px 9px #21445d}.level-4 .tile.good{border-color:#62dca6}.level-5 .game{background-position:center}.level-5 .tile{max-width:31%;height:90%;align-self:center}.level-5 .tile.closed{background:linear-gradient(145deg,#d167c0,#86418e);border:6px solid #f9d594;border-radius:22px;filter:drop-shadow(0 12px 9px #3c285580);max-height:80%}.level-5 .tile.closed:before{content:'';position:absolute;top:44%;left:-3%;width:106%;height:15%;background:#ffca68;border-radius:8px}.level-5 .tile.closed img{opacity:0}.level-5 .tile.closed:after{content:'?';color:white;text-shadow:0 4px 5px #502360}.level-6 .game:after{content:'';position:absolute;bottom:21%;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#4c3829 0 35px,#c19a67 35px 45px);box-shadow:0 7px #33251888;pointer-events:none}.level-6 .tile{z-index:2;max-width:32%}.level-7 .game{background-position:center 60%;filter:saturate(1.08)}.level-7 .scene .object{height:68%}.opening{position:relative;border:8px solid white;border-radius:30px;background:#cfeaf4 url('playroom-world.png') center / cover no-repeat;box-shadow:0 14px 0 #a8c9d8;padding:18px}.opening .headline{font-size:clamp(40px,6vw,78px);color:white;text-shadow:0 5px 17px #234a6f,0 2px 1px #245}.opening .tag,.opening .hint{background:#ffffffd9;border-radius:99px;padding:5px 22px;color:#205070}.opening .hero{height:42%;max-height:none;align-items:flex-end}.opening .hero img{width:29%;object-fit:contain;height:100%;border:0;filter:drop-shadow(0 14px 12px #362b2175)}.opening .trophy{filter:drop-shadow(0 10px 8px #2224)}@keyframes wobble{25%{transform:translateX(-10px)}50%{transform:translateX(8px)}75%{transform:translateX(-5px)}}@media(max-width:600px){.game{border-width:4px;border-radius:19px;padding:8px}.scene .object{width:29%;height:66%}.level-4 .tile{border-width:3px}.opening{border-width:4px}.game .tile span{padding:3px 6px;font-size:13px}}@media(prefers-reduced-motion:reduce){.tile,.object{transition:none!important;animation:none!important}}