*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{width:100%;height:100%;overflow:hidden}body{color:#eef2f5;-webkit-user-select:none;user-select:none;background:#0a0e14;font-family:Segoe UI,system-ui,sans-serif}canvas{touch-action:none;display:block;position:absolute;inset:0}.loading{background:radial-gradient(at 50% 60%,#14304a,#0a0e14);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.loading h1{letter-spacing:.55em;text-indent:.55em;font-size:42px;font-weight:300}.loading p{opacity:.6;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.25}}.hud-top{pointer-events:none;flex-direction:column;gap:8px;padding:12px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud-row{align-items:center;gap:16px;display:flex}.hud-row>*,.bookmark-bar>*{pointer-events:auto}.brand{letter-spacing:.4em;opacity:.9;text-shadow:0 1px 8px #0009;font-size:15px;font-weight:600}.time-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a10188c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex}.clock{font-variant-numeric:tabular-nums;opacity:.9;font-size:13px}.time-box input[type=range]{accent-color:#ffb45e;width:150px}.toolbar{gap:8px;margin-left:auto;display:flex}button{color:#eef2f5;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101822b3;border:1px solid #ffffff29;border-radius:8px;padding:6px 12px;font-size:13px}button:hover{background:#32465fcc}button.active,button.primary{background:#2478b8;border-color:#4da3dd}button.rec{background:#b83a2e;border-color:#e05d4d}.prompt{color:#ffe2ac;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#080e14b8;border:1px solid #ffd68c80;border-radius:999px;padding:8px 22px;font-size:14px;position:absolute;bottom:26vh;left:50%;transform:translate(-50%)}.hud-bottom{pointer-events:none;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.speedo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a10188c;border:1px solid #ffffff1f;border-radius:14px;padding:10px 18px;font-size:13px}.speedo b{margin-right:4px;font-size:30px;font-weight:600}.district{opacity:.65;margin-top:2px;display:block}.hints{text-align:center;opacity:.55;text-shadow:0 1px 6px #000;flex:1;font-size:12px}.minimap{border:2px solid #ffffff40;border-radius:12px;width:132px;height:132px;position:relative;overflow:hidden}.minimap canvas{width:100%;height:100%;image-rendering:pixelated;position:static}.map-dot{background:#ff5a3c;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #ff5a3c}.bookmark-bar{flex-wrap:wrap;align-items:center;gap:6px;max-width:72%;display:flex}.bm-chip{text-overflow:ellipsis;white-space:nowrap;background:#0a101899;border:1px solid #ffffff29;border-radius:999px;max-width:190px;padding:4px 11px;font-size:12px;overflow:hidden}.bm-chip.add{color:#ffd79a;border-color:#ffc86e8c}.bm-chip.add:hover{background:#785414b3}.bm-chip.more{opacity:.7}.panel{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c121ae0;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:10px;width:340px;max-height:calc(100vh - 170px);padding:14px;display:flex;position:absolute;top:100px;right:18px;overflow-y:auto}.building-panel{left:18px;right:auto}.panel.dock{gap:0;width:366px;padding:0;overflow:hidden}.dock-tabs{background:#080c1299;border-bottom:1px solid #ffffff24;flex-wrap:wrap;gap:2px;padding:6px 6px 0;display:flex}.dock-tabs button{opacity:.7;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:5px;margin-bottom:-1px;padding:6px 9px;font-size:12px;display:flex}.dock-tabs button:hover{opacity:1;background:#ffffff12}.dock-tabs button.active{opacity:1;background:#0c121af2;border-color:#ffffff29 #ffffff29 #0c121af2;border-bottom-style:solid;border-bottom-width:1px;font-weight:600}.dock-tabs .ico{font-size:13px}.dock-tabs .dock-close{opacity:.6;margin-left:auto}.dock-body{flex-direction:column;padding:4px 14px 14px;display:flex;overflow-y:auto}.section{border-bottom:1px solid #ffffff14}.section:last-child{border-bottom:none}.section-head{-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:0;align-items:center;gap:7px;width:100%;padding:9px 0;font-size:12.5px;font-weight:600;display:flex}.section-head:hover{color:#9fd0ff;background:0 0}.section-head .tw{opacity:.5;width:10px;font-size:10px}.section-head .section-title{flex:1}.section-head em{opacity:.55;background:#ffffff17;border-radius:999px;padding:1px 7px;font-size:10.5px;font-style:normal}.section-body{flex-direction:column;gap:10px;padding:0 0 12px;display:flex}.sub-head{opacity:.75;margin-top:4px;font-size:12px;font-weight:600}.panel-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.panel-head button{padding:2px 8px}.panel-head .head-actions{align-items:center;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.panel textarea{resize:vertical;color:#9fe8b0;background:#0b1016;border:1px solid #ffffff24;border-radius:8px;width:100%;height:260px;padding:8px;font-family:Consolas,monospace;font-size:11.5px}.panel input[type=text],.panel input[type=password],.panel input:not([type]){color:#eef2f5;background:#0b1016;border:1px solid #ffffff29;border-radius:8px;flex:1;padding:6px 10px}.panel input[type=range]{accent-color:#ffb45e;flex:1;min-width:100px}.panel select{color:#eef2f5;background:#0b1016;border:1px solid #ffffff29;border-radius:8px;flex:1;padding:6px 10px}.err{color:#ff8a7a;font-size:12px}.hint{opacity:.6;font-size:12px;line-height:1.5}.story-list{flex-direction:column;gap:6px;display:flex}.story-item{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.story-item em{opacity:.55;margin-left:6px;font-size:11px;font-style:normal}.shot-panel{max-width:340px}.render-list{flex-direction:column;gap:8px;max-height:46vh;display:flex;overflow-y:auto}.render-item{background:#ffffff0d;border-radius:8px;align-items:flex-start;gap:8px;padding:6px;display:flex}.render-item img{object-fit:cover;cursor:pointer;border:1px solid #ffffff24;border-radius:5px;width:108px;height:68px}.render-meta{flex-direction:column;gap:2px;min-width:0;font-size:12px;display:flex}.render-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.render-meta em{opacity:.55;font-size:10.5px;font-style:normal}.story-item em.has-renders{color:#7ee081;opacity:.9}.panel textarea.ai-prompt{color:#eef2f5;height:96px;font-family:inherit;font-size:12.5px;line-height:1.45}.ai-presets{gap:5px}.ai-presets button{border-radius:999px;padding:4px 9px;font-size:11.5px}.ai-go{flex:1}.ai-status{opacity:.85;flex-direction:column;gap:5px;font-size:12px;display:flex}.ai-status.bad{color:#ff8a7a;opacity:1}.ai-bar{background:#ffffff1f;border-radius:3px;height:4px;overflow:hidden}.ai-bar i{background:#4dd2ff;height:100%;transition:width .4s;display:block}.ai-status.bad .ai-bar i{background:#ff8a7a}.ai-prompt-echo{opacity:.5;max-height:4.5em;font-style:italic;overflow:hidden}.token-state{justify-content:space-between;font-size:12px}.token-state .ok{color:#7ee081}.hint code,.token-state code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:Consolas,monospace;font-size:11px}.hint a{color:#9fd0ff}p.hint.err{color:#ff8a7a;opacity:1}.render-blob{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:#9fd0ff;background:#4dd2ff1f;border:1px dashed #4dd2ff80;border-radius:5px;flex:none;justify-content:center;align-items:center;width:108px;height:68px;font-size:11px;display:flex}.shot-groups .section{border-bottom:none}.shot-groups .section:not(:last-child){border-bottom:1px solid #ffffff0f}.shot-groups .section-head{opacity:.9;padding:6px 2px;font-size:12px}.shot-groups .section-head em{background:0 0;padding:0}.shot-groups .section-head em .has-renders{color:#7ee081;opacity:.9}.shot-groups .section-body{gap:6px;padding:0 0 8px 4px}.render-compare{pointer-events:none;position:absolute;inset:0;overflow:hidden}.render-compare img{width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.wipe-line{background:#4dd2ffe6;width:1px;position:absolute;top:0;bottom:0}.compare-bar{max-width:320px;top:auto;bottom:16px;right:16px}.row.seg{gap:4px}.row.seg button{text-transform:capitalize;flex:1}.blabels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blabel{white-space:nowrap;will-change:transform;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 4px #000c;background:#0a1018b3;border:1px solid #ffffff24;border-radius:5px;padding:3px 7px;line-height:1.3;position:absolute;top:0;left:0}.blabel b{font-size:11px;font-weight:600}.blabel i{opacity:.6;font-size:10px;font-style:normal;display:block}.blabel.is-interior{border-color:#57ff9a80}.blabel.is-custom{background:#1e1408b8;border-color:#ffb45ed9}.panel-head.sub{opacity:.75;border-top:1px solid #ffffff1a;margin-top:4px;padding-top:8px;font-size:12px}.row.indent{padding-left:14px}.row em.hint{font-style:normal}.bm-list{flex-direction:column;gap:5px;max-height:42vh;display:flex;overflow-y:auto}.bm-item{align-items:center;gap:4px;display:flex}.bm-item>input{flex:1}.bm-go{text-align:left;background:#ffffff0d;border-color:#ffffff1a;flex:1;align-items:baseline;gap:7px;min-width:0;padding:6px 10px;display:flex}.bm-go .ico{flex:none}.bm-go .bm-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-go em{opacity:.5;flex:none;margin-left:auto;font-size:10.5px;font-style:normal}.bm-actions{gap:3px;display:flex}.bm-actions button{padding:5px 7px}.recent-buildings{gap:6px}.recent-building-btn{background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:3px 9px;font-size:12px}.recent-building-btn:hover{background:#ffffff1f}.touch-controls{pointer-events:none;z-index:5;padding:0 max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:absolute;inset:0}.touch-controls>*{pointer-events:auto;touch-action:none}.tc-pad{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eef2f5;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:#0a101880;border:1.5px solid #ffffff38;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-family:inherit;font-size:22px;line-height:1;display:flex;position:absolute}.tc-pad small{letter-spacing:.08em;opacity:.7;font-size:10px}.tc-pad.held{background:#2478b8bf;border-color:#4da3dd}.tc-steer{width:78px;height:78px}.tc-gas{border-color:#7ee08173;width:104px;height:104px}.tc-gas.held{background:#2e9648cc;border-color:#7ee081}.tc-brake{width:78px;height:78px}.tc-mini{border-radius:14px;flex-direction:row;min-width:52px;height:52px;font-size:15px;position:static}.tc-corner-tr{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tc-tiltbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;opacity:.9;background:#0a10188c;border:1px solid #ffffff24;border-radius:12px;width:132px;padding:8px 10px;font-size:10.5px;position:absolute;bottom:22px;right:14px}.tc-meter{background:#ffffff1f;border-radius:4px;height:7px;margin:3px 0 6px;overflow:hidden}.tc-meter i{background:#7ee081;height:100%;display:block}.tc-meter.steer i{background:#ffb45e}.tilt-readout{color:#9fe8b0;word-break:break-word;background:#0b1016;border:1px solid #ffffff24;border-radius:8px;padding:7px 9px;font-family:Consolas,monospace;font-size:11px;line-height:1.6}.tilt-readout.unstable{color:#ff8a7a}.tilt-status{opacity:.75;font-size:12px}.tilt-status.ok{color:#7ee081;opacity:1}.tilt-status.bad{color:#ff8a7a;opacity:1}.app.touch-on .hints,.app.touch-on .minimap{display:none}.app.touch-on .hud-bottom{bottom:calc(196px + env(safe-area-inset-bottom));justify-content:center}.app.touch-on .prompt{bottom:calc(268px + env(safe-area-inset-bottom))}@media (width<=620px){.panel,.building-panel,.panel.dock{width:auto;max-height:62vh;top:92px;left:8px;right:8px}.compare-bar{top:auto}.shot-panel{max-width:none}.hud-top{gap:6px;padding:8px 10px}.hud-row{flex-wrap:wrap;gap:8px}.bookmark-bar{max-width:100%}.bm-chip{max-width:130px}.dock-tabs button .lbl{display:none}.dock-tabs button{padding:8px 11px}.time-box input[type=range]{width:88px}.hud-bottom{left:8px;right:8px;bottom:max(14px, env(safe-area-inset-bottom));justify-content:center}.hints,.minimap{display:none}.speedo{padding:6px 12px}.speedo b{font-size:22px}.prompt{white-space:normal;text-align:center;max-width:84vw;font-size:13px;bottom:34vh}button{padding:9px 13px}}