@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#040711;--text:#f1f2f3;--muted:#9babbc;--line:rgba(193,215,236,.16);--gold:#edbd79;--app-color:#ff514b;--orb-size:clamp(90px,14.2vh,140px);--core-size:clamp(210px,31vh,340px);font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button:disabled{cursor:default}button svg{width:21px;height:21px;flex:none}a{color:inherit}button{border:0}svg{display:block}::selection{background:#ce9b5f;color:#080c15}
.portal{position:relative;isolation:isolate;min-height:100dvh;height:100svh;height:100dvh;overflow:hidden;background:#040711;--pointer-x:0;--pointer-y:0}
.space{position:absolute;inset:-30px;background:url('assets/space-background.webp') center/cover no-repeat;z-index:-3;transform:translate3d(calc(var(--pointer-x)*-9px),calc(var(--pointer-y)*-7px),0) scale(1.035);will-change:transform}
.space-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 22%,#03071121 65%,#03071170),linear-gradient(180deg,#040711d9 0,transparent 24%,transparent 65%,#040711cb 100%)}
.site-header{position:absolute;top:0;left:0;right:0;padding:34px 4.3vw;display:flex;align-items:center;justify-content:space-between;z-index:50;gap:20px;transition:opacity .35s}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}.brand-sun{width:40px;height:40px;border:1px solid #e6c59973;border-radius:50%;display:grid;place-items:center;position:relative}.brand-sun:before,.brand-sun:after{content:'';position:absolute;width:5px;height:1px;background:var(--gold);left:-7px;top:50%}.brand-sun:after{left:auto;right:-7px}.brand-sun span{width:23px;height:23px;background:radial-gradient(circle at 35% 30%,#ffe0a3,#da913b 50%,#7e3c17 100%);border-radius:50%;box-shadow:0 0 15px #e2a75035,inset -3px -3px 6px #59240a66}.brand-type{font-size:16px;letter-spacing:3px;font-weight:500;line-height:1.35}.brand-type b{font-weight:800}.brand-type small{display:block;margin-top:5px;font-size:8px;letter-spacing:2.7px;color:#b6b7b6}
.header-actions{display:flex;align-items:center;gap:10px}.icon-button{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:transparent;color:#bcc5cf;transition:background .2s,color .2s}.icon-button:hover{background:#ffffff0c;color:#fff}.icon-button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 10px);right:0;white-space:nowrap;padding:9px 12px;background:#111b29;border:1px solid var(--line);border-radius:8px;font-size:11px;letter-spacing:0}.play-icon{display:none}#motion-toggle[aria-pressed=true] .play-icon{display:block}#motion-toggle[aria-pressed=true] .pause-icon{display:none}.header-divider{width:1px;height:20px;background:var(--line);margin:0 8px}.apps-toggle{display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #d9e2ed27;border-radius:40px;background:#0b111e5c;backdrop-filter:blur(12px);font-size:11px;font-weight:600;letter-spacing:.25px;transition:background .2s,border-color .2s}.apps-toggle:hover{background:#192435a0;border-color:#d9e2ed60}.apps-toggle svg{width:17px;height:17px}.apps-total{color:#c0a67b;margin-left:6px;font-size:10px}
.universe{position:absolute;inset:0;touch-action:pan-y;user-select:none;transform-origin:50% 62%;transition:transform .85s cubic-bezier(.3,0,.25,1),filter .85s;perspective:1200px}
.universe-kicker{position:absolute;top:19%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:3px;white-space:nowrap;color:#b4bcc4;opacity:0;transition:opacity 1s .6s}.universe-kicker span{display:block;width:28px;height:1px;background:#bfc8d33a}.is-ready .universe-kicker{opacity:1}
.solar-system{position:absolute;top:44%;left:50%;width:var(--core-size);height:var(--core-size);z-index:10;transform:translate(-50%,-50%) translate3d(calc(var(--pointer-x)*3px),calc(var(--pointer-y)*2px),0);pointer-events:none;opacity:0;transition:opacity 1.5s;filter:saturate(.84)}.is-ready .solar-system{opacity:1}.solar-image{position:absolute;inset:-15%;background:url('assets/alpha-one-solar-scene.webp') center center/230% auto no-repeat;mask-image:radial-gradient(circle closest-side,#000 72%,#000 78%,transparent 99%);-webkit-mask-image:radial-gradient(circle closest-side,#000 72%,#000 78%,transparent 99%);mix-blend-mode:screen}.solar-aura{position:absolute;inset:-50%;background:radial-gradient(circle,#ef9d4220 15%,#e6872712 35%,transparent 67%);filter:blur(12px)}
.orbit-plane{position:absolute;top:44%;left:50%;width:82%;height:34%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;opacity:0;transition:opacity 2s .8s}.is-ready .orbit-plane{opacity:1}.orbit-line{position:absolute;inset:0;border:1px solid #d9ae6920;border-radius:50%;transform:rotate(-5deg)}.orbit-line-back{clip-path:inset(0 0 50% 0);border-color:#bccde918}.orbit-line-front{clip-path:inset(50% 0 0 0);box-shadow:0 1px 0 #cbb18b12}
.orbit-apps{position:absolute;inset:0;pointer-events:none}.app-orb{position:absolute;left:50%;top:0;width:var(--orb-size);height:var(--orb-size);margin-left:calc(var(--orb-size)*-.5);margin-top:calc(var(--orb-size)*-.5);padding:0;background:transparent;pointer-events:auto;opacity:0;transform-origin:50% 50%;will-change:transform,opacity;transition:filter .25s;outline-offset:7px}.app-orb:disabled{pointer-events:none}.orb-image{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.9);transition:filter .3s;pointer-events:none}.app-orb[data-id=icarus] .orb-image{clip-path:polygon(50% 0,97% 2%,100% 63%,96% 81%,50% 100%,4% 81%,0 63%,3% 2%)}.app-orb[data-id=raa] .orb-image{clip-path:polygon(18% 0,80% 0,100% 28%,100% 65%,82% 88%,50% 100%,18% 88%,0 65%,0 28%)}.app-orb[data-id=nova-one] .orb-image{clip-path:none}.app-orb.is-selected .orb-image{filter:brightness(1.06)}.app-orb.is-selected{filter:drop-shadow(0 0 17px color-mix(in srgb,var(--color) 15%,transparent))}.app-orb:hover{filter:drop-shadow(0 0 19px color-mix(in srgb,var(--color) 47%,transparent)) drop-shadow(0 0 4px color-mix(in srgb,var(--color) 25%,transparent))}.app-orb:hover .orb-image{filter:brightness(1.14)}
.coordinate{position:absolute;top:47%;display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:2.8px;color:#99aaba8f;pointer-events:none}.coordinate span:last-child{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:400;color:#9aa8b855;letter-spacing:4px}.coordinate-left{left:4.3vw}.coordinate-right{right:4.3vw;text-align:right}
.selection{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);text-align:center;z-index:35;min-width:300px;opacity:0;transition:opacity 1s .8s}.is-ready .selection{opacity:1}.selection-kicker{margin:0 0 5px;font-size:9px;letter-spacing:3px;color:color-mix(in srgb,var(--app-color) 50%,#c5bfb8);font-weight:600;line-height:1.6}.selection h1{font-family:'Barlow Condensed',Manrope,sans-serif;font-size:43px;font-weight:500;letter-spacing:2px;line-height:1.05;margin:0 0 17px}.selection-controls{display:flex;justify-content:center;align-items:center;gap:18px}.step-button{width:38px;height:42px;display:grid;place-items:center;background:transparent;color:#a4b3c1;border-radius:50%;transition:color .2s,background .2s}.step-button:hover{background:#ffffff0a;color:#fff}.step-button svg{width:18px;height:18px}.enter-button{height:45px;min-width:180px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(115deg,#edcf9f,#d3a866);color:#231b10;padding:0 19px;border:1px solid #f5d8a1;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.4px;box-shadow:0 3px 24px #dba46111;transition:transform .2s,box-shadow .2s}.enter-button:hover{transform:translateY(-2px);box-shadow:0 5px 28px #dba46125}.enter-button svg{width:17px;height:17px}.selection-count{display:flex;align-items:center;justify-content:center;gap:10px;color:#8b9bad;font-size:9px;letter-spacing:1px;margin:15px 0 0;font-variant-numeric:tabular-nums}.selection-count span:first-child{color:#d3c2a9}.count-line{height:1px;width:28px;background:#8a9eb13b}
.site-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 4.3vw 23px;z-index:35;font-size:8px;letter-spacing:1.4px;color:#8f9aaa;transition:opacity .3s}.footer-label{color:#a8a9a9}.interaction-hint{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.7px;color:#a9b4c0}.interaction-hint svg{width:19px;height:19px}.footer-mark{color:#788693;font-size:8px;letter-spacing:1.2px}
.travel-light{position:absolute;inset:0;pointer-events:none;z-index:40;background:radial-gradient(ellipse at 50% 62%,#ffd79d,#a97b3b55 35%,transparent 70%);opacity:0;transition:opacity .85s ease}.is-traveling .universe{transform:scale(2.8);filter:brightness(1.8)}.is-traveling .selection,.is-traveling .site-header,.is-traveling .site-footer{opacity:0;pointer-events:none}.is-traveling .travel-light{opacity:1}.toast{position:absolute;bottom:33px;left:50%;transform:translate(-50%,12px);z-index:70;background:#111c2b;border:1px solid #8fa6bd44;border-radius:8px;padding:12px 18px;max-width:calc(100% - 32px);font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.panel{color:var(--text);background:#0a111d;border:1px solid #667a9350;border-radius:18px;box-shadow:0 35px 100px #0009;width:min(740px,calc(100% - 40px));max-height:calc(100dvh - 60px);padding:30px;overflow:auto}.panel::backdrop{background:#02050bd9;backdrop-filter:blur(12px)}.panel[open]{animation:panel-in .25s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-kicker{margin:0 0 8px;font-size:8px;font-weight:600;letter-spacing:2px;color:#b8a88e}.panel h2{font-family:'Barlow Condensed',Manrope,sans-serif;font-size:32px;font-weight:500;letter-spacing:.6px;margin:0}.close-panel{align-self:flex-start;flex:none;border:1px solid var(--line);width:36px;height:36px}.close-panel svg{width:17px;height:17px}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid-app{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#111a28;border:1px solid #d5e4f014;padding:12px 6px 14px;border-radius:10px;transition:background .2s,border-color .2s;min-width:0}.grid-app:hover{background:#192638;border-color:#c6d9ea44}.grid-app.is-current{border-color:#d4b68085;background:#1a2330}.grid-app img{width:75px;height:75px;object-fit:contain;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}.grid-app span{font-size:11px;max-width:100%;overflow-wrap:anywhere}.panel-footnote{font-size:11px;line-height:1.5;color:#9baabb;text-align:center;margin:22px 0 0}.panel-description{font-size:12px;line-height:1.8;color:#acb9c9;margin:-6px 0 22px;max-width:490px}.link-fields{display:grid;gap:14px}.url-field{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:0 0 14px;border-bottom:1px solid #a6b7c914}.url-field:last-child{border:0}.url-field label{display:flex;align-items:center;gap:9px;font-size:11px}.url-field img{width:30px;height:30px;object-fit:contain;border-radius:4px}.url-field input{width:100%;min-width:0;border:1px solid #738aa240;border-radius:6px;background:#060b13;color:#ecf1f6;padding:12px;font-size:12px;outline:none}.url-field input::placeholder{color:#8b9bad}.url-field input:focus{border-color:#ddc293;box-shadow:0 0 0 3px #d6b67812}.url-field.is-highlighted{border-radius:8px;background:#d6b67809;padding:8px;margin:-8px -8px 6px}.panel-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:20px;position:sticky;bottom:-30px;padding-bottom:5px;background:linear-gradient(transparent,#0a111d 20%)}.quiet-button{background:transparent;color:#b0bdca;padding:13px 15px;font-size:11px}.save-button{background:#e6c897;color:#251d12;border:1px solid #f7dba9;border-radius:6px;padding:13px 18px;font-size:11px;font-weight:800;display:flex;gap:26px;align-items:center}.form-error{font-size:12px;color:#ffb0a8;line-height:1.6}.no-script{position:fixed;inset:35%;z-index:100;background:#111a28;padding:30px;min-width:240px;text-align:center;line-height:1.8}
@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:root{--orb-size:clamp(135px,15vh,165px);--core-size:clamp(300px,32vh,390px)}.selection h1{font-size:50px}.selection{bottom:90px}.site-header{padding-top:40px}.universe-kicker{top:20%}}
@media(max-height:750px) and (min-width:761px){.site-header{padding-top:24px}.universe-kicker{top:19%;font-size:8px}.selection{bottom:53px}.selection h1{font-size:34px;margin-bottom:12px}.selection-count{margin-top:10px}.enter-button{height:39px}.site-footer{padding-bottom:17px}.selection-kicker{font-size:8px}.solar-system{top:43%}.coordinate{font-size:7px}}
@media(max-width:1050px){.coordinate{display:none}.site-header{padding-left:30px;padding-right:30px}.site-footer{padding-left:30px;padding-right:30px}.footer-label{display:none}.universe-kicker{letter-spacing:2px}}
@media(max-width:760px){:root{--core-size:clamp(140px,24vh,200px);--orb-size:clamp(83px,13.7vh,112px)}.portal{min-height:650px}.site-header{padding:25px 23px;gap:10px}.brand{gap:11px}.brand-sun{width:30px;height:30px}.brand-sun span{width:18px;height:18px}.brand-type{font-size:12px;letter-spacing:2px}.brand-type small{font-size:6px;letter-spacing:1.8px;margin-top:4px}.header-actions{gap:0}.header-actions .icon-button{width:36px;height:36px}.icon-button svg{width:18px;height:18px}.header-divider{margin:0 10px 0 5px;height:17px}.apps-toggle{width:38px;height:38px;padding:0;justify-content:center;background:#0b1421a0}.apps-toggle>span{display:none}.apps-toggle svg{width:16px;height:16px}.universe-kicker{top:17.5%;font-size:7px;letter-spacing:2px;gap:10px}.universe-kicker span{width:15px}.solar-system{top:42.5%}.orbit-plane{top:43%;height:24%;width:91%}.selection{bottom:82px;min-width:270px;max-width:calc(100% - 30px)}.selection h1{font-size:36px;letter-spacing:1.2px;margin-bottom:17px}.selection-kicker{font-size:8px;letter-spacing:2px;min-height:13px}.selection-controls{gap:12px}.step-button{width:44px;height:44px}.enter-button{height:46px;min-width:169px;font-size:11px;gap:18px;padding:0 17px}.selection-count{margin-top:15px}.site-footer{padding:18px 20px 24px;justify-content:center}.footer-mark{display:none}.interaction-hint{font-size:9px;letter-spacing:.35px}.panel{width:calc(100% - 28px);padding:22px;max-height:calc(100dvh - 35px);border-radius:14px}.panel-header{gap:12px;margin-bottom:23px}.panel h2{font-size:29px}.panel-kicker{font-size:7px;letter-spacing:1.5px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid-app{padding:10px 4px 13px}.grid-app img{width:62px;height:62px}.grid-app span{font-size:10px}.url-field{grid-template-columns:1fr;gap:8px}.url-field input{font-size:16px;padding:12px}.url-field label{font-size:11px}.url-field img{width:25px;height:25px}.panel-form-footer{bottom:-22px}.toast{bottom:20px;font-size:11px;text-align:center}.is-traveling .universe{transform:scale(2.3)}}
@media(max-width:380px){.site-header{padding:23px 18px}.brand-type{font-size:11px;letter-spacing:1.5px}.brand-type small{letter-spacing:1.4px}.header-actions .icon-button{width:31px}.header-divider{margin:0 6px}.apps-toggle{width:34px;height:34px}.selection h1{font-size:32px}.selection{bottom:75px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.universe-kicker{font-size:6px;letter-spacing:1.7px}}
@media(max-height:650px) and (max-width:760px){.portal{min-height:580px}.solar-system{top:39%}.universe-kicker{top:17%}.selection{bottom:63px}.selection h1{font-size:30px;margin-bottom:10px}.selection-count{margin-top:9px}.selection-kicker{font-size:7px}.enter-button{height:42px}.site-footer{padding-bottom:17px}}
@media(max-height:500px) and (orientation:landscape){.portal{min-height:440px}.site-header{padding-top:17px;padding-bottom:17px}.universe-kicker{display:none}.selection{bottom:35px;transform:translateX(-50%) scale(.85);transform-origin:bottom center}.site-footer{padding-bottom:10px}.interaction-hint{font-size:8px}.solar-system{top:40%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.space{transform:none}.solar-system{transform:translate(-50%,-50%)}.is-traveling .universe{transform:none;filter:none}.travel-light{display:none}}

.site-header{padding-top:max(25px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}.selection{bottom:calc(74px + env(safe-area-inset-bottom))}.settings-button{text-decoration:none}.portal-error{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:min(90%,400px);z-index:50;text-align:center;background:#101a28;border:1px solid #71859b40;border-radius:12px;padding:25px;font-size:13px;line-height:1.8}.portal-error button{margin-top:12px;padding:10px 18px;border-radius:6px;background:#e5c28d;color:#21190d}.empty-universe .solar-system{top:39%}.empty-universe .orbit-plane{display:none}.empty-universe .selection{bottom:20%}.empty-universe .selection h1{font-size:34px}.empty-universe .step-button,.empty-universe .selection-count{display:none}@media(max-width:760px){.selection{bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-height:650px){.selection{bottom:calc(55px + env(safe-area-inset-bottom))}}

.app-orb:is([data-id=thor],[data-id=hercules],[data-id=apollo],[data-id=quetzalcoatl],[data-id=odin],[data-id=kaa],[data-id=aphrodite],[data-id=odyssey]) .orb-image{clip-path:polygon(50% 0,97% 22%,100% 65%,97% 80%,50% 100%,3% 80%,0 65%,3% 22%)}.portal:not(.is-ready) .universe{opacity:0}.universe{transition:opacity 1.2s,transform .85s cubic-bezier(.3,0,.25,1),filter .85s}.grid-app img{clip-path:none}
@media(max-width:760px){.header-actions .icon-button{width:42px;height:44px}.apps-toggle{width:42px;height:44px}}
@media(prefers-reduced-motion:reduce){.universe{transition:none!important}}

@keyframes core-breathe{0%,100%{opacity:.65}50%{opacity:1}}.solar-aura{animation:core-breathe 7s ease-in-out infinite}.is-motion-paused .solar-aura{animation-play-state:paused}

.manage-apps-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #e4c58e38;border-radius:40px;text-decoration:none;color:#d8c8ad;font-size:11px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}.manage-apps-button:hover{background:#e4c58e0b;border-color:#e4c58e70}.manage-apps-button svg{width:16px;height:16px}.selection-controls{gap:18px}.selection-controls .selection-count{margin:0;min-width:85px}.selection h1{margin-bottom:15px}.selection{bottom:calc(77px + env(safe-area-inset-bottom))}.empty-universe .selection-count{display:none}
@media(max-width:760px){.manage-apps-button{width:42px;height:44px;min-height:44px;padding:0}.manage-apps-button span{display:none}.manage-apps-button svg{width:17px;height:17px}.selection{bottom:calc(88px + env(safe-area-inset-bottom))}.interaction-hint{font-size:8px;letter-spacing:0}.header-actions{gap:0}.site-header{gap:8px}}
@media(max-height:650px){.selection{bottom:calc(55px + env(safe-area-inset-bottom))}}