@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{font-family:Outfit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5efe1;background:#151b1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.arcade-shell{position:relative;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;background:#151b1c}.arcade-shell canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;gap:14px;width:100%;border:0;color:#fff6df;background:linear-gradient(180deg,#0d13141a,#0d13146b),radial-gradient(circle at 50% 52%,#ffd78938,#0d131400 32%);cursor:pointer;text-align:center}.start-overlay strong{font-size:clamp(3rem,9vw,9rem);line-height:.86;text-wrap:balance;text-shadow:0 16px 54px rgba(0,0,0,.3)}.start-kicker,.start-prompt,.campaign-topline,.campaign-label,.metric-strip span,.leader-strip span,.render-preview span,.action-head,.drive-panel-head,.scene-head,.strip-head,.hud-error,.receipt span,.hud-hidden-chip{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:0}.start-kicker{color:#fff6dfb3;font-size:.78rem}.start-prompt{justify-self:center;min-height:40px;padding:12px 18px;border-radius:999px;color:#172021;background:#f1bf64;box-shadow:0 15px 45px #0000002e;font-size:.72rem;font-weight:700}.hud{position:absolute;inset:18px 18px auto 18px;z-index:3;display:grid;grid-template-columns:minmax(360px,1fr) minmax(260px,.62fr) minmax(250px,.58fr);gap:10px;align-items:start;pointer-events:none}.hud-panel,.hud-hidden-chip{color:#fff5dd;background:#181f1fc7;border-radius:10px;box-shadow:inset 0 1px #ffffff12,0 14px 34px #090e0e2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-panel{pointer-events:auto}.campaign-panel{padding:12px}.campaign-topline,.action-head,.drive-panel-head,.scene-head,.strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff5dd94;font-size:.62rem}.campaign-topline{padding:1px 2px 10px;color:#e9b965;font-weight:700}.ghost-button{min-height:32px;padding:0 12px;border:0;border-radius:7px;color:#fff5ddbf;background:#ffffff14;cursor:pointer;font-size:.72rem;font-weight:700;transition:transform .16s cubic-bezier(.2,0,0,1),background .16s cubic-bezier(.2,0,0,1)}.ghost-button:hover{background:#ffffff24}.ghost-button:active,.control-button:active,.hud-button:active,.scene-tab:active,.car-tab:active{transform:scale(.96)}.campaign-card{padding:14px;border-radius:8px;background:linear-gradient(135deg,#fff5dd24,#fff5dd0e)}.campaign-label{margin-bottom:10px;color:#fff5dd85;font-size:.6rem}.campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.campaign-copy h1{margin:0 0 8px;color:#fff8e8;font-size:clamp(1.35rem,2.35vw,2.65rem);line-height:.95;text-wrap:balance}.campaign-copy p{margin:0;max-width:64ch;color:#fff5ddb8;font-size:.9rem;line-height:1.38;text-wrap:pretty}.render-preview{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding-top:12px;box-shadow:inset 0 1px #fff5dd17}.render-preview img,.render-placeholder{display:block;width:96px;aspect-ratio:21 / 9;border-radius:6px;object-fit:cover;background:#0000002e;outline:1px solid rgba(255,255,255,.1)}.render-placeholder{background:linear-gradient(135deg,#fff5dd1a,#fff5dd08),#0000002e}.render-preview span{display:block;color:#fff5dd73;font-size:.56rem}.render-preview strong{display:block;margin-top:4px;overflow:hidden;color:#fff8e8db;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.campaign-price{min-width:98px;color:#f0bf67;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1rem,1.8vw,1.45rem);font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.leader-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:8px;background:#edbf6729}.leader-strip span{color:#fff5dd8a;font-size:.56rem}.leader-strip strong{overflow:hidden;color:#f4cd82;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.metric-strip div{min-width:0;padding:10px;border-radius:8px;background:#00000021}.metric-strip span{display:block;color:#fff5dd75;font-size:.58rem}.metric-strip strong{display:block;margin-top:5px;color:#fff8e8;font-size:.96rem;font-variant-numeric:tabular-nums}.action-panel,.round-panel,.drive-panel,.scene-panel,.bid-panel{padding:12px}.action-head strong,.drive-panel-head strong,.scene-head strong{overflow:hidden;color:#fff5ddcc;text-overflow:ellipsis;white-space:nowrap}.drive-panel{position:fixed;right:18px;bottom:18px;width:178px}.scene-panel{position:fixed;left:18px;bottom:18px;width:min(440px,calc(100vw - 220px))}.action-stack{display:grid;gap:8px;margin-top:10px}.hud-button,.control-button,.scene-tab,.car-tab{border:0;border-radius:8px;color:#fff5dd;background:#ffffff1a;cursor:pointer;transition:transform .16s cubic-bezier(.2,0,0,1),background .16s cubic-bezier(.2,0,0,1)}.hud-button{width:100%;min-height:42px;padding:0 12px;font-weight:800}.hud-button:hover,.control-button:hover,.scene-tab:hover,.car-tab:hover{background:#ffffff29}.hud-button.primary{color:#172021;background:#edbf67}.hud-button.primary:hover{background:#f4cd82}.hud-error{margin-top:8px;color:#ffb4a7;font-size:.6rem}.round-timer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding:10px 11px;border-radius:8px;background:#edbf6729}.round-timer span,.round-group-head span,.round-group-head strong{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:0}.round-timer span{color:#fff5dd8a;font-size:.58rem}.round-timer strong{color:#f4cd82;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.08rem;font-variant-numeric:tabular-nums;text-align:right}.round-stat-grid{display:grid;gap:7px;margin-top:9px}.round-stat-grid div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:32px;padding:7px 9px;border-radius:7px;background:#ffffff0f}.round-stat-grid span{color:#fff5dd7a;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;text-transform:uppercase}.round-stat-grid strong{overflow:hidden;color:#fff8e8db;font-size:.78rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.scene-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:7px;margin-top:10px}.car-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:7px;margin-top:7px;padding-top:7px;box-shadow:inset 0 1px #fff5dd17}.scene-tab,.car-tab{min-width:0;min-height:34px;padding:0 8px;color:#fff5ddad;font-size:.76rem;font-weight:700;text-transform:capitalize}.car-tab{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;text-transform:uppercase}.scene-tab.active,.car-tab.active{color:#172021;background:#edbf67}.control-grid{display:grid;grid-template-rows:1fr 1fr 1fr;gap:7px;margin-top:10px}.steer-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-button{min-height:44px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:800}.strip-head{color:#fff5dd85}.bid-list,.timeline-list{display:grid;gap:6px;margin-top:10px}.bid-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:34px;padding:0 8px;border-radius:7px;color:#fff5ddd1;background:#fff1;font-size:.84rem}.bid-row:first-child{color:#fff8e8;background:#edbf6733}.bid-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid-row strong{color:#f0bf67;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.timeline-list{gap:5px}.round-list{display:grid;gap:10px;margin-top:10px}.round-group{display:grid;gap:6px}.round-group-head{display:flex;justify-content:space-between;gap:10px;padding:0 2px}.round-group-head span{color:#fff5dd94;font-size:.58rem}.round-group-head strong{color:#fff5dd6b;font-size:.56rem}.timeline-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:36px;padding:7px 8px;border-radius:7px;background:#ffffff0e}.timeline-row.latest{background:#edbf6729}.timeline-dot{width:7px;height:7px;border-radius:999px;background:#fff5dd5c}.timeline-row.latest .timeline-dot{background:#edbf67;box-shadow:0 0 0 4px #edbf6724}.timeline-copy{min-width:0}.timeline-copy strong,.timeline-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-copy strong{color:#fff8e8e0;font-size:.78rem}.timeline-copy span{margin-top:2px;color:#fff5dd7a;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;text-transform:uppercase}.timeline-amount{color:#f0bf67;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800}.empty-row{padding:12px 6px 4px;color:#fff5dd73;font-size:.84rem}.receipt-row{display:flex;gap:7px;margin-top:10px}.receipt{min-width:0;flex:1;padding:7px;border-radius:7px;background:#fff1}.receipt span,.receipt strong{display:block}.receipt span{color:#fff5dd7a;font-size:.56rem}.receipt strong{overflow:hidden;color:#fff5ddd1;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.hud-hidden-chip{position:absolute;top:18px;right:18px;z-index:3;padding:12px 14px;color:#fff5ddbd;font-size:.64rem;pointer-events:none}@media(max-width:1180px){.hud{grid-template-columns:minmax(340px,1fr) minmax(260px,.72fr)}.bid-panel{display:none}}@media(max-width:860px){.hud{inset:12px 12px auto 12px;grid-template-columns:1fr}.drive-panel,.scene-panel{bottom:12px}.drive-panel{right:12px;width:160px}.scene-panel{left:12px;width:calc(100vw - 196px)}}@media(max-width:620px){.campaign-row,.metric-strip{grid-template-columns:1fr}.campaign-price{text-align:left}.start-overlay strong{font-size:clamp(3rem,17vw,5.5rem)}.scene-panel{right:12px;width:auto}.drive-panel{display:none}}
