:root{--ink:#141411;--paper:#f2f0e7;--white:#fffefa;--red:#e6002c;--gold:#e6ae35;--muted:#77786e;--line:#d4d1c5;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}h1,h2,h3,.nav,.primary,.secondary,.outline,.hero-tag,.splash-enter{font-family:'Barlow Condensed',Impact,sans-serif}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.splash{position:fixed;inset:0;z-index:50;overflow:hidden;background:#10110f;color:#fff;display:flex;flex-direction:column;isolation:isolate}.splash:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.3;background:repeating-linear-gradient(115deg,transparent 0 72px,#35352d 73px 74px,transparent 75px 150px),radial-gradient(circle at 75% 50%,#a60021,transparent 38%)}.splash:after{content:"";position:absolute;left:-10%;right:-10%;bottom:10%;height:60px;background:repeating-linear-gradient(90deg,#e6002c 0 28px,#f4ede1 28px 56px);transform:rotate(-9deg);opacity:.12;z-index:-1}
.splash-top,.splash-bottom{display:flex;justify-content:space-between;align-items:center;padding:21px 4.6%;font-size:10px;font-weight:800;letter-spacing:2px;position:relative;z-index:3}.splash-top{border-bottom:1px solid #ffffff26}.splash-top b{color:var(--red);margin:0 12px}.signal{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--red);margin-right:10px;box-shadow:0 0 15px var(--red)}
.splash-core{flex:1;min-height:0;width:min(1600px,100%);margin:auto;display:grid;grid-template-columns:49% 51%;align-items:center;padding:10px 4.6% 30px}.splash-copy{position:relative;z-index:5;padding-right:20px}.splash-logo-board{background:#fff;padding:7px;transform:rotate(-2deg);box-shadow:12px 14px 0 var(--red);margin:0 10px 38px 0;max-width:610px;animation:title-arrive .7s both}.splash-logo-board img{width:100%;height:auto;display:block}.splash-kicker{color:#e8ed77;font-size:11px;font-weight:900;letter-spacing:3px}.splash h1{font-weight:900;font-size:clamp(70px,7.8vw,132px);line-height:.78;letter-spacing:-2px;margin:20px 0 24px;text-shadow:4px 5px 0 #000}.splash h1 em{color:var(--red);font-style:normal}.splash p{max-width:420px;color:#c5c5bc;font-size:14px;line-height:1.7;font-weight:600}.splash-enter{margin-top:20px;border:0;background:var(--red);color:#fff;min-width:300px;padding:18px 21px;font-size:29px;font-weight:900;letter-spacing:.5px;display:inline-flex;justify-content:space-between;align-items:center;box-shadow:7px 7px 0 #fff;transition:transform .16s,box-shadow .16s}.splash-enter:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 #fff}.splash-enter span{font-size:34px}.splash-prompt{margin-top:27px;font-size:10px;font-weight:900;color:#868a79;letter-spacing:1.5px}.splash-prompt span{color:var(--red);margin:0 10px}
.splash-showcase{height:min(610px,75vh);position:relative;perspective:900px}.showcase-glow{position:absolute;left:16%;top:12%;width:72%;height:72%;background:#b1002b;filter:blur(90px);opacity:.54;border-radius:50%}.showcase-card{position:absolute;border:8px solid #eee9d5;background:#eee9d5;box-shadow:18px 20px 0 #000a,0 25px 60px #0009;overflow:hidden;animation:card-arrive .9s both}.showcase-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.04)}.showcase-main{width:62%;height:70%;left:20%;top:14%;transform:rotate(-5deg);z-index:3;animation-delay:.16s}.showcase-left{width:41%;height:50%;left:0;top:5%;transform:rotate(-18deg);z-index:1;animation-delay:.26s}.showcase-right{width:41%;height:50%;right:0;bottom:4%;transform:rotate(12deg);z-index:2;animation-delay:.34s}.showcase-id{position:absolute;bottom:0;left:0;right:0;background:var(--red);color:#fff;padding:8px 12px;font:900 19px 'Barlow Condensed';letter-spacing:2px}.showcase-seal{position:absolute;right:2%;top:5%;width:104px;height:104px;display:grid;place-items:center;border:5px solid #111;border-radius:50%;background:#e8ed77;color:#111;text-align:center;font:900 19px/1 'Barlow Condensed';transform:rotate(17deg);z-index:4;box-shadow:5px 7px 0 var(--red)}.splash-bottom{border-top:1px solid #ffffff26;color:#9b9d91}.splash-bottom strong{color:#fff;font-size:9px}.splash.leaving{animation:splash-out .55s forwards;pointer-events:none}@keyframes title-arrive{from{opacity:0;transform:translateY(-30px) rotate(-5deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes card-arrive{from{opacity:0;scale:.83;translate:0 40px}to{opacity:1;scale:1;translate:0 0}}@keyframes splash-out{to{opacity:0;transform:scale(1.04)}}
#app{display:flex;min-height:100vh}.sidebar{width:244px;flex:0 0 244px;background:var(--ink);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:3}.brand{background:#fff;color:var(--red);padding:14px 10px 9px;min-height:124px;display:flex;flex-direction:column;justify-content:center;border-bottom:8px solid var(--red)}.brand img{display:block;width:100%;height:auto}.brand small{display:flex;justify-content:space-between;font:900 8px 'DM Sans';color:#36362f;letter-spacing:1.1px;padding:0 8px}.brand small span{color:var(--red)}.sidebar nav{padding:35px 14px;display:grid;gap:7px}.nav-caption{display:flex;justify-content:space-between;color:#777b71;font:800 10px 'DM Sans';letter-spacing:1.8px;padding:0 9px 14px}.nav{border:1px solid #393b33;background:#1e201b;color:#d0d1c8;padding:14px 10px;text-align:left;font-size:20px;font-weight:900;letter-spacing:.35px;display:flex;align-items:center;gap:12px;transition:background .15s,transform .15s}.nav span{font:900 10px 'DM Sans';color:#858a7b;min-width:20px}.nav b{margin-left:auto;font:700 18px 'DM Sans';opacity:0}.nav:hover{transform:translateX(3px);border-color:#aaa}.nav.active{background:var(--red);color:#fff;border-color:var(--red);box-shadow:4px 4px 0 #fff}.nav.active span{color:#ffe9ec}.nav.active b{opacity:1}.sidebar-feature{margin:auto 22px 25px;border:1px solid #5c5c50;min-height:145px;padding:19px;display:flex;justify-content:space-between;align-items:end;position:relative;overflow:hidden}.sidebar-feature:before{content:"";position:absolute;width:130px;height:130px;border:17px solid #e6002c70;border-radius:50%;right:-50px;top:-55px}.sidebar-feature span{font:900 26px/.9 'Barlow Condensed';position:relative}.sidebar-feature i{font:900 33px 'Barlow Condensed';color:var(--red);font-style:normal;position:relative}.sidebar-bottom{border-top:1px solid #404139;padding:20px 23px;font-size:10px;font-weight:900;letter-spacing:1.4px}.sidebar-bottom small{display:block;color:#8c8f84;margin-top:8px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red);margin-right:7px}
main{min-width:0;flex:1;background:var(--paper)}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:var(--white);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;gap:26px}.eyebrow,#server-status,.gold-label{font-size:10px;font-weight:900;letter-spacing:1.4px}.eyebrow b{color:var(--red);margin:0 8px}#server-status{color:#50604c}.account{display:flex;align-items:center;gap:7px}.gold-icon{font-size:25px;color:var(--gold)}.account>b{font:900 24px 'Barlow Condensed'}.gold-label{color:var(--muted);margin-right:16px}.account-button{background:var(--ink);color:#fff;border:1px solid var(--ink);padding:10px 15px;font:900 15px 'Barlow Condensed';letter-spacing:1px;min-height:39px}.account-button:hover{background:var(--red);border-color:var(--red)}.account-button img{width:22px;height:22px;object-fit:cover;vertical-align:middle;margin-right:7px;border:1px solid #fff}.page{display:none;max-width:1600px;padding:0 4% 70px;margin:auto}.page.active{display:block}
.home-overline{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1.5px;padding:22px 0 13px;color:#65665d}.home-overline b{color:var(--red);margin:0 10px}.hero{display:grid;grid-template-columns:52% 48%;min-height:468px;background:var(--ink);color:#fff;overflow:hidden;position:relative;box-shadow:8px 8px 0 #d7d2c4}.hero-copy{padding:52px 20px 30px 7%;position:relative;z-index:1}.hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-55deg,transparent 0 27px,#ffffff08 28px 29px)}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;padding:7px 10px;font-size:16px;font-weight:900;letter-spacing:1px;transform:rotate(-2deg)}.hero-tag span{font-size:12px}.hero h1{font-size:clamp(72px,8vw,128px);line-height:.75;font-weight:900;letter-spacing:-1px;margin:23px 0 25px}.hero h1 em,.page-intro h1 em,.results-card h2 em{font-style:normal;color:var(--red)}.hero p{font-size:13px;font-weight:700;line-height:1.65;color:#c4c6b9;max-width:380px}.hero-actions{display:flex;gap:9px;margin-top:26px;flex-wrap:wrap}.primary,.secondary,.outline{border:0;padding:13px 20px;display:inline-flex;justify-content:space-between;align-items:center;gap:22px;font-size:20px;font-weight:900;letter-spacing:.5px;transition:transform .15s,box-shadow .15s}.primary{background:var(--red);color:#fff;box-shadow:4px 4px 0 var(--ink)}.hero .primary{box-shadow:4px 4px 0 #fff}.secondary{border:2px solid #fff;color:#fff;background:transparent}.outline{border:2px solid var(--ink);color:var(--ink);background:transparent}.outline span{font:900 11px 'DM Sans';color:var(--red)}.primary:hover,.secondary:hover,.outline:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #8d8d82}.hero-foot{display:flex;gap:16px;margin-top:42px;color:#777d70;font-size:9px;font-weight:900;letter-spacing:.5px}.hero-foot b{color:#fff;margin-left:4px}.hero-art{background:#f9f5db;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:-60%;background:repeating-linear-gradient(135deg,transparent 0 45px,#e6002c15 45px 50px,transparent 50px 100px);transform:rotate(4deg)}.hero-art img{position:absolute;width:105%;height:105%;object-fit:cover;object-position:center center;left:0;top:0;mix-blend-mode:multiply;filter:contrast(1.06) saturate(1.15)}.hero-art-number{position:absolute;top:22px;left:25px;z-index:1;font:900 13px 'DM Sans';letter-spacing:2px}.hero-art-title{position:absolute;bottom:22px;left:26px;z-index:1;color:var(--ink);font:900 38px 'Barlow Condensed';text-shadow:1px 1px #f8f6df}.hero-art-title small{display:block;font:900 9px 'DM Sans';letter-spacing:1.5px}.art-stamp{position:absolute;top:17px;right:16px;z-index:2;border:4px solid var(--red);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;text-align:center;background:#f8f5dc;color:var(--red);font:900 17px/.93 'Barlow Condensed';transform:rotate(13deg)}.home-statbar{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;background:var(--white);border:1px solid var(--line);margin-top:19px}.home-statbar>div{display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid var(--line)}.home-statbar b{font:900 35px 'Barlow Condensed';color:var(--red)}.home-statbar span{font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.6px}.home-statbar .home-stat-tag{background:var(--red);color:#fff;justify-content:space-between;border:0;font:900 18px 'Barlow Condensed';letter-spacing:.3px}.home-stat-tag span{font-size:22px}
.section-header{display:flex;align-items:end;justify-content:space-between;margin:45px 0 18px}.section-header small,.page-intro small,.modal-card>small{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--red)}.section-header h2{font-size:39px;font-weight:900;line-height:1;margin:5px 0 0}.section-note{font-size:10px;font-weight:900;letter-spacing:1px;color:#73766a}.cart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cart-card{background:var(--white);border:1px solid var(--line);padding:0;text-align:left;color:var(--ink);overflow:hidden;position:relative;box-shadow:3px 3px 0 #d9d5c8;transition:transform .18s,box-shadow .18s,border .18s}.cart-card:hover{transform:translateY(-5px);box-shadow:5px 8px 0 #c9c5b7}.cart-card.selected{border:3px solid var(--red);box-shadow:5px 5px 0 var(--red)}.cart-card img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;filter:saturate(.85)}.cart-card:hover img,.cart-card.selected img{filter:saturate(1.12)}.cart-card .card-copy{padding:12px 14px 13px;display:flex;justify-content:space-between;align-items:end;gap:5px}.cart-card strong{font:900 24px 'Barlow Condensed';line-height:1}.cart-card small{display:block;color:#868779;font-size:9px;font-weight:800}.cart-card .selected-label{position:absolute;left:8px;top:8px;z-index:1;background:var(--red);color:#fff;padding:5px 9px;font:900 12px 'Barlow Condensed';letter-spacing:1px}.cart-card .card-index{position:absolute;right:9px;top:7px;color:#222;font:900 17px 'Barlow Condensed'}
.page-intro{padding:54px 0 26px}.page-intro h1{font-size:clamp(70px,8vw,108px);line-height:.8;margin:15px 0 20px;font-weight:900}.page-intro p{color:#696b61;font-size:14px;line-height:1.6;max-width:550px}.lobby-controls{display:flex;align-items:end;gap:10px;padding:21px;background:var(--white);border:1px solid var(--line);box-shadow:5px 5px 0 #d7d3c8}.control-field{display:grid;gap:7px;min-width:140px}.control-field label,.modal-card label{font-size:10px;font-weight:900;color:#6e7067;letter-spacing:1.4px}.control-field select,.modal-card input{border:1px solid #aaa99b;background:#fff;color:var(--ink);padding:13px;outline:none}.lobby-controls .primary{margin-left:auto}.room-list{display:grid;gap:9px}.room{background:var(--white);border:1px solid var(--line);padding:16px 20px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;box-shadow:3px 3px 0 #ddd8ca}.room h3{font-size:27px;margin:4px 0 0}.room small{color:var(--red);font-size:10px;letter-spacing:1.5px;font-weight:900}.room .room-info{font-size:12px;font-weight:800;color:#858679}.room button{background:var(--ink);border:0;color:#fff;padding:12px 22px;font:900 18px 'Barlow Condensed'}.room button:hover{background:var(--red)}.empty-state{background:var(--white);border:1px dashed #aead9e;padding:38px;text-align:center;color:#777a70;font-size:12px;font-weight:800;letter-spacing:.8px}.rules-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.rules-strip>div{border-top:4px solid var(--red);padding:16px 5px}.rules-strip b{font:900 21px 'Barlow Condensed'}.rules-strip p{font-size:12px;line-height:1.55;color:#686b62;max-width:250px;margin:5px 0}.text-button{border:0;background:transparent;color:var(--red);padding:8px;font-size:11px;font-weight:900;letter-spacing:1px}
.upgrade-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-card{background:var(--white);border:1px solid var(--line);padding:25px;box-shadow:5px 5px 0 #dad5c8;position:relative;overflow:hidden}.upgrade-card:before{content:"";position:absolute;right:-42px;top:-42px;width:130px;height:130px;border:20px solid #e6002c10;border-radius:50%}.upgrade-icon{font:900 55px 'Barlow Condensed';color:var(--red);height:66px}.upgrade-card h3{font-size:34px;margin:0}.upgrade-card p{font-size:12px;color:#77796d;margin:5px 0 22px}.upgrade-pips{display:flex;gap:5px;margin-bottom:25px}.upgrade-pips span{width:27px;height:7px;background:#ddd9cc}.upgrade-pips span.on{background:var(--red)}.upgrade-card button{width:100%}.leaderboard{background:var(--white);border:1px solid var(--line);box-shadow:5px 5px 0 #d7d3c8}.leader-row{display:grid;grid-template-columns:60px 1fr 100px 100px 100px;gap:10px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);font-size:13px}.leader-row:first-child{background:var(--ink);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px}.leader-row strong{font:900 22px 'Barlow Condensed'}.leader-row .rank{font:900 23px 'Barlow Condensed';color:var(--red)}
#toast{position:fixed;right:23px;bottom:23px;max-width:340px;background:var(--red);color:#fff;font-size:12px;font-weight:900;padding:16px 18px;z-index:60;transform:translateY(130px);transition:transform .2s;box-shadow:6px 6px 0 var(--ink)}#toast.show{transform:translateY(0)}.modal{position:fixed;inset:0;background:#0a0a09df;z-index:30;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(460px,100%);max-height:92vh;overflow-y:auto;background:var(--paper);color:var(--ink);border-top:9px solid var(--red);padding:32px;box-shadow:12px 12px 0 #e6002c80}.modal-card h2{font:900 55px/.85 'Barlow Condensed';margin:13px 0 17px}.modal-card p{font-size:12px;color:#6d7067;line-height:1.6}.modal-close{position:absolute;top:10px;right:14px;border:0;background:transparent;color:var(--ink);font-size:20px}.modal-card label{display:grid;gap:7px;margin:22px 0 12px}.full{width:100%;margin-top:10px}.pfp-picker{display:flex;gap:6px;overflow-x:auto}.pfp-picker:empty{display:none}.pfp-picker img{height:54px;width:54px;object-fit:cover;border:2px solid transparent;cursor:pointer}.pfp-picker img.selected{border-color:var(--red)}.lobby-card{width:min(520px,100%)}.room-code{background:var(--white);border:1px solid var(--line);padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:1px;color:#77776f}.room-code b{font:900 26px 'Barlow Condensed';color:var(--red);letter-spacing:3px}.lobby-players{display:grid;gap:7px;margin:20px 0}.lobby-player{background:#fff;border:1px solid var(--line);padding:11px 13px;display:flex;justify-content:space-between;align-items:center;font:900 19px 'Barlow Condensed'}.lobby-player span{color:var(--red)}.lobby-player.empty{opacity:.5;border-style:dashed}.lobby-pfp{height:25px;width:25px;object-fit:cover;vertical-align:middle;margin-right:8px;border:1px solid var(--red)}.lobby-rule{font-weight:700}.results-card{width:min(550px,100%)}#results-list{margin:25px 0}.result-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:10px;font-size:13px}.result-row b:first-child{font:900 27px 'Barlow Condensed';color:var(--red)}.result-row span{font-weight:900;color:#a9791b}
#race-screen{position:fixed;inset:0;z-index:20;background:#354830;overflow:hidden}#race-canvas{width:100%;height:100%;display:block}.race-top,.race-bottom{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 23px;pointer-events:none}.race-top{top:0;background:linear-gradient(#111c,#1110)}.race-bottom{bottom:0;align-items:end;background:linear-gradient(#1110,#111d)}.race-top button{pointer-events:auto;border:2px solid #fff;background:#111d;color:#fff;padding:9px 13px;font:900 15px 'Barlow Condensed'}.race-top button:hover{background:var(--red)}.race-badge{display:flex;align-items:center;gap:8px;background:#fff;padding:4px 9px 4px 4px;box-shadow:4px 4px 0 var(--red)}.race-badge img{width:135px;height:45px;object-fit:contain}.race-badge span{color:var(--ink);font:900 11px 'DM Sans';letter-spacing:1px}.race-meta{display:flex;gap:6px}.race-meta span{background:#111e;color:#fff;padding:8px 12px;border-bottom:4px solid var(--red);font:900 20px 'Barlow Condensed'}.speed{font:900 75px/.72 'Barlow Condensed';color:#fff;text-shadow:4px 4px var(--red)}.speed small{display:block;color:#fff;font-size:16px;margin-top:9px}.race-tip{font:800 10px 'DM Sans';letter-spacing:1px;color:#fff}.race-tip b{color:#e8ed77;margin:0 8px}.weapon-box,.coin-box{background:#fff;color:var(--ink);border-bottom:5px solid var(--red);padding:8px 15px;text-align:center;min-width:96px}.weapon-box span,.weapon-box small{display:block;font-size:9px;font-weight:900;letter-spacing:1px;color:#6d6d62}.weapon-box b{font:900 24px 'Barlow Condensed'}.coin-box{font:900 26px 'Barlow Condensed';color:var(--red)}.countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 180px 'Barlow Condensed';color:#fff;text-shadow:10px 10px var(--red)}.ink-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 40%,transparent 0 10%,#0c0c0cef 17% 30%,transparent 38%),radial-gradient(circle at 70% 56%,#0c0c0cef 0 8%,transparent 20%),radial-gradient(circle at 50% 10%,#0c0c0cef 0 9%,transparent 25%)}.race-notice{position:absolute;left:50%;top:85px;transform:translateX(-50%);background:var(--red);color:#fff;padding:8px 15px;font:900 16px 'Barlow Condensed';opacity:0;transition:opacity .2s}.race-notice.show{opacity:1}.touch-controls{display:none}
@media(max-width:1100px){.sidebar{width:195px;flex-basis:195px}.brand{min-height:104px}.sidebar-feature{display:none}.hero h1{font-size:78px}.hero-copy{padding-top:48px}.cart-grid{grid-template-columns:repeat(2,1fr)}.lobby-controls{flex-wrap:wrap}.lobby-controls .primary{margin-left:0}.home-statbar{grid-template-columns:repeat(3,1fr)}.home-stat-tag{display:none!important}.splash h1{font-size:77px}}
@media(max-width:700px){.splash{overflow-y:auto}.splash-top,.splash-bottom{padding:14px 18px;font-size:8px}.splash-bottom span:nth-child(2),.splash-bottom span:nth-child(3){display:none}.splash-core{display:flex;flex-direction:column;padding:20px 18px 30px;align-items:stretch}.splash-copy{padding:0}.splash-logo-board{margin:0 8px 26px 0;box-shadow:7px 8px var(--red)}.splash h1{font-size:72px}.splash p{font-size:12px}.splash-enter{min-width:0;width:100%;font-size:25px}.splash-prompt{margin-top:17px}.splash-showcase{order:-1;height:195px;flex:0 0 195px;margin-bottom:12px}.showcase-main{width:165px;height:165px;left:calc(50% - 82px);top:6px}.showcase-left{width:115px;height:115px;left:11%;top:7px}.showcase-right{width:115px;height:115px;right:9%;bottom:3px}.showcase-seal{width:63px;height:63px;font-size:12px;border-width:3px;right:8%;top:0}.showcase-id{font-size:11px;padding:3px}#app{display:block}.sidebar{width:100%;height:auto;position:relative;display:block}.brand{min-height:68px;padding:3px 9px 0;border-bottom-width:5px}.brand img{width:180px}.brand small{display:none}.sidebar nav{display:flex;overflow-x:auto;padding:8px;gap:5px}.nav-caption{display:none}.nav{white-space:nowrap;font-size:14px;padding:8px 10px;gap:7px}.nav span,.nav b,.sidebar-bottom{display:none}.topbar{height:58px;padding:0 14px}.eyebrow,.gold-label{display:none}.account-button{font-size:11px;padding:7px}.page{padding:0 13px 35px}.home-overline{font-size:8px}.home-overline span:last-child{display:none}.hero{grid-template-columns:1fr;box-shadow:4px 4px #d7d2c4}.hero-copy{padding:29px 23px}.hero h1{font-size:75px}.hero-art{height:290px}.hero-foot{margin-top:24px;flex-wrap:wrap}.home-statbar{grid-template-columns:repeat(3,1fr)}.home-statbar>div{padding:9px 5px;display:block;text-align:center}.home-statbar b{font-size:28px}.home-statbar span{display:block;font-size:7px}.cart-grid{gap:7px}.cart-card .card-copy{padding:8px}.cart-card strong{font-size:19px}.cart-card small{font-size:8px}.section-note{display:none}.lobby-controls{display:grid}.lobby-controls .primary{margin:0}.room{grid-template-columns:1fr auto}.room-info{display:none}.rules-strip,.upgrade-list{grid-template-columns:1fr}.leader-row{grid-template-columns:32px 1fr 50px 45px 45px;padding:12px 8px;font-size:10px}.leader-row strong{font-size:15px}.race-top,.race-bottom{padding:9px}.race-badge img{width:75px;height:26px}.race-badge span{display:none}.race-meta{gap:3px}.race-meta span{font-size:13px;padding:5px}.speed{font-size:48px}.race-tip{display:none}.weapon-box{min-width:70px;padding:5px}.weapon-box b{font-size:18px}.coin-box{font-size:19px;padding:7px}.touch-controls{display:flex;position:absolute;left:10px;right:10px;bottom:85px;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls>div{display:flex;gap:6px;flex-wrap:wrap;max-width:48%}.touch-controls button{pointer-events:auto;touch-action:none;border:2px solid var(--red);background:#161a12cc;color:#fff;min-width:50px;height:54px;padding:4px 8px;font:900 17px 'Barlow Condensed';user-select:none}.touch-controls button.pressed{background:var(--red);color:#fff}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.title-return{display:block;margin-top:12px;background:transparent;border:0;color:#a7aa9f;padding:0;font:900 10px 'DM Sans';letter-spacing:1px}.title-return:hover{color:#fff}
.card-arrow{font:900 24px 'Barlow Condensed';color:var(--red)}.card-stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 13px 13px}.card-stats span{font:900 9px 'DM Sans';letter-spacing:.4px;color:#77786e}.card-stats i{display:block;height:4px;background:#dfdbcc;margin-top:5px}.card-stats b{display:block;height:100%;background:var(--red)}
.result-row strong small{display:block;margin-top:4px;color:#77796d;font:800 9px 'DM Sans';letter-spacing:.4px}
.sound-toggle{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:9px 11px;margin-right:12px;font:900 11px 'DM Sans';letter-spacing:.5px}.sound-toggle:hover,.sound-toggle[aria-pressed=false]{background:var(--ink);color:#fff}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:19px 0 29px}.course-card{position:relative;overflow:hidden;text-align:left;min-height:150px;border:2px solid #2d2d27;background:#333;color:#fff;padding:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:end;box-shadow:3px 3px 0 #d6d0c0;transition:transform .15s,box-shadow .15s}.course-card:before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(130deg,transparent 0 25px,#ffffff12 26px 29px,transparent 30px 60px);transform:rotate(12deg)}.course-card:nth-child(2){background:#a85a4a}.course-card:nth-child(3){background:#977a48}.course-card:nth-child(4){background:#59483d}.course-card.selected{border-color:var(--red);box-shadow:5px 5px 0 var(--red);transform:translate(-2px,-2px)}.course-card .course-number{position:absolute;top:10px;right:12px;font:900 40px 'Barlow Condensed';opacity:.25}.course-card b{position:relative;font:900 27px/.9 'Barlow Condensed';text-transform:uppercase}.course-card small{position:relative;margin-top:8px;color:#f3ebd4;font:800 10px/1.35 'DM Sans'}.course-card em{position:absolute;top:13px;left:14px;background:var(--red);color:#fff;font:900 10px 'DM Sans';font-style:normal;letter-spacing:1px;padding:4px 6px}.race-actions{display:flex;gap:6px;pointer-events:auto}.race-actions button{pointer-events:auto}.damage-hud{width:165px;color:#fff;background:#111b;padding:9px 11px;border-left:4px solid var(--red);font:900 11px 'DM Sans';letter-spacing:.4px}.damage-hud span{display:flex;justify-content:space-between}.damage-track{margin:7px 0 5px;height:8px;background:#443a37;border:1px solid #fff5}.damage-track i{display:block;width:100%;height:100%;background:#c7e85e;transition:width .2s,background .2s}.damage-hud small{font:900 9px 'DM Sans';color:#ffbc76}.damage-hud.critical{animation:damage-flash .7s ease-in-out infinite alternate}@keyframes damage-flash{to{box-shadow:0 0 18px #ff4030}}@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.damage-hud{width:125px}.race-tip{display:none}}@media(max-width:700px){.sound-toggle{font-size:0;padding:9px;margin-right:5px}.sound-toggle:before{content:"♫";font-size:16px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.course-card{min-height:135px;padding:11px}.course-card b{font-size:23px}.damage-hud{position:absolute;bottom:78px;left:8px;width:138px}.race-actions{gap:3px}.race-actions button{padding:5px 7px!important;font-size:12px!important}}
.splash-logo-board{max-width:520px;margin-bottom:27px}.splash h1{font-size:clamp(70px,7vw,112px);margin:16px 0 18px}.splash p{line-height:1.5}.splash-enter{margin-top:12px;padding:14px 20px}.splash-prompt{margin-top:16px}.splash-enter:focus-visible{outline-color:#fff}
@media(max-width:700px){.splash-logo-board{margin-bottom:22px}.splash h1{font-size:69px}}
.brand{width:100%;text-align:left;cursor:pointer;border-left:0;border-right:0;border-top:0}.primary:disabled{background:#d6d2c6;color:#8a897f;box-shadow:none}
.practice-card{width:min(960px,calc(100vw - 32px));max-height:min(88vh,900px);overflow:auto}.practice-card .course-grid{margin:24px 0 28px}.practice-card .course-card{min-height:175px}.practice-card p{max-width:600px}.practice-card .primary{justify-content:center}@media(max-width:700px){.practice-card{padding:23px 16px}.practice-card .course-card{min-height:135px}}
.course-card,.practice-card .course-card{padding:0;min-height:0;display:block;background:#252a27}
.course-card:before{display:none}
.course-preview{position:relative;display:block;height:134px;overflow:hidden;background:#343c35;border-bottom:3px solid #111}
.course-preview img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.08);transition:transform .3s,filter .3s}
.course-preview:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff15;pointer-events:none}
.course-card:hover .course-preview img,.course-card.selected .course-preview img{transform:scale(1.06);filter:saturate(1.35) contrast(1.12)}
.course-card .course-number{z-index:2;top:36px;right:9px;color:#fff;opacity:.85;text-shadow:2px 2px #111;font-size:38px}
.course-card em{z-index:2;top:10px;left:10px;box-shadow:2px 2px 0 #171712}
.course-card b{display:block;padding:12px 13px 0;font-size:27px;min-height:35px}
.course-card small{display:block;margin:6px 13px 14px;min-height:27px}
.countdown{left:auto;top:auto;right:27px;bottom:114px;transform:none;padding:0 18px 2px;background:#101712e8;border:3px solid #fff;box-shadow:7px 7px 0 var(--red);font-size:108px;line-height:.95;z-index:3;pointer-events:none;text-shadow:5px 5px var(--red)}
@media(max-width:700px){.course-preview{height:92px}.course-card b{padding:10px 10px 0;font-size:21px;min-height:24px}.course-card small{margin:6px 10px 10px;font-size:9px;min-height:38px}.course-card .course-number{top:34px;font-size:26px}.course-card em{font-size:8px}.countdown{right:12px;bottom:155px;font-size:64px;padding:2px 11px}}
.upgrade-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.upgrade-card{display:flex;flex-direction:column;min-height:305px;padding:20px}
.upgrade-card h3{font-size:29px;line-height:1}
.upgrade-card p{min-height:34px;margin:8px 0 12px}
.upgrade-effect{padding:7px 9px;margin:0 0 12px;background:#edf0e3;border-left:3px solid var(--red);font:900 11px 'DM Sans';letter-spacing:.2px;color:#242b23}
.upgrade-pips{margin-top:auto;margin-bottom:18px}
.damage-hud{width:190px}
@media(max-width:1100px){.upgrade-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.upgrade-list{grid-template-columns:1fr}.upgrade-card{min-height:270px}.damage-hud{width:158px}.damage-hud span{font-size:10px}}

/* Touch devices only: the controls have their own space below the rendered track. */
#race-screen:not(.mobile-controls) .touch-controls{display:none}
#race-screen.mobile-controls{--deck:122px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:max(12px,env(safe-area-inset-left,0px));--safe-right:max(12px,env(safe-area-inset-right,0px));background:#112a30}
.mobile-controls #race-canvas{height:calc(100% - var(--deck) - var(--safe-bottom));width:100%}
.mobile-controls .world-labels{bottom:calc(var(--deck) + var(--safe-bottom))}
.mobile-controls .touch-controls{display:grid;position:absolute;left:0;right:0;bottom:0;height:calc(var(--deck) + var(--safe-bottom));padding:18px var(--safe-right) calc(6px + var(--safe-bottom)) var(--safe-left);grid-template-columns:96px minmax(0,1fr) 116px;gap:8px;align-items:center;background:linear-gradient(110deg,#16373b,#10272e);border-top:1px solid #abc7b12e;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}
.mobile-controls .touch-controls>div{max-width:none;display:block}
.mobile-controls #drive-stick{width:94px;height:94px;position:relative;display:grid;place-items:center;pointer-events:auto;touch-action:none;border:1px solid #b6d7c54a;border-radius:50%;background:#b6d7c508;-webkit-touch-callout:none}
.stick-arrows{font:600 15px/25px sans-serif;text-align:center;color:#adc8bc77;pointer-events:none}
.stick-nub{position:absolute;left:30px;top:30px;width:32px;height:32px;border:1px solid #cfdfc988;border-radius:50%;background:#b1d3bb45;box-shadow:0 2px 8px #0002;pointer-events:none;will-change:transform}
#drive-stick.pressed .stick-nub{background:#e2bf79;border-color:#ffedc0;box-shadow:0 0 16px #e2bf7933}
.mobile-controls .touch-controls .touch-guide{text-align:center;color:#adc4bb;font:700 8px/1.8 'DM Sans';letter-spacing:.4px}
.mobile-controls .touch-controls .touch-actions{display:grid;grid-template-columns:52px 52px;gap:7px;align-items:center}
.mobile-controls .touch-controls button{width:52px;height:52px;min-width:0;padding:0;pointer-events:auto;touch-action:none;border:1px solid #bed4bf66;border-radius:50%;background:#a9d4bf12;color:#e5e9d1;font:800 13px 'Barlow Condensed';user-select:none;-webkit-touch-callout:none;box-shadow:none}
.mobile-controls .touch-controls button[data-touch=fire]{color:#efcc86;border-color:#e4bf7555}
.mobile-controls .touch-controls button.pressed{color:#112a30;background:#e7c17a;border-color:#ffedc0;transform:scale(.95)}
.mobile-controls .touch-controls button:disabled{opacity:.3}
.mobile-controls .touch-controls #touch-item{grid-column:1/-1;text-align:center;color:#b3c8bd;font:800 8px 'DM Sans';letter-spacing:.8px;white-space:nowrap}
.mobile-controls .touch-controls #touch-repair{width:44px;height:44px;margin:3px auto 0;display:block;font-size:12px;color:#bcefc9}
.mobile-controls .race-top{padding:calc(6px + env(safe-area-inset-top,0px)) var(--safe-right) 0 var(--safe-left);align-items:center;gap:6px;background:linear-gradient(#10272eee,#10272e00);z-index:4}
.mobile-controls .race-badge,.mobile-controls .track-readout,.mobile-controls .race-tip,.mobile-controls .weapon-box{display:none}
.mobile-controls .race-meta{gap:0;background:#102b30bc;box-shadow:none;backdrop-filter:none}
.mobile-controls .race-meta span{padding:6px 7px;font-size:14px;background:transparent;white-space:nowrap}
.mobile-controls .race-actions{gap:4px}
.mobile-controls .race-actions button{min-width:44px;height:36px;padding:4px!important;border-width:1px;font-size:12px!important}
.mobile-controls .race-bottom{top:calc(47px + env(safe-area-inset-top,0px));bottom:auto;left:var(--safe-left);right:var(--safe-right);height:34px;padding:0;justify-content:flex-start;align-items:center;gap:10px;background:none}
.mobile-controls .race-bottom .speed,.mobile-controls .race-bottom .damage-hud,.mobile-controls .race-bottom .coin-box{position:static;min-width:0;margin:0;background:#142c3270;border:0;backdrop-filter:none;box-shadow:none;padding:5px 7px!important}
.mobile-controls .race-bottom .speed{display:flex;align-items:baseline;gap:3px;width:auto}
.mobile-controls .speed span{font-size:24px!important;line-height:1!important}.mobile-controls .speed small{font-size:7px!important;letter-spacing:0!important;margin:0}
.mobile-controls .race-bottom .damage-hud{width:130px}.mobile-controls .damage-hud span{font-size:8px;line-height:1}.mobile-controls .damage-track{height:4px;margin:4px 0 0;border:0}.mobile-controls #hud-condition{display:none}
.mobile-controls .race-bottom .coin-box{font-size:14px!important;margin-left:auto}
.mobile-controls .drift-hud{left:calc(var(--safe-left) + 108px);right:var(--safe-right);bottom:calc(var(--deck) + var(--safe-bottom) - 20px);width:auto;z-index:6}
.mobile-controls .drift-hud>span{font-size:8px;letter-spacing:.5px;margin-bottom:4px}.mobile-controls .drift-hud b{display:none}.mobile-controls .drift-hud>div{height:4px}
.mobile-controls #pit-hint{bottom:calc(var(--deck) + var(--safe-bottom) + 8px);font-size:13px;white-space:nowrap}
.mobile-controls .countdown{bottom:calc(var(--deck) + var(--safe-bottom) + 12px);right:var(--safe-right);font-size:54px;border-width:1px;box-shadow:3px 3px 0 var(--red);padding:3px 9px}
.mobile-controls .race-notice{top:calc(88px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px);width:max-content;font-size:12px;padding:6px 10px;text-align:center;pointer-events:none}
.mobile-controls .kart-label{font-size:9px;padding:2px 4px}
.mobile-controls.replaying #race-canvas{height:100%}.mobile-controls.replaying .world-labels{bottom:0}.mobile-controls.replaying .touch-controls{display:none}
@media(orientation:landscape) and (max-height:550px){#race-screen.mobile-controls{--deck:100px}.mobile-controls .touch-controls{padding-top:6px;grid-template-columns:86px minmax(0,1fr) 116px}.mobile-controls #drive-stick{width:82px;height:82px}.mobile-controls .stick-nub{left:24px;top:24px}.mobile-controls .drift-hud{left:calc(var(--safe-left) + 108px);right:calc(var(--safe-right) + 136px);bottom:calc(var(--safe-bottom) + 74px)}.mobile-controls .touch-guide{padding-top:12px}.mobile-controls .race-bottom{top:calc(43px + env(safe-area-inset-top,0px));transform:scale(.9);transform-origin:top left}.mobile-controls .race-notice{top:calc(78px + env(safe-area-inset-top,0px))}}