/* Netorbus public experience. Intentionally independent of the game CSS cascade. */
.public-site { --pub-bg:#10110f; --pub-panel:#191a16; --pub-text:#f1eee5; --pub-muted:#b5b5a8; --pub-gold:#e4c575; --pub-line:#34362c; margin:0; background:var(--pub-bg); color:var(--pub-text); font:16px/1.65 'Instrument Sans',sans-serif; -webkit-font-smoothing:antialiased; color-scheme:dark; }
.public-site *, .public-header * { box-sizing:border-box; }
.public-site a { color:inherit; text-decoration:none; }
.public-site img { max-width:100%; height:auto; }
.public-site button, .public-site input { font:inherit; }
.public-site button, .public-header button { cursor:pointer; }
.public-site h1,.public-site h2,.public-site h3,.public-site p { margin:0; }
.public-site h1,.public-site h2,.public-site h3 { text-wrap:balance; }
.public-site h1 { font-size:clamp(2.8rem,5.8vw,5.4rem); font-weight:600; line-height:1.06; letter-spacing:-.065em; }
.public-site h2 { font-size:clamp(2rem,3.5vw,3.1rem); font-weight:500; line-height:1.15; letter-spacing:-.04em; }
.public-site h3 { font-size:1.35rem; font-weight:600; line-height:1.3; letter-spacing:-.025em; }
.public-site :focus-visible,.public-header :focus-visible { outline:2px solid #e4c575; outline-offset:5px; }
.public-site [hidden],.public-header [hidden] { display:none!important; }
.public-skip { position:fixed; top:10px; left:16px; z-index:100; padding:12px 20px; background:#e4c575; color:#15160f!important; transform:translateY(-180%); }
.public-skip:focus { transform:none; }
.public-header { position:relative; z-index:30; width:100%; background:#10110f; color:#f1eee5; border-bottom:1px solid #34362c; font:15px/1.5 'Instrument Sans',sans-serif; }
.public-nav { max-width:1328px; min-height:88px; margin:auto; padding:14px 40px; display:flex; align-items:center; gap:40px; }
.public-header a { color:inherit; text-decoration:none; }
.public-brand { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.public-brand img { width:42px; height:42px; object-fit:contain; background:transparent; }
.public-brand span,.public-wordmark { font-family:'Unbounded',sans-serif; font-size:19px; font-weight:600; letter-spacing:-.045em; }
.public-nav-links { display:flex; align-items:center; gap:28px; margin-left:auto; }
.public-nav-links a { padding:10px 0; color:#b5b5a8; white-space:nowrap; }
.public-nav-links a:hover,.public-nav-links a[aria-current] { color:#e4c575; }
.public-header-actions { display:flex; align-items:center; gap:24px; flex-shrink:0; }
.public-login { padding:10px 0; white-space:nowrap; }
.public-login:hover { color:#e4c575; }
.public-button { display:inline-flex; justify-content:center; align-items:center; gap:22px; padding:15px 25px; min-height:54px; background:#e4c575; border:1px solid #e4c575; border-radius:5px; color:#15160f!important; font-weight:700; line-height:1.4; text-align:center; transition:background .18s,transform .18s; }
.public-button:hover { background:#f3d795; border-color:#f3d795; }
.public-button:active { transform:scale(.98); }
.public-button-small { padding:10px 17px; min-height:44px; font-size:14px; gap:15px; }
.public-button-secondary { background:transparent; color:#f1eee5!important; border-color:#555747; }
.public-button-secondary:hover { background:#25271f; border-color:#80826d; }
.public-menu-toggle { width:44px; height:44px; border:1px solid #444638; background:transparent; color:#f1eee5; border-radius:5px; display:none; font-size:22px; }
.public-main { max-width:1248px; margin:auto; padding:0 40px; }
.public-eyebrow { display:flex; align-items:center; gap:10px; color:var(--pub-gold); font-size:12px; letter-spacing:.13em; text-transform:uppercase; font-weight:600; margin-bottom:23px!important; }
.public-eyebrow::before { content:''; height:6px; width:6px; background:var(--pub-gold); flex-shrink:0; }
.public-muted { color:var(--pub-muted); }
.public-hero { position:relative; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; min-height:630px; padding:70px 0 55px; gap:30px; }
.public-hero h1 em { color:var(--pub-gold); font-style:normal; }
.public-lead { color:var(--pub-muted); font-size:18px; line-height:1.7; max-width:520px; margin-top:26px!important; }
.public-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:32px; }
.public-trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:22px; color:var(--pub-muted); font-size:13px; }
.public-trust span::before { content:'✓'; color:var(--pub-gold); margin-right:7px; }
.public-hero-art { position:relative; display:grid; place-items:center; min-width:0; min-height:450px; isolation:isolate; }
.public-hero-art::before { content:''; position:absolute; width:92%; aspect-ratio:1; border:1px solid #414333; border-radius:50%; z-index:-1; background:radial-gradient(ellipse,rgba(200,171,80,.11),transparent 66%); }
.public-hero-art::after { content:''; position:absolute; width:73%; aspect-ratio:1; border:1px dashed #36382c; border-radius:50%; z-index:-1; }
.public-hero-art img { width:460px; position:relative; }
.public-art-label { position:absolute; bottom:14px; color:#b7ab82; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.public-world-strip { border-top:1px solid var(--pub-line); border-bottom:1px solid var(--pub-line); display:grid; grid-template-columns:1.15fr 1fr 1fr 1fr; margin:10px 0 0; }
.public-world-strip>div { padding:24px 28px; border-left:1px solid var(--pub-line); }
.public-world-strip>div:first-child { padding-left:0; border-left:0; display:flex; align-items:center; gap:12px; color:var(--pub-muted); }
.public-world-strip strong { font-size:23px; font-weight:500; display:block; color:var(--pub-text); font-variant-numeric:tabular-nums; }
.public-world-strip small { color:var(--pub-muted); font-size:12px; }
.public-dot { width:8px; height:8px; border-radius:50%; background:var(--pub-gold); flex-shrink:0; }
.public-section { padding:86px 0; border-bottom:1px solid var(--pub-line); scroll-margin-top:25px; }
.public-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:36px; }
.public-section-heading>p { max-width:340px; color:var(--pub-muted); }
.public-section-heading .public-eyebrow { margin-bottom:15px!important; }
.public-paths { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.public-path { position:relative; padding:30px; min-height:280px; background:linear-gradient(140deg,#22251b,#171914); border:1px solid #373b2a; border-radius:7px; display:flex; flex-direction:column; align-items:start; }
.public-path:nth-child(2) { background:linear-gradient(140deg,#28241a,#191713); border-color:#423a28; }
.public-path:nth-child(3) { background:linear-gradient(140deg,#242425,#171719); border-color:#363639; }
.public-path-number { color:var(--pub-gold); font:12px/1.4 'Unbounded',sans-serif; }
.public-path-symbol { font-size:52px; line-height:1; margin:22px 0; color:#d1c49d; }
.public-path p { color:var(--pub-muted); margin-top:12px; }
.public-text-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; color:var(--pub-gold)!important; font-weight:600; }
.public-path .public-text-link { margin-top:auto; padding-top:20px; }
.public-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; list-style:none; padding:0; margin:0; }
.public-steps li { padding-top:22px; border-top:1px solid #4c4b38; }
.public-step-number { color:var(--pub-gold); display:block; font-size:13px; margin-bottom:20px; }
.public-steps p { margin-top:13px; color:var(--pub-muted); }
.public-faq { max-width:850px; }
.public-faq details { border-bottom:1px solid var(--pub-line); padding:0; }
.public-faq summary { cursor:pointer; padding:22px 0; font-size:18px; font-weight:500; }
.public-faq details p { padding:0 0 24px; color:var(--pub-muted); max-width:710px; }
.public-cta { padding:55px; margin:76px 0; display:flex; align-items:center; justify-content:space-between; gap:36px; border:1px solid #4f482e; border-radius:7px; background:linear-gradient(120deg,#29271a,#171913); }
.public-cta p:not(.public-eyebrow) { color:var(--pub-muted); margin-top:18px; }
.public-cta-actions { display:flex; flex-direction:column; gap:14px; align-items:center; flex-shrink:0; }
.public-cta-actions>span { font-size:12px; color:var(--pub-muted); }
.public-footer { max-width:1248px; margin:auto; padding:0 40px 35px; display:flex; flex-wrap:wrap; gap:36px; justify-content:space-between; }
.public-wordmark span { color:var(--pub-gold); font-size:10px; vertical-align:top; margin-left:4px; }
.public-footer p,.public-footer small { color:var(--pub-muted); font-size:12px; margin-top:8px; }
.public-footer nav { display:flex; gap:24px; flex-wrap:wrap; align-items:center; font-size:13px; }
.public-footer nav a:hover { color:var(--pub-gold); }
.public-footer small { width:100%; padding-top:23px; border-top:1px solid var(--pub-line); }
.public-page-heading { padding:72px 0 42px; max-width:830px; }
.public-page-heading h1 { font-size:clamp(2.7rem,5vw,4.5rem); }
.public-page-heading p:not(.public-eyebrow) { color:var(--pub-muted); font-size:18px; margin-top:20px; }
.public-auth { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:85px; padding:72px 0 90px; min-height:730px; }
.public-auth-story h1 { font-size:clamp(2.8rem,4.8vw,4.7rem); }
.public-auth-story>p:not(.public-eyebrow) { color:var(--pub-muted); font-size:18px; margin-top:25px; max-width:450px; }
.public-auth-crest { width:160px; height:160px!important; object-fit:contain; margin:0 0 20px; }
.public-auth-benefits { list-style:none; margin:30px 0 0; padding:0; color:var(--pub-muted); }
.public-auth-benefits li { padding:9px 0; }
.public-auth-benefits li::before { content:'↗'; margin-right:13px; color:var(--pub-gold); }
.public-form-panel { padding:38px; background:var(--pub-panel); border:1px solid var(--pub-line); border-radius:9px; box-shadow:0 24px 60px #0002; }
.public-form-panel h2 { font-size:27px; letter-spacing:-.03em; }
.public-form-panel>p { color:var(--pub-muted); margin-top:8px; font-size:14px; }
.public-form { margin-top:28px; }
.public-field { margin-bottom:20px; }
.public-field label { display:block; font-size:14px; font-weight:500; margin-bottom:8px; }
.public-field input { width:100%; border:1px solid #4d5042; border-radius:5px; min-height:49px; padding:11px 14px; background:#11130e; color:var(--pub-text); }
.public-field input::placeholder { color:#979a8a; }
.public-field input[aria-invalid="true"] { border-color:#f49c8a; }
.public-field small { display:block; font-size:12px; color:var(--pub-muted); margin-top:7px; }
.public-password { position:relative; }
.public-password input { padding-right:70px; }
.public-password button { position:absolute; top:3px; right:4px; min-height:43px; min-width:57px; border:0; background:transparent; color:var(--pub-gold); font-size:12px; }
.public-form-options { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; align-items:center; font-size:13px; margin:5px 0 22px; }
.public-checkbox { display:flex; gap:9px; align-items:center; min-height:36px; }
.public-checkbox input { accent-color:var(--pub-gold); width:17px; height:17px; }
.public-form a,.public-form-switch a { color:var(--pub-gold); text-decoration:underline; text-underline-offset:3px; }
.public-form .public-button { width:100%; }
.public-button:disabled { opacity:.65; cursor:wait; }
.public-form-switch { margin-top:25px!important; padding-top:23px; border-top:1px solid var(--pub-line); text-align:center; font-size:14px; }
.public-fineprint { font-size:12px; color:var(--pub-muted); line-height:1.6; margin-top:16px!important; }
.public-field-error,.live-error { color:#ffaf9e; font-size:13px; margin-top:6px; }
.public-field-error:empty,.live-error:empty { display:none; }
.public-notice,.public-site .alert { margin:24px 0; padding:15px 20px; border:1px solid #4d503c; border-radius:5px; background:#242719; color:var(--pub-text); }
.public-site .alert-danger { color:#ffb7a8; border-color:#784438; background:#2a1c18; }
.public-site .alert i { display:none; }
.public-site .alert ul { padding-left:18px; margin:0; }
.public-filter-bar { display:flex; gap:9px; flex-wrap:wrap; padding:0 0 30px; }
.public-filter-bar a { min-height:42px; padding:8px 16px; border:1px solid var(--pub-line); border-radius:5px; color:var(--pub-muted); font-size:13px; }
.public-filter-bar a[aria-current],.public-filter-bar a:hover { color:var(--pub-text); border-color:#918154; background:#2a291c; }
.public-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.public-news-card { min-width:0; background:var(--pub-panel); border:1px solid var(--pub-line); border-radius:7px; overflow:hidden; }
.public-news-card>a { display:flex; flex-direction:column; height:100%; }
.public-news-art { height:170px; display:grid; place-items:center; background:radial-gradient(ellipse at 50% 100%,#3c3722,#1c2017); overflow:hidden; }
.public-news-art img { width:100%; height:100%; object-fit:cover; }
.public-news-art .public-news-crest { width:108px; height:108px; object-fit:contain; }
.public-news-card-body { padding:25px; display:flex; flex-direction:column; flex:1; }
.public-news-meta { display:flex; gap:15px; flex-wrap:wrap; color:var(--pub-muted); font-size:12px; margin-bottom:15px; }
.public-news-meta span { color:var(--pub-gold); }
.public-news-card p { font-size:14px; color:var(--pub-muted); margin-top:12px; }
.public-news-card .public-text-link { margin-top:auto; padding-top:20px; }
.public-news-card:hover h2 { color:var(--pub-gold); }
.public-news-card h2 { font-size:23px; line-height:1.35; overflow-wrap:anywhere; }
.public-news-card:first-child { grid-column:1/-1; }
.public-news-card:first-child>a { display:grid; grid-template-columns:1fr 1.2fr; }
.public-news-card:first-child .public-news-art { height:100%; min-height:290px; }
.public-news-card:first-child .public-news-crest { width:180px; height:180px; }
.public-news-card:first-child .public-news-card-body { padding:42px; }
.public-news-card:first-child h2 { font-size:32px; }
.public-pagination { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:30px; color:var(--pub-muted); font-size:14px; }
.public-empty { padding:55px; background:var(--pub-panel); border:1px solid var(--pub-line); border-radius:7px; }
.public-empty p { color:var(--pub-muted); margin-top:15px; }
.public-article { max-width:800px; margin:auto; padding:55px 0; }
.public-article h1 { font-size:clamp(2.4rem,4.8vw,4.4rem); overflow-wrap:anywhere; }
.public-article .public-news-meta { margin:25px 0; }
.public-article-image { width:100%; max-height:420px; object-fit:cover; border-radius:7px; margin:30px 0; }
.public-article-body { color:#d1d1c3; font-size:18px; line-height:1.85; overflow-wrap:anywhere; margin-top:35px; }
.public-guide-layout { display:grid; grid-template-columns:220px 1fr; gap:55px; padding-bottom:40px; }
.public-guide-nav { position:sticky; top:25px; align-self:start; border-top:1px solid var(--pub-line); }
.public-guide-nav a { display:block; padding:14px 0; border-bottom:1px solid var(--pub-line); color:var(--pub-muted); font-size:14px; }
.public-guide-nav a:hover { color:var(--pub-gold); }
.public-guide-section { padding:30px 0 40px; border-top:1px solid var(--pub-line); scroll-margin-top:25px; }
.public-guide-section h2 { font-size:30px; }
.public-guide-section>p { margin-top:20px; color:var(--pub-muted); }
.public-guide-list { padding-left:23px; color:var(--pub-muted); }
.public-guide-list li { padding:9px 0 9px 8px; }
.public-guide-list strong { color:var(--pub-text); }
.public-starter { display:flex; gap:30px; flex-wrap:wrap; margin-top:25px; padding:24px; border:1px solid #4b4934; border-radius:5px; background:#242419; }
.public-starter strong { display:block; color:var(--pub-gold); font-size:26px; font-weight:500; font-variant-numeric:tabular-nums; }
.public-starter span { font-size:12px; color:var(--pub-muted); }
@media(min-width:1500px) { .public-hero { min-height:700px; } }
@media(max-width:1050px) { .public-nav { gap:25px; padding-inline:28px; } .public-nav-links { gap:18px; } .public-header-actions { gap:18px; } .public-brand span { font-size:16px; } .public-auth { gap:40px; } .public-cta { padding:35px; } .public-hero { min-height:580px; } .public-hero-art { min-height:350px; } }
@media(max-width:860px) { .public-nav { flex-wrap:wrap; gap:0; min-height:78px; } .public-header-actions { margin-left:auto; gap:17px; } .public-menu-toggle { display:block; } .public-nav-links { width:100%; order:3; justify-content:space-between; padding-top:16px; margin:0; gap:12px; } .public-nav-links.public-menu-enhanced { display:none; } .public-nav-links.public-menu-enhanced.is-open { display:flex; } .public-hero { gap:5px; min-height:530px; } .public-hero h1 { font-size:3.6rem; } .public-hero-art { min-height:290px; } .public-trust { gap:12px; } .public-world-strip>div { padding:20px; } .public-section-heading { align-items:start; } .public-path { padding:22px; } .public-auth { gap:35px; } .public-form-panel { padding:28px; } .public-cta { align-items:start; flex-direction:column; } .public-cta-actions { align-items:start; } .public-news-grid { grid-template-columns:repeat(2,1fr); } .public-guide-layout { gap:30px; grid-template-columns:170px 1fr; } }
@media(max-width:640px) { .public-main { padding:0 22px; } .public-nav { padding:12px 18px; min-height:74px; } .public-brand { gap:5px; } .public-brand img { width:33px; height:37px; } .public-brand span { font-size:14px; } .public-header-actions { gap:13px; } .public-header .public-button-small { padding:10px 12px; gap:6px; font-size:12px; } .public-login { font-size:13px; } .public-menu-toggle { width:38px; min-width:38px; border:0; } .public-hero { grid-template-columns:1fr; padding:45px 0 25px; gap:0; } .public-hero h1 { font-size:clamp(2.9rem,12vw,4.7rem); max-width:520px; } .public-lead { font-size:16px; margin-top:22px!important; } .public-eyebrow { font-size:10px; margin-bottom:20px!important; } .public-hero-art { min-height:270px; margin:24px auto 0; width:280px; max-width:100%; } .public-hero-art img { width:280px; } .public-art-label { bottom:0; font-size:8px; } .public-actions { gap:10px; margin-top:26px; } .public-button { padding:14px 18px; font-size:14px; gap:12px; min-height:50px; } .public-trust { font-size:11px; gap:13px; } .public-world-strip { grid-template-columns:repeat(2,1fr); } .public-world-strip>div { padding:18px 15px; } .public-world-strip>div:nth-child(3) { border-left:0; border-top:1px solid var(--pub-line); padding-left:0; } .public-world-strip>div:nth-child(4) { border-top:1px solid var(--pub-line); } .public-world-strip strong { font-size:21px; } .public-world-strip>div:first-child { font-size:13px; } .public-section { padding:52px 0; } .public-section-heading { flex-direction:column; gap:20px; margin-bottom:27px; } .public-paths,.public-steps { grid-template-columns:1fr; gap:16px; } .public-path { min-height:0; padding:26px; } .public-path-symbol { font-size:35px; position:absolute; top:24px; right:25px; margin:0; } .public-path h3 { margin-top:22px; } .public-steps { gap:24px; } .public-steps li { padding-top:18px; } .public-step-number { margin-bottom:12px; } .public-cta { padding:27px; margin:48px 0; gap:28px; } .public-cta h2 { font-size:2rem; } .public-cta-actions { width:100%; } .public-cta-actions .public-button { width:100%; } .public-footer { padding:0 22px 28px; gap:25px; } .public-footer nav { gap:18px; } .public-auth { grid-template-columns:1fr; gap:30px; padding:40px 0 55px; min-height:0; } .public-auth-story h1 { font-size:2.7rem; } .public-auth-crest { display:none; } .public-auth-story>p:not(.public-eyebrow) { font-size:16px; margin-top:18px; } .public-auth-benefits { display:none; } .public-form-panel { padding:25px; } .public-page-heading { padding:45px 0 30px; } .public-page-heading p:not(.public-eyebrow) { font-size:16px; } .public-news-grid { grid-template-columns:1fr; } .public-news-card:first-child>a { display:flex; } .public-news-card:first-child .public-news-art { height:190px; min-height:0; } .public-news-card:first-child .public-news-crest { width:120px; height:120px; } .public-news-card:first-child .public-news-card-body { padding:25px; } .public-news-card:first-child h2 { font-size:26px; } .public-empty { padding:30px; } .public-guide-layout { grid-template-columns:1fr; gap:25px; } .public-guide-nav { position:static; display:flex; flex-wrap:wrap; gap:0 20px; border:0; } .public-guide-nav a { padding:10px 0; font-size:13px; } .public-guide-section h2 { font-size:27px; } .public-starter { gap:24px; padding:20px; } .public-starter strong { font-size:23px; } .public-article { padding:35px 0; } .public-article-body { font-size:16px; } }
@media(max-width:370px) { .public-brand span { display:none; } .public-header-actions { gap:16px; } .public-nav-links { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .public-site *, .public-header * { scroll-behavior:auto!important; transition:none!important; } }