/* DARKLANE NEO — chrome, violet dusk and electric horizons. */
:root{--pink:#fa42b3;--mint:#8af4ef;--white:#fff1fa;--surface:#1d1632ef;--muted:#c8bddf}
body{background:#130d24}
body #main-nav{background:linear-gradient(105deg,#151028f5,#291438f0 65%,#17172ff5);border-bottom:1px solid #cf78ff50;box-shadow:0 1px 22px #a245df18}
#main-nav .nav-brand{display:flex;align-items:center;flex:0 0 184px;width:184px;height:70px;border:0;padding:0;margin-right:auto;letter-spacing:0}
#main-nav .nav-brand img{display:block;width:100%;height:auto}
#main-nav .nav-item,#main-nav .nav-profile{font-style:normal;letter-spacing:.6px;font-size:clamp(17px,1.55vw,24px)}
#main-nav .selected,#main-nav .nav-item:hover{background:linear-gradient(115deg,#a843d7,#f443ad);box-shadow:inset 0 -2px #ff9bde}
#main-nav .nav-profile{background:#8a73b11a;border:1px solid #a78ad12b;color:var(--mint)}
body.menu-active::after{content:'';position:fixed;z-index:2;left:-20%;right:-20%;bottom:-8vh;height:26vh;pointer-events:none;background-image:linear-gradient(#b963eb40 1px,transparent 1px),linear-gradient(90deg,#70e5ed30 1px,transparent 1px);background-size:70px 40px;transform:perspective(260px) rotateX(55deg);transform-origin:center bottom;mask-image:linear-gradient(transparent,#0009);opacity:.4}
body #menu::before{background:linear-gradient(90deg,#160e29f2,#2410388c 38%,transparent 72%)}
#home-panel{max-width:590px;padding-top:clamp(60px,12vh,130px)}
#home-panel h1.home-wordmark{margin:0 0 12px;line-height:1;font-size:0;letter-spacing:0;width:clamp(320px,39vw,550px);max-width:calc(100vw - 2*var(--edge))}
.home-wordmark img{display:block;width:100%;height:auto}
#home-panel .brand-tagline{font:500 clamp(16px,1.5vw,21px)/1.5 var(--body,Arial,sans-serif);letter-spacing:3px;color:#ddc6ed;margin:0 0 34px 8px}
#home-panel .ui-primary,#home-panel .ui-outline{margin-left:8px;font-style:normal;font-size:30px;letter-spacing:1px;width:290px}
#home-panel .ui-primary,.online-primary,.garage-open #garage-panel .start{background:linear-gradient(110deg,#b746e0,#f447ac);box-shadow:0 5px 24px #e94aaa20}
#home-panel .ui-outline{background:linear-gradient(110deg,#1c2344df,#281538d9);border-color:#83eae9;color:#b5fffa}
#welcome{background:linear-gradient(100deg,#160f2bf7,#251137d9 46%,#25113733)}
a.welcome-brand{display:block;width:310px;max-width:100%;border:0;padding:0;font-size:0}
.welcome-brand img{display:block;width:100%;height:auto}
.welcome-card h1{font-size:clamp(50px,5.4vw,74px);margin:22px 0 28px}
#graphics-boot{background:radial-gradient(ellipse at 50% 48%,#2b1642,#120e23 70%)}
#graphics-boot strong.boot-wordmark{display:block;border:0;padding:0;width:min(510px,78vw);font-size:0}
.boot-wordmark img{display:block;width:100%;height:auto}
.boot-line{background:#ad7ad329}.boot-line>i{background:linear-gradient(90deg,#8af4ef,#ed62d7)}
.boot-spinner{border-top-color:#8af4ef;border-right-color:#fa42b3;box-shadow:0 0 18px #bf61f51a}
.racing>header .brand{border:0}.race-wordmark{display:block;width:142px;height:auto}
.credits-brand{width:240px;margin:6px 0 18px}.credits-brand img{display:block;width:100%;height:auto}
.rooms-browser,.room-sidebar,#settings-panel,.garage-open #garage-panel,#friends-list-panel,#friend-detail-panel{border-color:#ac7ce746;background:linear-gradient(130deg,#211735f5,#18172bec)}
.settings-tabs button[aria-selected=true]{color:var(--mint);border-color:var(--mint)}
@media(max-width:1100px){#main-nav .nav-brand{flex-basis:156px;width:156px}#main-nav .nav-item{font-size:20px;padding:10px 9px}#main-nav .nav-profile{font-size:18px;padding:10px 13px}}
@media(max-width:800px){#main-nav .nav-brand{flex-basis:auto;width:150px;height:52px}#home-panel{padding-top:65px}#home-panel .brand-tagline{font-size:15px;letter-spacing:2px}.credits-brand{width:190px}}
@media(max-width:600px){#main-nav .nav-brand{width:138px;height:50px}#main-nav .nav-item{font-size:18px;letter-spacing:0}#home-panel h1.home-wordmark{width:min(410px,calc(100vw - 35px))}#home-panel .ui-primary,#home-panel .ui-outline{width:255px;min-height:57px;font-size:28px}.welcome-card{padding:10px 0}a.welcome-brand{width:265px}.welcome-card h1{font-size:50px;margin:18px 0}.race-wordmark{width:110px}}
@media(max-height:600px) and (min-width:601px){#home-panel{padding-top:24px}#home-panel h1.home-wordmark{width:330px;margin-bottom:0}#home-panel .brand-tagline{margin-bottom:18px;font-size:14px}#home-panel .ui-primary,#home-panel .ui-outline{min-height:46px;font-size:25px;margin-bottom:10px}a.welcome-brand{width:230px}.welcome-card h1{font-size:42px;margin:10px 0}}

/* Approved white wordmark: use the supplied transparent PNG without effects. */
#main-nav .nav-brand img,.home-wordmark img,.welcome-brand img,.boot-wordmark img,.credits-brand img,.race-wordmark{object-fit:contain;filter:none}#home-panel h1.home-wordmark{margin-bottom:24px}a.welcome-brand{width:350px}.credits-brand{width:300px}

#graphics-boot.load-error .boot-spinner{animation:none;border-color:#ed6a9c}#graphics-boot.load-error #graphics-boot-status{color:#ffbbd3;max-width:620px;text-align:center}