/* NEON GT — Combined Styles (auto-extracted from monolith) */


*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03050a;color:#fff;font-family:Inter,Arial,sans-serif}
body{touch-action:none}#app{position:relative;width:100%;height:100%;overflow:hidden}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.screen{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(180deg,rgba(2,4,10,.55),rgba(2,4,10,.86))}
.card{width:min(1100px,96vw);max-height:94vh;overflow:auto;border:1px solid rgba(120,220,255,.22);border-radius:28px;background:rgba(5,8,17,.91);box-shadow:0 25px 100px rgba(0,0,0,.55),0 0 70px rgba(0,190,255,.08);backdrop-filter:blur(18px);padding:28px}
.hero{text-align:center}.kicker{font-size:10px;letter-spacing:5px;color:#7e8ba6}.title{font-size:clamp(40px,7vw,78px);font-weight:1000;font-style:italic;letter-spacing:5px;line-height:.95;background:linear-gradient(90deg,#fff,#00eaff,#fff,#ff31cf);-webkit-background-clip:text;color:transparent;margin:10px 0}
.sub{color:#8893aa;font-size:12px;letter-spacing:3px;margin-bottom:22px}.cars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.carCard{border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:10px;background:linear-gradient(145deg,rgba(20,26,42,.8),rgba(6,9,17,.8));cursor:pointer;transition:.2s;text-align:left}.carCard:hover{transform:translateY(-3px);border-color:#00d9ff}.carCard.selected{border-color:#00eaff;box-shadow:0 0 25px rgba(0,229,255,.17),inset 0 0 20px rgba(0,229,255,.04)}.carCanvas{width:100%;height:145px;border-radius:12px;background:radial-gradient(circle,#162036,#080b13 70%);display:block}.carVisual{height:145px;border-radius:12px;background:radial-gradient(circle at 52% 45%,rgba(39,57,83,.75),rgba(5,8,15,.96) 72%);display:grid;place-items:center;overflow:hidden;position:relative}.carVisual:after{content:"";position:absolute;left:10%;right:10%;bottom:12px;height:18px;border-radius:50%;background:var(--carGlow,#00eaff);filter:blur(18px);opacity:.22;pointer-events:none}.carVisual .authCar{width:118%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 12px 15px rgba(0,0,0,.6))}.carCard.selected .carVisual{box-shadow:inset 0 0 35px rgba(0,229,255,.08)}.carCard.selected .carVisual .authCar{filter:drop-shadow(0 0 16px rgba(0,229,255,.22)) drop-shadow(0 12px 15px rgba(0,0,0,.55))}.selectedCarRun{position:fixed;z-index:70;left:0;top:36%;width:min(520px,70vw);pointer-events:none;opacity:0;transform:translateX(-65vw) translateY(12px) scale(.78);filter:drop-shadow(0 20px 28px rgba(0,0,0,.65));}.selectedCarRun.go{animation:selectedCarRun 2.25s cubic-bezier(.18,.78,.2,1) forwards}.selectedCarRun .authCar{width:100%;display:block;animation:selectedCarFloat .8s ease-in-out infinite}.selectedCarTrail{position:absolute;left:-18%;top:54%;width:34%;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,var(--cg),transparent);box-shadow:0 0 18px var(--cg);filter:blur(2px);animation:selectedTrail .28s linear infinite}@keyframes selectedCarRun{0%{transform:translateX(-65vw) translateY(18px) scale(.76);opacity:0}12%{opacity:1}62%{transform:translateX(22vw) translateY(-5px) scale(.94);opacity:1}78%{transform:translateX(34vw) translateY(-2px) scale(.98);opacity:.98}100%{transform:translateX(48vw) translateY(-3px) scale(1);opacity:0}}@keyframes selectedCarFloat{50%{transform:translateY(-3px) rotate(.5deg)}}@keyframes selectedTrail{50%{transform:scaleX(1.25);opacity:.95}}.carName{font-weight:900;margin:10px 3px 3px}.carType{font-size:9px;letter-spacing:2px;color:#71809a}.bars{margin:9px 3px}.bar{height:5px;background:#151b29;border-radius:5px;margin:5px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#00eaff,#9eff00);border-radius:5px}.actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.btn{border:1px solid rgba(255,255,255,.16);background:#0c1220;color:#fff;border-radius:14px;padding:15px 28px;font-weight:900;letter-spacing:1px;cursor:pointer}.btn.primary{border:0;color:#02050b;background:linear-gradient(90deg,#00c7ff,#00eaff,#a8ff00);box-shadow:0 0 30px rgba(0,229,255,.17)}.hint{text-align:center;color:#5e6a82;font-size:10px;letter-spacing:1px;margin-top:13px}
#hud{display:none;position:absolute;z-index:3;top:15px;left:15px;right:15px;justify-content:space-between;pointer-events:none}.hudBox{background:rgba(4,7,14,.72);border:1px solid rgba(0,229,255,.18);border-radius:15px;padding:10px 14px;backdrop-filter:blur(10px)}.brand{font-weight:1000;letter-spacing:3px}.brand small{display:block;color:#64728c;font-size:8px;letter-spacing:2px;margin-top:4px}.metrics{display:flex;gap:9px}.metric{min-width:86px;text-align:right}.metric span{display:block;color:#65728b;font-size:8px;letter-spacing:2px}.metric b{font-size:20px}.cyan{color:#00eaff}.green{color:#a8ff00}.pink{color:#ff31cf}
#pauseBtn{display:none;position:absolute;z-index:4;right:16px;top:82px;border:1px solid rgba(255,255,255,.15);background:rgba(5,8,15,.7);color:white;border-radius:12px;padding:9px 12px}
#controls{display:none;position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);gap:10px}.ctrl{width:66px;height:52px;border-radius:15px;border:1px solid rgba(255,255,255,.15);background:rgba(4,7,14,.75);color:#fff;font-weight:1000;font-size:16px}.ctrl.boost{width:100px;color:#ff8be6;border-color:rgba(255,49,207,.4)}
#gameOver{display:none;align-items:center;justify-content:center;overflow:auto}.overScore{font-size:54px;font-weight:1000;color:#a8ff00;margin:10px 0 16px}.gameoverCard{max-width:860px!important;width:min(94vw,860px);max-height:92vh;overflow:auto}.gameoverHistory{margin:10px auto 4px;text-align:left;border:1px solid rgba(117,219,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(11,20,34,.78),rgba(4,9,18,.82));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04)}.gameoverHistoryHead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08)}.gameoverHistoryTitle{font-size:12px;font-weight:1000;letter-spacing:2px;color:#7fe9ff}.gameoverHistorySub{font-size:8px;color:#6f7d92;letter-spacing:1.5px;margin-top:4px}.gameoverHistoryList{max-height:260px;overflow:auto}.gameoverHistoryRow{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.gameoverHistoryRow:last-child{border-bottom:0}.gameoverHistoryRow.justPlayed{position:relative;border:1px solid rgba(168,255,0,.7)!important;border-radius:13px;background:linear-gradient(90deg,rgba(168,255,0,.15),rgba(0,234,255,.07));box-shadow:0 0 28px rgba(168,255,0,.25),inset 0 0 18px rgba(168,255,0,.06);animation:gameoverHistoryGlow 1.35s ease-in-out infinite}.gameoverHistoryRow.justPlayed:after{content:"★ VỪA CHƠI • VỊ TRÍ HIỆN TẠI";position:absolute;right:10px;top:5px;padding:4px 7px;border-radius:7px;background:#a8ff00;color:#061008;font:1000 6px Arial;letter-spacing:.8px;box-shadow:0 0 15px rgba(168,255,0,.4)}.gameoverHistoryRow.justPlayed .gameoverHistoryRank,.gameoverHistoryRow.justPlayed .gameoverHistoryScore{color:#a8ff00;text-shadow:0 0 15px rgba(168,255,0,.55)}
/* V15 FIX: history focus/highlight must be unmistakable */
.unifiedHistoryRow.justPlayed{position:relative!important;border:2px solid #a8ff00!important;background:linear-gradient(90deg,rgba(168,255,0,.24),rgba(0,234,255,.12))!important;box-shadow:0 0 24px rgba(168,255,0,.45),0 0 55px rgba(0,234,255,.18),inset 0 0 22px rgba(168,255,0,.10)!important;animation:unifiedLatestPulse 1.1s ease-in-out infinite!important;scroll-margin-top:28px;scroll-margin-bottom:28px}
.unifiedHistoryRow.justPlayed:before{content:"★ LƯỢT VỪA CHƠI";position:absolute;left:10px;top:-10px;padding:5px 9px;border-radius:8px;background:#a8ff00;color:#061008;font:1000 7px Arial,sans-serif;letter-spacing:1px;box-shadow:0 0 18px rgba(168,255,0,.55);z-index:3}
.unifiedHistoryRow.justPlayed strong{color:#a8ff00!important;text-shadow:0 0 16px rgba(168,255,0,.75)}
@keyframes unifiedLatestPulse{0%,100%{transform:scale(1);box-shadow:0 0 22px rgba(168,255,0,.38),0 0 45px rgba(0,234,255,.12),inset 0 0 20px rgba(168,255,0,.08)}50%{transform:scale(1.008);box-shadow:0 0 42px rgba(168,255,0,.68),0 0 70px rgba(0,234,255,.25),inset 0 0 30px rgba(168,255,0,.14)}}
@keyframes gameoverHistoryGlow{0%,100%{box-shadow:0 0 20px rgba(168,255,0,.18),inset 0 0 16px rgba(168,255,0,.04)}50%{box-shadow:0 0 38px rgba(168,255,0,.34),inset 0 0 25px rgba(168,255,0,.09)}}.gameoverHistoryRank{font-weight:1000;color:#a8ff00}.gameoverHistoryMain{min-width:0}.gameoverHistoryPlayer{font-size:11px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameoverHistoryMeta{font-size:8px;color:#71809a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameoverHistoryStats{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.gameoverHistoryChip{font-size:7px;padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#aebbd0}.gameoverHistoryChip.plus{color:#79ffb0}.gameoverHistoryChip.minus{color:#ff7780}.gameoverHistoryScore{font-size:17px;font-weight:1000;color:#7fe9ff;white-space:nowrap}.gameoverHistoryEmpty{padding:20px;text-align:center;color:#69768d;font-size:10px;letter-spacing:1px}@media(max-width:800px){.gameoverCard{padding:17px!important}.gameoverHistoryRow{grid-template-columns:28px minmax(0,1fr);}.gameoverHistoryScore{grid-column:2;justify-self:start;font-size:16px}.gameoverHistoryList{max-height:220px}}

.carCard.locked{cursor:not-allowed;filter:saturate(.22) brightness(.62);opacity:.82;position:relative}
.carCard.locked:hover{transform:none;border-color:rgba(255,255,255,.11)}
.carCard.locked .carVisual:before{content:"🔒";position:absolute;z-index:4;inset:0;display:grid;place-items:center;font-size:34px;background:rgba(0,0,0,.28);text-shadow:0 0 18px #000}
.carLock{margin:8px 3px 0;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:8px;letter-spacing:1px;color:#8b98ad;text-align:center}
.carLock b{color:#ffd45a}.carUnlocked{color:#a8ff00!important}
.unlockModal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,3,8,.82);backdrop-filter:blur(12px)}
.unlockModal.show{display:flex}.unlockCard{width:min(540px,94vw);padding:28px 24px 22px;border:1px solid rgba(168,255,0,.4);border-radius:26px;background:linear-gradient(145deg,rgba(8,17,25,.98),rgba(4,7,15,.98));box-shadow:0 0 70px rgba(168,255,0,.15),0 30px 100px rgba(0,0,0,.7);text-align:center;animation:unlockPop .38s cubic-bezier(.2,.8,.2,1)}
@keyframes unlockPop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
.unlockKicker{font-size:10px;letter-spacing:4px;color:#a8ff00;font-weight:1000}.unlockTitle{font-size:clamp(28px,6vw,46px);font-weight:1000;font-style:italic;letter-spacing:3px;margin:8px 0 3px;background:linear-gradient(90deg,#fff,#a8ff00,#00eaff);-webkit-background-clip:text;color:transparent}.unlockSub{font-size:10px;letter-spacing:1.5px;color:#91a0b6}.unlockCarVisual{width:min(360px,80vw);height:205px;margin:14px auto 8px;border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(35,57,76,.75),rgba(3,7,14,.96) 72%);display:grid;place-items:center;overflow:hidden;position:relative}.unlockCarVisual:after{content:"";position:absolute;left:14%;right:14%;bottom:17px;height:22px;border-radius:50%;background:var(--unlockGlow,#a8ff00);filter:blur(22px);opacity:.3}.unlockCarVisual .authCar{width:125%;position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(168,255,0,.25)) drop-shadow(0 16px 18px rgba(0,0,0,.6))}.unlockRequirement{font-size:11px;color:#9aa8bc;margin:8px 0 14px}.unlockRequirement b{color:#a8ff00;font-size:15px}.unlockContinue{width:100%;padding:14px 18px;border:0;border-radius:14px;background:linear-gradient(90deg,#00d9ff,#00eaff,#a8ff00);color:#031009;font-weight:1000;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 28px rgba(168,255,0,.18)}
.unlockQueue{font-size:8px;color:#66758d;letter-spacing:1px;margin-top:9px}
@media(max-width:800px){.cars{grid-template-columns:repeat(2,1fr)}.carCanvas{height:115px}.carVisual{height:115px}.onlineCarSelectRow{grid-template-columns:1fr}.card{padding:18px}.carCard:last-child{grid-column:span 2}.metrics .metric:nth-child(3){display:none}}

.mapGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}
.mapCard{position:relative;min-height:165px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;cursor:pointer;background:#080c15;transition:.2s}
.mapCard:hover{transform:translateY(-3px);border-color:#00eaff}
.mapCard.selected{border-color:#a8ff00;box-shadow:0 0 28px rgba(168,255,0,.15),inset 0 0 30px rgba(0,229,255,.04)}
.mapArt{position:absolute;inset:0}
.mapInfo{position:absolute;left:13px;right:13px;bottom:12px;text-shadow:0 2px 8px #000}.mapInfo b{font-size:17px}.mapInfo small{display:block;color:#b9c2d4;font-size:9px;letter-spacing:2px;margin-top:3px}
.mapBadge{position:absolute;top:10px;right:10px;font-size:8px;letter-spacing:1px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.16)}
#mapMenu{display:none}
@media(max-width:800px){.mapGrid{grid-template-columns:repeat(2,1fr)}.mapCard{min-height:145px}.mapCard:last-child{grid-column:span 2}}

:root{--glass:rgba(7,11,20,.78)}
.screen{background:radial-gradient(circle at 50% 35%,rgba(24,38,67,.25),rgba(1,3,8,.88))}
.card{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(13,18,30,.94),rgba(4,7,13,.95));box-shadow:0 30px 110px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06)}
.title{filter:drop-shadow(0 12px 28px rgba(0,229,255,.12))}
.carCard{background:linear-gradient(150deg,rgba(25,31,46,.82),rgba(7,10,17,.92));border-color:rgba(255,255,255,.09)}
.carCard.selected{box-shadow:0 0 32px rgba(0,229,255,.13),inset 0 0 30px rgba(255,255,255,.025)}
.mapCard{background:#060a12;border-color:rgba(255,255,255,.09)}
.hudBox{background:linear-gradient(145deg,rgba(10,15,25,.84),rgba(3,6,12,.76));border-color:rgba(255,255,255,.11);box-shadow:0 12px 35px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)}
.ctrl{background:linear-gradient(145deg,rgba(18,24,37,.88),rgba(4,7,13,.82));box-shadow:0 10px 30px rgba(0,0,0,.3)}

/* V3 polish */
.screen{background:radial-gradient(circle at 50% 15%,rgba(0,229,255,.07),transparent 35%),linear-gradient(180deg,rgba(1,3,9,.46),rgba(1,3,9,.9))}
.card{background:linear-gradient(145deg,rgba(8,13,25,.94),rgba(3,6,13,.96));border-color:rgba(255,255,255,.13)}
.carCard,.mapCard{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.mapCard.selected{transform:translateY(-2px)}
.difficulty{display:flex;justify-content:center;gap:8px;margin:8px auto 0;color:#6e7d96;font-size:9px;letter-spacing:1.5px}.difficulty span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.04)}
#danger{position:absolute;z-index:3;top:78px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#ff668f;opacity:0;transition:.2s;text-shadow:0 0 15px #ff315d}
.speedLine{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at 50% 80%,transparent 35%,rgba(0,229,255,.08) 70%,transparent 100%)}

/* V4 road safety + score history */
#historyPanel{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;background:rgba(1,3,9,.78);backdrop-filter:blur(8px)}
.historyCard{width:min(92vw,560px);max-height:78vh;overflow:auto;background:linear-gradient(145deg,rgba(8,13,25,.98),rgba(3,6,13,.99));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.55)}
.historyHead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.historyTitle{font-size:25px;font-weight:1000;letter-spacing:1px}.historySub{font-size:9px;color:#71809a;letter-spacing:2px;margin-top:5px}
.historyRow{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.07)}
.historyRank{font-weight:900;color:#a8ff00}.historyMap{font-size:11px;font-weight:800}.historyMeta{font-size:8px;color:#68758b;margin-top:3px}.historyScore{font-size:18px;font-weight:1000;color:#00eaff}.outsideWarn{position:absolute;z-index:4;left:50%;top:110px;transform:translateX(-50%);font-size:10px;letter-spacing:3px;color:#ffbd45;opacity:0;transition:.15s;text-shadow:0 0 18px #ff5a00;pointer-events:none}

/* === DRIVER NAME / PREMIUM HISTORY UI === */
#playerNameScreen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;
background:radial-gradient(circle at 50% 25%,rgba(72,220,255,.18),transparent 35%),radial-gradient(circle at 20% 80%,rgba(167,90,255,.14),transparent 30%),linear-gradient(135deg,#060912 0%,#0b1020 48%,#05070d 100%)}
#playerNameScreen:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(89,220,255,.14);border-radius:50%;box-shadow:0 0 90px rgba(59,213,255,.08);animation:namePulse 4s ease-in-out infinite}
#playerNameScreen:after{content:"";position:absolute;width:140%;height:1px;background:linear-gradient(90deg,transparent,rgba(93,220,255,.3),transparent);transform:rotate(-17deg);animation:nameScan 5s linear infinite}
.name-shell{position:relative;z-index:2;width:min(520px,90vw);text-align:center}
.name-kicker{font:700 11px/1.2 Arial,sans-serif;letter-spacing:4px;color:#6fe7ff;margin-bottom:10px}
.name-logo{font:900 54px/1 Arial,sans-serif;letter-spacing:7px;text-shadow:0 0 30px rgba(82,222,255,.28)}
.name-logo span{color:#61ddff}
.name-sub{font:700 12px/1.2 Arial,sans-serif;letter-spacing:5px;color:#9aa7ba;margin:12px 0 25px}
.name-card{position:relative;padding:28px 30px 30px;border:1px solid rgba(117,219,255,.22);border-radius:22px;background:linear-gradient(180deg,rgba(17,27,44,.94),rgba(8,13,23,.96));backdrop-filter:blur(18px);box-shadow:0 25px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05)}
.name-icon{width:46px;height:46px;margin:-52px auto 17px;border-radius:50%;display:grid;place-items:center;color:#071019;background:linear-gradient(135deg,#78ecff,#9e8cff);box-shadow:0 0 32px rgba(90,220,255,.3);font-size:22px}
.name-card label{display:block;text-align:left;font:800 11px/1 Arial,sans-serif;letter-spacing:2px;color:#8fa0b8;margin-bottom:9px}
#playerNameInput{box-sizing:border-box;width:100%;height:58px;border-radius:14px;border:1px solid rgba(133,220,255,.2);outline:none;background:rgba(2,7,14,.78);color:#fff;padding:0 17px;font:700 17px Arial,sans-serif;letter-spacing:.5px;box-shadow:inset 0 0 22px rgba(0,0,0,.25);transition:.2s}
#playerNameInput:focus{border-color:rgba(103,228,255,.75);box-shadow:0 0 0 3px rgba(77,214,255,.08),0 0 30px rgba(70,213,255,.1)}
.name-hint{font:500 11px/1.5 Arial,sans-serif;color:#75849a;text-align:left;margin:10px 2px 18px}
#nameContinueBtn{width:100%;height:52px;border:0;border-radius:13px;cursor:pointer;color:#041018;font:900 13px Arial,sans-serif;letter-spacing:2px;background:linear-gradient(100deg,#75eaff,#8ca4ff);box-shadow:0 10px 28px rgba(77,215,255,.2);transition:transform .15s,filter .15s}
#nameContinueBtn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.name-history-mini{margin-top:18px;font:600 10px Arial,sans-serif;letter-spacing:1px;color:#5d6b7f}
@keyframes namePulse{50%{transform:scale(1.08);opacity:.55}100%{transform:scale(1);opacity:1}}
@keyframes nameScan{0%{top:-20%;left:-20%}100%{top:120%;left:20%}}
.neon-history-card{border:1px solid rgba(117,219,255,.18)!important;background:linear-gradient(180deg,rgba(16,25,42,.97),rgba(7,12,21,.98))!important;box-shadow:0 22px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05)!important}
.history-player{display:flex;align-items:center;gap:12px;min-width:170px}
.history-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#72e9ff,#8e82ff);color:#071019;font:900 13px Arial,sans-serif;box-shadow:0 0 20px rgba(86,220,255,.18)}
.history-player strong{display:block;color:#f5f8ff;font:800 13px Arial,sans-serif}
.history-player small{display:block;color:#74839a;font:600 9px Arial,sans-serif;letter-spacing:1px;margin-top:3px}
.history-car{display:flex;align-items:center;gap:8px;color:#c8d4e5;font:700 11px Arial,sans-serif}
.history-car-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}
.history-score{font:900 15px Arial,sans-serif;color:#7fe9ff;text-shadow:0 0 14px rgba(91,223,255,.2)}


.historyEntry{padding:14px 6px 15px;border-bottom:1px solid rgba(255,255,255,.075)}.historyEntry.justPlayed{position:relative;margin:5px 0;padding:14px 10px 15px;border:1px solid rgba(168,255,0,.62);border-radius:15px;background:linear-gradient(90deg,rgba(168,255,0,.13),rgba(0,234,255,.07),rgba(255,49,207,.06));box-shadow:0 0 28px rgba(168,255,0,.20),inset 0 0 22px rgba(168,255,0,.055);animation:historyJustPlayedGlow 1.45s ease-in-out infinite}.historyEntry.justPlayed:before{content:"★ VỪA CHƠI";position:absolute;right:10px;top:-9px;padding:4px 8px;border-radius:8px;background:#a8ff00;color:#061008;font:1000 7px Arial;letter-spacing:1px;box-shadow:0 0 18px rgba(168,255,0,.45)}.historyEntry.justPlayed .historyRank,.historyEntry.justPlayed .historyScore{color:#a8ff00;text-shadow:0 0 16px rgba(168,255,0,.55)}@keyframes historyJustPlayedGlow{0%,100%{box-shadow:0 0 22px rgba(168,255,0,.16),inset 0 0 18px rgba(168,255,0,.04)}50%{box-shadow:0 0 38px rgba(168,255,0,.32),inset 0 0 28px rgba(168,255,0,.09)}}

.historyTop{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.historyPlayer{display:flex;align-items:center;gap:9px;min-width:0}.historyAvatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#72e9ff,#8e82ff);color:#071019;font:900 13px Arial;box-shadow:0 0 18px rgba(86,220,255,.16)}.historyPlayer strong{display:block;color:#f5f8ff;font:800 12px Arial}.historyPlayer small{display:block;color:#74839a;font:600 8px Arial;letter-spacing:.4px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}.historyScore{font:900 18px Arial;color:#7fe9ff;text-shadow:0 0 14px rgba(91,223,255,.18)}
.historyChips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px 44px}.historyChips span{padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);color:#b9c6d8;font:700 8px Arial;letter-spacing:.3px}.historyBreakdown{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:7px;margin-left:44px;align-items:center}.historyBreakdown span{padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.035);color:#71809a;font:600 8px Arial}.historyBreakdown b{display:block;margin-top:3px;color:#eaf7ff;font-size:11px}.historyBreakdown .total{background:rgba(0,229,255,.07);color:#69e7ff}.historyDetailBtn{padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font:800 8px Arial;cursor:pointer}.historyDetailBtn:hover{border-color:#63e6ff;background:rgba(0,229,255,.08)}
@media(max-width:700px){.historyBreakdown{grid-template-columns:1fr 1fr}.historyChips,.historyBreakdown{margin-left:0}.historyScore{font-size:15px}.historyTop{grid-template-columns:30px 1fr auto}}


.unifiedHistoryRow.justPlayed{border:1px solid rgba(168,255,0,.7)!important;background:linear-gradient(90deg,rgba(168,255,0,.14),rgba(0,234,255,.06));box-shadow:0 0 30px rgba(168,255,0,.22);animation:historyJustPlayedGlow 1.45s ease-in-out infinite}.unifiedHistoryRow.justPlayed:before{content:"★ VỪA CHƠI";display:inline-block;margin-bottom:6px;padding:4px 7px;border-radius:7px;background:#a8ff00;color:#061008;font:1000 7px Arial;letter-spacing:1px}
.unifiedHistoryRow.focusPulse{outline:2px solid #a8ff00!important;outline-offset:3px;animation:historyFocusPulse 1.8s ease-in-out 2!important;z-index:5}
.unifiedHistoryRow.justPlayed.focusPulse{border:2px solid #a8ff00!important;background:linear-gradient(90deg,rgba(168,255,0,.28),rgba(0,234,255,.14))!important;box-shadow:0 0 34px rgba(168,255,0,.62),0 0 80px rgba(0,234,255,.20),inset 0 0 28px rgba(168,255,0,.13)!important}
@keyframes historyFocusPulse{0%,100%{filter:brightness(1);box-shadow:0 0 22px rgba(168,255,0,.35),inset 0 0 18px rgba(168,255,0,.05)}35%{filter:brightness(1.28);box-shadow:0 0 55px rgba(168,255,0,.9),0 0 90px rgba(0,234,255,.28),inset 0 0 34px rgba(168,255,0,.16)}70%{filter:brightness(1.12);box-shadow:0 0 38px rgba(168,255,0,.65),inset 0 0 26px rgba(168,255,0,.11)}}
/* === V5 ONLINE 1V1 + AUDIO + COMBAT POLISH === */
.onlineBtn{border-color:rgba(168,255,0,.32);color:#dfff9c;background:linear-gradient(145deg,rgba(27,43,18,.8),rgba(7,13,10,.9));box-shadow:0 0 24px rgba(168,255,0,.08)}
.onlineBtn:hover{border-color:#a8ff00;transform:translateY(-2px)}
#onlinePanel,#matchResultPanel{display:none;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center;background:rgba(1,3,9,.84);backdrop-filter:blur(13px);padding:18px}
.onlineCard{width:min(820px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(117,219,255,.2);border-radius:28px;background:linear-gradient(145deg,rgba(8,14,26,.98),rgba(3,7,14,.99));box-shadow:0 30px 120px rgba(0,0,0,.7);padding:25px}
.onlineHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.onlineKicker{font-size:9px;letter-spacing:3px;color:#71e9ff}.onlineTitle{font-size:30px;font-weight:1000;margin:7px 0}.onlineSub{font-size:10px;color:#75849b;letter-spacing:1px}.onlineId{margin:18px 0;padding:15px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(0,229,255,.08),rgba(168,255,0,.06));border:1px solid rgba(117,219,255,.14);display:flex;align-items:center;justify-content:space-between;gap:12px}.onlineId b{display:block;font-size:21px;letter-spacing:2px;color:#a8ff00}.onlineId small{display:block;margin-top:4px;color:#71809a;font-size:8px;letter-spacing:1.5px}.onlineGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onlineBox{padding:17px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.onlineBox h3{margin:0 0 12px;font-size:12px;letter-spacing:2px}.onlineInput{width:100%;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#050a13;color:#fff;padding:0 14px;font-weight:800;letter-spacing:2px;outline:none;text-transform:uppercase}.onlineInput:focus{border-color:#64e8ff}.onlineCarSelectRow{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:12px}.onlineCarPreview{height:72px;margin-top:6px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(30,48,74,.72),rgba(4,8,15,.96) 72%);border:1px solid rgba(117,219,255,.1);display:grid;place-items:center}.onlineCarPreview .authCar{width:120%;height:auto;filter:drop-shadow(0 7px 9px rgba(0,0,0,.6))}.onlineCarPreview{height:142px!important;position:relative;display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(35,58,90,.88),rgba(4,8,15,.98) 72%);border:1px solid rgba(117,219,255,.17);box-shadow:inset 0 0 30px rgba(0,229,255,.05),0 10px 25px rgba(0,0,0,.22)}
.onlineCarPreview:before{content:"";position:absolute;left:9%;right:9%;bottom:23px;height:17px;border-radius:50%;background:var(--onlineGlow,#00eaff);filter:blur(18px);opacity:.32;animation:onlinePreviewShadow 1.7s ease-in-out infinite}
.onlineCarPreviewGlow{position:absolute;inset:-30%;background:radial-gradient(circle at 50% 50%,var(--onlineGlow,#00eaff) 0,transparent 38%);opacity:.10;filter:blur(18px);pointer-events:none}
.onlineCarPreviewArt{position:absolute;inset:10px 7px 33px;display:grid;place-items:center;z-index:2}
.onlineCarPreviewArt .authCar{width:108%;height:auto;filter:drop-shadow(0 0 13px var(--onlineGlow,#00eaff)) drop-shadow(0 12px 13px rgba(0,0,0,.72));animation:onlinePreviewFloat 2.2s ease-in-out infinite}
.onlineCarPreviewInfo{position:absolute;z-index:4;left:8px;right:8px;bottom:6px;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:5px 7px;border-radius:8px;background:rgba(2,6,13,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(7px)}
.onlinePreviewName{font-size:9px;letter-spacing:1px;color:#fff}.onlinePreviewType{font-size:6px;letter-spacing:.7px;color:#8da0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onlinePreviewMeta{display:flex;gap:5px;font-size:6px;color:#71849b}.onlinePreviewMeta b{color:#fff}
@keyframes onlinePreviewFloat{0%,100%{transform:translateY(2px) scale(.99)}50%{transform:translateY(-3px) scale(1.015)}}@keyframes onlinePreviewShadow{0%,100%{transform:scaleX(.85);opacity:.24}50%{transform:scaleX(1.08);opacity:.48}}
@media(max-width:620px){.onlineCarPreview{height:154px!important}.onlineCarPreviewArt .authCar{width:112%}.onlineCarPreviewInfo{grid-template-columns:1fr auto}.onlinePreviewType{display:none}}
.onlineMapPreview{height:72px;margin-top:6px;border-radius:12px;overflow:hidden;background:#050a13;border:1px solid rgba(117,219,255,.1);position:relative}.onlineMapPreview .mapArt{width:100%;height:100%;display:block}.onlineMapPreview .mapPreviewLabel{position:absolute;left:8px;bottom:6px;padding:4px 7px;border-radius:7px;background:rgba(2,5,12,.72);font:900 7px Arial;letter-spacing:1px;color:#fff;backdrop-filter:blur(5px)}.onlineStatus{min-height:42px;margin-top:12px;padding:11px 13px;border-radius:11px;background:rgba(0,0,0,.2);color:#8fa0b8;font-size:10px;line-height:1.5}.onlineRoom{display:none;margin-top:16px;padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(0,229,255,.07),rgba(168,255,0,.04));border:1px solid rgba(117,219,255,.16)}.roomCode{font-size:36px;font-weight:1000;letter-spacing:8px;color:#fff;text-align:center;text-shadow:0 0 25px rgba(0,229,255,.35)}.roomHint{text-align:center;color:#708099;font-size:9px;letter-spacing:1px;margin:5px 0 15px}.roomPlayers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roomPlayer{padding:13px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07)}.roomPlayer b{display:block}.roomPlayer small{display:block;margin-top:5px;color:#71809a;font-size:8px}.readyDot{float:right;width:9px;height:9px;border-radius:50%;background:#59657a;box-shadow:0 0 10px transparent}.readyDot.on{background:#a8ff00;box-shadow:0 0 14px #a8ff00}.onlineActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.onlineTiny{font-size:8px;color:#627087;text-align:center;margin-top:11px;line-height:1.5}.onlineToast{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:99999;max-width:90vw;padding:11px 16px;border-radius:12px;background:#07111d;border:1px solid rgba(111,231,255,.28);color:#dff9ff;font:800 10px Arial;letter-spacing:1px;box-shadow:0 15px 45px rgba(0,0,0,.45)}
#matchCountdown{display:none;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,rgba(0,229,255,.08),transparent 45%)}#matchCountdown .count{font-size:clamp(70px,16vw,180px);font-weight:1000;font-style:italic;color:#fff;text-shadow:0 0 40px #00eaff,0 0 100px rgba(0,229,255,.4)}
#onlineHud{display:none;position:absolute;z-index:4;left:50%;top:78px;transform:translateX(-50%);width:min(520px,90vw);padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(3,7,13,.72);backdrop-filter:blur(9px);pointer-events:none}.onlineHudTop{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8da0b9;letter-spacing:1.5px}.onlineHudTop b{color:#fff}.onlineProgress{height:4px;border-radius:4px;background:#182131;margin-top:8px;overflow:hidden}.onlineProgress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#00eaff,#a8ff00);box-shadow:0 0 12px #00eaff}.contactCount{color:#ffbf4a!important}
#outsideHitsHud{display:none;position:absolute;z-index:4;right:18px;top:136px;padding:8px 11px;border-radius:11px;border:1px solid rgba(255,90,80,.3);background:rgba(25,6,10,.75);color:#ff8b7f;font:900 9px Arial;letter-spacing:1px;pointer-events:none}.bombPulse{animation:bombPulse .5s ease-out}@keyframes bombPulse{50%{filter:brightness(2);transform:scale(1.04)}}
.matchResultTitle{font-size:11px;letter-spacing:4px;color:#7fe9ff}.matchWinner{font-size:clamp(38px,7vw,68px);font-weight:1000;font-style:italic;margin:6px 0;color:#a8ff00}.matchCompare{display:grid;grid-template-columns:1fr 80px 1fr;gap:10px;align-items:stretch;margin-top:18px}.fighter{padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);text-align:center}.fighter.win{border-color:rgba(168,255,0,.4);box-shadow:0 0 28px rgba(168,255,0,.08)}.fighter .fighterName{font-size:17px;font-weight:1000}.fighter .fighterId{font-size:8px;color:#687993;margin:4px 0 13px}.fighter .fighterScore{font-size:28px;color:#7fe9ff;font-weight:1000}.fighterStats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.fighterStats span{padding:7px;border-radius:9px;background:rgba(0,0,0,.2);font-size:8px;color:#91a0b4}.fighterStats b{display:block;color:#fff;margin-top:3px}.versus{display:grid;place-items:center;font-weight:1000;color:#ff31cf;font-size:20px}
@media(max-width:700px){.onlineGrid,.roomPlayers,.matchCompare{grid-template-columns:1fr}.versus{height:28px}.onlineCard{padding:17px}.roomCode{font-size:29px;letter-spacing:5px}.onlineId{align-items:flex-start;flex-direction:column}.onlineId .btn{width:100%}}

#roomStartBtn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}
#roomStartBtn.readyGo{color:#061008!important;background:linear-gradient(90deg,#79ff4d,#a8ff00,#e2ff5a)!important;border-color:#a8ff00!important;opacity:1!important;filter:none!important;animation:startGlow 1.25s ease-in-out infinite alternate}
#roomReadyBtn.readyGo{color:#061008!important;background:linear-gradient(90deg,#58ff9a,#a8ff00)!important;border-color:#a8ff00!important;box-shadow:0 0 24px rgba(168,255,0,.28)}
@keyframes startGlow{from{box-shadow:0 0 12px rgba(168,255,0,.18)}to{box-shadow:0 0 34px rgba(168,255,0,.55),0 0 70px rgba(0,229,255,.12)}}
#roomStartBtn.readyGo{box-shadow:0 0 24px rgba(168,255,0,.22);border-color:rgba(168,255,0,.55)}
#onlineWaiting{display:none;position:fixed;inset:0;z-index:85;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(0,229,255,.10),rgba(1,3,9,.91) 58%);backdrop-filter:blur(10px);pointer-events:auto;padding:20px}
.onlineWaitingCard{width:min(520px,92vw);padding:32px 25px;text-align:center;border-radius:26px;border:1px solid rgba(117,219,255,.2);background:linear-gradient(145deg,rgba(8,15,28,.97),rgba(3,7,14,.98));box-shadow:0 30px 100px rgba(0,0,0,.65)}
.waitingIcon{font-size:54px;margin-bottom:8px;animation:waitingSpin 1.8s linear infinite}
.waitingTitle{font-size:clamp(27px,6vw,42px);font-weight:1000;font-style:italic;color:#fff;letter-spacing:1px}
.waitingSub{margin-top:9px;color:#7f91aa;font-size:11px;line-height:1.6}
.waitingLive{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;padding:11px 14px;border-radius:12px;background:rgba(0,229,255,.055);border:1px solid rgba(0,229,255,.13);color:#72e9ff;font-size:8px;font-weight:900;letter-spacing:1.5px}
.liveDot{width:8px;height:8px;border-radius:50%;background:#a8ff00;box-shadow:0 0 14px #a8ff00;animation:liveBlink .8s infinite}
@keyframes waitingSpin{50%{transform:rotate(8deg) translateY(-3px)}}@keyframes liveBlink{50%{opacity:.35;transform:scale(.75)}}

/* === ACCOUNT UI CLEAN V3 === */
.accountCardClean{width:min(390px,92vw);padding:28px 25px;border-radius:24px}
.accountBrand{text-align:center;color:#71e9ff;font-size:11px;font-weight:1000;letter-spacing:5px;margin-bottom:8px}
.accountCardClean .accountTitle{font-size:27px;margin:0 0 5px}
.accountCardClean .accountSub{margin-bottom:18px}
.accountMainBtn{height:48px;width:100%;margin-top:7px}
.accountSwitch{text-align:center;margin-top:13px;color:#71809a;font-size:9px}
.accountSwitch button,.accountBack button{border:0;background:none;color:#71e9ff;font-weight:1000;font-size:9px;letter-spacing:.5px;cursor:pointer;padding:3px}
.accountSwitch button:hover,.accountBack button:hover{color:#a8ff00}
.accountBack{text-align:center;margin-top:13px}
.accountSocial{margin-top:16px}
.socialBtn{font-size:9px}
.accountFoot{display:none}
@media(max-width:520px){.accountCardClean{padding:23px 18px}.accountCardClean .accountTitle{font-size:25px}}

/* === AUTH CINEMATIC LOGIN V1 === */
#authScreen{overflow:hidden!important;background:radial-gradient(circle at 50% 35%,rgba(0,229,255,.16),transparent 28%),radial-gradient(circle at 78% 58%,rgba(255,49,207,.11),transparent 30%),linear-gradient(180deg,#02050d 0%,#040814 58%,#010309 100%)!important}
#authScreen::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 9vw,rgba(114,230,255,.025) 9.1vw,transparent 9.2vw),linear-gradient(180deg,transparent 65%,rgba(0,229,255,.05) 100%);mix-blend-mode:screen}
.authAtmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;perspective:900px}
.authGrid{position:absolute;left:-10%;right:-10%;bottom:-16%;height:48%;transform:rotateX(66deg);transform-origin:bottom;background-image:linear-gradient(rgba(0,229,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.12) 1px,transparent 1px);background-size:58px 42px;mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.9));opacity:.45;animation:authGridMove 3.5s linear infinite}
.authRoad{position:absolute;left:50%;bottom:-12%;width:72vw;height:46%;transform:translateX(-50%) perspective(500px) rotateX(68deg);border-left:1px solid rgba(0,229,255,.13);border-right:1px solid rgba(255,49,207,.1);overflow:hidden;opacity:.8}
.authRoad i{position:absolute;left:50%;width:3px;height:34px;background:linear-gradient(#a8ff00,#00eaff,transparent);box-shadow:0 0 12px #00eaff;animation:roadRush 1.25s linear infinite}
.authRoad i:nth-child(1){margin-left:-18%;animation-delay:-.1s}.authRoad i:nth-child(2){margin-left:-9%;animation-delay:-.35s}.authRoad i:nth-child(3){margin-left:0;animation-delay:-.6s}.authRoad i:nth-child(4){margin-left:9%;animation-delay:-.85s}.authRoad i:nth-child(5){margin-left:18%;animation-delay:-1.1s}
.authGlow{position:absolute;border-radius:50%;filter:blur(35px);opacity:.3}.authGlowA{width:280px;height:280px;left:8%;top:18%;background:#00eaff;animation:glowFloat 5s ease-in-out infinite}.authGlowB{width:240px;height:240px;right:8%;bottom:12%;background:#ff31cf;animation:glowFloat 6s ease-in-out infinite reverse}
.authSpeed{position:absolute;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#00eaff,transparent);box-shadow:0 0 12px #00eaff;opacity:0;animation:speedDash 1.5s linear infinite}.authSpeed.s1{width:28vw;left:-30%;top:27%;animation-delay:-.2s}.authSpeed.s2{width:18vw;left:-20%;top:38%;animation-delay:-.7s}.authSpeed.s3{width:25vw;right:-30%;top:45%;background:linear-gradient(90deg,transparent,#ff31cf,transparent);box-shadow:0 0 12px #ff31cf;animation-delay:-1.1s}.authSpeed.s4{width:16vw;right:-25%;top:65%;animation-delay:-.45s}
.authCarWrap{position:absolute;left:0;top:14%;width:min(690px,82vw);transform:translate3d(-72vw,0,0);filter:drop-shadow(0 25px 35px rgba(0,0,0,.58));opacity:0;pointer-events:none;will-change:transform,opacity}
.authCarWrap.carRun{animation:authCarRun 4s cubic-bezier(.16,.72,.22,1) forwards}
.authCar{width:100%;height:auto;display:block;overflow:visible;transform-origin:50% 75%;animation:carTilt 1.15s ease-in-out infinite}
.authCarShadow{position:absolute;left:17%;right:10%;bottom:2%;height:12%;border-radius:50%;background:rgba(0,229,255,.22);filter:blur(18px);animation:shadowPulse 1.15s ease-in-out infinite}
.authCarTrail{position:absolute;left:-18%;top:53%;width:28%;height:7px;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,#00eaff,transparent);filter:blur(2px);box-shadow:0 0 16px #00eaff,0 0 34px #00eaff;opacity:.9;animation:trailPulse .35s linear infinite}
.authCarBadge{position:absolute;right:6%;top:8%;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(2,5,12,.62);backdrop-filter:blur(7px);font:900 7px/1 Arial,sans-serif;letter-spacing:1.5px;color:#fff;opacity:.8}
.accountCardClean{position:relative;z-index:4;margin-top:clamp(125px,20vh,180px);background:linear-gradient(145deg,rgba(6,10,20,.91),rgba(2,5,12,.94));border:1px solid rgba(117,219,255,.24);box-shadow:0 35px 110px rgba(0,0,0,.76),0 0 55px rgba(0,229,255,.08),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.accountBrand{font-family:'Arial Rounded MT Bold','Trebuchet MS','Segoe UI',sans-serif!important;font-size:clamp(38px,7vw,58px)!important;font-style:italic;font-weight:1000;letter-spacing:4px!important;line-height:.95!important;background:linear-gradient(100deg,#ffffff 0%,#72efff 28%,#b98cff 56%,#ff53d8 78%,#a8ff00 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 0 18px rgba(0,229,255,.22),0 0 34px rgba(255,49,207,.12);transform:skewX(-7deg);display:inline-block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}.accountBrand span{color:inherit}.accountBrand em{font-style:normal;color:inherit;text-shadow:none}
.accountCardClean .accountTitle{font-family:'Arial Rounded MT Bold','Trebuchet MS','Segoe UI',sans-serif!important;font-style:normal;font-weight:1000;letter-spacing:2.5px;color:#fff;text-shadow:0 0 18px rgba(0,229,255,.18);font-size:27px;margin-top:9px}
.accountCardClean .accountSub{color:#8d9bb0;letter-spacing:1.2px}
.accountMainBtn{box-shadow:0 0 22px rgba(0,229,255,.16),inset 0 1px rgba(255,255,255,.35);transition:transform .2s,filter .2s,box-shadow .2s}.accountMainBtn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.08);box-shadow:0 0 30px rgba(0,229,255,.28),0 0 45px rgba(168,255,0,.08)}
.socialBtn{transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.socialBtn:hover{transform:translateY(-2px);background:rgba(0,229,255,.07);box-shadow:0 0 20px rgba(0,229,255,.1)}
@keyframes authGridMove{from{background-position:0 0,0 0}to{background-position:0 42px,58px 0}}
@keyframes roadRush{0%{top:-20%;opacity:0;transform:scaleY(.4)}20%{opacity:.8}100%{top:120%;opacity:0;transform:scaleY(1.8)}}
@keyframes glowFloat{0%,100%{transform:translate3d(0,0,0) scale(.9)}50%{transform:translate3d(25px,-18px,0) scale(1.12)}}
@keyframes speedDash{0%{transform:translateX(0) scaleX(.3);opacity:0}18%{opacity:.8}100%{transform:translateX(150vw) scaleX(1.4);opacity:0}}
@keyframes authCarRun{0%{transform:translate3d(-72vw,35px,0) scale(.78) rotate(-2deg);opacity:0}10%{opacity:1}38%{transform:translate3d(-12vw,-2px,0) scale(.94) rotate(1deg);opacity:1}62%{transform:translate3d(50vw,-8px,0) scale(1.02) rotate(0);opacity:1}84%{transform:translate3d(68vw,2px,0) scale(.98) rotate(-1deg);opacity:.72}100%{transform:translate3d(108vw,20px,0) scale(.86) rotate(-2deg);opacity:0}}
@keyframes trailPulse{0%,100%{transform:scaleX(.75);opacity:.35}50%{transform:scaleX(1.25);opacity:1}}
@keyframes carTilt{0%,100%{transform:perspective(800px) rotateX(2deg) rotateZ(-1deg)}50%{transform:perspective(800px) rotateX(1deg) rotateZ(1deg) translateY(-2px)}}
@keyframes shadowPulse{0%,100%{transform:scaleX(.9);opacity:.45}50%{transform:scaleX(1.05);opacity:.75}}
@media(max-width:700px){.authCarWrap{top:8%;width:125vw}.accountCardClean{margin-top:clamp(90px,22vh,145px);width:min(390px,92vw)}.authGrid{height:42%;background-size:44px 34px}.authRoad{width:120vw}.authGlowA{left:-20%}.authGlowB{right:-25%}}
@media(prefers-reduced-motion:reduce){.authGrid,.authRoad i,.authGlow,.authSpeed,.authCarWrap,.authCar,.authCarShadow{animation:none!important}}

/* === NEON GT PLAY GUIDE — LOGIN + HOME === */
.guideOpenBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(117,219,255,.24);background:linear-gradient(135deg,rgba(8,18,32,.94),rgba(9,15,28,.9));color:#dffaff;border-radius:13px;padding:11px 15px;font:900 9px Arial,sans-serif;letter-spacing:1.5px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 0 20px rgba(0,229,255,.035);transition:.18s}
 .guideIntroMain{font-size:10px;line-height:1.6}.guideQuick{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;flex-wrap:wrap}.guideQuick span{padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06);font-size:7px;color:#91a2b7;letter-spacing:.7px}.guideQuick span b{color:#a8ff00}.guideQuick i{font-style:normal;color:#00eaff;font-weight:1000}.guideSteps4{grid-template-columns:repeat(4,1fr)}.abilityGuideGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.abilityGuideCard{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:start;padding:11px;border-radius:13px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.07)}.abilityGuideCard>span{font-size:24px;text-align:center}.abilityGuideCard b{display:block;font-size:9px;color:#fff;letter-spacing:1px;margin-bottom:4px}.abilityGuideCard small{display:block;color:#7f90a8;font-size:7px;line-height:1.55}.abilityGuideCard.stars{border-color:rgba(255,216,61,.18)}.abilityGuideCard.shield{border-color:rgba(0,234,255,.18)}.abilityGuideCard.missile{border-color:rgba(255,102,52,.18)}.guideTipsList{margin:0;padding-left:18px!important;list-style:decimal!important}.guideTipsList li{padding:5px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.guideTipsList li::marker{color:#a8ff00;font-weight:900}
@media(max-width:760px){.guideSteps4{grid-template-columns:1fr 1fr}.abilityGuideGrid{grid-template-columns:1fr}.guideQuick{gap:5px}}
@media(max-width:650px){.guideSteps4{grid-template-columns:1fr}.guideQuick i{display:none}}
.guideScoreTable{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.guideScoreItem{padding:10px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);text-align:center}.guideScoreItem b{display:block;font-size:16px;line-height:1.1;margin-bottom:4px}.guideScoreItem small{display:block;font-size:7px;color:#8190a8;letter-spacing:.7px}.guideScoreItem.plus b{color:#79ffb0;text-shadow:0 0 12px rgba(121,255,176,.25)}.guideScoreItem.minus b{color:#ff7780;text-shadow:0 0 12px rgba(255,119,128,.25)}.guideScoreItem.base b{color:#7fe9ff;text-shadow:0 0 12px rgba(127,233,255,.25)}.guideLose{margin-top:10px;padding:11px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(255,51,72,.09),rgba(255,125,80,.045));border:1px solid rgba(255,80,100,.18)}.guideLose strong{display:block;color:#ff9aa3;font-size:10px;letter-spacing:1px;margin-bottom:5px}.guideLose span{display:block;color:#aebbd0;font-size:8px;line-height:1.55}.guideFormula{margin-top:9px;padding:9px;border-radius:9px;background:rgba(0,234,255,.045);border:1px solid rgba(0,234,255,.09);font-size:8px;color:#9fb0c8;text-align:center}.guideFormula b{color:#fff}.guideGrid .guideBlock.full{min-width:0}@media(max-width:650px){.guideScoreTable{grid-template-columns:1fr}} .guideOpenBtn:hover{transform:translateY(-2px);border-color:#64e8ff;color:#a8ff00;box-shadow:0 0 24px rgba(0,229,255,.16),0 12px 30px rgba(0,0,0,.35)}
.loginGuideBtn{position:absolute;z-index:140;right:20px;top:20px;display:flex;align-items:center;gap:9px;border:1px solid rgba(117,219,255,.3);background:rgba(4,10,20,.9);color:#e8fbff;border-radius:14px;padding:12px 15px;cursor:pointer;font:900 9px Arial,sans-serif;letter-spacing:1.5px;box-shadow:0 12px 35px rgba(0,0,0,.42),0 0 22px rgba(0,229,255,.07);backdrop-filter:blur(10px);transition:.18s}
.loginGuideBtn:hover{transform:translateY(-2px);border-color:#a8ff00;color:#a8ff00;box-shadow:0 0 30px rgba(168,255,0,.13),0 14px 40px rgba(0,0,0,.5)}
.loginGuideIcon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00c7ff,#a8ff00);color:#03101a;font-size:12px}
.guideLabel{white-space:nowrap}
.guideModal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(1,4,11,.78);backdrop-filter:blur(16px)}
.guideModal.show{display:flex;animation:guideFadeIn .18s ease-out}
.guideCard{position:relative;width:min(850px,96vw);max-height:min(88vh,820px);overflow:auto;border:1px solid rgba(117,219,255,.24);border-radius:25px;background:linear-gradient(145deg,rgba(8,16,29,.985),rgba(2,6,13,.99));box-shadow:0 35px 110px rgba(0,0,0,.72),0 0 55px rgba(0,229,255,.08);padding:24px}
.guideCard::-webkit-scrollbar{width:7px}.guideCard::-webkit-scrollbar-thumb{background:#1d344d;border-radius:10px}
.guideHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.guideKicker{font-size:8px;letter-spacing:3px;color:#71e9ff;margin-bottom:6px}.guideTitle{font-size:clamp(25px,4vw,38px);font-weight:1000;letter-spacing:1px;background:linear-gradient(90deg,#fff,#71e9ff,#a8ff00);-webkit-background-clip:text;background-clip:text;color:transparent}.guideClose{width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#0a111e;color:#b8c7da;cursor:pointer;font-size:15px}.guideClose:hover{color:#fff;border-color:#64e8ff}
.guideIntro{padding:13px 15px;border-radius:14px;background:linear-gradient(90deg,rgba(0,229,255,.08),rgba(168,255,0,.055));border:1px solid rgba(117,219,255,.12);color:#aab9cb;font-size:10px;line-height:1.65;margin-bottom:14px}.guideIntro b{color:#fff}
.guideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guideBlock{padding:15px;border-radius:17px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.08)}.guideBlock.full{grid-column:1/-1}.guideBlock h3{margin:0 0 10px;font-size:11px;letter-spacing:1.5px;color:#fff}.guideBlock ul{list-style:none;padding:0;margin:0}.guideBlock li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:9px;color:#93a2b7;line-height:1.45}.guideBlock li:last-child{border-bottom:0}.guideKey{display:inline-block;min-width:54px;margin-right:7px;padding:4px 6px;border:1px solid rgba(117,219,255,.2);border-radius:6px;background:#081221;color:#dffaff;text-align:center;font:900 8px Arial;letter-spacing:.5px}.guideBlock b{color:#dffaff}.guideTip{margin-top:10px;padding:9px 10px;border-radius:10px;background:rgba(168,255,0,.045);border-left:2px solid #a8ff00;color:#8090a6;font-size:8px;line-height:1.55}.guideSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guideStep{padding:11px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}.guideStep strong{display:block;color:#a8ff00;font-size:9px;letter-spacing:1px;margin-bottom:5px}.guideStep span{color:#7f8ea5;font-size:8px;line-height:1.5}.guideFooter{display:flex;justify-content:flex-end;margin-top:14px}.guideFooter .guideOpenBtn{padding:10px 17px}
.homeGuideWrap{position:fixed;z-index:240;right:20px;top:20px;display:block}.homeGuideWrap .guideOpenBtn{padding:12px 15px;min-height:40px}
@keyframes guideFadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){.guideCard{padding:17px;border-radius:20px;max-height:91vh}.guideGrid{grid-template-columns:1fr}.guideBlock.full{grid-column:auto}.guideSteps{grid-template-columns:1fr}.loginGuideBtn{right:12px;top:12px}.homeGuideWrap{right:12px;top:12px}.guideLabel{font-size:8px}}



/* === V30 SPECIAL ABILITIES UI === */
.carPrivileges{margin-top:10px;display:grid;gap:7px;width:100%}
.privRow{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:center;padding:8px 9px;border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,234,255,.025));border:1px solid rgba(117,219,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.privIcon{font-size:20px;text-align:center}.privBody{min-width:0;display:grid;gap:2px}.privBody b{font:1000 7px Arial,sans-serif;letter-spacing:1.1px;color:#b8c8dc}.privBody small{font:700 6px Arial,sans-serif;color:#65758d;letter-spacing:.45px;line-height:1.25}.privValue{font:1000 11px Arial,sans-serif;color:#fff;display:flex;align-items:center;gap:6px}.starsVisual{display:inline-flex;gap:1px}.starsVisual i{font-style:normal;color:#364255;font-size:13px}.starsVisual i.on{color:#ffd83d;text-shadow:0 0 9px rgba(255,216,61,.75)}.privValue em{font-style:normal;font-size:7px;color:#ffd83d}.shieldRow{border-color:rgba(0,234,255,.16)}.missileRow{border-color:rgba(255,102,52,.16)}
.carCard.locked .carPrivileges{opacity:.48;filter:saturate(.55)}
#abilityHud{display:none;position:absolute;z-index:7;left:14px;top:145px;gap:9px;flex-direction:column}
.abilityBtn{width:64px;height:64px;padding:0;border-radius:18px;border:1px solid rgba(117,219,255,.25);background:linear-gradient(145deg,rgba(5,13,25,.94),rgba(8,19,32,.84));color:#fff;display:none;align-items:center;justify-content:center;flex-direction:column;gap:1px;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.abilityBtn:disabled{cursor:default;opacity:.52}.abilityBtn.active{border-color:#00eaff;box-shadow:0 0 25px rgba(0,234,255,.38),inset 0 0 18px rgba(0,234,255,.12);animation:abilityPulse .8s ease-in-out infinite}.abilityBtn.used{filter:grayscale(.7)}.abilityIcon{font-size:27px;line-height:1}.abilityLabel{font:1000 6px Arial,sans-serif;letter-spacing:1px;color:#8fa4bd}.abilityCount{font:1000 8px Arial,sans-serif;color:#a8ff00}#missileAbility .abilityCount{color:#ffb33e}@keyframes abilityPulse{50%{transform:scale(1.04)}}
.raceStarsResult .starContinueBtn{width:min(320px,82vw);margin:8px auto 0;padding:12px 18px;border:0;border-radius:13px;background:linear-gradient(90deg,#00d9ff,#00eaff,#a8ff00);color:#031009;font:1000 10px Arial,sans-serif;letter-spacing:1.5px;cursor:pointer;box-shadow:0 0 30px rgba(0,234,255,.18),0 0 22px rgba(168,255,0,.12);transition:.18s}.raceStarsResult .starContinueBtn:hover{transform:translateY(-2px);filter:brightness(1.08)}.raceStarsResult b{font-size:13px!important;text-shadow:0 0 18px rgba(255,216,61,.45)}.raceStarsResult .resultStars span{font-size:46px!important}.raceStarsResult b{font-size:18px!important}.raceStarsResult small{font-size:9px!important;line-height:1.45}
.raceStarsResult{margin:-2px auto 12px;padding:10px 14px;width:min(390px,88vw);border-radius:15px;background:linear-gradient(135deg,rgba(255,216,61,.08),rgba(0,234,255,.06));border:1px solid rgba(255,216,61,.20);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.raceStarsResult .resultStars{display:flex;gap:2px}.raceStarsResult .resultStars span{font-size:25px;color:#394455}.raceStarsResult .resultStars span.on{color:#ffd83d;text-shadow:0 0 14px rgba(255,216,61,.9)}.raceStarsResult b{font:1000 9px Arial,sans-serif;color:#ffd83d;letter-spacing:1px}.raceStarsResult small{width:100%;font:700 6px Arial,sans-serif;color:#8191a8;letter-spacing:.8px}
@media(max-width:560px){#abilityHud{left:9px;top:118px}.abilityBtn{width:58px;height:58px;border-radius:16px}.abilityIcon{font-size:24px}.privRow{padding:7px}.privBody small{font-size:5.5px}}




html,body{width:100%;min-width:0;overflow-x:hidden}
#game,#app,.screen,.card{box-sizing:border-box}
canvas{max-width:100%;height:auto}
@media (max-width:900px){
  .screen{padding:14px;overflow-x:hidden}
  .card{max-width:min(96vw,760px);max-height:calc(100dvh - 28px);overflow:auto}
}
@media (max-width:650px){
  .screen{padding:10px}
  .card{width:100%;max-width:100%;border-radius:18px}
  button,.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  input,select{font-size:16px;max-width:100%}
  .gameoverHistory,.unifiedHistory{max-height:55dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@supports not (height:100dvh){
  @media (max-width:900px){.card{max-height:calc(100vh - 28px)}}
}



.friendsSocialPanel{margin-top:12px;padding:13px;border:1px solid rgba(70,225,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(6,15,27,.94),rgba(9,13,24,.9));box-shadow:0 12px 35px rgba(0,0,0,.22)}
.friendsHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.friendsHead b{display:block;font:1000 13px Arial,sans-serif;letter-spacing:1.5px;color:#eafcff}.friendsHead small{display:block;margin-top:4px;font:700 7px Arial,sans-serif;color:#657892;letter-spacing:1px}.friendsHead>span{padding:6px 9px;border-radius:999px;background:rgba(168,255,0,.08);border:1px solid rgba(168,255,0,.18);color:#a8ff00;font:1000 7px Arial,sans-serif}.friendsAddRow{display:flex;gap:7px;margin-top:10px}.friendsAddRow .onlineInput{flex:1}.friendsList{display:flex;flex-direction:column;gap:7px;margin-top:10px;max-height:260px;overflow:auto}.friendItem{display:flex;align-items:center;gap:9px;padding:9px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(117,219,255,.08);cursor:pointer;transition:.16s}.friendItem:hover{transform:translateY(-1px);border-color:rgba(117,219,255,.22);background:rgba(117,219,255,.045)}.friendAvatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(0,234,255,.08);font-size:20px}.friendMain{min-width:0;flex:1}.friendName{font:900 10px Arial,sans-serif;color:#edf8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendId{font:700 7px Arial,sans-serif;color:#62758e;margin-top:3px}.friendPresence{font:900 7px Arial,sans-serif;margin-top:3px}.friendPresence.online{color:#7dff9e}.friendPresence.offline{color:#6e7d91}.friendActions{display:flex;gap:5px}.friendMini{border:1px solid rgba(117,219,255,.14);background:rgba(8,16,28,.9);color:#a8c4d8;border-radius:9px;padding:6px 7px;font:900 7px Arial,sans-serif;cursor:pointer}.friendMini.invite{color:#a8ff00;border-color:rgba(168,255,0,.18)}.friendModal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.66);backdrop-filter:blur(9px)}.friendModal.show{display:flex}.friendModalCard{width:min(430px,94vw);padding:16px;border-radius:21px;border:1px solid rgba(91,229,255,.22);background:linear-gradient(150deg,#071321,#0a101d);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 35px rgba(0,234,255,.08)}.friendModalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.friendModalHead b{display:block;font:1000 13px Arial,sans-serif;letter-spacing:1px;color:#effcff}.friendModalHead small{display:block;margin-top:4px;font:800 7px Arial,sans-serif;color:#7f92aa}.friendClose{width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9fb2c8;font-size:22px;cursor:pointer}.friendChatMessages{height:270px;overflow:auto;padding:7px;border-radius:13px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}.friendBubble{max-width:82%;margin:6px 0;padding:8px 10px;border-radius:12px;background:rgba(117,219,255,.07);color:#d9edf7;font:700 9px Arial,sans-serif;line-height:1.4}.friendBubble.me{margin-left:auto;background:rgba(168,255,0,.09);border:1px solid rgba(168,255,0,.09)}.friendBubble small{display:block;margin-top:3px;color:#60748b;font-size:6px}.friendChatComposer{display:flex;gap:7px;margin-top:8px}.friendChatComposer input{flex:1;min-width:0}.friendInviteBtn{width:100%;margin-top:9px;padding:12px;border-radius:12px;border:1px solid rgba(168,255,0,.22);background:linear-gradient(90deg,rgba(0,234,255,.12),rgba(168,255,0,.1));color:#a8ff00;font:1000 10px Arial,sans-serif;letter-spacing:1px;cursor:pointer}.inviteCard label{display:block;margin-top:10px;color:#8da1b8;font:900 8px Arial,sans-serif;letter-spacing:1px}.inviteCard select{margin-top:5px;width:100%}.friendInvitePreview{margin-top:10px;min-height:130px;border-radius:14px;border:1px solid rgba(117,219,255,.1);display:grid;place-items:center;background:radial-gradient(circle,rgba(0,234,255,.07),transparent 65%)}.friendCreateInviteBtn{width:100%;margin-top:10px}.incomingIcon{text-align:center;font-size:42px}.inviteCard>#incomingTitle{display:block;text-align:center;margin-top:5px;font:1000 16px Arial,sans-serif;color:#ffd83d;letter-spacing:1px}.inviteCard>#incomingText{display:block;text-align:center;margin:8px 0 15px;color:#9aacc0;font:700 9px Arial,sans-serif;line-height:1.55}.incomingActions{display:flex;gap:8px}.incomingActions button{flex:1}



/* ONLINE 1VS1 V19 — private two-player room chat */
.roomChat{margin-top:14px;padding:13px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(0,229,255,.14)}
.roomChatHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:9px;font-weight:1000;letter-spacing:1.4px;color:#9fefff}.roomChatHead small{font-size:7px;color:#60718a;letter-spacing:1px}
.roomChatMessages{height:150px;overflow:auto;padding:7px;border-radius:11px;background:rgba(2,7,14,.72);border:1px solid rgba(255,255,255,.06);scroll-behavior:smooth}
.roomChatMsg{max-width:88%;margin:5px 0;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.055);color:#dcecff;font-size:9px;line-height:1.35;word-break:break-word}.roomChatMsg.me{margin-left:auto;background:linear-gradient(90deg,rgba(0,217,255,.13),rgba(168,255,0,.10));border:1px solid rgba(168,255,0,.12)}
.roomChatMsg .chatName{display:block;margin-bottom:3px;font-size:7px;font-weight:1000;letter-spacing:1px;color:#71e9ff}.roomChatMsg.me .chatName{color:#b8ff76}.roomChatMsg .chatTime{display:block;margin-top:3px;font-size:6px;color:#596a81;text-align:right}
.roomChatEmpty{height:100%;display:grid;place-items:center;color:#52627a;font-size:8px;letter-spacing:1px;text-align:center}
.roomChatSend{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.roomChatSend input{min-width:0;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#050a13;color:#fff;padding:0 11px;outline:none;font:700 10px Arial}.roomChatSend input:focus{border-color:#64e8ff}.roomChatSend .btn{min-width:66px;padding:0 12px;font-size:8px}
@media(max-width:620px){.roomChatMessages{height:125px}.roomChatHead{align-items:flex-start;flex-direction:column;gap:3px}}



/* ONLINE 1VS1 V8 — explicit player/ready state */
#readyDotA,#readyDotB{width:13px!important;height:13px!important;background:#3d485c!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important;transition:.2s!important}
#readyDotA.on,#readyDotB.on{background:#52ff82!important;border-color:#52ff82!important;box-shadow:0 0 7px #52ff82,0 0 18px rgba(82,255,130,.75)!important}
#roomReadyBtn.readyGo{background:linear-gradient(90deg,#00d66b,#a8ff00)!important;color:#031008!important;border-color:#7dffae!important;box-shadow:0 0 18px rgba(82,255,130,.35)!important}
#roomStartBtn.readyGo{background:linear-gradient(90deg,#00d9ff,#a8ff00)!important;color:#031008!important;border-color:#8cffb5!important;box-shadow:0 0 25px rgba(82,255,130,.4)!important;animation:onlineStartPulse 1s ease-in-out infinite}
#roomStartBtn:disabled{opacity:.55;filter:saturate(.45)}
@keyframes onlineStartPulse{50%{transform:translateY(-1px);filter:brightness(1.16)}}



/* NEON GT ONLINE RESULTS V9 */
#onlineResultV9{position:fixed;inset:0;z-index:250;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(1,3,9,.86);backdrop-filter:blur(14px)}
#onlineResultV9 .v9Card{position:relative;width:min(94vw,720px);max-height:88vh;overflow:auto;border:1px solid rgba(115,230,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(8,15,29,.99),rgba(2,7,15,.99));box-shadow:0 30px 100px rgba(0,0,0,.7),0 0 45px rgba(0,220,255,.08);padding:24px;color:#fff}
.v9Kicker{font-size:9px;letter-spacing:3px;color:#69e7ff}.v9Title{text-align:center;font-size:28px;font-weight:1000;margin:6px 0}.v9Winner{text-align:center;font-size:30px;font-weight:1000;color:#a8ff00;text-shadow:0 0 22px rgba(168,255,0,.35);margin:8px 0}.v9Sub{text-align:center;color:#8190a7;font-size:10px;letter-spacing:1px}.v9Vs{display:grid;grid-template-columns:1fr 60px 1fr;gap:10px;align-items:stretch;margin-top:20px}.v9Fighter{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}.v9Fighter.win{border-color:rgba(168,255,0,.65);box-shadow:0 0 25px rgba(168,255,0,.12);background:rgba(168,255,0,.055)}.v9Name{font-weight:1000;font-size:16px}.v9Id{font-size:8px;color:#68778f;margin-top:4px;word-break:break-all}.v9Score{text-align:center;font-size:29px;font-weight:1000;color:#72e9ff;margin:12px 0}.v9Fighter.win .v9Score{color:#a8ff00}.v9Stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v9Stats span{padding:7px;border-radius:9px;background:rgba(255,255,255,.045);font-size:8px;color:#7f8da3}.v9Stats b{display:block;color:#eaf7ff;font-size:11px;margin-top:2px}.v9Center{display:grid;place-items:center;font-weight:1000;color:#ff31cf;font-size:18px}.v9Info{margin-top:14px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);text-align:center;color:#73839a;font-size:9px}.v9Actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px}.v9Btn{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:11px;padding:11px 15px;font-weight:900;cursor:pointer}.v9Btn.primary{background:linear-gradient(90deg,#00d9ff,#a8ff00);color:#031008;border-color:#8cffb5}.v9HistoryRow{padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.v9HistoryTop{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.v9HistoryTop b{font-size:12px}.v9HistoryTop .right{text-align:right}.v9HistoryScore{font-weight:1000;color:#ff31cf}.v9HistoryMeta{font-size:8px;color:#68778f;margin-top:5px}.v9Detail{margin-top:9px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);display:none}.v9Detail.show{display:block}.v9DetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v9DetailGrid div{font-size:8px;color:#718097}.v9DetailGrid b{display:block;color:#e9f8ff;font-size:11px;margin-top:2px}.v9Fireworks{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.v9FireDot{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px currentColor;animation:v9fw 1.25s ease-out forwards}.v9FireBurst{position:absolute;width:10px;height:10px;border-radius:50%;animation:v9burst .9s ease-out forwards;box-shadow:0 0 20px currentColor}
@keyframes v9fw{0%{transform:translate(0,0) scale(.5);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.25);opacity:0}}
@keyframes v9burst{0%{transform:scale(.1);opacity:1}70%{transform:scale(7);opacity:.55}100%{transform:scale(10);opacity:0}}
@media(max-width:620px){#onlineResultV9 .v9Card{padding:18px}.v9Vs{grid-template-columns:1fr;}.v9Center{height:24px}.v9Winner{font-size:24px}.v9Title{font-size:22px}}
#onlineMatchSetup{margin:12px 0;padding:12px;border:1px solid rgba(0,220,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(0,220,255,.07),rgba(168,255,0,.045));display:grid;grid-template-columns:1fr 1fr;gap:8px}#onlineMatchSetup>div{padding:9px;border-radius:10px;background:rgba(0,0,0,.18);text-align:center}#onlineMatchSetup span{display:block;font-size:8px;color:#708099;letter-spacing:1.5px}#onlineMatchSetup b{display:block;margin-top:5px;color:#aefcff;font-size:12px}#onlineMatchSetup p{grid-column:1/-1;margin:3px 0 0;text-align:center;font-size:8px;color:#71819a}#onlineMatchSetup p b{display:inline;color:#baff8d;font-size:inherit}#onlineCreateBox select.onlineInput{cursor:pointer;font-weight:800;color:#eaffff;background:#071321;border:1px solid rgba(100,230,255,.25)}#onlineCreateBox select.onlineInput option{background:#071321;color:#fff}@media(max-width:620px){#onlineMatchSetup{grid-template-columns:1fr 1fr}}

/* === ACCOUNT + AVATAR SYSTEM === */
#authScreen,#avatarScreen,#profileModal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 20%,rgba(0,229,255,.11),transparent 35%),rgba(1,4,11,.94);backdrop-filter:blur(15px)}
.accountCard{width:min(470px,94vw);max-height:92vh;overflow:auto;padding:25px;border:1px solid rgba(117,219,255,.22);border-radius:25px;background:linear-gradient(145deg,rgba(10,17,31,.98),rgba(3,7,14,.99));box-shadow:0 30px 110px rgba(0,0,0,.7)}
.accountKicker{font-size:9px;letter-spacing:3px;color:#70e8ff;text-align:center}.accountTitle{text-align:center;font-size:30px;font-weight:1000;margin:7px 0}.accountSub{text-align:center;color:#75849b;font-size:10px;letter-spacing:1px;line-height:1.5;margin-bottom:18px}.accountTabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.accountTab{height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#9ba8ba;font-weight:900;cursor:pointer}.accountTab.active{background:linear-gradient(90deg,rgba(0,229,255,.16),rgba(168,255,0,.12));color:#fff;border-color:rgba(0,229,255,.32)}.accountField{margin:10px 0}.accountField label{display:block;color:#7f91aa;font-size:8px;letter-spacing:1.5px;margin:0 0 6px}.accountField input{width:100%;height:48px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#050a13;color:#fff;padding:0 13px;outline:none;font-weight:700}.accountField input:focus{border-color:#64e8ff}.accountMsg{min-height:20px;margin-top:9px;text-align:center;color:#ff9aa3;font-size:9px}.accountSocial{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.socialBtn{height:45px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.045);color:#fff;font-weight:900;cursor:pointer}.socialBtn:hover{border-color:#64e8ff}.accountRemember{display:flex;align-items:center;gap:7px;color:#71809a;font-size:9px;margin:8px 0}.accountRemember input{accent-color:#a8ff00}.accountFoot{text-align:center;color:#5f6e84;font-size:8px;line-height:1.5;margin-top:13px}
.avatarGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.avatarChoice{height:78px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer;display:grid;place-items:center;font-size:35px;transition:.15s}.avatarChoice:hover{transform:translateY(-2px);border-color:#64e8ff}.avatarChoice.selected{border-color:#a8ff00;box-shadow:0 0 22px rgba(168,255,0,.15);background:rgba(168,255,0,.07)}.avatarName{text-align:center;font-size:10px;color:#8a98ad;letter-spacing:1px}.lobbyProfile{position:fixed;z-index:9999;left:12px;top:12px;display:flex;align-items:center;justify-content:center;gap:3px;width:54px;height:44px;padding:3px 5px;border-radius:13px;background:rgba(4,8,15,.9);border:1px solid rgba(117,219,255,.18);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3);min-width:0}.lobbyProfile .ap{font-size:27px;line-height:1}.lobbyProfile b{display:none}.lobbyProfile .chev{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:13px;color:#a8ff00;transition:.15s}.lobbyProfile.open .chev{transform:rotate(180deg)}.profileMenu{position:fixed;z-index:10000;left:12px;top:62px;display:none;min-width:150px;padding:6px;border-radius:13px;background:rgba(4,8,15,.97);border:1px solid rgba(117,219,255,.2);box-shadow:0 18px 45px rgba(0,0,0,.55)}.profileMenu button{display:block;width:100%;border:0;background:transparent;color:#dce8f8;text-align:left;padding:10px 11px;border-radius:9px;font:800 9px Arial,sans-serif;cursor:pointer}.profileMenu button:hover{background:rgba(117,219,255,.08);color:#a8ff00}.profileMenu .danger{color:#ff9aa3}.profileMenu .danger:hover{background:rgba(255,80,100,.08);color:#ffb2ba}.profileBox{width:min(430px,94vw);padding:23px;border:1px solid rgba(117,219,255,.22);border-radius:23px;background:linear-gradient(145deg,rgba(10,17,31,.98),rgba(3,7,14,.99));box-shadow:0 30px 100px rgba(0,0,0,.7)}.profileAvatar{text-align:center;font-size:58px;margin-bottom:7px}.profileTitle{text-align:center;font-size:20px;font-weight:1000}.profileSub{text-align:center;color:#718097;font-size:8px;margin:5px 0 15px}.profileActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.profileActions .btn{padding:11px 15px;font-size:9px}@media(max-width:520px){.avatarGrid{grid-template-columns:repeat(3,1fr)}.accountCard{padding:19px}}



#onlineRematchToast{
  position:fixed;left:50%;top:18px;transform:translateX(-50%);
  z-index:999999;display:none;max-width:min(92vw,620px);
  padding:12px 17px;border-radius:13px;
  background:linear-gradient(90deg,rgba(5,15,25,.98),rgba(8,18,28,.98));
  border:1px solid rgba(117,219,255,.32);
  color:#e8fbff;font:900 10px Arial,sans-serif;letter-spacing:1px;
  text-align:center;box-shadow:0 16px 55px rgba(0,0,0,.55),0 0 25px rgba(0,229,255,.08)
}
#onlineWaiting.rematchReady .onlineWaitingCard{
  border-color:rgba(168,255,0,.35);
  box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 35px rgba(168,255,0,.09)
}



/* V35 — mỗi người chơi chọn đúng XE của mình; MAP là cấu hình chung của phòng */
#onlineExactSetup{margin:12px 0;padding:12px;border-radius:15px;border:1px solid rgba(117,219,255,.14);background:linear-gradient(135deg,rgba(0,234,255,.055),rgba(168,255,0,.035));display:grid;grid-template-columns:1fr 1fr;gap:9px}
#onlineExactSetup label{display:block;color:#8294ac;font:900 8px Arial;letter-spacing:1px}
#onlineExactSetup select{margin-top:6px;width:100%;height:43px}
#onlineExactSetup .exactInfo{grid-column:1/-1;text-align:center;color:#6f8199;font:700 7px/1.45 Arial;letter-spacing:.4px}
#onlineExactCarPreview{height:150px;margin-top:7px;border-radius:13px;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(35,58,90,.82),rgba(4,8,15,.98) 72%);border:1px solid rgba(117,219,255,.15)}
#onlineExactCarPreview:after{content:"";position:absolute;left:10%;right:10%;bottom:17px;height:16px;border-radius:50%;background:var(--exactGlow,#00eaff);filter:blur(18px);opacity:.3}
#onlineExactCarArt{position:absolute;inset:8px 5px 24px;display:grid;place-items:center;z-index:2}
#onlineExactCarArt .authCar{width:110%;filter:drop-shadow(0 0 13px var(--exactGlow,#00eaff)) drop-shadow(0 12px 14px rgba(0,0,0,.7));animation:exactCarFloat 2.1s ease-in-out infinite}
#onlineExactCarInfo{position:absolute;z-index:4;left:7px;right:7px;bottom:5px;padding:5px 7px;border-radius:8px;background:rgba(2,6,13,.8);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);font:900 7px Arial;color:#fff}
#onlineExactCarInfo b{color:#a8ff00;margin-left:6px}
@keyframes exactCarFloat{50%{transform:translateY(-3px) scale(1.015)}}
@media(max-width:620px){#onlineExactSetup{grid-template-columns:1fr}.exactInfo{grid-column:auto!important}#onlineExactCarPreview{height:145px}}



/* === V37 CAR STAR MILESTONE NOTIFICATIONS === */
#carStarMilestoneV37{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  pointer-events:none;background:radial-gradient(circle,rgba(255,216,61,.12),transparent 38%);
}
#carStarMilestoneV37.show{display:flex;animation:v37StarBackdrop .9s ease-out}
.v37StarMilestoneCard{
  min-width:min(430px,88vw);padding:24px 22px 20px;text-align:center;border-radius:24px;
  border:1px solid rgba(255,216,61,.48);
  background:linear-gradient(145deg,rgba(15,13,7,.96),rgba(5,8,15,.97));
  box-shadow:0 0 70px rgba(255,216,61,.20),0 25px 90px rgba(0,0,0,.72);
  transform:scale(.72);opacity:0;animation:v37StarPop .7s cubic-bezier(.18,.82,.2,1) forwards;
}
.v37StarMilestoneKicker{font:1000 9px Arial,sans-serif;letter-spacing:4px;color:#ffd83d}
.v37StarMilestoneStars{margin:9px 0 5px;font-size:clamp(34px,9vw,58px);letter-spacing:3px;line-height:1}
.v37StarMilestoneStars span{color:#3a4352}
.v37StarMilestoneStars span.on{color:#ffd83d;text-shadow:0 0 14px rgba(255,216,61,.95),0 0 34px rgba(255,216,61,.45)}
.v37StarMilestoneTitle{font:1000 clamp(22px,5vw,34px) Arial,sans-serif;color:#fff;letter-spacing:1px}
.v37StarMilestoneSub{margin-top:7px;font:800 9px/1.5 Arial,sans-serif;color:#9aa8bc;letter-spacing:.7px}
.v37StarMilestoneSub b{color:#ffd83d}
#carStarMilestoneV37.maxStar{background:radial-gradient(circle,rgba(168,255,0,.17),transparent 42%)}
#carStarMilestoneV37.maxStar .v37StarMilestoneCard{
  border-color:rgba(168,255,0,.62);
  box-shadow:0 0 90px rgba(168,255,0,.28),0 25px 90px rgba(0,0,0,.72);
}
#carStarMilestoneV37.maxStar .v37StarMilestoneKicker,
#carStarMilestoneV37.maxStar .v37StarMilestoneTitle{color:#a8ff00}
@keyframes v37StarPop{0%{opacity:0;transform:scale(.72) translateY(18px)}55%{opacity:1;transform:scale(1.05) translateY(-2px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes v37StarBackdrop{0%{opacity:0}20%{opacity:1}100%{opacity:1}}
#carStarFireworksV37{
  position:fixed;inset:0;z-index:1001;pointer-events:none;display:none;overflow:hidden;
}
#carStarFireworksV37.show{display:block}
.v37Firework{
  position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd83d;
  box-shadow:0 0 12px #ffd83d,0 0 28px #ffd83d;
  animation:v37FireworkBurst 1.45s ease-out forwards;
}
@keyframes v37FireworkBurst{
  0%{transform:translate(0,0) scale(.4);opacity:0}
  12%{opacity:1}
  100%{transform:translate(var(--dx),var(--dy)) scale(.08);opacity:0}
}



#onlineRoomCode{letter-spacing:2px}
.v38IdentityBadge{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:6px;background:rgba(0,234,255,.08);border:1px solid rgba(0,234,255,.14);color:#8fefff;font:900 7px Arial;letter-spacing:.8px}



/* V39: compact room visuals — no in-room car/map SELECT boxes. */
#onlineRoom #onlineMatchSetup{display:none!important}
#onlineRoom #onlineExactSetup{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;margin:8px 0 10px!important;padding:0!important;border:0!important;background:none!important}
#onlineRoom #onlineExactSetup>div{min-width:0!important}
#onlineRoom #onlineExactSetup label{display:block!important;font-size:0!important;color:transparent!important;line-height:0!important}
#onlineRoom #onlineExactSetup label select{display:none!important}
#onlineRoom #onlineExactSetup .exactInfo{grid-column:1/-1!important;text-align:center!important;font-size:8px!important;color:#71819a!important;padding:3px 6px!important}
#onlineRoom #onlineExactSetup>div:first-child:before,#onlineRoom #onlineExactSetup>div:nth-child(2):before{display:block!important;margin:0 0 5px!important;color:#7fe9ff!important;font:800 8px Arial,sans-serif!important;letter-spacing:1.4px!important;text-align:center!important}
#onlineRoom #onlineExactSetup>div:first-child:before{content:"🏎️ XE ĐÃ CHỌN"}
#onlineRoom #onlineExactSetup>div:nth-child(2):before{content:"🗺️ MAP ĐÃ CHỌN"}
#onlineRoom #onlineExactCarPreview,#onlineRoom #onlineExactMapPreview{display:block!important;width:100%!important;min-height:148px!important;margin-top:0!important;border-radius:14px!important;overflow:hidden!important}
#onlineRoom #onlineExactCarPreview{display:grid!important;grid-template-rows:1fr auto!important;align-items:center!important;padding:8px!important;box-sizing:border-box!important}
#onlineRoom #onlineExactCarArt{min-height:112px!important;display:grid!important;place-items:center!important}
#onlineRoom #onlineExactCarArt svg{max-width:100%!important;max-height:112px!important}
#onlineRoom #onlineExactCarInfo{font-size:10px!important;text-align:center!important;line-height:1.45!important}
#onlineRoom #onlineExactMapPreview{position:relative!important}
#onlineRoom #onlineExactMapPreview .mapArt{display:block!important;width:100%!important;height:148px!important;object-fit:cover!important}
#onlineRoom #onlineExactMapPreview .mapPreviewLabel{position:absolute!important;left:8px!important;right:8px!important;bottom:7px!important;padding:5px 7px!important;border-radius:8px!important;background:rgba(3,10,18,.76)!important;color:#eaffff!important;text-align:center!important;font:800 10px Arial,sans-serif!important;letter-spacing:.8px!important}
#onlineRoom .roomCode{margin-bottom:4px!important}
#onlineRoom .roomHint{margin-bottom:7px!important}
#onlineRoom .roomPlayers{order:0!important;margin:0 0 8px!important}
#onlineRoom #onlineExactSetup{order:1!important}
#onlineRoom .roomPlayers .roomPlayer{min-width:0!important}
@media(max-width:520px){#onlineRoom #onlineExactSetup{grid-template-columns:1fr 1fr!important}#onlineRoom #onlineExactCarPreview,#onlineRoom #onlineExactMapPreview{min-height:132px!important}#onlineRoom #onlineExactCarArt{min-height:96px!important}#onlineRoom #onlineExactMapPreview .mapArt{height:132px!important}}