:root{--ink:#f5fbff;--mut:#9db5bf;--gold:#ffd87b;--aqua:#6ce6e7;--line:#ffffff22}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#06141c;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans",sans-serif}button{font:inherit;color:inherit}.app{min-height:100vh;padding-bottom:max(150px,calc(136px + env(safe-area-inset-bottom)));background:radial-gradient(circle at 50% 0,#173a49,#06141c 42%)}.topbar{display:flex;justify-content:space-between;align-items:end;padding:13px 14px 9px;gap:10px}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--aqua);font-weight:900}.title-row{display:flex;gap:8px;align-items:center}h1{font-size:20px;margin:3px 0 0;letter-spacing:-.03em}.rank{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:99px;color:#cfe0e6}.stats{display:flex;gap:8px;text-align:right}.stats span{display:block;font-size:8px;color:var(--mut)}.stats b{font-size:14px}.stats div:first-child b{color:var(--gold)}.mission{display:grid;grid-template-columns:1fr 30% auto;gap:9px;align-items:center;padding:8px 14px;border-block:1px solid var(--line);background:#071821cc}.mission small{display:block;font-size:8px;color:var(--mut)}.mission strong{font-size:11px}.progress{height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--aqua),var(--gold));transition:.4s}.mission em{font-size:9px;color:var(--mut);font-style:normal}.scene{height:min(58vh,540px);min-height:420px;position:relative;overflow:hidden;background:linear-gradient(#133c50 0 43%,#5f9198 44% 50%,#0c4c68 51%,#06293d 100%);isolation:isolate}.scene.space-mode{background:linear-gradient(#050817 0 40%,#31586a 43%,#0a465f 52%,#052a3d)}.stars{position:absolute;inset:0 0 48%;opacity:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:38px 38px;transition:.7s;z-index:-4}.space-mode .stars{opacity:.8}.sun{position:absolute;right:10%;top:7%;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#ffe49a 0 12%,#ffe29a44 20%,transparent 65%);z-index:-5}.mountain-bg{position:absolute;left:-15%;top:17%;width:58%;height:38%;background:linear-gradient(145deg,#5b8171,#193f36);clip-path:polygon(0 100%,25% 46%,37% 70%,58% 5%,73% 64%,83% 34%,100% 100%);z-index:-3}.sea{position:absolute;right:-4%;bottom:0;width:58%;height:50%;background:linear-gradient(#27809e,#0b5370 35%,#06334c);clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);z-index:-3}.sea:after{content:"";position:absolute;inset:5% 0;border-top:2px solid #dff8ff55;border-radius:50%;animation:wave 4s ease-in-out infinite}@keyframes wave{50%{transform:translateX(18px)}}.river{position:absolute;left:-5%;right:42%;top:49%;height:20%;background:linear-gradient(#50acba,#176981);clip-path:polygon(0 20%,55% 0,100% 22%,91% 100%,38% 80%,0 96%);z-index:-1}.river:after{content:"";position:absolute;inset:20% 0;background:repeating-linear-gradient(175deg,transparent 0 18px,#fff2 20px 22px,transparent 24px 38px);animation:flow 4s linear infinite}@keyframes flow{to{transform:translateX(40px)}}.house{position:absolute;left:10%;top:27%;width:69%;height:40%;z-index:4;filter:drop-shadow(0 15px 18px #0006)}.roof{height:13%;margin:0 5%;background:linear-gradient(120deg,#39444a,#10171d);clip-path:polygon(2% 100%,12% 10%,78% 0,98% 100%)}.rooms{height:66%;display:grid;grid-template-columns:1.25fr .85fr .85fr;grid-template-rows:1fr 1fr;background:#8c806e;border:3px solid #23333a}.room{position:relative;overflow:hidden;border:1px solid #102a3388;transition:.55s}.room>b,.room>small{position:absolute;left:6px;z-index:2}.room>b{bottom:15px;font-size:7px;letter-spacing:.06em}.room>small{bottom:5px;font-size:5px;color:#d9e9eb}.room>span:not(.fish):not(.boat){position:absolute;inset:9% 8% 32%;border:2px solid #bdeaf099;background:linear-gradient(145deg,#8fd7da99,#17546caa);display:grid;place-items:center;font-size:20px}.base{grid-row:1/3;background:linear-gradient(145deg,#8d7257,#443e36)}#room-cafe{background:linear-gradient(145deg,#6f533d,#3a3028)}#room-cinema{grid-column:2;grid-row:2;background:#161b21}#room-mountain{grid-column:3;grid-row:1/3;background:linear-gradient(145deg,#456767,#1b3031)}.locked{opacity:.12;filter:grayscale(.8)}.locked:after{content:"LOCKED";position:absolute;inset:0;display:grid;place-items:center;font-size:6px;letter-spacing:.1em;background:#06141c66}.pillars{height:21%;display:flex;justify-content:space-around;padding:0 16%}.pillars i{width:7%;background:linear-gradient(90deg,#303c40,#879290,#303c40);clip-path:polygon(15% 0,85% 0,70% 100%,30% 100%)}.elevator{position:absolute;right:3%;top:-37%;width:18%;height:35%;border:2px solid #a4d2d6;background:linear-gradient(90deg,#284454,#83acb4,#294653)}.elevator>span{position:absolute!important;inset:4px!important}.has-elevator .elevator>span{animation:lift 3s ease-in-out infinite}@keyframes lift{0%,100%{transform:translateY(60%)}50%{transform:translateY(-12%)}}.underworld{position:absolute;left:20%;right:2%;bottom:4%;height:25%;display:grid;grid-template-columns:1.15fr 1fr;gap:4%;z-index:2}.underworld .room{border:2px solid #aee8ef66;border-radius:15px}.aquarium{background:linear-gradient(#176a88,#093d61)}.fish{position:absolute;color:#ffd77c;animation:fish 5s ease-in-out infinite}.fish-a{left:16%;top:25%}.fish-b{left:52%;top:43%;font-size:18px;animation-delay:-2s}.fish-c{left:34%;top:63%;font-size:10px;animation-delay:-3s}@keyframes fish{50%{transform:translateX(35px) scaleX(-1)}}.cave{background:radial-gradient(ellipse at 45% 50%,#0e7795 0 22%,#183c42 29% 55%,#06191e 65%)}.boat{position:absolute;left:46%;bottom:25%;font-size:17px}.orbit{position:absolute;right:2%;top:5%;width:28%;height:10%;border-radius:14px;background:#1c4052;border:2px solid #bcdadd;z-index:5}.orbit>span{position:absolute!important;inset:3px 50% 3px 3px!important}.sky-line{position:absolute;right:19%;top:13%;bottom:49%;width:3px;background:#d4f8ff;box-shadow:0 0 9px #b9f4ff;opacity:0;transition:.6s;z-index:3}.has-elevator .sky-line{opacity:1}.visitors{position:absolute;left:8%;right:4%;top:63%;height:16%;z-index:7;pointer-events:none}.person{position:absolute;bottom:0;width:8px;height:18px;animation:walk var(--duration) linear infinite;animation-delay:var(--delay)}.person:before{content:"";position:absolute;left:1px;width:6px;height:6px;border-radius:50%;background:#e6b58a}.person:after{content:"";position:absolute;left:0;top:6px;width:8px;height:10px;border-radius:4px;background:var(--shirt)}@keyframes walk{0%{left:0}48%{left:92%;transform:scaleX(1)}52%{left:92%;transform:scaleX(-1)}100%{left:0;transform:scaleX(-1)}}.orbs{position:absolute;inset:0;z-index:12;pointer-events:none}.dream-orb{position:absolute;width:42px;height:42px;border:0;border-radius:50%;pointer-events:auto;background:radial-gradient(circle at 35% 30%,#fff 0 7%,#ffe8a1 11%,#e99e47 44%,transparent 72%);box-shadow:0 0 17px #ffd77caa;font-weight:900;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-7px) scale(1.05)}}.combo-list{padding:8px 10px;background:#071820;border-top:1px solid #ffffff11;display:flex;gap:6px;overflow:auto}.combo-chip{flex:none;font-size:8px;padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:#718a94}.combo-chip.active{color:#17303a;background:var(--gold);border-color:var(--gold)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#071820f7;border-top:1px solid var(--line);padding:8px 9px max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.dock-head{display:flex;justify-content:space-between;padding:0 3px 6px}.dock-head small{display:block;font-size:7px;color:var(--aqua)}.dock-head b{font-size:9px}.dock-head button{border:1px solid var(--line);background:#ffffff0b;border-radius:9px;width:32px}.cards{display:flex;gap:7px;overflow:auto}.build-card{flex:0 0 min(78vw,300px);min-height:76px;display:grid;grid-template-columns:45px 1fr auto;gap:7px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#112d39,#0a2029);padding:8px}.build-card.available{border-color:#ffd87b99}.build-card:disabled{opacity:.4}.build-icon{height:44px;border-radius:10px;background:#6ce6e722;display:grid;place-items:center;font-size:23px}.build-copy b{display:block;font-size:10px}.build-copy small{display:block;font-size:7px;color:var(--mut);line-height:1.4;margin-top:2px}.build-price{text-align:right}.build-price b{font-size:10px;color:var(--gold)}.build-price small{display:block;font-size:6px;color:var(--mut)}.toast{position:fixed;left:50%;bottom:156px;z-index:60;transform:translate(-50%,15px);padding:8px 13px;background:#020d12ee;border:1px solid var(--line);border-radius:99px;font-size:10px;opacity:0;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.finale{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:#020910ed;padding:20px}.finale.show{display:grid}.finale>div{max-width:430px;text-align:center;padding:28px 20px;border:1px solid #ffffff33;border-radius:24px;background:linear-gradient(145deg,#102c3c,#06131e)}.finale small{color:var(--gold);letter-spacing:.18em}.finale h2{font-size:25px;line-height:1.35}.finale p{font-size:10px;color:#b7cbd3;line-height:1.8}.finale button{display:block;width:100%;margin-top:18px;padding:12px;border:0;border-radius:12px;background:var(--gold);color:#142e38;font-weight:900}@media(max-width:390px){.topbar{padding-inline:9px}.rank{display:none}.scene{min-height:400px}.house{left:5%;width:77%;top:29%}.underworld{left:14%;height:24%}.mission{padding-inline:9px}}