.selection-panel{grid-area:spec;align-self:end;position:relative;z-index:3;display:flex;align-items:flex-end;gap:20px;max-width:570px;pointer-events:none}
.selection-panel .spec{grid-area:auto;flex:1;min-width:0;width:360px;pointer-events:auto}
.selected-app{pointer-events:auto;flex:0 0 150px;width:150px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:8px 0 10px;background:transparent;border:0;cursor:pointer;color:#d8d9df;position:relative}
.selected-app::before{content:"";position:absolute;width:145px;height:145px;top:-5px;border-radius:50%;background:radial-gradient(circle,#a4b2d92b,transparent 68%);filter:blur(6px);z-index:-1}
.selected-app img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 12px 24px #0009);border-radius:24px;animation:app-hover 4s ease-in-out infinite}
.selected-app span{font-size:10px;letter-spacing:.06em;color:#acb1c0}.selected-app.pop{animation:app-pop .5s cubic-bezier(.16,.85,.3,1) both}
.selected-app:hover img{filter:drop-shadow(0 12px 28px #b1c5eb42)}.selected-app:focus-visible{outline:1px solid #c8d2e8;outline-offset:5px;border-radius:16px}
.nav-tools{gap:8px}.isle-name{font-size:clamp(34px,5vw,70px);letter-spacing:-.035em}.brand-sub{text-transform:uppercase}
@keyframes app-pop{from{opacity:0;transform:translateY(25px) scale(.72)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes app-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:900px){.responsive-island .selection-panel{grid-area:spec;width:100%;max-width:none;align-items:center;gap:14px}.responsive-island .selection-panel .spec{width:auto;flex:1}.selected-app{flex-basis:105px;width:105px;min-height:135px;gap:13px}.selected-app img{width:88px;height:88px;border-radius:18px}.selected-app::before{width:105px;height:105px;top:0}.selected-app span{font-size:9px}.responsive-island .isle-name{font-size:clamp(29px,6vw,44px)}}
@media(max-width:480px){.responsive-island .selection-panel{gap:9px}.selected-app{flex-basis:79px;width:79px;min-height:120px}.selected-app img{width:72px;height:72px;border-radius:15px}.selected-app::before{width:88px;height:88px;left:-5px;top:6px}.selected-app span{font-size:8px;white-space:nowrap}.selection-panel .spec-title{font-size:16px!important}.selection-panel .spec-desc{font-size:10px!important}.selection-panel .spec-foot{padding:9px 10px!important;gap:5px}.selection-panel .spec-foot .mono{font-size:8px}.selection-panel .spec-cta{font-size:10px;padding:7px 10px}.site-nav .brand-sub{display:none}.isle-name small{letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .selected-app,html:not(.motion-on) .selected-app img{animation:none!important}}
.motion-off .selected-app,.motion-off .selected-app img{animation:none!important}