:root{--hj-radius-sharp: 0;--hj-radius-ui: 8px;--hj-safe-area-inset-top: env(safe-area-inset-top);--hj-safe-area-inset-right: env(safe-area-inset-right);--hj-safe-area-inset-bottom: env(safe-area-inset-bottom);--hj-safe-area-inset-left: env(safe-area-inset-left);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7ff;background:#000}html[data-native-wrapper=android],html.hyperjam-android-native-wrapper{--hj-safe-area-inset-top: 0px;--hj-safe-area-inset-right: 0px;--hj-safe-area-inset-bottom: 0px;--hj-safe-area-inset-left: 0px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,#root,#root *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-width:320px;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#000}button{font:inherit}.title-screen{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:stretch;gap:14px;height:100dvh;min-height:0;padding:max(30px,var(--hj-safe-area-inset-top)) 40px max(16px,var(--hj-safe-area-inset-bottom));overflow:hidden;background:linear-gradient(180deg,rgba(122,184,255,.12),transparent 36%),linear-gradient(135deg,rgba(98,230,167,.12),transparent 28%),linear-gradient(225deg,rgba(245,214,107,.1),transparent 26%),#05060a;cursor:default;font-kerning:normal;text-rendering:geometricPrecision}.title-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 92px);opacity:.42;pointer-events:none}.title-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.title-background:after{content:"";position:absolute;right:0;bottom:0;left:0;height:32%;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent)}.title-lane-field{position:absolute;left:50%;bottom:-18vh;display:grid;grid-template-columns:repeat(7,minmax(36px,1fr));gap:7px;width:min(780px,calc(100vw - 34px));height:82vh;transform:translate(-50%) perspective(900px) rotateX(58deg);transform-origin:50% 100%}.title-lane{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff05,#ffffff14),linear-gradient(0deg,color-mix(in srgb,var(--lane-color) 34%,transparent),#05060a14 42%,#05060ac7);box-shadow:inset 0 -28px 56px color-mix(in srgb,var(--lane-color) 20%,transparent),inset 0 0 0 1px #ffffff0a}.title-lane:before{content:"";position:absolute;inset:-35% 0;background:linear-gradient(0deg,transparent,color-mix(in srgb,var(--lane-color) 28%,transparent),transparent);opacity:.75;transform:translateY(44%);animation:signed-out-title-lane-scan 1.8s linear infinite;animation-delay:var(--lane-delay)}.title-receptor{position:absolute;bottom:13%;left:4%;width:92%;height:18px;object-fit:fill;opacity:.84;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--lane-color) 62%,transparent))}.title-note{position:absolute;bottom:var(--note-offset);left:50%;width:min(54px,76%);height:46px;object-fit:fill;opacity:.94;transform:translate(-50%);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--lane-color) 70%,transparent));animation:signed-out-title-note-float 2.2s ease-in-out infinite;animation-delay:var(--lane-delay)}.title-lane:nth-child(4) .title-note{width:min(62px,82%);height:160px;opacity:.8}.title-content{display:grid;place-items:center;gap:22px;max-width:860px;min-height:0;text-align:center;transform:translateY(-4vh)}.title-content h1{margin:0;color:#f8fbff;font-size:8.4rem;font-weight:950;letter-spacing:0;line-height:.82;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.42),0 0 34px rgba(122,184,255,.36),0 16px 42px rgba(0,0,0,.72)}.title-auth-panel{width:min(440px,calc(100vw - 32px));padding:16px;border:1px solid rgba(248,251,255,.18);border-radius:var(--hj-radius-ui);background:#090a0fd1;box-shadow:0 24px 70px #00000070}.title-language-selector-button{margin-top:16px;padding:8px 16px;border:1px solid rgba(248,251,255,.15);border-radius:var(--hj-radius-ui);color:#f5f7ff80;background:#090a0f99;font-size:.85em;font-weight:700;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.title-language-selector-button:hover{color:#f5f7ffd9;border-color:#f8fbff4d;background:#090a0fcc}.title-language-selector-button:focus-visible{outline:1px solid rgba(122,184,255,.6);outline-offset:2px}.auth-form-wrapper,.auth-form,.auth-field,.auth-submit-row{display:grid}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:12px;border-bottom:1px solid rgba(248,251,255,.15)}.auth-tab{padding:8px 0;border:0;border-bottom:2px solid transparent;color:#aeb7c6;background:transparent;font-size:.82rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s}.auth-tab:hover{color:#d6deeb}.auth-tab-active{color:#f8fbff;border-bottom-color:#f5d66b}.auth-tab:focus-visible,.auth-password-toggle:focus-visible{outline:2px solid rgba(98,230,167,.94);outline-offset:2px}.auth-form{gap:10px;text-align:left}.auth-registration-callout{display:grid;gap:2px;margin:0 0 2px;padding:10px 12px;border:1px solid rgba(98,230,167,.3);border-radius:var(--hj-radius-ui);background:linear-gradient(105deg,#62e6a71f,#7ab8ff14),#090f18b3;box-shadow:inset 0 1px #ffffff0f}.auth-registration-callout strong{color:#f5d66b;font-size:.78rem;font-weight:950;line-height:1.2}.auth-registration-callout span{color:#eef5ffe6;font-size:.72rem;font-weight:720;line-height:1.35}.auth-submit-button{min-height:42px;border:1px solid transparent;border-radius:var(--hj-radius-ui);color:#090a0f;background:linear-gradient(90deg,#f2ead9,#c8a968);font-weight:900;cursor:pointer}.auth-register-submit-button{border-color:#ffffff2e;color:#f8fbff;background:#ffffff14}.auth-field{gap:5px}.auth-username-label,.auth-password-label,.auth-referrer-label{display:flex;align-items:baseline;gap:6px;color:#aeb7c6;font-size:.72rem;font-weight:900;text-transform:uppercase}.auth-optional-label{color:#aeb7c6bd;font-size:.68rem;font-weight:750;text-transform:none}.auth-field-message{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:1rem;margin-top:-1px;font-size:.72rem;font-weight:760;line-height:1.2;text-transform:none}.auth-field-message-hint{color:#aeb7c6d1;font-weight:650}.auth-field-message-success{color:#62e6a7;font-weight:800}.auth-field-valid-icon{width:1rem;height:1rem;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 0 5px rgba(98,230,167,.32))}.auth-field-valid-icon circle{fill:#62e6a71f;stroke:currentColor;stroke-width:1.5}.auth-field-valid-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-field-message-error,.auth-referrer-missing{color:#ff7685}.auth-referrer-disclosure{justify-self:start;min-height:36px;padding:4px 0;border:0;border-radius:var(--hj-radius-sharp);color:#8fc8ff;background:transparent;font-size:.78rem;font-weight:850;cursor:pointer}.auth-referrer-disclosure:hover{color:#c7e4ff;text-decoration:underline}.auth-referrer-disclosure:focus-visible,.auth-lookup-retry-button:focus-visible{outline:2px solid rgba(122,184,255,.72);outline-offset:2px}.auth-lookup-retry-button{min-height:28px;padding:2px 8px;border:1px solid currentColor;border-radius:var(--hj-radius-sharp);color:inherit;background:transparent;cursor:pointer}.auth-username-taken{color:#f5d66b}.auth-username-login-link{margin-left:.4em;padding:0;border:0;color:#f5f7ff73;background:transparent;cursor:pointer}.auth-username-login-link:hover,.auth-username-login-link:focus-visible{color:#ff4f5e}.auth-field input{min-width:0;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.2);border-radius:var(--hj-radius-ui);color:#f8fbff;background:#090a0fcc;font:inherit}.auth-field input[aria-invalid=true]{border-color:#ff7685e6;box-shadow:0 0 0 1px #ff76852e}.auth-password-control{position:relative;display:grid}.auth-password-control input{padding-right:46px}.auth-password-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;color:#f8fbff;background:transparent;cursor:pointer;transform:translateY(-50%)}.auth-password-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.auth-password-icon-slash{stroke:#f5d66b}.auth-error{margin:0;color:#ff9aa3;font-size:.82rem;font-weight:850}.auth-submit-button:disabled{opacity:.35;cursor:default}.title-legal-links{z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;width:min(520px,calc(100vw - 32px));font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.title-legal-links a{color:#9fd1ff;text-decoration:none;text-shadow:0 0 12px rgba(122,184,255,.24)}.title-legal-links a:hover{color:#f5d66b}.title-legal-links a:focus-visible{outline:2px solid rgba(245,214,107,.9);outline-offset:4px}.language-selector-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:56px 18px 28px;overflow:auto;background:#05070d}.language-selector-content{display:grid;place-items:center;gap:24px;width:min(760px,calc(100vw - 36px));min-width:0;text-align:center;transform:translateY(-4vh)}.language-selector-close{position:fixed;top:max(16px,var(--hj-safe-area-inset-top));right:max(16px,var(--hj-safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#f8fbff;background:#000000b8;font-size:1.6rem;cursor:pointer}.language-selector-close:hover,.language-selector-close:focus-visible{border-color:#7ab8ffb8;outline:2px solid rgba(122,184,255,.45);outline-offset:2px}.language-selector-content h1{max-width:100%;margin:0;color:#f8fbff;font-size:clamp(3rem,9vw,8.4rem);font-weight:950;line-height:.82;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.42),0 0 34px rgba(122,184,255,.36),0 16px 42px rgba(0,0,0,.72)}.language-selector-prompt{margin:0;color:#f8fbff99;font-size:1.2rem;text-transform:uppercase}.language-selector-list{display:grid;gap:14px;width:100%;min-width:0}.language-selector-button{width:100%;padding:16px 24px;border:1px solid rgba(255,255,255,.15);border-radius:var(--hj-radius-ui);color:#f8fbff;background:#ffffff0f;font:inherit;font-size:1.35rem;cursor:pointer;transition:background .15s,border-color .15s}.language-selector-button:hover,.language-selector-button:focus-visible{border-color:#7ab8ff99;outline:none;background:#ffffff1f}@keyframes signed-out-title-lane-scan{0%{transform:translateY(62%)}to{transform:translateY(-32%)}}@keyframes signed-out-title-note-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(14px)}}@media(max-width:980px){.title-screen{padding:max(28px,var(--hj-safe-area-inset-top)) 28px max(14px,var(--hj-safe-area-inset-bottom))}.title-content h1{font-size:6rem}.title-lane-field{width:min(700px,calc(100vw - 28px));height:78vh}}@media(max-width:620px){.title-screen{gap:10px;padding:max(18px,var(--hj-safe-area-inset-top)) 18px max(10px,var(--hj-safe-area-inset-bottom))}.title-content{gap:16px;transform:none}.title-content h1{font-size:3rem}.title-lane-field{bottom:-20vh;grid-template-columns:repeat(7,minmax(26px,1fr));gap:4px;height:72vh}.title-legal-links{gap:8px 12px;font-size:.68rem}}@media(max-width:620px)and (max-height:700px){.title-content h1{font-size:2.65rem}}@media(prefers-reduced-motion:reduce){.title-lane:before,.title-note{animation:none}}.app-shell.loading-shell{position:relative;isolation:isolate;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;width:100%;height:100dvh;min-height:100%;padding:clamp(12px,2vw,24px);overflow:hidden;background-color:#000}.shared-loading-shell{background:linear-gradient(180deg,#7ab8ff1c,#0000 32%),linear-gradient(135deg,#62e6a71a,#0000 28%),#05070d}.shared-loading-shell:before,.shared-loading-shell:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}.shared-loading-shell:before{background-image:var(--loading-cover-art);background-position:center;background-size:cover;opacity:0}.shared-loading-shell[data-cover-art=available]:before{opacity:.72}.shared-loading-shell:after{opacity:1}.shared-loading-shell[data-cover-art=none]:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);opacity:.54}.route-loading-shell{animation:route-loading-shell-fade-in .26s ease-out both}.loading-shell .loading-panel{position:relative;z-index:1;grid-area:1 / 1;align-self:center;justify-self:center}.shared-loading-shell .loading-panel{display:grid;align-content:center;justify-items:center;gap:16px;width:min(360px,calc(100vw - 48px));margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;text-align:center;animation:loading-panel-opacity-in .26s ease-out both}.shared-loading-shell .loading-panel h1{margin:0;color:#f8fbff;font-size:2rem;font-weight:950;letter-spacing:0;line-height:1;text-shadow:0 0 28px rgba(122,184,255,.58)}.shared-loading-shell .loading-panel p{margin:0;color:#bec6d4}.shared-loading-shell .loading-bar{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#ffffff1f}.shared-loading-shell .loading-bar span{display:block;width:200%;height:100%;border-radius:inherit;background:repeating-linear-gradient(90deg,#ff3b5f,#ff9f1c,#f5d66b,#62e6a7,#38d5ff,#7ab8ff,#c084fc,#ff3b5f 50%);transform:translate3d(-50%,0,0);will-change:transform;animation:loading-bar-run .9s linear infinite}@keyframes route-loading-shell-fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-panel-opacity-in{0%{opacity:0}to{opacity:1}}@keyframes loading-bar-run{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.route-loading-shell,.shared-loading-shell .loading-panel,.shared-loading-shell .loading-bar span{animation:none}}.title-screen.landing-stage{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:stretch;gap:clamp(8px,1.6vh,18px);width:100%;height:100dvh;min-height:100svh;padding:max(22px,var(--hj-safe-area-inset-top)) max(24px,var(--hj-safe-area-inset-right)) max(14px,var(--hj-safe-area-inset-bottom)) max(24px,var(--hj-safe-area-inset-left));overflow-x:hidden;overflow-y:auto;background:#03050b;cursor:default}.title-screen.landing-stage:before{display:none}.landing-stage-art,.landing-stage-picture,.landing-stage-picture img,.landing-stage-vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.landing-stage-art{z-index:0;overflow:hidden;background:#02040a}.landing-stage-picture{display:block;transition:opacity .68s cubic-bezier(.22,1,.36,1);will-change:opacity}.landing-stage-picture img{object-fit:cover;object-position:50% 50%}.landing-stage-picture-off{opacity:1}.landing-stage-picture-on{opacity:0}.landing-stage[data-intro-complete=true] .landing-stage-picture-off{opacity:.08}.landing-stage[data-intro-complete=true] .landing-stage-picture-on{opacity:1}.landing-stage-vignette{background:linear-gradient(180deg,rgba(2,4,10,.46),transparent 30%,transparent 68%,rgba(2,4,10,.82)),radial-gradient(circle at 50% 42%,transparent 0 22%,rgba(2,4,10,.18) 54%,rgba(2,4,10,.74) 100%)}.landing-beat-canvas{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.landing-stage-brand{position:relative;z-index:4;display:grid;place-items:center;min-width:0;text-align:center}.landing-stage-brand h1{margin:0;color:#f8fbff;font-size:clamp(4.8rem,10vw,9.4rem);font-weight:950;letter-spacing:-.055em;line-height:.82;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.68),0 0 28px rgba(34,211,238,.5),0 0 62px rgba(236,72,153,.34),0 18px 44px rgba(0,0,0,.9);transition:font-size .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.landing-stage[data-intro-complete=true] .landing-stage-brand h1{font-size:clamp(3.7rem,7vw,6.8rem)}.landing-stage-gate{position:relative;z-index:4;display:grid;place-content:center;justify-items:center;align-self:stretch;gap:14px;width:min(760px,100%);min-height:0;padding-bottom:6vh}.landing-stage-activation-button{position:relative;display:grid;place-items:center;min-width:min(560px,calc(100vw - 44px));min-height:88px;padding:20px 32px;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:22px;color:#fff;background:linear-gradient(110deg,#22d3ee38,#ec48994d 48%,#fb923c3d),#040812b8;box-shadow:0 0 0 1px #ffffff14 inset,0 18px 60px #0000009e,0 0 38px #22d3ee33,0 0 54px #ec489929;font-size:clamp(1.15rem,2.1vw,1.75rem);font-weight:950;letter-spacing:.035em;line-height:1.2;text-shadow:0 2px 14px rgba(0,0,0,.9);cursor:pointer}.landing-stage-activation-copy{display:block;animation:landing-stage-prompt-float 2.6s ease-in-out infinite}.landing-stage-activation-button:hover{border-color:#ffffffb8;background:linear-gradient(110deg,#22d3ee57,#ec489970 48%,#fb923c5c),#040812c7}.landing-stage-activation-button:focus-visible{outline:3px solid #facc15;outline-offset:5px}.landing-stage-activation-button:disabled{opacity:.68;cursor:wait}.landing-stage-activation-spectrum{position:absolute;right:-10%;bottom:0;left:-10%;height:3px;background:linear-gradient(90deg,transparent,#22d3ee 20%,#ec4899 50%,#fb923c 80%,transparent);box-shadow:0 0 18px #ec4899cc;animation:landing-stage-spectrum 1.8s ease-in-out infinite}.landing-stage-status{margin:0;color:#ebf6ffc7;font-size:.82rem;font-weight:800;letter-spacing:.07em;text-align:center;text-transform:uppercase;text-shadow:0 2px 12px #000}.landing-stage-live{position:relative;z-index:3;display:grid;place-items:center;align-self:stretch;width:100%;min-width:0;min-height:0;animation:landing-stage-content-in .62s .14s both cubic-bezier(.22,1,.36,1)}.landing-stage .title-content{position:relative;z-index:3;display:grid;place-items:center;align-content:center;gap:14px;width:min(1180px,100%);max-width:1180px;min-width:0;min-height:0;margin:0 auto;padding:0;text-align:center;transform:none}.landing-stage .title-auth-panel{width:min(430px,calc(100vw - 32px));padding:14px;border:1px solid rgba(203,232,255,.25);background:linear-gradient(145deg,#0d1527e8,#080914e0);box-shadow:0 28px 86px #000000a8,0 0 48px #22d3ee1a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.landing-stage .hall-of-fame{background:linear-gradient(180deg,#0d121ee0,#060a12d1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-stage .friends-feed-item{border-color:#cbe8ff33;background:linear-gradient(100deg,#22d3ee0e,#ec489909),#060a15e0;box-shadow:inset 0 1px #ffffff0e,0 12px 30px #00000042}.landing-stage .friends-feed-item[data-priority="0"]{border-color:#f5d66b61;background:linear-gradient(100deg,#f5d66b1f,#fb923c0b),#060a15e6}.landing-stage .title-account-status-row{width:fit-content;max-width:calc(100vw - 32px);padding:5px 12px;border:1px solid rgba(203,232,255,.14);border-radius:999px;background:#030710ad;box-shadow:inset 0 1px #ffffff0f,0 7px 20px #0000004d}.landing-stage .title-account-status{color:#f8fbfff5;text-shadow:0 2px 8px rgba(0,0,0,.95)}.landing-stage .title-logout-button{color:#ebf2ffd6;font-weight:850;text-shadow:0 2px 8px rgba(0,0,0,.95)}.landing-stage .friends-feed-header h2{text-shadow:0 2px 10px rgba(0,0,0,.98),0 0 18px rgba(245,214,107,.14)}.landing-stage .surface-refresh-age{color:#e7eefae6;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.98)}.landing-stage .friends-feed-notification-section[data-section=activity] h3{color:#cbd8ea;text-shadow:0 2px 8px rgba(0,0,0,.98)}.landing-stage .friends-feed-section-day h4{color:#e1eaf7e6;font-size:.68rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.98)}.landing-stage-session-status{display:grid;place-items:center;min-height:180px;color:#ebf6ffdb;font-weight:800}.landing-stage-language-button,.landing-stage-top-right-action{position:fixed;top:max(14px,var(--hj-safe-area-inset-top));right:max(14px,var(--hj-safe-area-inset-right));z-index:7;max-width:min(320px,calc(100vw - 28px));margin:0}.landing-stage-language-button{color:#ebf6ffc2;background:#040710bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-stage .landing-stage-top-right-action{width:auto;min-width:0;margin-bottom:0}.landing-stage .title-legal-links{position:relative;z-index:6;align-self:end;width:min(620px,calc(100vw - 32px));min-height:28px;padding:5px 10px;border-radius:999px;background:#02040a6b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.landing-stage .title-legal-links a{color:#bee2ffe0}@keyframes landing-stage-prompt-float{0%,to{transform:translateY(-5px)}50%{transform:translateY(7px)}}@keyframes landing-stage-spectrum{0%,to{opacity:.55;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes landing-stage-content-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px),(orientation:portrait){.title-screen.landing-stage{gap:6px;padding:max(14px,var(--hj-safe-area-inset-top)) max(12px,var(--hj-safe-area-inset-right)) max(9px,var(--hj-safe-area-inset-bottom)) max(12px,var(--hj-safe-area-inset-left))}.landing-stage-picture img{object-position:50% 50%}.landing-stage-brand{padding-top:52px}.landing-stage-brand h1{font-size:clamp(3.55rem,18vw,5.6rem);line-height:.84}.landing-stage[data-intro-complete=true] .landing-stage-brand h1{font-size:clamp(2.75rem,13vw,4.2rem)}.landing-stage-gate{padding-bottom:8vh}.landing-stage-activation-button{min-width:min(360px,calc(100vw - 32px));min-height:76px;padding:17px 20px;border-radius:18px;font-size:clamp(1.05rem,5vw,1.35rem)}.landing-stage .title-content{gap:8px;align-content:start;width:100%}.landing-stage .title-auth-panel{width:min(410px,calc(100vw - 24px));padding:10px;border-radius:14px;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.landing-stage-language-button,.landing-stage-top-right-action{top:max(8px,var(--hj-safe-area-inset-top));right:max(8px,var(--hj-safe-area-inset-right));max-width:46vw}.landing-stage-language-button{padding:6px 9px;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.landing-stage .title-legal-links{gap:6px 13px;min-height:24px;padding:3px 8px;font-size:.67rem}}@media(max-height:740px)and (max-width:768px){.title-screen.landing-stage{gap:3px;padding-top:max(8px,var(--hj-safe-area-inset-top));padding-bottom:max(5px,var(--hj-safe-area-inset-bottom))}.landing-stage[data-intro-complete=true] .landing-stage-brand h1{font-size:2.65rem}.landing-stage .title-auth-panel{padding:7px 9px}.landing-stage .auth-registration-callout{gap:1px;padding:6px 9px}.landing-stage .auth-registration-callout strong{font-size:.7rem}.landing-stage .auth-registration-callout span{font-size:.66rem;line-height:1.25}.landing-stage .title-language-selector-button:not(.landing-stage-language-button){margin-top:2px}.landing-stage .title-legal-links{font-size:.61rem}}@media(max-width:480px){.landing-stage .title-auth-panel,.landing-stage .hall-of-fame,.landing-stage-language-button,.landing-stage .title-legal-links{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.landing-stage-picture,.landing-stage-brand h1,.landing-stage-live{transition:none;animation:none}.landing-stage-activation-copy,.landing-stage-activation-spectrum{animation:none}}