/* Lobby hierarchy: the destination carries the scene; utilities frame it. */
.home-screen:before{opacity:.023;background-size:100px 100px}
.home-top .home-star-resource{width:clamp(105px,31cqw,155px);height:36px;gap:9px;justify-self:center;padding:3px 12px}
.home-star-resource .star-coin{width:27px;height:27px}.home-resource strong{font-size:clamp(14px,3.6cqw,20px)}
.home-brand{margin:12px 0 0}.home-brand h1{font-size:clamp(18px,4.8cqw,25px);letter-spacing:2px}
.home-chapter{margin-top:14px}.home-chapter-heading h2{margin:8px 0 5px}.home-scene{margin:0 4%}
.home-island{inset:-4% -8%;width:116%;height:110%;object-fit:contain;filter:drop-shadow(0 12px 0 #18245b20)}
.home-wave-ribbon{margin-top:0}.home-halo{inset:5% 0 0;background:radial-gradient(ellipse,#9ae8ff35,transparent 65%)}
.home-tools,.home-activities{top:29%;width:14%;padding:3px;background:none;gap:20px}.home-tools{left:1%}.home-activities{right:1%}
.home-tools .home-shortcut,.home-activity{height:clamp(51px,15cqw,80px)}.home-tools .home-shortcut{padding-bottom:15px}
.lobby-icon{display:block;width:100%;height:100%;background-image:url('../assets/menu/lobby-icons-v1-6c6eecfc2b22.webp');background-repeat:no-repeat;background-size:200% 200%;pointer-events:none}
.lobby-calendar{background-position:0 0}.lobby-journal{background-position:100% 0}.lobby-chest-closed{background-position:0 100%}.lobby-chest-open{background-position:100% 100%}
.home-activity>.lobby-icon{height:calc(100% - 16px);filter:drop-shadow(0 3px #21214b55);transform:rotate(-4deg)}.home-activity:nth-child(2)>.lobby-icon{transform:rotate(4deg)}
.home-activity>small{margin-top:2px;font-size:clamp(8px,2.4cqw,12px)}
.home-milestone>[data-menu-icon]{position:relative;width:clamp(52px,17cqw,85px);height:clamp(46px,15cqw,75px)}
.home-milestone.upcoming:before{display:none}
.home-milestone.chest-locked>[data-menu-icon]{filter:saturate(.5) brightness(.75) drop-shadow(0 3px #18265d44)}
.home-milestone.chest-locked>[data-menu-icon]:after{content:'';position:absolute;right:7%;bottom:2%;width:15px;height:16px;border:2px solid #3a3248;border-radius:4px;background:radial-gradient(ellipse at 50% 44%,#433951 0 2px,transparent 2.5px),linear-gradient(#d4dae2,#97a2b2);box-shadow:0 -7px 0 -3px #bac8d4,0 -8px 0 -1px #3a3248}
.home-milestone.chest-ready>[data-menu-icon]{filter:drop-shadow(0 0 9px #ffdd7d) drop-shadow(0 3px #24366555)}
.home-milestone.chest-ready:after{background:linear-gradient(#ffe5a3,#f3b94f);color:#654326;right:13%;top:0}
.home-milestone.chest-ready small{color:#fff0a8}.home-milestone.chest-claimed>[data-menu-icon]{opacity:1;filter:drop-shadow(0 3px #18265d44)}
.home-milestone.chest-claimed small{color:#c8f2de}.home-milestone.chest-claimed>[data-menu-icon]:after{content:'✓';position:absolute;right:2%;bottom:4%;display:grid;place-items:center;width:18px;height:18px;border:2px solid #254735;border-radius:50%;background:linear-gradient(#a3f5b4,#49b983);color:white;font-size:12px;line-height:1;text-shadow:0 1px #25513a}
@media(max-height:730px){.home-brand{margin-top:10px}.home-chapter{margin-top:10px}.home-top .home-star-resource{height:32px}.home-milestones{height:78px}.home-tools,.home-activities{gap:15px}.home-tools .home-shortcut,.home-activity{height:clamp(43px,14cqw,65px)}}
@media(max-height:650px){.home-chapter{margin-top:16px}.home-tools,.home-activities{top:28%;gap:11px}.home-tools .home-shortcut,.home-activity{height:43px}.home-milestones{height:68px}.home-island{inset:-3% -5%;width:110%;height:106%}}
@media(max-height:480px){.home-chapter{margin-top:10px}.home-top .home-star-resource{height:26px;width:78px;gap:5px;padding:2px 5px}.home-star-resource .star-coin{width:19px;height:19px}.home-resource strong{font-size:11px}.home-tools,.home-activities{top:29%;gap:8px}.home-tools .home-shortcut,.home-activity{height:32px}.home-activity>.lobby-icon{height:25px}.home-activity>small{font-size:6px}.home-milestones{height:44px}.home-milestone>[data-menu-icon]{height:26px;width:35px}.home-milestone.chest-locked>[data-menu-icon]:after{transform:scale(.6);transform-origin:right bottom}.home-milestone.chest-claimed>[data-menu-icon]:after{width:11px;height:11px;font-size:7px;border-width:1px}.home-island{inset:-2% -3%;width:106%;height:104%}}
/* Preserve the square atlas cells so painted utility icons never stretch. */
.home-activity>.lobby-icon{width:clamp(30px,12cqw,62px);height:clamp(30px,12cqw,62px);flex-shrink:0}
@media(max-height:650px) and (min-height:481px){.home-activity{height:53px}}
@media(max-height:480px){.home-activity>.lobby-icon{width:25px;height:25px}}
.home-locked{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff1c7;pointer-events:none;text-shadow:0 2px #26213d}
.home-locked .game-lock{width:clamp(40px,16cqw,88px);height:clamp(48px,18cqw,100px);filter:drop-shadow(0 4px 8px #14182799)}.home-locked>strong{font-size:clamp(12px,4cqw,21px);padding:6px 14px;border:2px solid #c1a76e;border-radius:12px;background:#353453ed}
.act-locked .home-island{filter:saturate(.25) brightness(.55) drop-shadow(0 10px #18245b26)}.act-locked .home-play{filter:saturate(.2);opacity:.8}.act-locked .home-launch>p{color:#ffe3a1}.act-locked .home-wave-ribbon{filter:saturate(.35)}
@media(max-height:480px){.home-locked .game-lock{width:34px;height:40px}.home-locked{gap:3px}.home-locked>strong{font-size:10px;padding:3px 8px}}
.act-unlocked{display:flex;flex-direction:column;gap:6px;align-items:center;padding:14px;border:2px solid #e4c77e;border-radius:13px;background:linear-gradient(135deg,#586e8b,#4c497f);color:#fff0ba;text-align:center}.act-unlocked strong{font-size:17px}.act-unlocked span{font-size:12px;color:#e5e5ff}