.home{place-items:center;display:grid;position:absolute;inset:0}.app-list{flex-direction:column;gap:5vmin;display:flex}@media (orientation:landscape){.app-list{flex-direction:row}}.app-icon{background:var(--c);width:min(26vmin,180px);min-width:96px;height:min(26vmin,180px);min-height:96px;box-shadow:0 6px 0 color-mix(in srgb, var(--c) 70%, #000), 0 10px 20px #3b335533;border-radius:50%;place-items:center;animation:3s ease-in-out infinite float;display:grid}.app-icon:nth-child(2){animation-delay:-1s}.app-icon:nth-child(3){animation-delay:-2s}.app-icon svg{width:62%;height:62%}.app-icon.is-bouncing{animation:.25s ease-out bounce}@keyframes float{50%{transform:translateY(-6px)}}@keyframes bounce{40%{transform:scale(1.18)}to{transform:scale(.95)}}.gate{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));color:#3b335540;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:fixed}.gate>svg:not(.gate-ring){width:26px;height:26px}.gate-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.gate-ring circle{fill:none;stroke:#ff6b8a;stroke-width:6px;stroke-linecap:round}