.ui{position:fixed;inset:0;z-index:10;pointer-events:none;color:#eaf2ff;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;--blue: #2b8cff;--cyan: #33e6ff;--orange: #ff8c1a;--pink: #ff2fa8;--gold: #ffd23f;--red: #ff3b5c;--ink: #eaf2ff;--dim: rgba(190, 210, 245, .72);--panel: rgba(9, 15, 38, .88);--panel-2: rgba(13, 21, 52, .92);--line: rgba(120, 180, 255, .28);--fs-menu: clamp(19px, 1.75vw, 27px)}.ui button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}.ui button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}.ui [hidden]{display:none!important}.ui .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 34px;height:clamp(46px,4.6vh,62px);transform:skew(-10deg);background:linear-gradient(180deg,#263a78eb,#0e1638f0);border:1px solid rgba(130,190,255,.35);border-left:4px solid var(--cyan);box-shadow:0 6px 22px #0206148c,inset 0 1px #ffffff29;color:var(--ink);font-size:var(--fs-menu);font-weight:700;letter-spacing:.14em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;pointer-events:auto;overflow:hidden}.ui .btn>span,.ui .btn>svg{transform:skew(10deg);display:inline-flex;align-items:center}.ui .btn:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg);transition:left .45s ease}.ui .btn:hover{background:linear-gradient(180deg,#345cbef2,#142864f2);border-color:#33e6ffbf;box-shadow:0 8px 30px #2b8cff59,inset 0 1px #fff3;transform:skew(-10deg) translate(6px)}.ui .btn:hover:after{left:130%}.ui .btn:active{transform:skew(-10deg) translate(6px) scale(.97)}.ui .btn-primary{background:linear-gradient(180deg,#ff9d2e,#ff5c1a 55%,#f0341c);border:none;border-left:4px solid #ffd23f;color:#fff;text-shadow:0 2px 8px rgba(120,20,0,.5);box-shadow:0 8px 28px #ff5c1a66,inset 0 1px #ffffff73}.ui .btn-primary:hover{background:linear-gradient(180deg,#ffb14a,#ff6c26 55%,#ff4416);box-shadow:0 10px 36px #ff6e1a8c,inset 0 1px #ffffff80}.ui .btn-ghost{border-left:4px solid var(--pink);background:linear-gradient(180deg,#501e5acc,#1e0c30e6)}.ui .btn-back{height:clamp(38px,4vh,48px);padding:0 20px;font-size:clamp(14px,1.2vw,17px);letter-spacing:.08em;border-left-width:3px}.ui .btn-back svg{width:18px;height:18px}.ui .btn-menu{width:clamp(280px,25vw,430px);justify-content:flex-start}.ui .btn-ico{width:1.5em;text-align:center;color:var(--cyan);font-size:.85em}.ui .keycap{display:inline-flex;align-items:center;justify-content:center;min-width:2.1em;padding:.28em .55em;border-radius:8px;background:linear-gradient(180deg,#3c4a74,#1a2340 60%,#131a30);border:1px solid rgba(150,190,255,.4);border-bottom:3px solid rgba(80,110,190,.9);box-shadow:inset 0 1px #ffffff2e,0 2px 6px #00000073;font-size:13px;font-weight:700;color:#dfe9ff;white-space:nowrap}.ui .keycap.hold{border-bottom-color:var(--orange);box-shadow:inset 0 1px #ffffff2e,0 0 8px #ff8c1a80}.ui .chip{display:inline-flex;align-items:center;padding:4px 14px;font-size:13px;font-weight:700;letter-spacing:.1em;color:#cfe6ff;background:#14285a99;border:1px solid var(--line);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.ui .chip.ch-track{color:var(--gold)}.ui .ui-screens{position:absolute;inset:0}.ui .screen{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden auto;opacity:0;transition:opacity .25s ease;background:radial-gradient(120% 90% at 50% -20%,rgba(43,140,255,.18),transparent 55%),radial-gradient(90% 70% at 85% 110%,rgba(255,47,168,.12),transparent 60%),linear-gradient(180deg,#050816db,#070c1eeb)}.ui .screen.on{opacity:1}.ui .screen-head{display:flex;align-items:center;gap:22px;padding:clamp(16px,2.6vh,30px) clamp(20px,3.5vw,54px) 0}.ui .screen-title{margin:0;font-size:clamp(26px,3vw,42px);font-style:italic;font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#fff,#9fd0ff 60%,#4d9fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 24px rgba(43,140,255,.35);white-space:nowrap}.ui .screen-sub{display:flex;align-items:center;gap:10px;font-size:clamp(11px,1vw,14px);letter-spacing:.42em;color:var(--dim);white-space:nowrap}.ui .screen-sub:before{content:"";width:clamp(30px,4vw,80px);height:2px;background:linear-gradient(90deg,transparent,var(--cyan))}.ui .screen-main{overflow:hidden}.ui .main-bg{position:absolute;inset:0;overflow:hidden}.ui .main-bg .grid-floor{position:absolute;left:-30%;right:-30%;bottom:-6%;height:52%;background:repeating-linear-gradient(90deg,rgba(51,230,255,.16) 0 2px,transparent 2px 90px),repeating-linear-gradient(0deg,rgba(51,230,255,.13) 0 2px,transparent 2px 70px);transform:perspective(560px) rotateX(64deg);transform-origin:50% 100%;animation:gridScroll 2.6s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:0 70px,0 70px}}.ui .orb{position:absolute;border-radius:50%;filter:blur(6px);opacity:.5;animation:orbFloat 9s ease-in-out infinite alternate}.ui .orb.o1{width:34vw;height:34vw;left:-12vw;top:-14vw;background:radial-gradient(circle at 40% 40%,rgba(43,140,255,.5),transparent 65%)}.ui .orb.o2{width:26vw;height:26vw;right:-8vw;top:8vw;background:radial-gradient(circle at 50% 50%,rgba(255,47,168,.42),transparent 65%);animation-delay:-3s}.ui .orb.o3{width:30vw;height:30vw;right:16vw;bottom:-16vw;background:radial-gradient(circle at 50% 50%,rgba(255,140,26,.35),transparent 65%);animation-delay:-6s}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4vw,-3vw,0) scale(1.12)}}.ui .main-bg .streaks{position:absolute;inset:-40%;background:repeating-linear-gradient(112deg,transparent 0 24vw,rgba(51,230,255,.05) 24vw calc(24vw + 2px),transparent calc(24vw + 2px) 38vw,rgba(255,47,168,.05) 38vw calc(38vw + 2px),transparent calc(38vw + 2px) 60vw);animation:streakSlide 14s linear infinite}@keyframes streakSlide{0%{transform:translateZ(0)}to{transform:translate3d(-60vw,30vw,0)}}.ui .main-veil{position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 30%,#04081647,#040816b3)}.ui .main-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5.5vh,64px);padding:4vh 20px}.ui .title-wrap{text-align:center}.ui .title-tag{display:inline-block;padding:5px 22px;font-size:clamp(10px,.95vw,14px);font-weight:700;letter-spacing:.6em;color:#9fd4ff;border:1px solid rgba(120,190,255,.35);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#0c183c8c;margin-bottom:clamp(10px,1.8vh,22px)}.ui .game-title{margin:0;line-height:1.02;transform:skew(-8deg)}.ui .game-title span{display:inline-block;font-size:clamp(58px,11vw,168px);font-weight:900;font-style:italic;letter-spacing:.04em;background:linear-gradient(180deg,#fff 8%,#ffe98a,#ff9d2e,#ff3b5c 74%,#d5124e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.12);filter:drop-shadow(0 4px 0 rgba(90,20,60,.55)) drop-shadow(0 10px 34px rgba(255,61,92,.4))}.ui .game-sub{margin-top:clamp(8px,1.6vh,18px);display:flex;align-items:center;justify-content:center;gap:18px;color:var(--cyan)}.ui .game-sub b{font-size:clamp(15px,1.9vw,30px);letter-spacing:.72em;text-indent:.72em;font-weight:800;text-shadow:0 0 18px rgba(51,230,255,.65)}.ui .game-sub i{height:2px;width:clamp(50px,9vw,160px);background:linear-gradient(90deg,transparent,var(--cyan))}.ui .game-sub i:last-child{transform:scaleX(-1)}.ui .main-menu{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,20px)}.ui .main-foot{position:absolute;bottom:2.4vh;left:0;right:0;display:flex;justify-content:center;gap:14px;font-size:clamp(11px,.95vw,14px);letter-spacing:.18em;color:#a0b9e699}.ui .foot-sep{opacity:.4}.ui .mode-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);align-content:center;padding:clamp(16px,4vh,48px) clamp(24px,6vw,120px)}.ui .card-mode{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:clamp(22px,3vh,40px);text-align:left;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);border:1px solid var(--line);background:linear-gradient(160deg,#16224ee6,#090e24f0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ui .card-mode:before{content:"";position:absolute;inset:0;opacity:.14;background:var(--grad, linear-gradient(140deg, #2b8cff, transparent 65%));transition:opacity .18s ease}.ui .card-mode:hover{transform:translateY(-8px);border-color:#33e6ff99;box-shadow:0 18px 50px #000a2899}.ui .card-mode:hover:before{opacity:.3}.ui .card-mode.c-blue{--grad: linear-gradient(140deg, #2b8cff, transparent 65%)}.ui .card-mode.c-orange{--grad: linear-gradient(140deg, #ff8c1a, transparent 65%)}.ui .card-mode.c-pink{--grad: linear-gradient(140deg, #ff2fa8, transparent 65%)}.ui .card-mode.c-green{--grad: linear-gradient(140deg, #37e6a0, transparent 65%)}.ui .card-mode-ico{width:clamp(46px,4.4vw,66px);height:clamp(46px,4.4vw,66px);display:grid;place-items:center;margin-bottom:10px;border-radius:50%;border:2px solid rgba(51,230,255,.5);background:radial-gradient(circle at 35% 30%,#33e6ff40,#0a122ccc);box-shadow:0 0 22px #33e6ff40}.ui .card-mode-ico svg{width:55%;height:55%;color:var(--cyan)}.ui .card-mode-t{font-size:clamp(22px,2.2vw,34px);font-weight:900;font-style:italic;letter-spacing:.1em}.ui .card-mode-en{font-size:clamp(10px,.9vw,13px);letter-spacing:.5em;color:var(--cyan)}.ui .card-mode-d{margin-top:10px;font-size:clamp(13px,1.05vw,16px);line-height:1.65;color:var(--dim)}.ui .card-mode-go{margin-top:auto;padding-top:14px;font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:.2em;color:var(--gold)}.ui .tracks-grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px);align-content:stretch;padding:clamp(18px,3.4vh,44px) clamp(24px,5vw,100px) 40px}.ui .card-track{display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);background:var(--panel);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ui .card-track:hover{transform:translateY(-6px);border-color:var(--ac);box-shadow:0 16px 44px color-mix(in srgb,var(--ac) 25%,rgba(0,0,20,.55))}.ui .card-track-canvas{position:relative;padding:14px;background:radial-gradient(90% 100% at 50% 0%,color-mix(in srgb,var(--ac) 16%,transparent),transparent 70%),linear-gradient(180deg,#0a1026,#0a122c)}.ui .card-track-canvas canvas{width:100%;height:clamp(110px,13vh,160px);display:block}.ui .card-track-laps{position:absolute;top:10px;right:10px;padding:3px 10px;font-size:12px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--ac) 80%,#000);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.ui .card-track-body{display:flex;flex-direction:column;gap:9px;padding:16px 18px 18px;flex:1}.ui .card-track-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ui .card-track-name b{font-size:clamp(19px,1.7vw,26px);font-weight:900;font-style:italic;letter-spacing:.08em}.ui .card-track-name span{font-size:11px;letter-spacing:.34em;color:var(--ac)}.ui .card-track-stars{display:flex;align-items:center;gap:3px}.ui .card-track-stars .star{color:#8ca5d259;font-size:15px}.ui .card-track-stars .star.on{color:var(--gold);text-shadow:0 0 10px rgba(255,210,63,.6)}.ui .diff-label{margin-left:8px;font-size:11px;letter-spacing:.2em;color:var(--dim)}.ui .card-track-desc{margin:0;font-size:13.5px;line-height:1.7;color:var(--dim);min-height:3.4em}.ui .card-track-best{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:8px 12px;background:#0a122cb3;border-left:3px solid var(--gold)}.ui .card-track-best b{font-size:15px;color:var(--gold);font-variant-numeric:tabular-nums}.ui .btn-start{height:clamp(40px,4.2vh,52px);margin-top:auto;font-size:clamp(15px,1.3vw,19px);background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 85%,#fff 6%),color-mix(in srgb,var(--ac) 60%,#00224d));border:none;border-left:4px solid #fff3}.ui .btn-start:hover{filter:brightness(1.18)}.ui .garage-layout{flex:1;display:grid;grid-template-columns:minmax(168px,216px) minmax(0,1.35fr) minmax(300px,1fr);gap:clamp(18px,2.6vw,44px);padding:clamp(16px,3vh,40px) clamp(24px,5vw,100px) 40px;min-height:0}.ui .garage-preview{display:flex;flex-direction:column;gap:10px;min-height:0}.ui .garage-stage{position:relative;flex:1;min-height:clamp(260px,46vh,560px);border:1px solid var(--line);background:radial-gradient(70% 60% at 50% 62%,rgba(51,230,255,.12),transparent 70%),radial-gradient(120% 90% at 50% -10%,rgba(43,140,255,.16),transparent 60%),linear-gradient(180deg,#0a0f26,#060a1c);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);overflow:hidden}.ui .garage-canvas{width:100%;height:100%;display:block;cursor:grab;pointer-events:auto}.ui .garage-canvas:active{cursor:grabbing}.ui .garage-stage:after{content:"";position:absolute;left:50%;bottom:8%;width:60%;height:10%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(51,230,255,.2),transparent 70%);pointer-events:none}.ui .garage-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim);font-size:16px;letter-spacing:.2em}.ui .garage-hint{text-align:center;font-size:12px;letter-spacing:.3em;color:#96afdc8c}.ui .garage-panel{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,28px);padding:clamp(20px,2.6vw,36px);background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);overflow-y:auto}.ui .g-row{display:flex;flex-direction:column;gap:10px}.ui .g-label{font-size:13px;font-weight:700;letter-spacing:.24em;color:#9fc3ff}.ui .garage-list{display:flex;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(51,230,255,.45) transparent}.ui .garage-list::-webkit-scrollbar{width:6px}.ui .garage-list::-webkit-scrollbar-thumb{background:#33e6ff66;border-radius:4px}.ui .g-group-label{margin:12px 0 3px;font-size:12px;font-weight:800;letter-spacing:.3em;color:#7fa8e8}.ui .g-group-label:first-child{margin-top:2px}.ui .g-group-label:after{content:"";display:block;height:1px;margin-top:5px;background:linear-gradient(90deg,rgba(120,180,255,.4),transparent)}.ui .v-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;padding:8px 10px 9px;background:#0c1430b8;border:1px solid rgba(120,180,255,.16);border-left:3px solid transparent;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:all .14s ease}.ui .v-item:hover{border-left-color:#33e6ff99;background:#18285ccc;transform:translate(3px)}.ui .v-item.on{background:linear-gradient(90deg,#33e6ff38,#0c1430cc);border-left-color:var(--cyan);border-color:#33e6ff80}.ui .v-item.on .v-name{color:#fff}.ui .v-type{grid-row:1 / span 2;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;color:#9fc3ff;writing-mode:vertical-rl;text-orientation:upright}.ui .v-name{font-size:15px;font-weight:800;color:#dfe9ff;letter-spacing:.06em;white-space:nowrap}.ui .v-en{font-size:9.5px;letter-spacing:.22em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .garage-info{display:flex;flex-direction:column;gap:7px}.ui .gi-name{font-size:clamp(24px,2.2vw,34px);font-weight:900;font-style:italic;letter-spacing:.08em;background:linear-gradient(180deg,#fff,#9fd0ff 65%,#4d9fff);-webkit-background-clip:text;background-clip:text;color:transparent}.ui .gi-sub{display:flex;align-items:center;gap:10px}.ui .gi-en{font-size:12px;letter-spacing:.34em;color:var(--cyan)}.ui .gi-cls{padding:2px 12px;font-size:11.5px}.ui .gi-desc{margin:2px 0 0;font-size:13.5px;line-height:1.75;color:var(--dim)}.ui .stat-rows{display:flex;flex-direction:column;gap:9px}.ui .stat-row{display:grid;grid-template-columns:3.2em 1fr 1.6em;align-items:center;gap:12px}.ui .st-label{font-size:13px;font-weight:700;letter-spacing:.18em;color:#cfe0ff}.ui .stat-bar{position:relative;height:10px;background:#0e1838e6;border:1px solid rgba(120,180,255,.35);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);overflow:hidden}.ui .stat-bar i{position:absolute;inset:1px;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.25,1,.35,1);background:linear-gradient(90deg,#2b8cff,#33e6ff 70%,#8ef2ff);box-shadow:0 0 10px #33e6ff8c}.ui .stat-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.5) 50%,transparent 80%);background-size:200% 100%;animation:statShine 2.6s linear infinite}@keyframes statShine{0%{background-position:200% 0}to{background-position:-60% 0}}.ui .st-val{font-size:15px;font-weight:900;font-style:italic;color:var(--gold);text-align:right}.ui .seg{display:inline-flex;gap:6px;flex-wrap:wrap;pointer-events:auto}.ui .seg-btn{padding:8px 22px;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--dim);background:#0e1838cc;border:1px solid var(--line);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .14s ease}.ui .seg-btn:hover{color:#fff;border-color:#33e6ff8c}.ui .seg-btn.on{color:#04101f;background:linear-gradient(180deg,#7deaff,var(--cyan));border-color:transparent;box-shadow:0 0 16px #33e6ff73}.ui .swatches{display:flex;flex-wrap:wrap;gap:9px;pointer-events:auto}.ui .swatch{width:34px;height:34px;border-radius:8px;border:2px solid rgba(255,255,255,.18);background:var(--c);box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 5px #0006,0 2px 8px #0006;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.ui .swatch:hover{transform:scale(1.14)}.ui .swatch.on{border-color:#fff;box-shadow:0 0 0 3px #33e6ff8c,inset 0 2px 4px #ffffff59;transform:scale(1.1)}.ui .swatch.custom{position:relative;display:grid;place-items:center;background:conic-gradient(#ff3b5c,#ffd23f,#2bff88,#33e6ff,#7a5cff,#ff3b5c);overflow:hidden}.ui .swatch.custom input{position:absolute;inset:-8px;opacity:0;cursor:pointer}.ui .swatch.custom span{font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}.ui .name-input,.ui .ui-slider{pointer-events:auto;font-family:inherit}.ui .name-input{width:min(260px,100%);padding:10px 16px;font-size:16px;font-weight:700;letter-spacing:.12em;color:#fff;background:#0a122cd9;border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.ui .name-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #33e6ff40}.ui .settings-tabs{display:flex;gap:8px;padding:clamp(14px,2.4vh,26px) clamp(24px,5vw,100px) 0}.ui .tab{position:relative;padding:10px 26px;font-size:clamp(14px,1.2vw,17px);font-weight:700;letter-spacing:.16em;color:var(--dim);background:#0c1430b3;border:1px solid var(--line);border-bottom:none;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:all .15s ease}.ui .tab:hover{color:#fff}.ui .tab.on{color:#04101f;background:linear-gradient(180deg,#8feeff,var(--cyan));box-shadow:0 -4px 20px #33e6ff4d}.ui .settings-body{flex:1;margin:0 clamp(24px,5vw,100px) 0;padding:clamp(18px,3vh,34px) clamp(18px,2.4vw,36px);background:var(--panel);border:1px solid var(--line);border-top-color:#33e6ff66;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);overflow-y:auto}.ui .settings-foot{display:flex;gap:14px;padding:14px clamp(24px,5vw,100px) 26px}.ui .set-note{font-size:13px;line-height:1.7;color:var(--dim);padding:10px 16px;background:#0e1a3c8c;border-left:3px solid var(--cyan);margin-bottom:10px}.ui .set-note.warn{border-left-color:var(--gold);color:#ffe4a1}.ui .set-note b{color:#fff}.ui .key-table{display:flex;flex-direction:column}.ui .key-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 6px;border-bottom:1px solid rgba(120,180,255,.12)}.ui .key-row:hover{background:#1e3c822e}.ui .key-label{font-size:15px;font-weight:600;letter-spacing:.08em}.ui .key-slots{display:flex;gap:10px}.ui .kc-slot{pointer-events:auto;font-size:15px;min-width:96px;transition:all .13s ease}.ui .kc-slot:hover{border-color:var(--cyan);box-shadow:0 0 14px #33e6ff66;transform:translateY(-2px)}.ui .set-row{display:flex;align-items:center;gap:20px;padding:13px 6px;border-bottom:1px solid rgba(120,180,255,.12)}.ui .set-row .g-label{width:9em;flex:none}.ui .slider-row{gap:16px}.ui .ui-slider{flex:1;max-width:420px;height:6px;appearance:none;-webkit-appearance:none;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--cyan));outline:none}.ui .ui-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#fff,#9fd8ff);border:2px solid var(--cyan);box-shadow:0 0 12px #33e6ffb3;cursor:pointer}.ui .slider-val{font-size:15px;font-variant-numeric:tabular-nums;color:var(--cyan);width:3.2em}.ui .stepper{display:inline-flex;align-items:center;gap:16px;pointer-events:auto}.ui .step-btn{width:40px;height:40px;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(180deg,#3350a0,#1a2a5e);border:1px solid var(--line);border-radius:10px;transition:all .12s ease}.ui .step-btn:hover{border-color:var(--cyan);box-shadow:0 0 14px #33e6ff66}.ui .step-val{font-size:22px;font-weight:900;color:var(--gold);min-width:1.4em;text-align:center}.ui .switch{display:inline-flex;align-items:center;gap:10px;pointer-events:auto}.ui .switch i{width:52px;height:28px;border-radius:20px;background:#141e42e6;border:1px solid var(--line);position:relative;transition:all .16s ease}.ui .switch i:after{content:"";position:absolute;top:3px;left:4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#cfe0ff,#8fa6d8);transition:all .16s ease}.ui .switch.on i{background:linear-gradient(90deg,#1f6fdd,#33e6ff);border-color:transparent;box-shadow:0 0 14px #33e6ff80}.ui .switch.on i:after{left:27px;background:#fff}.ui .sw-t{font-size:14px;font-weight:700;letter-spacing:.2em;color:var(--dim)}.ui .switch.on .sw-t{color:var(--cyan)}.ui .tut-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(290px,26vw,400px),1fr));gap:clamp(14px,1.8vw,26px);align-content:start;padding:clamp(16px,3vh,36px) clamp(24px,5vw,100px) 20px}.ui .tut-card{position:relative;padding:16px 18px 18px;background:var(--panel);border:1px solid color-mix(in srgb,var(--ac) 35%,transparent);border-top:3px solid var(--ac);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);transition:transform .16s ease,box-shadow .16s ease}.ui .tut-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px color-mix(in srgb,var(--ac) 22%,rgba(0,0,25,.5))}.ui .tut-diag{position:relative;height:clamp(84px,10vh,120px);margin-bottom:12px;background:radial-gradient(80% 90% at 50% 110%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 70%),repeating-linear-gradient(0deg,rgba(120,160,230,.06) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(120,160,230,.06) 0 1px,transparent 1px 14px),#0a1026;overflow:hidden}.ui .tut-diag svg{position:absolute;inset:0;width:100%;height:100%}.ui .tut-diag .dp{fill:none;stroke:color-mix(in srgb,var(--ac) 60%,#fff);stroke-width:5;stroke-linecap:round;opacity:.85}.ui .tut-diag .dp2{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:2 7;opacity:.8;animation:dashRun 1.4s linear infinite}@keyframes dashRun{to{stroke-dashoffset:-9}}.ui .dk{position:absolute;left:0;top:0;width:11px;height:18px;border-radius:3px;background:linear-gradient(180deg,#ff6a7c,#d5124e);box-shadow:0 0 10px #ff3d5ccc,inset 0 1px #ffffff80;offset-rotate:auto;offset-distance:0%;animation:diagRun 2.4s cubic-bezier(.45,.05,.55,.95) infinite}.ui .dk:after{content:"";position:absolute;left:50%;top:2px;width:6px;height:6px;transform:translate(-50%);border-radius:50%;background:#33e6ff;box-shadow:0 0 6px #33e6ff}@keyframes diagRun{0%{offset-distance:0%;opacity:0}8%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.ui .tut-title{font-size:clamp(18px,1.6vw,24px);font-weight:900;font-style:italic;letter-spacing:.1em;color:#fff}.ui .tut-title:before{content:"◆ ";color:var(--ac);font-size:.7em}.ui .tut-tl{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;margin:10px 0}.ui .tl-step{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.ui .tl-step em{font-style:normal;font-size:11px;color:var(--dim);letter-spacing:.06em;white-space:nowrap}.ui .tl-arrow{color:var(--ac);font-weight:900;padding-top:8px}.ui .tut-text{margin:0;font-size:13.5px;line-height:1.75;color:var(--dim)}.ui .tut-start-wrap{display:flex;justify-content:center;padding:6px 20px 34px}.ui .btn-launch{width:min(420px,80vw)}.ui .ui-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;transition:opacity .22s ease}.ui .ui-overlay.on{opacity:1}.ui .ui-loading{z-index:60;background:#040714db;backdrop-filter:blur(4px)}.ui .load-box{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:20px}.ui .load-ring{position:relative;width:92px;height:92px}.ui .load-ring i{position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.ui .load-ring i:nth-child(1){border-top-color:var(--cyan);animation:spin .9s linear infinite}.ui .load-ring i:nth-child(2){inset:10px;border-bottom-color:var(--orange);animation:spin 1.3s linear infinite reverse}.ui .load-ring i:nth-child(3){inset:20px;border-left-color:var(--pink);animation:spin 1.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui .load-text{font-size:clamp(20px,2.4vw,32px);font-weight:900;font-style:italic;letter-spacing:.3em;text-indent:.3em;color:#fff;text-shadow:0 0 24px rgba(51,230,255,.6)}.ui .load-tip{max-width:min(560px,84vw);font-size:14px;line-height:1.8;color:var(--dim)}.ui .load-bar{width:min(380px,70vw);height:5px;border-radius:3px;background:#1e326e99;overflow:hidden}.ui .load-bar i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:loadSweep 1.2s ease-in-out infinite alternate}@keyframes loadSweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ui .ui-pause{background:#040816a8;backdrop-filter:blur(10px)}.ui .pause-box{display:flex;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(30px,5vh,60px) clamp(36px,6vw,90px);background:var(--panel-2);border:1px solid var(--line);border-left:5px solid var(--cyan);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);box-shadow:0 30px 90px #000519b3}.ui .pause-title{margin:0 0 22px;font-size:clamp(30px,3.4vw,46px);font-weight:900;font-style:italic;letter-spacing:.2em}.ui .pause-title span{display:block;font-size:12px;font-weight:700;letter-spacing:.7em;color:var(--cyan);margin-top:6px}.ui .pause-menu{display:flex;flex-direction:column;gap:12px}.ui .pause-menu .btn{width:clamp(230px,20vw,320px)}.ui .pause-keys{display:grid;grid-template-columns:repeat(2,auto);gap:9px 26px;padding-left:clamp(20px,3vw,44px);border-left:1px solid rgba(120,180,255,.2)}.ui .pk{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--dim)}.ui .ui-results{background:#040714bd;backdrop-filter:blur(8px);z-index:50}.ui .results-box{width:min(860px,92vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,4vh,44px) clamp(24px,4vw,56px);background:linear-gradient(180deg,#0e183af5,#080d22f7);border:1px solid rgba(255,210,63,.35);border-top:4px solid var(--gold);clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);box-shadow:0 34px 110px #000519cc}.ui .results-head{text-align:center}.ui .results-head h2{margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:900;font-style:italic;letter-spacing:.24em;background:linear-gradient(180deg,#fff,#ffd23f 60%,#ff8c1a);-webkit-background-clip:text;background-clip:text;color:transparent}.ui .results-sub{display:flex;justify-content:center;gap:10px;margin-top:10px}.ui .record-badge{align-self:center;padding:7px 26px;font-size:clamp(15px,1.4vw,20px);font-weight:900;letter-spacing:.3em;text-indent:.3em;color:#241300;background:linear-gradient(90deg,#ff8c1a,#ffd23f,#ff8c1a);background-size:200% 100%;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);animation:recordShine 1.2s linear infinite}@keyframes recordShine{to{background-position:200% 0}}.ui .results-hero{text-align:center}.ui .res-place{font-size:clamp(26px,3vw,40px);font-weight:900;font-style:italic;letter-spacing:.14em}.ui .res-bestlap{margin-top:6px;font-size:15px;color:var(--dim);letter-spacing:.14em}.ui .res-bestlap b{color:var(--cyan);font-size:19px;font-variant-numeric:tabular-nums}.ui .podium{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,1.4vw,20px);padding:10px 0 0}.ui .pod-col{display:flex;flex-direction:column;align-items:center;gap:8px;width:clamp(110px,15vw,200px)}.ui .pod-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-left:14px;position:relative}.ui .pod-name:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background:var(--c, #8fb7ff);box-shadow:0 0 8px var(--c, #8fb7ff)}.ui .pod-block{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 6px 8px;color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.ui .pod-block b{font-size:clamp(22px,2.2vw,34px);font-weight:900;font-style:italic}.ui .pod-block span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.85}.ui .pod-col.p1 .pod-block{height:clamp(92px,13vh,128px);background:linear-gradient(180deg,#ffd23f,#ff8c1a 80%);color:#331900;box-shadow:0 0 34px #ffb42873}.ui .pod-col.p2 .pod-block{height:clamp(68px,9.6vh,96px);background:linear-gradient(180deg,#dfe8f5,#97a9c4 80%);color:#1c2735}.ui .pod-col.p3 .pod-block{height:clamp(52px,7.4vh,74px);background:linear-gradient(180deg,#ffb98a,#d9713d 80%);color:#361803}.ui .pod-col.me .pod-name{color:var(--cyan)}.ui .res-table{display:flex;flex-direction:column}.ui .res-row{display:grid;grid-template-columns:2.2em 1em minmax(0,1fr) 6.4em 6.4em;align-items:center;gap:10px;padding:9px 12px;font-size:14.5px;border-bottom:1px solid rgba(120,180,255,.1)}.ui .res-head-row{color:var(--dim);font-size:12px;letter-spacing:.2em;border-bottom-color:#78b4ff4d}.ui .res-row.me{background:linear-gradient(90deg,#33e6ff29,#2b8cff0f);border-left:3px solid var(--cyan)}.ui .res-pos{font-weight:900;font-style:italic;font-size:17px}.ui .res-pos.p1{color:var(--gold)}.ui .res-pos.p2{color:#dfe8f5}.ui .res-pos.p3{color:#ffb98a}.ui .res-name{display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .you-tag{font-style:normal;padding:1px 8px;font-size:11px;font-weight:900;color:#04101f;background:var(--cyan);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.ui .dot{width:10px;height:10px;border-radius:50%;background:var(--c, #8fb7ff);box-shadow:0 0 8px var(--c, #8fb7ff)}.ui .res-best,.ui .res-time{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)}.ui .res-time{color:#fff;font-weight:700}.ui .res-time.dnf{color:var(--red)}.ui .results-actions{display:flex;justify-content:center;gap:18px;padding-top:8px}.ui .ui-capture{z-index:70;background:#040816b8;backdrop-filter:blur(3px)}.ui .capture-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 60px;background:var(--panel-2);border:1px solid rgba(51,230,255,.5);box-shadow:0 0 60px #33e6ff40;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);text-align:center}.ui .capture-title{font-size:clamp(20px,2vw,28px);font-weight:900;font-style:italic;letter-spacing:.2em;animation:capPulse 1s ease-in-out infinite}@keyframes capPulse{50%{opacity:.55}}.ui .capture-action{font-size:15px;color:var(--cyan);letter-spacing:.14em}.ui .capture-hint{font-size:12.5px;color:var(--dim);letter-spacing:.08em}.ui .hud{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s ease;font-variant-numeric:tabular-nums}.ui .hud.on{opacity:1}.ui .hidden{display:none!important}.ui .hud-boost{position:absolute;inset:0;opacity:0;transition:opacity .18s ease;--bc: #ff8c1a}.ui .hud-boost[data-kind=nitro]{--bc: #4d7dff}.ui .hud-boost[data-kind=pad]{--bc: #22d8ff}.ui .hud-boost[data-kind=jet],.ui .hud-boost[data-kind=land],.ui .hud-boost[data-kind=start]{--bc: #ff8c1a}.ui .hud-boost[data-kind=double]{--bc: #ff6a1a}.ui .hud-boost:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 clamp(90px,12vw,190px) #0000004d,inset 0 0 clamp(140px,17vw,280px) color-mix(in srgb,var(--bc) 40%,transparent)}.ui .hud-pulse{position:absolute;inset:0;opacity:0;pointer-events:none;--pc: 120, 170, 255;background:radial-gradient(ellipse at 50% 60%,#fff0 20%,rgba(var(--pc),.55) 75%,rgba(var(--pc),.85))}.ui .hud-pulse[data-kind=jet],.ui .hud-pulse[data-kind=double]{--pc: 255, 150, 50}.ui .hud-pulse.on{animation:hudPulse .45s ease-out}@keyframes hudPulse{0%{opacity:0;transform:scale(1.08)}15%{opacity:1}to{opacity:0;transform:scale(1)}}.ui .hud-top-left{position:absolute;top:clamp(14px,2.6vh,30px);left:clamp(14px,2vw,30px);display:flex;flex-direction:column;gap:10px}.ui .hud-pos{display:flex;align-items:baseline;gap:4px;padding:4px 18px 8px 14px;background:linear-gradient(100deg,#090f26e0,#090f2673);border-left:4px solid var(--gold);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%)}.ui .hud-pos-num{font-size:clamp(44px,6.4vh,74px);font-weight:900;font-style:italic;line-height:.9;color:var(--gold);text-shadow:0 0 24px rgba(255,210,63,.55),0 4px 0 rgba(90,50,0,.45)}.ui .hud-pos-total{font-size:clamp(17px,2.2vh,26px);font-weight:700;color:var(--dim)}.ui .hud-pos-label{margin-left:10px;font-size:clamp(13px,1.6vh,17px);font-weight:700;letter-spacing:.2em;color:#fff}.ui .hud-standings{display:flex;flex-direction:column;gap:4px}.ui .hud-standing{display:flex;align-items:center;gap:8px;min-width:clamp(150px,15vw,230px);padding:4px 12px 4px 8px;font-size:clamp(12px,1.45vh,15px);background:#090f269e;border-left:3px solid transparent;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .2s ease}.ui .hud-standing .pos{width:1.3em;font-weight:900;color:var(--dim);font-style:italic}.ui .hud-standing .dot{width:8px;height:8px;flex:none}.ui .hud-standing span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfe0ff}.ui .hud-standing.me{background:linear-gradient(90deg,#33e6ff38,#090f269e);border-left-color:var(--cyan)}.ui .hud-standing.me .pos{color:var(--cyan)}.ui .hud-standing.me span{color:#fff;font-weight:700}.ui .hud-top-center{position:absolute;top:clamp(60px,12vh,130px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;pointer-events:none}.ui .hud-flash-stack{display:flex;flex-direction:column;align-items:center;gap:6px}.ui .hud-flash{display:flex;align-items:center;gap:12px;padding:6px 30px;font-size:clamp(26px,4.4vh,48px);font-weight:900;font-style:italic;letter-spacing:.16em;color:var(--fc, #fff);text-shadow:0 0 22px var(--fc, #fff),0 3px 0 rgba(0,0,0,.6),0 6px 26px rgba(0,0,0,.6);-webkit-text-stroke:1px rgba(255,255,255,.25);animation:flashIn .28s cubic-bezier(.2,1.6,.4,1)}.ui .hud-flash .hud-flash-icon{font-size:.62em;transform:translateY(-.12em)}.ui .hud-flash.out{animation:flashOut .45s ease forwards}@keyframes flashIn{0%{transform:translateY(26px) scale(.55);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes flashOut{to{transform:translateY(-34px) scale(1.12);opacity:0}}.ui .hud-warn{display:none;align-items:center;gap:10px;margin-top:4px;padding:10px 34px;font-size:clamp(22px,3.4vh,36px);font-weight:900;font-style:italic;letter-spacing:.22em;color:#fff;background:linear-gradient(90deg,#ff3d5c40,#ff3d5cd9,#ff3d5c40);border:1px solid rgba(255,120,140,.8);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);animation:warnPulse .6s ease-in-out infinite}.ui .hud-warn.on{display:inline-flex}@keyframes warnPulse{50%{box-shadow:0 0 44px #ff3d5cbf;filter:brightness(1.3)}}.ui .hud-countdown{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(120px,26vh,260px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 60px rgba(51,230,255,.9),0 10px 0 rgba(10,30,90,.7),0 20px 80px rgba(0,0,0,.6);-webkit-text-stroke:3px rgba(51,230,255,.65)}.ui .hud-countdown.go{color:var(--gold);-webkit-text-stroke:3px rgba(255,255,255,.7);text-shadow:0 0 80px rgba(255,180,40,1),0 10px 0 rgba(150,60,0,.7),0 20px 90px rgba(255,140,26,.8)}.ui .hud-countdown.pop{animation:countPop .9s cubic-bezier(.2,1.4,.3,1) forwards}@keyframes countPop{0%{transform:translate(-50%,-50%) scale(2.4);opacity:0}22%{transform:translate(-50%,-50%) scale(1);opacity:1}78%{opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.ui .hud-top-right{position:absolute;top:clamp(14px,2.6vh,30px);right:clamp(14px,2vw,30px);display:flex;flex-direction:column;align-items:flex-end;gap:10px}.ui .hud-fps{padding:3px 12px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--cyan);background:#090f26b3;border:1px solid rgba(51,230,255,.3)}.ui .hud-lapbox{min-width:clamp(190px,17vw,260px);padding:10px 18px 12px 14px;background:linear-gradient(240deg,#090f26e0,#090f2699);border-right:4px solid var(--cyan);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);display:flex;flex-direction:column;gap:3px}.ui .hud-track-name{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--dim);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .hud-lap-title{font-size:clamp(16px,2.2vh,22px);font-weight:900;letter-spacing:.1em;color:#fff}.ui .hud-lap-title b{color:var(--cyan);font-size:1.25em}.ui .hud-trow{display:flex;justify-content:space-between;gap:18px;font-size:clamp(12px,1.6vh,15px)}.ui .hud-trow span{color:var(--dim);letter-spacing:.22em}.ui .hud-trow b{font-weight:700;color:#eaf2ff}.ui .hud-trow .t-best.record{animation:bestPulse .7s ease;color:var(--gold)}@keyframes bestPulse{30%{text-shadow:0 0 18px var(--gold);transform:scale(1.12)}}.ui .hud-minimap-wrap{padding:8px;background:#090f26a8;border:1px solid rgba(120,180,255,.28);border-radius:12px}.ui .hud-minimap{width:clamp(118px,11.5vw,176px);height:clamp(118px,11.5vw,176px);display:block}.ui .hud-jet{position:absolute;left:50%;bottom:clamp(190px,31vh,320px);transform:translate(-50%);padding:8px 34px;font-size:clamp(24px,3.8vh,40px);font-weight:900;font-style:italic;letter-spacing:.2em;color:#04101f;background:linear-gradient(180deg,#8feeff,#33e6ff);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:0 0 34px #33e6ffa6}.ui .hud-jet[data-stage="2"]{background:linear-gradient(180deg,#c9b3ff,#7a5cff);color:#fff;box-shadow:0 0 40px #7a5cffcc}.ui .hud-jet.pulse{animation:jetPulse .5s ease-in-out infinite}@keyframes jetPulse{50%{transform:translate(-50%) scale(1.09);filter:brightness(1.25)}}.ui .hud-tutorial{position:absolute;left:50%;bottom:clamp(150px,24vh,240px);transform:translate(-50%);width:min(560px,86vw);padding:14px 22px;background:#090f26e0;border:1px solid rgba(51,230,255,.4);border-left:4px solid var(--cyan);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);display:flex;flex-direction:column;gap:6px}.ui .hud-tutorial-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.ui .hud-tutorial-title{font-size:clamp(17px,2.4vh,23px);font-weight:900;font-style:italic;letter-spacing:.1em;color:#fff}.ui .hud-tutorial-progress{font-size:14px;font-weight:700;color:var(--cyan);letter-spacing:.14em}.ui .hud-tutorial.done .hud-tutorial-progress{color:#37e6a0}.ui .hud-tutorial-text{font-size:14px;line-height:1.7;color:var(--dim)}.ui .hud-tutorial-keys{display:flex;gap:8px;margin-top:2px}.ui .hud-tutorial-keys .keycap{font-size:15px}.ui .hud-keys{position:absolute;left:clamp(14px,2vw,30px);bottom:clamp(14px,2.6vh,30px);display:flex;gap:8px}.ui .kc-hud{pointer-events:none;min-width:2.6em;transition:all .08s ease}.ui .kc-hud.on{background:linear-gradient(180deg,#ffd77c,#ff8c1a);border-color:#ffd23f;color:#331900;box-shadow:0 0 20px #ffb428cc,inset 0 1px #ffffff80;transform:translateY(-3px)}.ui .hud-nitro{position:absolute;left:50%;bottom:clamp(16px,3vh,34px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.ui .hud-bottles{display:flex;gap:14px}.ui .hud-bottle{position:relative;width:clamp(34px,3.4vw,52px);height:clamp(58px,6.4vw,92px);clip-path:polygon(18% 0,82% 0,100% 14%,100% 100%,0 100%,0 14%);background:#0e1634d9;border:1px solid rgba(120,180,255,.35)}.ui .hud-bottle i{position:absolute;inset:3px;clip-path:polygon(18% 0,82% 0,100% 14%,100% 100%,0 100%,0 14%);background:linear-gradient(180deg,#b8f0ff,#3d8bff 55%,#6a3dff);box-shadow:0 0 24px #3d8bffcc;transform:scaleY(0);transform-origin:bottom;transition:transform .22s cubic-bezier(.2,1.4,.4,1)}.ui .hud-bottle.filled i{transform:scaleY(1)}.ui .hud-bottle.filled{border-color:#78b4ffe6}.ui .hud-bottle.gained{animation:bottleGain .5s ease}@keyframes bottleGain{30%{filter:brightness(2.2);transform:scale(1.14)}}.ui .hud-bottle.used{animation:bottleUsed .55s ease-out}@keyframes bottleUsed{0%{filter:brightness(3);transform:scale(1.25);box-shadow:0 0 40px #6fb6ff}to{filter:none;transform:scale(1)}}.ui .hud-charge{position:relative;width:clamp(140px,13vw,200px);height:12px;background:#0e1634e6;border:1px solid rgba(120,180,255,.4);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);overflow:hidden}.ui .hud-charge-fill{position:absolute;inset:1px;background:linear-gradient(90deg,#2b8cff,#33e6ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #33e6ffcc}.ui .hud-charge-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.ui .hud-charge-flash.zap{animation:zapFlash .4s ease}@keyframes zapFlash{20%{opacity:.9}}.ui .hud-charge-label{font-size:11px;letter-spacing:.5em;text-indent:.5em;color:var(--dim)}.ui .hud-speedo{position:absolute;right:clamp(10px,1.6vw,26px);bottom:clamp(6px,1.4vh,18px);width:clamp(190px,19vw,320px);aspect-ratio:1;transition:filter .15s ease}.ui .hud-speedo-canvas{position:absolute;inset:0;width:100%;height:100%}.ui .hud-speed-digits{position:absolute;left:50%;bottom:13%;transform:translate(-50%);display:flex;align-items:baseline;gap:6px}.ui .hud-speed-digits b{font-size:clamp(38px,4.6vw,72px);font-weight:900;font-style:italic;line-height:1;color:#fff;text-shadow:0 0 22px rgba(51,230,255,.7),0 3px 0 rgba(0,20,60,.8);font-variant-numeric:tabular-nums}.ui .hud-speed-digits span{font-size:clamp(12px,1.2vw,17px);font-weight:700;color:var(--cyan);letter-spacing:.12em}.ui .hud-speed-boost-label{position:absolute;left:50%;top:24%;transform:translate(-50%) skew(-10deg);font-size:clamp(15px,1.7vw,24px);font-weight:900;font-style:italic;letter-spacing:.3em;color:var(--gold);text-shadow:0 0 18px rgba(255,180,40,.9);opacity:0;transition:opacity .12s ease}.ui .hud-speedo[data-boost] .hud-speed-boost-label{opacity:1;animation:warnPulse .4s ease-in-out infinite}.ui .hud-speedo[data-boost]{filter:drop-shadow(0 0 26px rgba(255,140,26,.55))}.ui .hud-speedo[data-boost=nitro]{filter:drop-shadow(0 0 30px rgba(77,139,255,.75))}.ui .hud-speedo[data-boost=nitro] .hud-speed-boost-label{color:#bfe6ff;text-shadow:0 0 18px rgba(77,139,255,1),0 0 34px rgba(138,77,255,.8)}.ui .hud-smoke{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(85% 65% at 50% 42%,#a8b2c1cc,#808a9c9e 58%,#606a7e75);transition:opacity .18s linear}.ui .hud-smoke:after{content:"";position:absolute;inset:-25%;background:repeating-radial-gradient(circle at 30% 40%,rgba(255,255,255,.1) 0 42px,transparent 42px 116px),repeating-radial-gradient(circle at 72% 62%,rgba(255,255,255,.08) 0 36px,transparent 36px 100px);animation:smokeDrift 9s linear infinite}@keyframes smokeDrift{to{transform:translate3d(120px,-64px,0)}}.ui .hud.mode-items .hud-bottles{display:none}.ui .hud-items{display:flex;flex-direction:column;align-items:center;gap:6px}.ui .hud-item-slots{display:flex;gap:clamp(8px,1vw,14px)}.ui .hud-item-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:clamp(66px,6.4vw,92px);height:clamp(52px,5.6vh,68px);background:#0c1430d1;border:1px solid rgba(130,170,235,.32);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ui .hud-item-slot:not(.filled){border-style:dashed;border-color:#82aaeb38;background:#0a102880}.ui .hud-item-slot.filled{border-color:#96beffbf;animation:slotPop .32s ease}@keyframes slotPop{30%{filter:brightness(1.8)}}.ui .hud-item-slot .hud-item-ico{width:clamp(20px,2vw,27px);height:clamp(20px,2vw,27px);color:var(--ic, #9fc3ff);display:flex}.ui .hud-item-slot .hud-item-ico svg{width:100%;height:100%}.ui .hud-item-slot .hud-item-name{font-size:clamp(9px,.8vw,11.5px);font-weight:700;letter-spacing:.1em;color:#dfe9ff;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .hud-item-slot.on{border-color:#fff;background:linear-gradient(180deg,#33e6ff38,#0a1028eb);box-shadow:0 0 22px #33e6ff8c,inset 0 0 12px #33e6ff38;transform:translateY(-4px)}.ui .hud-item-slot.on:after{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);border:5px solid transparent;border-bottom-color:#33e6ff}.ui .hud-items-hint{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--dim);letter-spacing:.12em}.ui .hud-items-hint span{display:inline-flex;align-items:center;gap:5px}.ui .hud-items-hint em{font-style:normal}.ui .hud-items-hint .hi-sep{width:3px;height:3px;border-radius:50%;background:#96afdc80}.ui .hud-items-hint .keycap{font-size:10.5px;padding:1px 6px;min-width:0}.ui .hud-aim{position:absolute;left:50%;top:40%;width:clamp(86px,9vw,132px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.ui .hud-aim-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ui .hud-aim-ring{fill:none;stroke:#33e6ff80;stroke-width:2;stroke-dasharray:4 7;transform-origin:60px 60px;animation:aimSpin 7s linear infinite}@keyframes aimSpin{to{transform:rotate(360deg)}}.ui .hud-aim-prog{fill:none;stroke:#33e6ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:60px 60px;filter:drop-shadow(0 0 6px rgba(51,230,255,.9))}.ui .hud-aim-brackets{fill:none;stroke:#bfe9ff;stroke-width:3;stroke-linecap:round}.ui .hud-aim-dot{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#bfe9ff;box-shadow:0 0 8px #33e6ff}.ui .hud-aim-tag{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);white-space:nowrap;padding:2px 12px;font-size:12px;font-weight:700;letter-spacing:.14em;color:#bfe9ff;background:#08142cc7;border:1px solid rgba(51,230,255,.5);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.ui .hud-aim.locked{animation:aimLock .5s ease-in-out infinite}.ui .hud-aim.locked .hud-aim-prog{stroke:#ff4d5e;filter:drop-shadow(0 0 8px rgba(255,77,94,1))}.ui .hud-aim.locked .hud-aim-brackets{stroke:#ffb3bc}.ui .hud-aim.locked .hud-aim-dot{background:#ff4d5e;box-shadow:0 0 10px #ff4d5e}.ui .hud-aim.locked .hud-aim-tag{color:#ffd7db;background:#3c0812cc;border-color:#ff4d5ea6}@keyframes aimLock{50%{transform:translate(-50%,-50%) scale(1.07)}}.ui .hud-incoming{position:absolute;left:50%;top:clamp(16px,4vh,42px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 16px 6px 11px;background:#34060ed1;border:1px solid rgba(255,77,94,.6);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);animation:incomingBlink .55s ease-in-out infinite;z-index:4}.ui .hud-incoming-ico{width:22px;height:22px;color:var(--ic, #ff4d5e);display:flex}.ui .hud-incoming-ico svg{width:100%;height:100%}.ui .hud-incoming-text{font-size:13.5px;font-weight:800;letter-spacing:.18em;color:#ffd7db;white-space:nowrap}.ui .hud-incoming-eta{font-size:15px;font-weight:900;font-style:italic;color:#ffd23f;min-width:2.6em;text-align:right}@keyframes incomingBlink{50%{box-shadow:0 0 30px #ff4d5ebf;filter:brightness(1.3)}}.ui .hud-statuses{position:absolute;left:clamp(14px,2vw,30px);bottom:clamp(64px,10vh,100px);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ui .hud-status{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;background:#090f26d9;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--ic, #9fc3ff);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.ui .hud-status .hs-ico{width:17px;height:17px;color:var(--ic, #9fc3ff);display:flex}.ui .hud-status .hs-ico svg{width:100%;height:100%}.ui .hud-status .hs-label{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#eaf2ff;white-space:nowrap}.ui .hud-status .hs-time{font-size:13px;font-weight:900;font-style:italic;color:var(--ic, #9fc3ff);min-width:2.4em;text-align:right}.ui .items-guide{position:relative;z-index:5;display:flex;justify-content:center;padding:0 clamp(24px,5vw,100px) clamp(14px,2.6vh,30px);margin-top:-26px}.ui .items-guide-toggle{gap:10px;font-size:13.5px;letter-spacing:.18em;color:#cfe0ff}.ui .items-guide-toggle .ig-badge{width:20px;height:20px;color:var(--gold);display:inline-flex}.ui .items-guide-toggle .ig-badge svg{width:100%;height:100%}.ui .items-guide-toggle .ig-arrow{margin-left:2px;color:var(--cyan);transition:transform .18s ease}.ui .items-guide.open .ig-arrow{transform:rotate(180deg)}.ui .items-guide-panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);width:min(980px,92vw);max-height:min(64vh,540px);overflow-y:auto;padding:clamp(14px,2vh,22px) clamp(16px,2vw,26px);background:#080d22f7;border:1px solid rgba(51,230,255,.35);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);box-shadow:0 22px 60px #00081eb3}.ui .items-guide-panel::-webkit-scrollbar{width:6px}.ui .items-guide-panel::-webkit-scrollbar-thumb{background:#33e6ff66;border-radius:4px}.ui .ig-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid rgba(120,180,255,.22)}.ui .ig-title{font-size:clamp(16px,1.5vw,21px);font-weight:900;font-style:italic;letter-spacing:.12em;color:#fff}.ui .ig-keys{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim)}.ui .ig-keys em{font-style:normal;letter-spacing:.08em;margin-right:8px}.ui .ig-keys .keycap{font-size:12px;padding:1px 8px}.ui .ig-note{margin:10px 0 12px;font-size:12.5px;line-height:1.7;color:var(--dim);letter-spacing:.04em}.ui .ig-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.ui .ig-item{display:flex;gap:12px;padding:9px 12px;background:#14204880;border-left:3px solid var(--ic)}.ui .ig-item-ico{flex:none;width:clamp(34px,3vw,42px);height:clamp(34px,3vw,42px);display:flex;align-items:center;justify-content:center;color:var(--ic);background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.ui .ig-item-ico svg{width:62%;height:62%}.ui .ig-item-body{min-width:0}.ui .ig-item-name{display:flex;align-items:baseline;gap:8px}.ui .ig-item-name b{font-size:14.5px;font-weight:800;color:#fff;letter-spacing:.06em}.ui .ig-item-name i{font-style:normal;font-size:9.5px;letter-spacing:.22em;color:var(--ic)}.ui .ig-item-desc{margin:3px 0 0;font-size:12.5px;line-height:1.65;color:#cfe0ff}.ui .ig-item-tip{margin:2px 0 0;font-size:11.5px;line-height:1.6;color:var(--dim)}.ui .ig-item-tip:before{content:"› ";color:var(--ic)}.ui .chip.ch-items{color:#37e6a0}@media (max-width: 1100px){.ui .mode-grid{grid-template-columns:1fr;gap:12px;padding:14px 24px;overflow-y:auto}.ui .card-mode{flex-direction:row;align-items:center}.ui .card-mode-d{display:none}.ui .card-mode-go{margin:0 0 0 auto;padding:0}.ui .garage-layout{grid-template-columns:1fr}.ui .garage-list{max-height:26vh}.ui .pause-keys{display:none}.ui .ig-grid{grid-template-columns:1fr}.ui .items-guide-panel{position:fixed;inset:auto 3vw 12vh;width:94vw;max-height:60vh}.ui .hud-statuses{bottom:clamp(96px,15vh,140px)}}@media (max-width: 1280px) and (min-width: 1101px){.ui .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui .tracks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ui .ig-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.ui .tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.ui *,.ui *:before,.ui *:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.ui .hud-race-deadline{color:var(--gold);border-top:1px solid rgba(255,210,63,.35);padding-top:5px;margin-top:5px}.ui .lan-wrap{flex:1;display:flex;flex-direction:column;gap:clamp(12px,1.8vh,20px);padding:clamp(12px,2vh,24px) clamp(24px,5vw,100px) clamp(20px,3vh,34px);min-height:0}.ui .lan-status{padding:9px 18px;font-size:14px;font-weight:600;letter-spacing:.06em;line-height:1.5;border-left:3px solid var(--cyan);background:#10224e9e;color:#cfe6ff}.ui .lan-status.err{border-left-color:#ff5a4e;background:#701a1273;color:#ffc4bc}.ui .lan-panel{display:flex;flex-direction:column;gap:12px;padding:clamp(14px,1.9vw,26px);background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(51,230,255,.45) transparent}.ui .lan-panel::-webkit-scrollbar{width:6px}.ui .lan-panel::-webkit-scrollbar-thumb{background:#33e6ff66;border-radius:4px}.ui .lan-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ui .lan-panel-head b{font-size:clamp(17px,1.5vw,23px);font-weight:900;font-style:italic;letter-spacing:.12em;color:#fff}.ui .lan-panel-head span{font-size:10.5px;font-weight:700;letter-spacing:.38em;color:var(--cyan);white-space:nowrap}.ui .lan-note{font-size:12.5px;line-height:1.7;color:var(--dim)}.ui .lan-note.err{color:#ffc4bc}.ui .lan-hint{margin:0;font-size:13.5px;line-height:1.8;color:var(--dim);padding:10px 14px;background:#0e1a3c8c;border-left:3px solid var(--cyan)}.ui .lan-panel .btn:disabled,.ui .lan-panel .seg-btn:disabled{opacity:.42;pointer-events:none;filter:grayscale(.35)}.ui .lan-entry-grid{flex:1;display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,1.05fr);gap:clamp(16px,2.2vw,32px);align-items:stretch;min-height:0}.ui .lan-big-btn{width:100%;height:clamp(48px,5vh,62px);font-size:clamp(16px,1.4vw,20px)}.ui .lan-join-box{display:flex;flex-direction:column;gap:10px}.ui .lan-join-row{display:flex;gap:10px;align-items:center}.ui .lan-join-row .btn{height:50px;padding:0 28px}.ui .lan-code-input{width:10em;padding:10px 16px;font-family:inherit;font-size:21px;font-weight:900;letter-spacing:.32em;text-indent:.32em;color:#fff;background:#0a122cd9;border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.ui .lan-code-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #33e6ff40}.ui .lan-vlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}.ui .lan-vitem{display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:#0c1430b8;border:1px solid rgba(120,180,255,.16);border-left:3px solid transparent;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .14s ease}.ui .lan-vitem:hover{background:#18285cd9;border-left-color:#33e6ff99;transform:translate(3px)}.ui .lan-vitem.on{background:linear-gradient(90deg,#33e6ff38,#0c1430d9);border-color:#33e6ff80;border-left-color:var(--cyan)}.ui .lan-vitem.on .lan-vname{color:#fff}.ui .lan-vchip{width:22px;height:22px;flex:none;border-radius:6px;background:linear-gradient(135deg,var(--c, #8fb7ff) 55%,var(--a, #33e6ff) 55%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 3px #ffffff4d}.ui .lan-vname{font-size:14.5px;font-weight:800;color:#dfe9ff;letter-spacing:.05em;white-space:nowrap}.ui .lan-vtype{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.15em;color:#9fc3ff}.ui .lan-cdn-panel{max-width:780px;width:100%;margin:auto}.ui .lan-cdn-err{margin:0;font-size:13.5px;line-height:1.7;color:#ffc4bc;padding:8px 14px;background:#701a1252;border-left:3px solid #ff5a4e}.ui .lan-cdn-msg{margin:0;font-size:14.5px;line-height:1.9;color:#eaf2ff}.ui .lan-cdn-msg b{color:var(--gold)}.ui .lan-cdn-host{font-size:13.5px;line-height:1.9;color:var(--dim);padding:12px 16px;background:#1e103273;border-left:3px solid var(--pink)}.ui .lan-cdn-host b{color:#ffb3dc}.ui .lan-cdn-host code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;padding:2px 9px;color:#8ef2ff;background:#0a1a32e6;border:1px solid rgba(51,230,255,.35);border-radius:4px}.ui .lan-url-row{display:flex;gap:10px;align-items:center}.ui .lan-url-row .btn{height:48px;flex:none}.ui .lan-url-input,.ui .lan-link-input{flex:1;min-width:0;padding:10px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;color:#dfe9ff;background:#0a122cd9;border:1px solid var(--line);user-select:text;-webkit-user-select:text}.ui .lan-url-input:focus,.ui .lan-link-input:focus{outline:none;border-color:var(--cyan)}.ui .lan-cdn-retry{display:flex;justify-content:center;margin-top:4px}.ui .lan-entry-profile-slot{display:flex;min-height:0}.ui .lan-entry-profile-slot .lan-panel{flex:1}.ui .lan-room{flex:1;display:flex;flex-direction:column;gap:clamp(12px,1.6vh,18px);min-height:0}.ui .lan-room-head{flex-direction:row;align-items:center;gap:clamp(16px,3vw,44px);overflow:visible}.ui .lan-code-box{display:flex;flex-direction:column;gap:6px;flex:none}.ui .lan-code{font-size:clamp(30px,3.4vw,50px);font-weight:900;font-style:italic;line-height:1.1;letter-spacing:.26em;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(255,210,63,.45)}.ui .lan-link-box{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.ui .lan-link-row{display:flex;gap:10px;align-items:center}.ui .lan-link-row .btn{height:46px;flex:none}.ui .lan-room-state{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.ui .lan-room-grid{flex:1;display:grid;grid-template-columns:minmax(238px,.82fr) minmax(300px,1.05fr) minmax(300px,1fr);gap:clamp(14px,1.8vw,26px);min-height:0}.ui .lan-profile-slot{display:flex;min-height:0}.ui .lan-profile-slot .lan-panel{flex:1}.ui .lan-slots{display:flex;flex-direction:column;gap:7px}.ui .lan-slot{display:flex;align-items:center;gap:10px;min-height:41px;padding:7px 12px;background:#0c143099;border:1px solid rgba(120,180,255,.12);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.ui .lan-slot.me{border-color:#33e6ff73;background:linear-gradient(90deg,#33e6ff1f,#0c1430b3)}.ui .lan-slot.empty{opacity:.38}.ui .lan-slot-no{width:1.4em;font-size:12px;font-weight:800;font-style:italic;color:#7fa8e8}.ui .lan-slot .dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--c, #8fb7ff);box-shadow:0 0 8px var(--c, #8fb7ff)}.ui .lan-slot-name{font-size:14.5px;font-weight:700;color:#eaf2ff;max-width:8.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .lan-slot-car{margin-right:auto;font-size:11.5px;letter-spacing:.05em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui .lan-tags{display:flex;gap:5px;flex:none}.ui .lan-tag{font-size:10px;font-weight:800;font-style:normal;letter-spacing:.12em;padding:2.5px 9px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.ui .lan-tag.host{color:#3a2600;background:linear-gradient(180deg,#ffe08a,var(--gold))}.ui .lan-tag.you{color:#04101f;background:linear-gradient(180deg,#8feeff,var(--cyan))}.ui .lan-tag.ready{color:#03231a;background:linear-gradient(180deg,#7cf7c8,#2be3a0)}.ui .lan-tag.unready{color:#ffb9ad;background:#78281e73;border:1px solid rgba(255,120,100,.4)}.ui .lan-set-row{display:flex;flex-direction:column;gap:9px}.ui .lan-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui .lan-track-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;text-align:left;background:#0c1430b8;border:1px solid rgba(120,180,255,.16);border-left:3px solid transparent;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:all .14s ease}.ui .lan-track-btn:hover{background:#18285cd9;border-left-color:#33e6ff99}.ui .lan-track-btn b{font-size:14.5px;font-weight:800;color:#dfe9ff;letter-spacing:.05em}.ui .lan-track-btn span{font-size:9.5px;letter-spacing:.2em;color:var(--dim)}.ui .lan-track-btn.on{background:linear-gradient(90deg,#33e6ff33,#0c1430d9);border-color:#33e6ff80;border-left-color:var(--cyan)}.ui .lan-track-btn.on b{color:#fff}.ui .lan-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.ui .lan-actions .btn{width:100%;height:clamp(42px,4.4vh,54px);font-size:clamp(15px,1.2vw,18px)}.ui .lan-actions .btn.btn-ghost{border-left-width:4px}@media (max-width: 1280px){.ui .lan-room-grid{grid-template-columns:minmax(230px,.9fr) minmax(280px,1fr) minmax(280px,1fr)}}@media (max-width: 1100px){.ui .lan-entry-grid,.ui .lan-room-grid{grid-template-columns:1fr}.ui .lan-room-head{flex-direction:column;align-items:stretch;overflow-y:auto}.ui .lan-room-state{align-items:flex-start}.ui .lan-vlist{grid-template-columns:repeat(3,minmax(0,1fr))}}