@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+SC:wght@400;600;700;900&display=swap');
:root{font-family:'Noto Sans SC',sans-serif;color:white;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#72cffa}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:3px solid #fff;outline-offset:5px}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.topbar{position:fixed;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:18px;text-shadow:0 2px 8px #1239;letter-spacing:1px}.brand b{background:#ed3447;border:3px solid white;box-shadow:0 3px 0 #ae1830;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:25px;font-family:Arial}.top-actions{display:flex;gap:9px}.icon-btn{width:42px;height:42px;border-radius:50%;background:#122d4966;border:1px solid #ffffff50;backdrop-filter:blur(12px);font-size:19px;display:grid;place-items:center}.icon-btn:hover{background:#123756cc}.menu{position:fixed;inset:0;background:linear-gradient(90deg,#073a659c 0%,#0736553a 46%,transparent 75%);display:flex;align-items:center;padding:85px 6vw 125px;pointer-events:none}.menu-content{pointer-events:auto;max-width:570px;animation:slide-in .7s ease-out}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:3px;margin-bottom:17px}.eyebrow:before{content:'';width:28px;height:3px;background:#ffe25b}.title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(74px,9.4vw,140px);font-weight:900;line-height:.81;letter-spacing:-1px;margin:0 0 25px;transform:skew(-7deg);filter:drop-shadow(0 7px 0 #173855);-webkit-text-stroke:2px #183a57}.title span{display:block}.title .kart{color:#ffe64c;letter-spacing:5px}.subtitle{font-size:22px;font-weight:900;letter-spacing:6px;margin:0 0 25px;text-shadow:0 2px 6px #174570}.tag{font-size:12px;display:inline-block;padding:6px 11px;border:1px solid #ffffff60;border-radius:5px;background:#09334c30;letter-spacing:1px;margin-bottom:12px}.drivers{display:flex;gap:8px;margin:0 0 22px}.driver{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid #ffffff40;background:#143c5766;border-radius:11px;transition:.15s;font-size:14px}.driver.active{background:#fff;color:#233c52;box-shadow:0 4px 0 #b1cee0;transform:translateY(-2px)}.driver:hover{transform:translateY(-3px)}.driver i{width:25px;height:25px;border-radius:50%;background:var(--color);font:900 17px Arial;font-style:normal;color:#fff;display:grid;place-items:center}.start{display:flex;justify-content:space-between;align-items:center;width:310px;padding:16px 24px;border-radius:12px;background:#ffdf42;box-shadow:0 6px 0 #e5a920,0 10px 26px #173f5640;color:#203047;font-size:20px;font-weight:900;transition:.2s}.start:hover{background:#ffeb74;transform:translateY(-2px)}.start span{font-size:26px}.menu-detail{margin-top:17px;font-size:13px;color:#e4f4ff;display:flex;gap:16px}.menu-detail b{color:#ffeb68}.course-card{position:fixed;right:38px;bottom:105px;width:245px;border-radius:17px;background:#103957c9;backdrop-filter:blur(18px);border:1px solid #ffffff40;padding:20px 23px;box-shadow:0 15px 30px #14395725}.course-card .small{font-size:11px;letter-spacing:2px;color:#b9dfec}.course-card h2{font-size:21px;margin:9px 0 4px}.course-card p{font-size:12px;color:#bedde8;margin:0}.course-card canvas{display:block;width:185px;height:113px;margin:12px auto}.course-meta{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #ffffff25;padding-top:12px}.course-meta b{color:#ffe654}.bottom-bar{position:fixed;bottom:0;left:0;right:0;min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 36px;background:#102a40d9;backdrop-filter:blur(16px);font-size:12px;color:#d1e5ed;border-top:1px solid #ffffff20}.keys{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.keygroup{display:flex;align-items:center;gap:7px}kbd{font:700 12px Arial;color:white;border:1px solid #a8c4ce60;border-bottom:3px solid #a8c4ce70;padding:5px 7px;border-radius:5px;min-width:26px;text-align:center;background:#ffffff0c}.fan-label{color:#96b5c5;font-size:11px;letter-spacing:1px}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}.lap-box{position:absolute;top:102px;left:38px;display:flex;align-items:baseline;gap:10px;filter:drop-shadow(0 3px 2px #16364e80)}.lap-box label{font:800 19px 'Barlow Condensed';letter-spacing:2px}.lap-box strong{font:900 45px 'Barlow Condensed'}.lap-box small{font-size:23px;color:#fff9}.timer{position:absolute;left:40px;top:160px;font:600 19px 'Barlow Condensed';letter-spacing:2px;text-shadow:0 2px 4px #16364e}.item-slot{position:absolute;top:97px;left:50%;transform:translateX(-50%);border:3px solid #ffec84;background:#172e5188;backdrop-filter:blur(12px);width:76px;height:76px;border-radius:18px;display:grid;place-items:center;font-size:39px;box-shadow:0 4px 0 #13304b88}.item-slot small{position:absolute;font-size:10px;white-space:nowrap;bottom:-23px;letter-spacing:1px;font-weight:700}.place{position:absolute;left:36px;bottom:104px;text-shadow:0 5px 0 #17334d;transform:skew(-8deg);color:#ffe150;display:flex;align-items:baseline}.place b{font:900 105px/.85 'Barlow Condensed'}.place span{font:800 26px 'Barlow Condensed';margin-left:9px}.coins{position:absolute;left:42px;bottom:73px;display:flex;align-items:center;gap:8px;font:800 23px 'Barlow Condensed';text-shadow:0 2px 3px #18384e}.coins i{display:block;width:16px;height:21px;border:3px solid #ffdf42;border-radius:50%;background:#ffb32d;box-shadow:0 0 0 2px #a6692d;font-style:normal}.speed{position:absolute;right:38px;bottom:79px;text-align:right;text-shadow:0 3px 3px #17476c}.speed strong{font:800 68px 'Barlow Condensed'}.speed small{font:700 16px 'Barlow Condensed';margin-left:8px}.boost-meter{width:175px;height:6px;background:#183e6277;transform:skew(-20deg);margin:6px 0 0 auto;border:1px solid #ffffff66}.boost-meter i{display:block;height:100%;width:0;background:#4fe5ff;box-shadow:0 0 12px #4fe5ff}.drift-label{font-size:11px;letter-spacing:2px;margin-top:7px;color:#b8f7ff}.race-map{position:absolute;top:100px;right:29px;width:210px;height:145px;filter:drop-shadow(0 3px 3px #17375788)}.race-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;background:#17314b88;padding:9px 20px;border-radius:20px;backdrop-filter:blur(8px)}.countdown{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) skew(-8deg);font:900 150px 'Barlow Condensed';color:#ffdf47;text-shadow:0 8px 0 #163448,0 0 45px #fff7;pointer-events:none}.toast{position:fixed;top:205px;left:50%;transform:translateX(-50%);background:#163651cf;padding:10px 23px;border:1px solid #ffffff50;border-radius:24px;font-weight:700;font-size:16px;pointer-events:none;transition:opacity .25s;opacity:0}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#0e284780;backdrop-filter:blur(9px);z-index:20}.dialog{width:min(440px,90vw);background:#11344be8;border:1px solid #ffffff50;border-radius:24px;padding:35px;box-shadow:0 25px 70px #1236;text-align:center}.dialog h2{font-size:30px;margin:8px 0 24px}.dialog p{color:#c5deeb;line-height:1.8;font-size:14px}.dialog button{width:100%;padding:13px;border-radius:10px;background:#ffffff13;margin-top:12px;font-weight:700}.dialog .primary{background:#ffdf47;color:#213649}.result-rank{font:900 80px 'Barlow Condensed';color:#ffe048}.standings{margin-top:15px;max-height:220px;overflow:auto}.standing{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #fff2;font-size:13px}.standing.you{background:#fff1;color:#ffe54c;border-radius:6px}.touch-controls{position:fixed;bottom:22px;left:20px;right:20px;display:none;justify-content:space-between;pointer-events:none}.touch-group{display:flex;gap:10px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:#18365388;border:2px solid #ffffff65;border-radius:50%;width:61px;height:61px;font-weight:900;backdrop-filter:blur(8px)}.touch-controls .gas{background:#eaba23bb}.error{position:fixed;inset:0;background:#12374d;display:grid;place-items:center;padding:30px;text-align:center;z-index:50}@keyframes slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.topbar{top:20px;left:22px;right:22px}.menu{padding-left:6vw}.title{font-size:95px}.course-card{right:22px;width:210px;padding:17px;bottom:110px}.course-card canvas{width:170px}.bottom-bar{padding:15px 22px}.keys{gap:12px}.fan-label{display:none}.driver{padding:9px}.menu-content{max-width:450px}}@media(max-width:600px){.brand{font-size:14px}.brand b{width:30px;height:30px;font-size:21px}.icon-btn{width:36px;height:36px}.menu{padding:80px 25px 90px;align-items:center;background:linear-gradient(90deg,#073a659e,transparent)}.title{font-size:89px}.subtitle{font-size:19px;letter-spacing:4px}.eyebrow{font-size:11px}.course-card{display:none}.driver{font-size:12px;padding:9px 10px;gap:6px}.drivers{gap:6px}.start{width:285px;font-size:18px}.bottom-bar{min-height:67px;font-size:11px;padding:12px 20px}.bottom-bar .keys{gap:8px}.keygroup{gap:4px}kbd{padding:4px;min-width:21px}.menu-detail{font-size:12px}.lap-box{top:80px;left:22px}.timer{left:23px;top:138px}.race-map{top:90px;right:12px;width:145px;height:105px}.item-slot{top:79px;width:61px;height:61px;font-size:30px}.place{left:24px;bottom:150px}.place b{font-size:73px}.coins{left:26px;bottom:122px}.speed{right:23px;bottom:135px}.speed strong{font-size:51px}.boost-meter{width:130px}.race-hint{bottom:97px;font-size:10px}.touch-controls{display:flex}.toast{top:175px;font-size:13px;max-width:90vw;white-space:nowrap}.countdown{font-size:120px}}@media(max-height:620px){.menu{padding-top:70px;padding-bottom:70px}.title{font-size:77px;margin-bottom:15px}.eyebrow{margin-bottom:10px}.subtitle{margin-bottom:12px;font-size:18px}.drivers{margin-bottom:15px}.tag{display:none}.start{padding:10px 22px}.menu-detail{margin-top:12px}.course-card{bottom:90px}.bottom-bar{min-height:54px;padding-top:10px;padding-bottom:10px}.touch-controls{bottom:12px}.place{bottom:112px}.coins{bottom:83px}.speed{bottom:96px}}
@media(max-width:600px){.drivers{width:100%}.driver{flex:1;flex-direction:column;white-space:nowrap;padding:8px 7px;gap:5px}.touch-controls button{width:54px;height:54px}.touch-group{gap:8px}.race-hint{font-size:0}.race-hint:after{content:"按住油门 · 方向 + 漂移蓄力 · 松开漂移加速";font-size:10px}}