*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#030b1a;color:#e9f4ff;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Hiragino Sans GB,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #7ff0ff;outline-offset:2px}::selection{background:#5fe3ff59}.app{position:relative;height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,#1d5bb8,#0c2a5e 38%,#061433 68%,#030c1c)}.bg-ceiling{position:absolute;inset:0 0 auto;height:40%;background:linear-gradient(180deg,rgba(90,190,255,.18),transparent 72%),repeating-linear-gradient(90deg,rgba(130,205,255,.07) 0 2px,transparent 2px 132px);-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 100%);mask-image:linear-gradient(180deg,#000 10%,transparent 100%)}.bg-ceiling:after{content:"";position:absolute;left:0;right:0;top:34px;height:3px;background:linear-gradient(90deg,transparent,rgba(120,225,255,.55) 20%,rgba(120,225,255,.12) 50%,rgba(255,160,60,.45) 80%,transparent);box-shadow:0 0 24px #5ad2ff80}.beam{position:absolute;top:-12%;width:24vw;height:95vh;filter:blur(34px);opacity:.5;mix-blend-mode:screen;pointer-events:none}.beam-a{left:20%;background:linear-gradient(180deg,#5ad7ffbf,#5ad7ff00 72%);transform:rotate(17deg);animation:beamSway 9s ease-in-out infinite alternate}.beam-b{right:14%;background:linear-gradient(180deg,#ff963299,#ff963200 72%);transform:rotate(-19deg);animation:beamSway 11s 1s ease-in-out infinite alternate-reverse}.floor-glow{position:absolute;left:50%;bottom:-20%;width:130vw;height:64vh;transform:translate(-50%);background:radial-gradient(48% 50% at 50% 50%,rgba(60,170,255,.42),rgba(20,70,150,.16) 46%,transparent 72%);filter:blur(8px)}.floor-grid{position:absolute;left:50%;bottom:-8%;width:170vw;height:48vh;transform:translate(-50%) perspective(620px) rotateX(64deg);transform-origin:bottom center;background-image:linear-gradient(rgba(90,200,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(90,200,255,.16) 1px,transparent 1px);background-size:76px 76px;opacity:.45;-webkit-mask-image:radial-gradient(60% 70% at 50% 60%,#000 20%,transparent 78%);mask-image:radial-gradient(60% 70% at 50% 60%,#000 20%,transparent 78%)}.bg-vignette{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 45%,transparent 42%,rgba(2,6,16,.78) 100%)}.topbar{position:relative;z-index:5;flex:0 0 76px;height:76px;display:flex;align-items:center;gap:24px;padding:0 26px;background:linear-gradient(180deg,#123474f5,#081838f0);border-bottom:1px solid rgba(96,214,255,.45);box-shadow:0 6px #040c1e8c,0 14px 40px #0000008c,inset 0 -1px #78dcff38}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent 4%,#5fe3ff 32%,#ffb04a 66%,transparent 96%);opacity:.7}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-hex{width:46px;height:52px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#ffe08a,#ff9a2e 55%,#e0561a);box-shadow:inset 0 0 0 2px #ffffff40}.brand-hex span{font-weight:900;font-size:25px;color:#3b1602;transform:skew(-8deg);text-shadow:0 1px 0 rgba(255,255,255,.4)}.brand-text{display:flex;flex-direction:column;line-height:1.12}.brand-text strong{font-size:21px;font-weight:900;font-style:italic;letter-spacing:1.5px;background:linear-gradient(180deg,#fff,#9ee0ff 58%,#3aa6ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(60,170,255,.45))}.brand-text em{font-style:normal;font-size:10px;letter-spacing:2.2px;color:#8fc6ef}.nav{display:flex;gap:8px;margin-left:10px}.nav-item{position:relative;height:38px;padding:0 22px;border:1px solid rgba(90,190,255,.22);background:linear-gradient(180deg,#1946969e,#091c409e);color:#a9d4f5;font-weight:700;font-size:14px;letter-spacing:1px;transform:skew(-9deg);cursor:pointer;transition:color .16s,border-color .16s,box-shadow .16s,background .16s}.nav-item span{display:inline-block;transform:skew(9deg)}.nav-item:hover{color:#fff;border-color:#78e1ff99;box-shadow:0 0 18px #46c8ff38}.nav-item.is-active{color:#2b1200;background:linear-gradient(180deg,#ffe08a,#ffae3d 55%,#ff8a1f);border-color:#ffe9b0;box-shadow:0 0 22px #ffa03266,inset 0 1px #fff6cf}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.mode-chip{font-size:11px;font-weight:800;letter-spacing:1.5px;padding:5px 10px;color:#2a1400;background:linear-gradient(180deg,#ffd76a,#ff9a2e);border-radius:4px;box-shadow:0 0 14px #ffa03273}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:linear-gradient(180deg,#1e50aa80,#081a3cd1);border:1px solid rgba(100,200,255,.28)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:15px;color:#2a1400;background:radial-gradient(circle at 35% 28%,#fff2c0,#ffb84a 55%,#e2701a);box-shadow:0 0 0 2px #ffdc9673,0 0 14px #ffa03273}.user-meta{display:flex;flex-direction:column;line-height:1.18}.user-meta b{font-size:13px;color:#fff}.user-meta span{font-size:10px;color:#8fc6ef;letter-spacing:.6px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;cursor:pointer;color:#bfe6ff;background:linear-gradient(180deg,#1e50aa73,#081a3ccc);border:1px solid rgba(100,200,255,.28);transition:color .15s,border-color .15s,box-shadow .15s,transform .15s}.icon-btn:hover{color:#fff;border-color:#5fe3ff;box-shadow:0 0 14px #50dcff4d;transform:translateY(-1px)}.stage-grid{position:relative;z-index:4;flex:1;min-height:0;display:grid;grid-template-columns:272px minmax(0,1fr) 96px;gap:16px;padding:14px 26px 10px}.rail{display:flex;flex-direction:column;gap:10px;min-height:0}.rail-head{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:12px;font-weight:700;letter-spacing:2.5px;color:#9fd4ff;background:linear-gradient(90deg,rgba(30,90,190,.5),transparent);border-left:3px solid #5fe3ff}.rail-dot{width:6px;height:6px;border-radius:50%;background:#5fe3ff;box-shadow:0 0 10px #5fe3ff;animation:blink 2.2s infinite}.rail-count{margin-left:auto;font-style:italic;font-size:15px;color:#ffb04a}.rail-list{display:flex;flex-direction:column;gap:10px}.car-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;text-align:left;cursor:pointer;color:#dcecff;background:linear-gradient(160deg,#1a469680,#061430d9);border:1px solid rgba(90,180,255,.2);border-radius:6px;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;overflow:hidden}.car-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .18s}.car-card:hover{border-color:#6edcff80;transform:translate(3px);background:linear-gradient(160deg,#225cb699,#081a3ae6)}.car-card.is-active{border-color:#ffb04ad9;background:linear-gradient(160deg,#3a76ce8c,#0a1c3eeb);box-shadow:0 0 0 1px #ffb04a47,0 10px 30px #00000059,inset 0 0 26px #ff962814}.car-card.is-active:before{background:linear-gradient(#ffd76a,#ff8a1f);box-shadow:0 0 14px #ff9a2e}.car-index{position:absolute;right:10px;top:6px;font-size:22px;font-weight:900;font-style:italic;color:#78c8ff29}.car-art{width:100%;height:54px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.silhouette{width:100%;height:100%;overflow:visible}.sil-body{fill:#e2f1ffeb}.sil-glass{fill:#1a3e76f2}.sil-wheel{fill:#080f1c;stroke:#96d2ff73;stroke-width:2}.sil-rim{fill:#9fb6cf}.sil-light{fill:#ffe9a8}.car-card.is-active .sil-body{fill:#fff;filter:drop-shadow(0 0 8px rgba(120,220,255,.55))}.car-body{display:flex;flex-direction:column;gap:1px}.car-body b{font-size:15px;font-weight:800;color:#f2f9ff}.car-body em{font-style:normal;font-size:9px;letter-spacing:1.4px;color:#7fb3dd}.car-plate{margin-top:5px;font-size:11px;letter-spacing:1.4px;color:#c9e6ff;opacity:.85}.now-tag{position:absolute;right:0;bottom:12px;padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:1px;color:#2b1200;background:linear-gradient(180deg,#ffd76a,#ff9a2e);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);box-shadow:0 2px 10px #ff962873}.rail-foot{margin-top:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#7fb3dd;border-top:1px dashed rgba(100,180,255,.18)}.rail-tip.dim{color:#5a86ad}.stage{position:relative;min-height:0;border-radius:18px;overflow:hidden;isolation:isolate;background:radial-gradient(80% 70% at 50% 32%,#1a54aa8c,#06142ee6 68%,#030a18f5);border:1px solid rgba(90,200,255,.2);box-shadow:inset 0 0 70px #145abe59,inset 0 1px #96e1ff38,0 18px 50px #00000073}.stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(90,200,255,.07),transparent 26%),radial-gradient(60% 40% at 50% 100%,rgba(30,120,220,.3),transparent 70%)}.stage-glow{position:absolute;left:50%;bottom:4%;width:72%;height:40%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(70,180,255,.32),transparent 70%);filter:blur(26px);z-index:1;pointer-events:none}.stage-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage-beams{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.sb{position:absolute;top:-25%;width:34%;height:130%;filter:blur(40px);opacity:.34;mix-blend-mode:screen}.sb-cyan{left:4%;background:linear-gradient(180deg,rgba(90,200,255,.55),transparent 68%);transform:rotate(14deg)}.sb-orange{right:0%;background:linear-gradient(180deg,rgba(255,150,50,.42),transparent 68%);transform:rotate(-16deg)}.stage-canvas.grabbing{cursor:grabbing}.flare{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(70px);z-index:1;pointer-events:none}.flare-cyan{left:-90px;top:8%;background:#2fc6ff;opacity:.32}.flare-orange{right:-110px;bottom:-4%;background:#ff8a1f;opacity:.24}.stage-hud{position:absolute;inset:16px 18px auto;z-index:5;display:flex;justify-content:space-between;pointer-events:none}.hud-tag{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:1.4px;color:#eaf8ff;background:#061632b8;border:1px solid rgba(90,220,255,.42);border-radius:4px;box-shadow:0 0 18px #3cbeff38}.hud-tag .dot{width:7px;height:7px;border-radius:50%;background:#6dffb0;box-shadow:0 0 10px #6dffb0;animation:blink 1.6s infinite}.hud-hint{font-size:11px;letter-spacing:1px;color:#8fc6ef;padding-top:8px;opacity:.85}.stage-title{position:absolute;left:24px;bottom:20px;z-index:5;pointer-events:none}.stage-brand{display:inline-block;font-size:10px;letter-spacing:3px;color:#7fd8ff;padding:3px 8px;border:1px solid rgba(90,210,255,.35);background:#081a3c80}.stage-title h1{margin:8px 0 2px;font-size:clamp(26px,2.4vw,40px);font-weight:900;font-style:italic;letter-spacing:1px;line-height:1;background:linear-gradient(180deg,#fff 12%,#d8efff 55%,#7fc4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 26px rgba(30,140,255,.4))}.stage-title p{margin:0;font-size:10px;letter-spacing:3px;color:#7fb3dd}.stage-class{position:absolute;right:20px;bottom:20px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;pointer-events:none}.stage-class span{padding:4px 10px;color:#bfe3ff;background:#061632a8;border:1px solid rgba(90,190,255,.28)}.stage-owner{color:#ffcf8a!important;border-color:#ffb45a59!important}.stage-scan{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.2;background:repeating-linear-gradient(180deg,rgba(180,230,255,.1) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.stage-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(50% 60% at 50% 55%,rgba(190,238,255,.9),rgba(80,180,255,.32) 40%,transparent 70%);animation:flash .55s ease-out}.car-fallback{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px;text-align:center}.car-fallback .silhouette{width:min(560px,74%);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.car-fallback p{margin:0;font-size:13px;letter-spacing:1px;color:#9fd4ff}.side-rail{display:flex;flex-direction:column;gap:10px}.side-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:74px;cursor:pointer;color:#bfe3ff;background:linear-gradient(180deg,#1844928c,#071632d9);border:1px solid rgba(90,190,255,.22);border-radius:8px;font-size:11px;letter-spacing:1.5px;transition:transform .16s,border-color .16s,box-shadow .16s,color .16s}.side-btn svg{width:22px;height:22px}.side-btn:hover{color:#fff;border-color:#6fe3ff;transform:translateY(-2px);box-shadow:0 8px 22px #00000059,0 0 18px #46c8ff2e}.side-btn.is-on{color:#2b1200;background:linear-gradient(180deg,#ffd76a,#ff9a2e);border-color:#ffe9b0}.side-badge{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding:10px 0;border-top:1px dashed rgba(100,180,255,.18)}.side-badge b{font-size:22px;font-weight:900;font-style:italic;color:#ffb04a}.side-badge span{font-size:10px;letter-spacing:2px;color:#7fb3dd}.dock{position:relative;z-index:5;flex:0 0 142px;margin:0 26px 18px;display:grid;grid-template-columns:340px minmax(0,1fr) 330px;gap:22px;align-items:center;padding:14px 22px;background:linear-gradient(180deg,#102e68eb,#051026f5);border:1px solid rgba(90,200,255,.28);border-radius:14px;box-shadow:0 16px 46px #0000008c,inset 0 1px #8ce1ff47,inset 0 0 40px #1450aa38}.dock:before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#5fe3ff 30%,#ffb04a 70%,transparent);opacity:.8}.dock-left{display:flex;align-items:center;gap:18px;min-width:0}.owner{display:flex;align-items:center;gap:10px;min-width:0}.owner-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#2b1200;background:linear-gradient(180deg,#ffe9a8,#ffb04a);box-shadow:inset 0 0 0 2px #ffffff52,0 0 18px #ffa0324d}.owner-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.owner-meta em,.plate-wrap em{font-style:normal;font-size:9px;letter-spacing:2px;color:#7fb3dd}.owner-meta b{font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate-wrap{display:flex;flex-direction:column;gap:4px}.plate{display:inline-flex;align-items:center;justify-content:center;min-width:168px;height:40px;padding:0 12px;border-radius:6px;font-weight:900;font-size:19px;letter-spacing:1.5px;white-space:nowrap}.plate-blue{color:#fff;background:linear-gradient(180deg,#2f6bd0,#0c2e6b 70%);border:2px solid #eaf3ff;box-shadow:inset 0 0 0 1px #0000004d,0 2px 8px #0006}.plate-green{color:#0f3a17;background:linear-gradient(180deg,#e6ffd8,#8ee06a 55%,#5cbf3a);border:2px solid #3d7a2c;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #00000059}.plate-lg{height:54px;min-width:214px;font-size:24px}.dock-stats{display:flex;flex-direction:column;gap:8px;min-width:0}.stats-head{display:flex;align-items:baseline;gap:10px}.stats-head span{font-size:13px;font-weight:800;letter-spacing:2.5px;color:#dcefff}.stats-head em{font-style:normal;font-size:9px;letter-spacing:2px;color:#6fa9d6}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 26px}.stat{display:flex;align-items:center;gap:10px}.stat-label{flex:0 0 34px;font-size:12px;color:#a9d4f5;letter-spacing:1px}.stat-bar{flex:1;display:flex;gap:4px}.stat-bar i{flex:1;height:9px;border-radius:2px;background:#78b4e61f;border:1px solid rgba(110,180,230,.12);transform:skew(-20deg)}.stat-bar i.on{background:linear-gradient(90deg,#ffd76a,#ff9a2e);border-color:#ffdc968c;box-shadow:0 0 10px #ffa03273}.dock-actions{display:flex;gap:12px;justify-content:flex-end}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border:none;border-radius:8px;cursor:pointer;font-weight:900;font-size:15px;letter-spacing:1px;white-space:nowrap;transform:skew(-7deg);transition:transform .12s,box-shadow .12s,filter .12s}.btn>*{transform:skew(7deg)}.btn svg{width:17px;height:17px}.btn-primary{color:#331600;background:linear-gradient(180deg,#ffe08a,#ffb03d 42%,#ff8a1f 72%,#e0561a);border:2px solid #ffe9b0;box-shadow:0 5px #8a3308,0 12px 22px #00000073,inset 0 2px #fff9}.btn-primary:hover{filter:brightness(1.06);transform:skew(-7deg) translateY(-2px)}.btn-primary:active{transform:skew(-7deg) translateY(4px);box-shadow:0 1px #8a3308,0 6px 12px #0006}.btn-secondary{color:#eaf8ff;background:linear-gradient(180deg,#3f8ae0,#1c56b0 55%,#123c85);border:2px solid #9fdcff;box-shadow:0 5px #0a2550,0 12px 22px #00000073,inset 0 2px #ffffff59}.btn-secondary:hover{filter:brightness(1.1);transform:skew(-7deg) translateY(-2px)}.btn-secondary:active{transform:skew(-7deg) translateY(4px);box-shadow:0 1px #0a2550}.btn-ghost{color:#cfe8ff;background:#14326480;border:2px solid rgba(120,200,255,.3);box-shadow:none}.btn-ghost:hover{border-color:#8cdcff99;background:#1e468c8c}.btn-sm{height:40px;padding:0 16px;font-size:13px}.modal-mask{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#020712b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .18s ease-out}.modal{width:min(560px,94vw);max-height:88vh;overflow:auto;border-radius:12px;background:linear-gradient(180deg,#12336f,#071a3a 60%,#061530);border:2px solid #63d8ff;box-shadow:0 0 0 5px #061430e6,0 30px 80px #000000b3,inset 0 0 60px #2882f029;animation:popIn .22s cubic-bezier(.2,.9,.3,1.2)}.modal-bar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 14px 0 18px;background:linear-gradient(180deg,#1f56b4,#0d2c66);border-bottom:1px solid rgba(99,216,255,.45)}.modal-bar-title{display:flex;align-items:center;gap:10px}.modal-rivet{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#7fd8ff 45%,#1b6fb0);box-shadow:0 0 10px #64dcffb3}.modal-bar h3{margin:0;font-size:16px;font-weight:900;font-style:italic;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.modal-x{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;cursor:pointer;color:#cfeaff;background:#06143099;border:1px solid rgba(110,210,255,.32)}.modal-x:hover{color:#fff;border-color:#ff8a1f;background:#ff781e38}.modal-tabs{display:flex;gap:8px;padding:14px 18px 0}.modal-tab{flex:1;height:40px;cursor:pointer;font-weight:800;font-size:13px;letter-spacing:1px;color:#9fc8ea;background:#0a1e42b3;border:1px solid rgba(90,180,255,.22);border-radius:6px;transition:.15s}.modal-tab:hover{color:#fff;border-color:#78dcff80}.modal-tab.is-active{color:#33160a;background:linear-gradient(180deg,#ffe08a,#ff9a2e);border-color:#ffe9b0}.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.modal-preview{display:flex;align-items:center;gap:16px;padding:14px;border-radius:8px;background:#06163299;border:1px solid rgba(90,180,255,.2)}.preview-meta{display:flex;flex-direction:column;gap:2px}.preview-meta b{font-size:16px;color:#fff}.preview-meta em{font-style:normal;font-size:10px;letter-spacing:2px;color:#7fb3dd}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;letter-spacing:1px;color:#9fc8ea}.field input{height:46px;padding:0 14px;border-radius:6px;outline:none;font-size:15px;font-weight:700;color:#fff;letter-spacing:1px;background:#040e22cc;border:1px solid rgba(90,180,255,.32);box-shadow:inset 0 2px 8px #0006;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#5fe3ff;box-shadow:0 0 0 3px #46c8ff24,inset 0 2px 8px #0006}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-note{font-size:11px;color:#729ec4}.link-btn{background:none;border:none;color:#ffb04a;font-size:12px;cursor:pointer;text-decoration:underline}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.info-list>div{padding:10px 12px;background:#0616328c;border:1px solid rgba(90,180,255,.18);border-radius:6px}.info-list dt{font-size:10px;letter-spacing:2px;color:#7fb3dd}.info-list dd{margin:4px 0 0;font-size:14px;font-weight:700}.modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:0 18px 18px}.modal-share{width:min(680px,94vw)}.share-tip{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:12px;line-height:1.65;color:#a9d4f5}.share-tip svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;color:#5fe3ff}.share-block{display:flex;flex-direction:column;gap:8px}.share-label{display:flex;align-items:baseline;gap:10px}.share-label b{font-size:13px;color:#eaf8ff}.share-label em{font-style:normal;font-size:10px;letter-spacing:1px;color:#ffb04a}.share-row{display:flex;gap:10px;align-items:center}.share-row code{flex:1;min-width:0;height:42px;line-height:42px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:11px;color:#8fd8ff;background:#030c1ed9;border:1px solid rgba(90,180,255,.22);border-radius:6px}.share-note{margin:0;font-size:11px;line-height:1.65;color:#729ec4}.toast{position:fixed;left:50%;bottom:178px;z-index:80;transform:translate(-50%);padding:10px 20px;font-size:13px;font-weight:700;letter-spacing:1px;color:#fff;background:linear-gradient(180deg,#143c82f2,#081a3cf2);border:1px solid rgba(100,220,255,.55);border-radius:999px;box-shadow:0 10px 30px #00000080,0 0 20px #3cbeff38;animation:toastIn .2s ease-out}.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,#0d2a5e,#030c1c 70%);transition:opacity .55s ease,visibility .55s}.boot-done{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.boot-mark{width:70px;height:78px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#ffe08a,#ff9a2e 55%,#e0561a);font-weight:900;font-size:34px;color:#3b1602}.boot-title{font-size:22px;font-weight:900;font-style:italic;letter-spacing:6px;color:#eaf8ff;text-shadow:0 0 24px rgba(80,200,255,.6)}.boot-bar{width:240px;height:6px;border-radius:3px;overflow:hidden;background:#78beff26}.boot-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,#5fe3ff,#ffb04a);animation:load 1.1s ease-in-out infinite}.boot-sub{font-size:10px;letter-spacing:3px;color:#7fb3dd}.is-ready .topbar{animation:dropDown .55s cubic-bezier(.2,.8,.3,1) both}.is-ready .rail{animation:slideInLeft .6s .08s cubic-bezier(.2,.8,.3,1) both}.is-ready .stage{animation:zoomIn .7s .05s cubic-bezier(.2,.8,.3,1) both}.is-ready .side-rail{animation:slideInRight .6s .12s cubic-bezier(.2,.8,.3,1) both}.is-ready .dock{animation:riseUp .6s .16s cubic-bezier(.2,.8,.3,1) both}@keyframes dropDown{0%{transform:translateY(-100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-40px);opacity:0}}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}}@keyframes zoomIn{0%{transform:scale(.96);opacity:0}}@keyframes riseUp{0%{transform:translateY(60px);opacity:0}}@keyframes flash{0%{opacity:.85}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes toastIn{0%{transform:translate(-50%,12px);opacity:0}}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{transform:scale(.92) translateY(10px);opacity:0}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes beamSway{0%{transform:rotate(15deg) translate(-2%);opacity:.35}to{transform:rotate(19deg) translate(2%);opacity:.55}}@media (max-width: 1500px){.stage-grid{grid-template-columns:238px minmax(0,1fr) 86px;gap:12px;padding:12px 18px 8px}.dock{grid-template-columns:306px minmax(0,1fr) 306px;gap:16px;margin:0 18px 14px;padding:12px 18px}.brand-text strong{font-size:19px}.nav-item{padding:0 15px;font-size:13px}.stats-grid{gap:7px 18px}.plate{min-width:150px;font-size:17px}.btn{padding:0 18px;font-size:14px}}@media (max-width: 1240px){.nav{display:none}.stage-grid{grid-template-columns:208px minmax(0,1fr) 76px}.dock{grid-template-columns:268px minmax(0,1fr) 268px}.dock-actions{flex-direction:column;gap:8px}.dock-actions .btn{height:44px}.owner-avatar{width:38px;height:38px;flex-basis:38px}.plate{min-width:128px;font-size:15px;height:34px}}@media (max-height: 840px){.topbar{height:64px;flex-basis:64px}.dock{flex-basis:122px;padding:10px 16px}.car-art{height:42px}.car-card{padding:9px 12px}.btn{height:46px}.stage-title h1{font-size:26px}.toast{bottom:150px}}@media (max-width: 900px){html,body{overflow:auto}.app{height:auto;min-height:100dvh}.topbar{flex:none;height:60px;padding:0 12px;gap:10px}.brand-text em,.user-meta span{display:none}.brand-hex{width:36px;height:42px}.brand-hex span{font-size:20px}.brand-text strong{font-size:15px}.user-chip{padding:4px 10px 4px 4px}.avatar{width:30px;height:30px;font-size:13px}.stage-grid{flex:none;display:flex;flex-direction:column;gap:10px;padding:10px}.stage{order:1;height:54vh;min-height:330px}.rail{order:2;flex-direction:row;gap:8px}.rail-head,.rail-foot{display:none}.rail-list{flex-direction:row;width:100%;gap:8px}.car-card{flex:1;padding:8px 10px}.car-art{height:36px}.car-body em,.car-plate{display:none}.car-body b{font-size:13px}.side-rail{display:none}.dock{flex:none;margin:10px;grid-template-columns:1fr;gap:10px}.dock-actions{flex-direction:row}.dock-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr 1fr}.toast{bottom:24px}.stage-title{left:16px;bottom:14px}.stage-class{right:14px;bottom:14px;font-size:10px}}@media (max-width: 520px){.hud-hint{display:none}.stage-title h1{font-size:22px}.modal-body{padding:14px}.info-list{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}