:root{--city-bg: #07121f;--city-bg-deep: #030913;--city-panel: rgba(7, 18, 31, .82);--city-panel-solid: #0b1c2c;--city-line: rgba(130, 197, 225, .24);--city-text: #eff9ff;--city-muted: #9eb8c7;--city-cyan: #34d5ff;--city-blue: #6c8cff;--city-yellow: #ffcc42;--city-orange: #ff8c5a;--city-red: #ff6473;--city-green: #51e0a0;--city-violet: #b994ff;--city-magenta: #f176d5;--domain-sql: #20d9c2;--domain-tso: #ffd166;--domain-txn2pc: #e28cff;--domain-raft: #ff7a59;--domain-kv: #64e572;--domain-tiflash: #49a7ff;color:var(--city-text);background:var(--city-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=day]{--city-bg: #d7e9f1;--city-bg-deep: #b9d2dd;--city-panel: rgba(247, 253, 255, .86);--city-panel-solid: #f5fbfd;--city-line: rgba(24, 74, 94, .25);--city-text: #102c3c;--city-muted: #496b79;--city-cyan: #007b9f;--city-blue: #4359c6;--city-yellow: #8c6500;--city-orange: #a94920;--city-red: #bc3044;--city-green: #087854;--city-violet: #6845ab;--city-magenta: #a2388e;--domain-sql: #007f70;--domain-tso: #9b6400;--domain-txn2pc: #8b2dab;--domain-raft: #c03616;--domain-kv: #168431;--domain-tiflash: #176cbb;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 25% 10%,color-mix(in srgb,var(--city-cyan) 13%,transparent),transparent 34rem),linear-gradient(155deg,var(--city-bg),var(--city-bg-deep));color:var(--city-text)}button,input,select,textarea{font:inherit}a{color:var(--city-cyan)}:focus-visible{outline:3px solid var(--city-yellow);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:1000;top:.5rem;left:.5rem;padding:.65rem .9rem;border-radius:.5rem;background:var(--city-panel-solid);color:var(--city-text);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.noscript,.page-loading{max-width:48rem;margin:4rem auto;padding:2rem}.boot-card{display:grid;min-height:100dvh;place-content:center;justify-items:center;padding:2rem;text-align:center}.boot-logo{width:min(9rem,38vw);filter:drop-shadow(0 0 28px color-mix(in srgb,var(--city-cyan) 35%,transparent))}.boot-card h1{margin:1rem 0 .35rem;font-size:clamp(2.2rem,7vw,4.5rem);letter-spacing:-.06em}.boot-card h1 span{color:var(--city-cyan)}.boot-card p{margin:.4rem 0;color:var(--city-muted)}.boot-boundary{max-width:42rem;font-size:.82rem}.tidb-layout{position:relative;width:100%;height:100dvh;min-height:36rem;overflow:hidden;background:var(--city-bg)}.tidb-world{position:absolute;inset:0}.tidb-world canvas{display:block;width:100%;height:100%;outline:none}.tidb-movement-pad{position:absolute;z-index:26;top:8.55rem;left:max(.65rem,env(safe-area-inset-left));display:none;grid-template:repeat(3,2.75rem) / repeat(3,2.75rem);gap:.38rem;padding:.38rem;border:1px solid var(--city-line);border-radius:1rem;background:var(--city-panel);box-shadow:0 16px 38px #0000003d;pointer-events:auto;touch-action:none;user-select:none;backdrop-filter:blur(18px) saturate(130%);-webkit-user-select:none}.tidb-movement-pad[hidden]{display:none!important}.tidb-movement-pad__button{display:inline-flex;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--city-line) 80%,transparent);border-radius:.78rem;padding:0;background:color-mix(in srgb,var(--city-panel-solid) 88%,transparent);color:var(--city-text);cursor:pointer;font:750 1rem/1 ui-monospace,monospace;touch-action:none;-webkit-tap-highlight-color:transparent}.tidb-movement-pad__button:hover,.tidb-movement-pad__button:focus-visible,.tidb-movement-pad__button[aria-pressed=true]{border-color:var(--city-cyan);background:color-mix(in srgb,var(--city-cyan) 20%,var(--city-panel-solid));color:var(--city-cyan)}.tidb-movement-pad__button[data-camera-move=forward]{grid-area:1 / 2}.tidb-movement-pad__button[data-camera-move=left]{grid-area:2 / 1}.tidb-movement-pad__button[data-camera-move=sprint]{grid-area:2 / 2}.tidb-movement-pad__button[data-camera-move=right]{grid-area:2 / 3}.tidb-movement-pad__button[data-camera-move=backward]{grid-area:3 / 2}.tidb-movement-pad__button[data-camera-move=ascend]{grid-area:1 / 3}.tidb-movement-pad__button[data-camera-move=descend]{grid-area:3 / 3}.tidb-world-labels{position:absolute;z-index:7;inset:0;overflow:hidden;pointer-events:none}.tidb-world-label{--label-color: var(--city-cyan);position:absolute;top:0;left:0;display:grid;min-width:5.8rem;gap:.08rem;padding:.34rem .48rem .32rem;border:1px solid color-mix(in srgb,var(--label-color) 58%,transparent);border-left:3px solid var(--label-color);border-radius:.2rem .55rem .55rem .2rem;background:linear-gradient(120deg,color-mix(in srgb,var(--label-color) 12%,transparent),transparent 70%),color-mix(in srgb,var(--city-panel-solid) 88%,transparent);box-shadow:0 8px 22px #0000003d,0 0 18px color-mix(in srgb,var(--label-color) 14%,transparent);color:var(--city-text);line-height:1;opacity:.94;transition:opacity .16s ease,border-color .16s ease;will-change:transform}.tidb-world-label:after{position:absolute;top:100%;left:50%;width:1px;height:.75rem;background:linear-gradient(var(--label-color),transparent);content:""}.tidb-world-label strong{font:750 .66rem/1.05 ui-monospace,monospace;letter-spacing:.05em;white-space:nowrap}.tidb-world-label small{color:var(--city-muted);font:.52rem/1.1 ui-monospace,monospace;letter-spacing:.02em;white-space:nowrap}.tidb-world-label.is-far{opacity:.68}.tidb-world-labels.is-overview .tidb-world-label{min-width:0;padding:.28rem .4rem}.tidb-world-labels.is-overview .tidb-world-label small{display:none}.tidb-world-labels.is-distant .tidb-world-label{opacity:0}.tidb-world-label[hidden]{display:none}.tidb-world-label[data-domain=client]{--label-color: var(--city-cyan)}.tidb-world-label[data-domain=sql]{--label-color: var(--domain-sql)}.tidb-world-label[data-domain=tso]{--label-color: var(--domain-tso)}.tidb-world-label[data-domain=kv]{--label-color: var(--domain-kv)}.tidb-world-label[data-domain=gc]{--label-color: var(--city-muted)}.tidb-world-label[data-domain=tiflash]{--label-color: var(--domain-tiflash)}.tidb-topbar{position:absolute;z-index:30;top:max(.8rem,env(safe-area-inset-top));right:.8rem;left:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.tidb-wordmark,.tidb-top-actions,.tidb-status-strip{pointer-events:auto;border:1px solid var(--city-line);background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(18px) saturate(130%)}.tidb-wordmark{display:flex;align-items:center;gap:.7rem;min-width:max-content;padding:.55rem .8rem;border-radius:.8rem}.tidb-wordmark svg{width:2rem;height:2rem}.tidb-wordmark strong{display:block;letter-spacing:-.02em}.tidb-wordmark small{display:block;color:var(--city-muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.tidb-top-actions{display:flex;min-width:0;align-items:center;gap:.25rem;overflow-x:auto;padding:.35rem;border-radius:999px;scrollbar-width:none;white-space:nowrap}.tidb-top-actions::-webkit-scrollbar{display:none}.tidb-top-cluster,.tidb-view-actions{display:flex;min-width:0;align-items:center;gap:.45rem;pointer-events:auto}.tidb-view-actions{padding:.35rem;border:1px solid var(--city-line);border-radius:999px;background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(18px) saturate(130%)}.tidb-icon-button,.tidb-nav-link{display:inline-flex;flex:0 0 auto;min-height:2.25rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:.45rem .7rem;background:transparent;color:var(--city-text);cursor:pointer;font-size:.75rem;text-decoration:none}.tidb-icon-button:hover,.tidb-nav-link:hover,.tidb-icon-button[aria-pressed=true]{border-color:var(--city-cyan);color:var(--city-cyan)}.tidb-hud{position:absolute;z-index:20;top:5.6rem;right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));display:flex;width:min(24.5rem,calc(100vw - 1.6rem));flex-direction:column;gap:.6rem;pointer-events:none}.tidb-layout[data-panel=closed] .tidb-hud{bottom:auto;width:min(22rem,calc(100vw - 1.6rem))}.tidb-layout[data-panel=closed] .tidb-ui-host{display:none}.tidb-layout[data-panel=closed] .tidb-status-strip{box-shadow:0 18px 48px #0003,0 0 0 1px color-mix(in srgb,var(--city-cyan) 5%,transparent)}.tidb-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.45rem;border-radius:.8rem;pointer-events:auto}.tidb-status{min-width:0;padding:.2rem .5rem;border-right:1px solid var(--city-line)}.tidb-status:last-child{border-right:0}.tidb-status dt{overflow:hidden;color:var(--city-muted);font-size:.58rem;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tidb-status dd{overflow:hidden;margin:.1rem 0 0;font:700 .75rem/1.2 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.tidb-ui-host{min-height:0;overflow:auto;border-radius:1rem;overscroll-behavior:contain;pointer-events:auto;scroll-padding-top:3.6rem;scrollbar-color:var(--city-line) transparent;scrollbar-gutter:stable}.tidb-ui-host .ticity-ui{border-color:var(--city-line);background:var(--city-panel);box-shadow:0 22px 60px #0000003d;backdrop-filter:blur(20px) saturate(130%)}.tidb-ui-host .ticity-head{display:flex;min-height:2rem;justify-content:flex-end;margin:-.5rem 0 .4rem}.tidb-ui-host .ticity-title{display:none}.tidb-ui-host .tidb-language{margin-left:auto}.tidb-ui-host .tidb-language .tidb-button{min-height:1.9rem;padding:.25rem .55rem;font-size:.68rem}.tidb-ui-host .tidb-navigation{display:none}.tidb-hud-jumps{position:sticky;z-index:6;top:-1px;display:flex;gap:.35rem;margin:0 -18px .7rem;overflow-x:auto;padding:.65rem .75rem .55rem;border-bottom:1px solid var(--city-line);background:linear-gradient(180deg,var(--city-panel-solid) 76%,transparent);box-shadow:0 12px 26px color-mix(in srgb,var(--city-bg-deep) 34%,transparent);scrollbar-color:var(--city-line) transparent;scrollbar-width:thin}.tidb-hud-jump{display:inline-flex;flex:0 0 auto;min-height:2rem;align-items:center;border:1px solid var(--city-line);border-radius:999px;padding:.35rem .6rem;background:var(--city-panel);color:var(--city-muted);font-size:.68rem;text-decoration:none;white-space:nowrap}.tidb-hud-jump:after{margin-left:.35rem;color:var(--city-cyan);content:"↓"}.tidb-hud-jump:hover,.tidb-hud-jump:focus-visible{border-color:var(--city-cyan);color:var(--city-text)}.tidb-ui-host :is(#tidb-controls-title,#tidb-sql-title,#tidb-tour-title,#tidb-legal-title){scroll-margin-top:4rem}.tidb-trace-playback{--trace-color: var(--city-cyan);position:absolute;z-index:18;bottom:max(4.25rem,calc(env(safe-area-inset-bottom) + 4.25rem));left:50%;display:grid;width:min(42rem,calc(100vw - 2rem));grid-template-areas:"heading controls" "current controls" "rail controls" "progress controls";grid-template-columns:minmax(0,1fr) 11.5rem;gap:.42rem .75rem;overflow:hidden;padding:.72rem;border:1px solid color-mix(in srgb,var(--trace-color) 62%,var(--city-line));border-radius:.9rem;background:linear-gradient(118deg,color-mix(in srgb,var(--trace-color) 12%,transparent),transparent 48%),color-mix(in srgb,var(--city-panel-solid) 94%,transparent);box-shadow:0 20px 52px #0000004d,0 0 28px color-mix(in srgb,var(--trace-color) 14%,transparent);pointer-events:auto;transform:translate(-50%);backdrop-filter:blur(20px) saturate(135%);transition:border-color .18s ease,box-shadow .18s ease}.tidb-trace-playback:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--trace-color) var(--trace-overall-progress, 0%),color-mix(in srgb,var(--city-line) 70%,transparent) var(--trace-overall-progress, 0%));content:""}.tidb-layout[data-panel=open] .tidb-trace-playback{left:calc((100% - 25rem)/2);width:min(38rem,calc(100vw - 27rem))}.tidb-layout[data-camera-view=orbit][data-trace-state=playing] .tidb-scene-hint,.tidb-layout[data-camera-view=orbit][data-trace-state=holding] .tidb-scene-hint,.tidb-layout[data-camera-view=orbit][data-trace-state=paused] .tidb-scene-hint{opacity:0}.tidb-trace-playback__heading{grid-area:heading;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.65rem}.tidb-trace-playback__eyebrow{color:var(--trace-color);font:800 .6rem/1 ui-monospace,monospace;letter-spacing:.14em;white-space:nowrap}.tidb-trace-playback__meta{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.32rem;overflow:hidden}.tidb-trace-playback__meta>span{display:inline-flex;min-height:1.25rem;align-items:center;border:1px solid var(--city-line);border-radius:999px;padding:.18rem .42rem;color:var(--city-muted);font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.045em;white-space:nowrap}.tidb-trace-playback__phase{color:var(--trace-color)!important}.tidb-trace-playback__domain{overflow:hidden;max-width:8.5rem;border-color:color-mix(in srgb,var(--trace-color) 55%,transparent)!important;color:var(--city-text)!important;text-overflow:ellipsis}.tidb-trace-playback[data-current-status=failed]{--trace-color: var(--city-red) !important}.tidb-trace-playback[data-current-status=warning] .tidb-trace-playback__status{border-color:var(--city-yellow);color:var(--city-yellow)}.tidb-trace-playback__current{min-width:0;grid-area:current}.tidb-trace-playback__label{overflow:hidden;margin:0;color:var(--city-text);font-size:.86rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tidb-trace-playback__route{display:flex;min-width:0;align-items:center;gap:.45rem;margin:.24rem 0 0;color:var(--city-muted);font:650 .66rem/1.2 ui-monospace,monospace}.tidb-trace-playback__endpoint{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.tidb-trace-playback__endpoint.is-target{color:var(--trace-color)}.tidb-trace-playback__route-arrow{flex:0 0 auto;color:var(--trace-color);font-size:.9rem}.tidb-trace-playback__route[data-local=true] .tidb-trace-playback__route-arrow{font-size:0}.tidb-trace-playback__route[data-local=true] .tidb-trace-playback__route-arrow:after{border:1px solid color-mix(in srgb,var(--trace-color) 52%,transparent);border-radius:999px;padding:.12rem .32rem;content:"LOCAL ↻";font-size:.5rem;letter-spacing:.06em}.tidb-trace-playback__rail{display:flex;min-width:0;height:1.1rem;grid-area:rail;gap:2px;margin:0;overflow:hidden;padding:0;list-style:none}.tidb-trace-playback__tick{display:grid;min-width:2px;flex:1 1 0;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--trace-color) 35%,transparent);border-radius:2px;background:color-mix(in srgb,var(--trace-color) 16%,transparent);color:var(--city-panel-solid);opacity:.28;font:900 .48rem/1 ui-monospace,monospace;transition:opacity .15s ease,transform .15s ease}.tidb-trace-playback__tick.is-complete{background:color-mix(in srgb,var(--trace-color) 72%,var(--city-panel-solid));opacity:.68}.tidb-trace-playback__tick.is-current{border-color:var(--city-text);background:var(--trace-color);box-shadow:0 0 12px color-mix(in srgb,var(--trace-color) 74%,transparent);opacity:1;transform:scaleY(1.18);animation:tidb-trace-current .9s ease-in-out infinite alternate}.tidb-trace-playback__progress-stack{display:grid;height:.45rem;grid-area:progress;gap:.16rem}.tidb-trace-playback__progress{width:100%;height:.18rem;overflow:hidden;border:0;border-radius:999px;appearance:none;background:color-mix(in srgb,var(--city-line) 65%,transparent)}.tidb-trace-playback__progress::-webkit-progress-bar{border-radius:inherit;background:color-mix(in srgb,var(--city-line) 65%,transparent)}.tidb-trace-playback__progress::-webkit-progress-value{border-radius:inherit;background:var(--trace-color)}.tidb-trace-playback__progress::-moz-progress-bar{border-radius:inherit;background:var(--trace-color)}.tidb-trace-playback__event-progress{position:relative;display:block;height:.11rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--city-line) 40%,transparent)}.tidb-trace-playback__event-progress-fill{position:absolute;inset:0 auto 0 0;width:var(--trace-event-progress, 0%);border-radius:inherit;background:color-mix(in srgb,var(--trace-color) 68%,white)}.tidb-trace-playback__controls{display:grid;align-self:stretch;grid-area:controls;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.tidb-trace-playback__control{min-width:0;min-height:2.35rem;border:1px solid var(--city-line);border-radius:.55rem;padding:.35rem .48rem;background:color-mix(in srgb,var(--city-panel-solid) 82%,transparent);color:var(--city-text);cursor:pointer;font-size:.62rem;line-height:1.1}.tidb-trace-playback__control:hover:not(:disabled),.tidb-trace-playback__control:focus-visible{border-color:var(--trace-color);color:var(--trace-color)}.tidb-trace-playback__control.is-toggle{border-color:color-mix(in srgb,var(--trace-color) 64%,transparent);background:color-mix(in srgb,var(--trace-color) 14%,var(--city-panel-solid))}.tidb-trace-playback__control.is-loop{grid-column:1 / -1;min-height:1.9rem;border-color:color-mix(in srgb,var(--city-cyan) 42%,var(--city-line));font-family:ui-monospace,monospace;letter-spacing:.035em}.tidb-trace-playback__control.is-loop[aria-pressed=true]{border-color:color-mix(in srgb,var(--trace-color) 64%,transparent);background:color-mix(in srgb,var(--trace-color) 12%,var(--city-panel-solid));color:var(--city-text);font-weight:700}.tidb-trace-playback__control:disabled{cursor:default;opacity:.34}@keyframes tidb-trace-current{0%{filter:brightness(.88)}to{filter:brightness(1.22)}}@media(min-width:901px)and (max-width:1050px){.tidb-layout[data-panel=open] .tidb-trace-playback{grid-template-areas:"heading" "current" "rail" "progress" "controls";grid-template-columns:minmax(0,1fr)}.tidb-layout[data-panel=open] .tidb-trace-playback__eyebrow,.tidb-layout[data-panel=open] .tidb-trace-playback__status{display:none}.tidb-layout[data-panel=open] .tidb-trace-playback__meta{width:100%;justify-content:space-between}.tidb-layout[data-panel=open] .tidb-trace-playback__controls{grid-template-columns:repeat(5,minmax(0,1fr))}.tidb-layout[data-panel=open] .tidb-trace-playback__control{min-height:2.75rem}.tidb-layout[data-panel=open] .tidb-trace-playback__control.is-loop{min-height:2.75rem;grid-column:auto}}.tidb-ui-host .tidb-card{margin-top:.65rem;padding:.85rem}.tidb-ui-host .tidb-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem}.tidb-ui-host .tidb-control-select{width:100%;min-width:0}.tidb-scene-legend{position:absolute;z-index:12;bottom:max(.8rem,env(safe-area-inset-bottom));left:max(.8rem,env(safe-area-inset-left));display:flex;max-width:calc(100vw - 27.5rem);flex-wrap:wrap;gap:.35rem;padding:.45rem;border:1px solid var(--city-line);border-radius:999px;background:var(--city-panel);backdrop-filter:blur(16px)}.tidb-domain-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .45rem;color:var(--city-muted);font-size:.64rem}.tidb-domain-chip:before{width:.52rem;height:.52rem;border:1px solid currentColor;border-radius:50%;background:var(--chip);content:""}.tidb-domain-chip[data-domain=sql]{--chip: var(--domain-sql)}.tidb-domain-chip[data-domain=tso]{--chip: var(--domain-tso)}.tidb-domain-chip[data-domain=txn2pc]{--chip: var(--domain-txn2pc)}.tidb-domain-chip[data-domain=raft]{--chip: var(--domain-raft)}.tidb-domain-chip[data-domain=kv]{--chip: var(--domain-kv)}.tidb-domain-chip[data-domain=tiflash]{--chip: var(--domain-tiflash)}.tidb-scene-hint{position:absolute;z-index:12;bottom:4.2rem;left:.8rem;max-width:26rem;margin:0;color:var(--city-muted);font-size:.7rem;pointer-events:none;text-shadow:0 1px 4px var(--city-bg-deep)}.tidb-inspector{position:absolute;z-index:14;top:6rem;left:.8rem;width:min(19rem,calc(100vw - 27.5rem));padding:.75rem .9rem;border:1px solid var(--city-line);border-left:3px solid var(--city-cyan);border-radius:.8rem;background:var(--city-panel);box-shadow:0 18px 48px #0003;backdrop-filter:blur(16px)}.tidb-inspector strong{display:block;font-size:.86rem}.tidb-inspector p{margin:.35rem 0;color:var(--city-muted);font-size:.72rem;line-height:1.45}.tidb-inspector small{color:var(--city-yellow);font:.6rem/1.2 ui-monospace,monospace;letter-spacing:.06em}.tidb-webgl-fallback{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:2rem;color:var(--city-muted);text-align:center}.tidb-page{min-height:100dvh;overflow-x:clip;padding:clamp(1rem,3vw,2.5rem)}.tidb-page-nav{display:flex;width:100%;min-width:0;max-width:96rem;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto 1rem}.tidb-page-nav__links{display:flex;flex-wrap:wrap;gap:.4rem}.tidb-page-content{width:min(96rem,100%);margin:0 auto;overflow:hidden;border:1px solid var(--city-line);border-radius:1.1rem;background:var(--city-panel);box-shadow:0 24px 70px #00000038}.tidb-page-controls{display:flex;width:min(96rem,100%);align-items:center;gap:.8rem;margin:0 auto .8rem;color:var(--city-muted);font-size:.75rem}.tidb-page-controls label{display:flex;align-items:center;gap:.6rem}.tidb-page-controls select{min-height:2.4rem;border:1px solid var(--city-line);border-radius:999px;padding:.35rem 2.2rem .35rem .8rem;background:var(--city-panel-solid);color:var(--city-text)}:root[data-theme=day] .tidb-surface{--tc-bg: #e4f0f3;--tc-panel: rgba(248, 253, 254, .96);--tc-panel-2: #dcecef;--tc-border: rgba(24, 74, 94, .25);--tc-text: #12313d;--tc-muted: #496b79;--tc-cyan: #006b73;--tc-yellow: #765400;--tc-red: #bc3044}:root[data-theme=day] .tidb-sql-textarea{background:#f8fdfe}:root[data-theme=day] .tidb-scenario,:root[data-theme=day] .tidb-control-select{border-color:var(--tc-border);background:#edf7f8;color:var(--tc-text)}:root[data-theme=day] .tidb-button--primary{color:#fff}@media(max-width:900px){.tidb-layout{min-height:52rem;overflow:auto}.tidb-world{position:sticky;top:0;height:56dvh;min-height:22rem}.tidb-topbar{position:fixed}.tidb-hud{position:relative;z-index:30;inset:auto;width:100%;min-height:46dvh;padding:.7rem;background:var(--city-bg)}.tidb-layout[data-panel=closed] .tidb-hud{width:100%}.tidb-ui-host{overflow:visible;scrollbar-gutter:auto}.tidb-hud-jumps{top:5.25rem}.tidb-trace-playback,.tidb-layout[data-panel=open] .tidb-trace-playback{bottom:max(.65rem,env(safe-area-inset-bottom));left:50%;width:calc(100% - 1rem);grid-template-areas:"heading" "current" "rail" "progress" "controls";grid-template-columns:minmax(0,1fr);gap:.34rem;padding:.58rem}.tidb-trace-playback__controls{grid-template-columns:repeat(5,minmax(0,1fr))}.tidb-trace-playback__control{min-height:2.75rem}.tidb-trace-playback__control.is-loop{min-height:2.75rem;grid-column:auto}.tidb-scene-legend,.tidb-scene-hint,.tidb-world-labels{display:none}.tidb-movement-pad:not([hidden]){display:grid}}@media(max-width:600px){.tidb-wordmark small,.tidb-top-actions .optional,.tidb-top-actions [data-nav=github],.tidb-top-actions [data-nav=city]{display:none}.tidb-topbar{gap:.35rem}.tidb-wordmark{gap:.45rem;padding:.4rem .55rem}.tidb-wordmark svg{width:1.65rem;height:1.65rem}.tidb-wordmark strong{font-size:.9rem}.tidb-top-cluster{flex:0 1 auto;gap:.2rem;overflow:hidden}.tidb-top-actions{padding:.25rem}.tidb-icon-button,.tidb-nav-link{min-height:2rem;padding:.35rem .5rem;font-size:.7rem}.tidb-view-actions{position:absolute;top:4.1rem;right:0}.tidb-view-actions .tidb-icon-button{min-width:2.75rem;min-height:2.75rem;padding:.35rem .52rem}.tidb-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tidb-trace-playback{border-radius:.72rem}.tidb-trace-playback__eyebrow,.tidb-trace-playback__status{display:none!important}.tidb-trace-playback__heading{justify-content:flex-end}.tidb-trace-playback__meta{width:100%;justify-content:space-between}.tidb-trace-playback__meta>span{min-height:1.15rem;padding:.14rem .32rem;font-size:.49rem}.tidb-trace-playback__domain{max-width:7rem}.tidb-trace-playback__label{font-size:.74rem}.tidb-trace-playback__route{margin-top:.16rem;font-size:.58rem}.tidb-trace-playback__rail{height:.86rem;gap:1px}.tidb-trace-playback__progress-stack{height:.32rem}.tidb-trace-playback__control{padding:.28rem .2rem;font-size:.56rem}.tidb-status:nth-child(2){border-right:0}.tidb-status:nth-child(-n+2){border-bottom:1px solid var(--city-line)}.tidb-page{padding:0}.tidb-page-nav{min-width:0;gap:.35rem;padding:.75rem}.tidb-page-nav>*{min-width:0}.tidb-page-controls{padding:0 .75rem}.tidb-page-controls label{width:100%;min-width:0}.tidb-page-controls select{min-width:0;flex:1 1 auto}.tidb-page-content{border-right:0;border-left:0;border-radius:0}.tidb-hud-jumps{margin-right:-12px;margin-left:-12px}.tidb-ui-host .tidb-control-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px)and (max-height:830px){.tidb-movement-pad:not([hidden]){top:8.55rem;right:max(.125rem,env(safe-area-inset-right));left:max(.125rem,env(safe-area-inset-left));width:auto;max-width:23rem;grid-template:2.75rem / repeat(7,2.75rem);grid-auto-flow:column;justify-content:space-evenly;gap:0;padding:0;border-radius:.75rem}.tidb-movement-pad__button[data-camera-move]{grid-area:auto}}@media(max-width:360px){.tidb-trace-playback__controls{grid-template-columns:repeat(6,minmax(0,1fr))}.tidb-trace-playback__control.is-previous,.tidb-trace-playback__control.is-toggle,.tidb-trace-playback__control.is-next{grid-column:span 2}.tidb-trace-playback__control.is-replay,.tidb-trace-playback__control.is-loop{grid-column:span 3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}