/* The public site offers download and signup. This view only completes app authentication. */
:root{--bg:#090d17;--surface:#111a2a;--raised:#192338;--line:#29354a;--text:#f0f4ff;--muted:#a1aec6;--accent:#93b0ff;--accent-dark:#1c2a48}.public-nav{display:flex;gap:22px;margin-left:auto;font-size:12px}.public-nav a{text-decoration:none;color:#bbcae4}.public-nav a:hover{color:#b9d2ff}.site-header{height:80px;padding:0 clamp(22px,5vw,74px)}.brand-section{color:#899ab9}.private-badge{display:none!important}.account-nav{gap:9px}.account-nav .nav-name{display:none}.auth-layout{padding-top:45px;padding-bottom:45px;min-height:720px;gap:clamp(30px,6vw,90px)}.auth-card{background:linear-gradient(145deg,#18243b,#101a2b);border-color:#34435d;max-width:450px;padding:31px;border-radius:16px}.auth-story h1{font-size:clamp(33px,3.6vw,48px)}.auth-story .story-description{font-size:14px}.track-highlight{stroke:#91b0ff}.track-visual circle{fill:#91b0ff}.auth-switch{background:#0b1220;border-color:#2b3951}.auth-switch button.selected{background:#293c62}.field input{background:#0c1525;border-color:#394c6c}.button.primary{background:#507cff;color:#fff}.button.primary:hover:not(:disabled){background:#6a91ff}.button.subtle{background:#1b2942;border-color:#374966}.button.subtle:hover:not(:disabled){background:#263b5c}.service-status.ready{color:#a6c0ff}.auth-note{padding-top:16px;margin-top:20px}.auth-note p{font-size:11px}.consent-fields{margin:17px 0 20px;padding:17px 0 0;border:0;border-top:1px solid var(--line);min-width:0}.consent-fields legend{font-size:12px;padding:0 5px 0 0;color:#c4d2eb}.check-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;cursor:pointer;font-size:12px;line-height:1.7}.check-row input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#7295ff;cursor:pointer}.check-row strong{font-weight:500;color:#a8c2ff}.check-row a{text-decoration:underline;text-underline-offset:3px}.consent-fields .field-help{font-size:10px;line-height:1.8}.footer-links{display:flex;gap:17px;font-size:10px}.footer-links a,.site-footer>a{text-decoration:none}.bridge-view{max-width:760px;padding-top:48px;padding-bottom:65px}.bridge-heading{text-align:center;margin-bottom:28px}.bridge-heading .eyebrow{justify-content:center;margin:17px 0 12px}.bridge-heading h1{font-size:27px;line-height:1.5;margin-bottom:16px}.bridge-check{width:54px;height:54px;display:inline-grid;place-items:center;border:1px solid #4b6aa6;background:#203457;color:#abc6ff;border-radius:15px;font-size:27px}.bridge-heading .secondary{font-size:13px}.bridge-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0}.connected-panel{padding:23px;margin-top:30px;background:#111b2c}.bridge-footnote{font-size:11px;line-height:1.9;border-top:1px solid var(--line);padding-top:16px;color:#91a4c1;margin:17px 0 0}.account-consent-panel{background:#15223b;border:1px solid #3f5981;border-radius:12px;padding:24px;margin:24px 0}.account-consent-panel h2{font-size:18px}.account-consent-panel .consent-fields{margin-top:22px}.account-consent-panel>.button{margin-top:6px}.device-icon{background:#1c3051;color:#b0c7ff;border-color:#395782}.pair-code-box{background:#0b1423;border-color:#3d547b}.modal{background:#111b2b;border-color:#3f5375}.modal .icon-button{background:#1d2b42;border-color:#3d5373}.modal::backdrop{background:#020816ca}.page-message{background:#183038;border-color:#3b5962;color:#c5eaf0}.toast{background:#1a304b;border-color:#476d9b;color:#d5e6ff}.password-toggle:hover{background:#203351;color:#b8ccff}@media(max-width:1050px){.account-nav .button.small{font-size:10px;padding:7px 8px}.auth-card{padding:26px}.public-nav{gap:15px}.auth-story h1{font-size:37px}}@media(max-width:760px){.site-header{height:auto;min-height:73px;padding:18px 21px;flex-wrap:wrap;gap:13px}.site-header .brand{font-size:13px}.public-nav{font-size:11px;gap:14px}.account-nav{width:100%;justify-content:flex-end}.auth-layout{padding:29px 21px 38px;gap:25px;min-height:unset}.auth-story h1{font-size:31px;margin-bottom:11px}.auth-story .story-description{font-size:12px}.auth-story .eyebrow{font-size:8px;margin-bottom:11px}.auth-card{padding:24px}.auth-card>.eyebrow{font-size:8px;margin-bottom:14px}.auth-card h2{font-size:23px}.auth-switch{margin-top:21px}.bridge-view{padding:35px 21px 45px}.bridge-heading h1{font-size:23px}.bridge-heading .secondary{font-size:12px}.bridge-heading .secondary br{display:none}.bridge-actions>.button{width:100%}.account-consent-panel{padding:20px}.connected-panel{padding:20px}.footer-links{gap:15px}.site-footer{gap:12px}.check-row{font-size:11px}.auth-note p{font-size:10px}}

/* Shared operator/contact footer for signup and app authentication. */
/* Official provider artwork is served locally; login behavior is unchanged. */
.social-button{min-height:50px;justify-content:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500}.social-button .provider-mark{display:flex;align-items:center;justify-content:center;width:32px;height:48px;flex:0 0 32px;background:transparent;border-radius:0}.provider-logo{display:block;object-fit:contain;max-width:100%;height:auto}.provider-google{background:#fff;border-color:#747775;color:#1f1f1f;font-family:"Google Sans",Arial,sans-serif}.provider-google:hover:not(:disabled){background:#f2f2f2;border-color:#747775}.provider-google .provider-logo{width:20px}.provider-naver{background:#03a94d;border-color:#03a94d;color:#fff;gap:0}.provider-naver:hover:not(:disabled){background:#03a94d;border-color:#fff}.social-button.provider-naver .provider-mark{width:48px;flex-basis:48px}.provider-naver .provider-logo{width:48px}.provider-steam{background:#171d25;border-color:#526479;color:#fff}.provider-steam:hover:not(:disabled){background:#222e3d;border-color:#8195ad}.social-button.provider-steam .provider-mark{width:74px;flex-basis:74px}.provider-steam .provider-logo{width:74px}.provider-label{line-height:20px}.social-button:focus-visible{outline:3px solid #a7c0ff;outline-offset:3px}
.auth-recovery-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:15px}.auth-recovery-links .text-button{margin:0;font-size:12px}.auth-recovery-links #forgot-password-button{width:auto;margin:0}.provider-pending:disabled{opacity:1;background:#152033;border-color:#35445c;color:#9caac2;cursor:not-allowed}.provider-pending .provider-mark{opacity:.7}.social-signin>.field-help{margin-top:10px;line-height:1.7}.account-email{text-align:center;overflow-wrap:anywhere;color:#bbcae4;font-size:13px;margin:0 0 24px}#email-recovery-dialog .field-help{line-height:1.8;margin:20px 0}#email-recovery-dialog a,#recovery-unavailable-help a{text-underline-offset:3px}
.site-footer{flex-wrap:wrap}.site-footer .footer-identity{display:flex;align-items:center;gap:14px}.site-footer .footer-identity>a{font-weight:700;text-decoration:none}.site-footer .footer-identity p{font-size:10px}.site-footer .footer-links{flex-wrap:wrap}.site-footer .contact-email{overflow-wrap:anywhere;font-size:10px}.site-footer a:focus-visible{outline:3px solid #a7c0ff;outline-offset:4px}@media(max-width:760px){.site-footer .footer-identity{flex-wrap:wrap}.site-footer .footer-links{gap:12px 17px}.site-footer .contact-email{font-size:11px}}


.account-controls{padding:24px;background:#15223b;border-color:#3f5981;margin:26px 0}
.account-controls h2{font-size:20px;margin:0 0 12px}
.account-controls .secondary{font-size:14px;line-height:1.8;margin:0 0 8px}
.account-control-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
@media(max-width:520px){.account-controls{padding:20px}.account-control-actions>.button{width:100%}}