.screen{inset:0 0 calc(-1 * var(--gap,0px)) 0;overscroll-behavior:contain;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-5)) calc(max(var(--safe-bottom), 8px) + var(--footer-h) + var(--space-2)) calc(var(--safe-left) + var(--space-5));position:fixed;overflow-y:auto}.screen__col{gap:var(--space-4);flex-direction:column;width:100%;max-width:520px;min-height:100%;margin:0 auto;display:flex}.screen__brand{align-items:center;gap:var(--space-3);display:flex}.screen__brand img{width:44px;height:44px}.screen__word{font-family:var(--font-title);letter-spacing:.04em;font-size:1.5rem;font-weight:900;line-height:1}.screen__word small{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin-top:4px;font-size:.6875rem;font-weight:600;display:block}.screen__hero{flex:1 1 0;min-height:140px;position:relative}.screen__hero svg{width:100%;height:100%;position:absolute;inset:0}.screen__bottom{flex-direction:column;display:flex}.screen__primary{gap:var(--space-4);display:grid}.screen__lower{flex-direction:column;justify-content:space-evenly;min-height:clamp(150px,26svh,280px);display:flex}.screen--tight .screen__hero{min-height:80px}.screen--tight .screen__lower{gap:var(--space-2);min-height:0;padding-top:var(--space-2)}@keyframes spark{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes ripple{0%,to{opacity:calc(var(--peak,.4) * .4);transform:scale(.96)}50%{opacity:var(--peak,.4);transform:scale(1)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}.hero__spark{animation:spark 3.2s var(--ease-out) infinite}.hero__ripple{animation:ripple 4.8s var(--ease-out) infinite}.hero__sun{animation:40s linear infinite spin-slow}.hero__bob{animation:2.4s ease-in-out infinite bob}@media (max-height:640px){.screen__col{gap:var(--space-3)}}@media (min-width:720px){.screen__col{max-width:560px}}@media (orientation:landscape) and (min-width:640px){.screen{padding-left:calc(var(--safe-left) + clamp(28px, 5vw, 72px));padding-right:calc(var(--safe-right) + clamp(28px, 5vw, 72px));padding-top:calc(var(--safe-top) + clamp(20px, 4.5vh, 48px));padding-bottom:calc(max(var(--safe-bottom), 8px) + clamp(16px, 3vh, 36px))}.screen__col{column-gap:clamp(32px,5vw,80px);row-gap:var(--space-2);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1100px;display:grid}.screen__brand{grid-area:1/1}.screen__hero{grid-area:2/1;min-height:120px}.screen__bottom{gap:var(--space-4);grid-area:1/2/span 2;grid-template-rows:minmax(0,1fr) auto minmax(max-content,1fr);display:grid}.screen__primary{grid-row:2}.screen__lower{justify-content:flex-end;align-self:end;gap:var(--space-4);grid-row:3;min-height:0}}@media (hover:hover) and (pointer:fine) and (min-width:1024px) and (orientation:landscape) and (min-height:560px){.screen{padding:var(--space-6);place-items:center;display:grid;overflow:hidden}.screen__col{--bezel:#04070b;width:var(--tablet-w);border:12px solid var(--bezel);background:radial-gradient(60% 55% at 22% 12%, #e6557a29, transparent 70%), radial-gradient(55% 50% at 88% 92%, #f2b84b1a, transparent 70%), var(--bg);border-radius:46px;height:min(720px,100%);min-height:0;padding:clamp(28px,4vh,48px) clamp(36px,4vw,64px);overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 90px -20px #0009}:root[data-theme=light] .screen__col{--bezel:#d9d2c8;box-shadow:0 0 0 1px #0a152014,0 30px 70px -24px #0a152047}}@media (prefers-color-scheme:light) and (hover:hover) and (pointer:fine) and (min-width:1024px) and (orientation:landscape) and (min-height:560px){:root:not([data-theme=dark]):not([data-theme=light]) .screen__col{--bezel:#d9d2c8;box-shadow:0 0 0 1px #0a152014,0 30px 70px -24px #0a152047}}@media (orientation:landscape) and (max-height:520px){.screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(max(var(--safe-bottom), 8px) + var(--footer-h))}.screen__bottom,.screen__lower{gap:var(--space-2)}}.screen__foot{gap:var(--space-3);text-align:center;color:var(--text-soft);justify-items:center;font-size:.875rem;display:grid}.screen__foot a{min-height:var(--touch);color:var(--link);text-underline-offset:3px;align-items:center;font-weight:700;display:inline-flex}.screen__account{text-align:center;color:var(--text-soft);justify-items:center;gap:2px;font-size:.8125rem;line-height:1.35;display:grid}.screen__account a{min-height:0;color:var(--link);text-underline-offset:3px;font-weight:700}.screen.screen--app{--bar-pad:calc(var(--safe-top) + 4px);--bar-h:calc(var(--bar-pad) + 44px);padding-top:calc(var(--bar-h) + var(--space-3))}.screen--app .layer__bar{position:fixed}@media (hover:hover) and (pointer:fine) and (min-width:1024px) and (orientation:landscape) and (min-height:560px){.screen.screen--app{--bar-pad:var(--space-3);padding-top:var(--space-6)}.screen--app .screen__col{padding-top:calc(var(--bar-h) + var(--space-4));position:relative}.screen--app .layer__bar{position:absolute}}
