@font-face{font-family:Inter;src:url(/relay-world/fonts/inter-variable.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{color:var(--ink);background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;--canvas:#161616;--paper:#1c1c1c;--surface:#232323;--hover:#2d2d2d;--ink:#ededed;--muted:#a0a0a0;--purple:#4615c8;--purple-hover:#3901aa;--accent-text:#a7aaff;--accent-surface:#216;--focus:#a7aaff;--line:#343434;--success:#63c174;--warning:#ffc53d;--warning-surface:#302008;--danger:#ff8b7a;--shadow:0 3px 8px #00000024, 0 14px 38px #0000003d;--radius:14px;accent-color:var(--purple);scrollbar-color:#5a5a5a var(--paper);caret-color:var(--accent-text);font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.45;cursor:default}button:active:not(:disabled){transform:scale(.96)}button,a,select{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus)}::selection{background:var(--purple);color:#fff}a{color:inherit;text-underline-offset:4px}button{transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}button:hover{background-color:var(--hover)}.icon{flex-shrink:0;width:20px;height:20px;display:block}button .icon,a .icon{pointer-events:none}[hidden]{display:none!important}.skip-link{background:var(--paper);z-index:30;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.site-header{background:var(--canvas);z-index:8;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 38px;display:flex;position:relative}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:29px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand-city{margin-left:3px;font-weight:400}.brand small{letter-spacing:2.5px;color:var(--muted);margin:8px 0 0 2px;font-size:8px;font-weight:650;display:block}.brand-mark{align-items:flex-end;gap:3px;width:37px;height:32px;padding-bottom:3px;display:flex;transform:skewY(-9deg)}.brand-mark i{background:var(--purple);border-radius:2px 2px 0 0;width:9px;display:block}.brand-mark i:first-child{background:#a7aaff;height:18px}.brand-mark i:nth-child(2){height:31px}.brand-mark i:nth-child(3){background:#dbdeff;height:24px}.site-header nav{align-items:stretch;gap:30px;height:100%;margin-left:30px;display:flex}.nav-link{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;position:relative}.nav-link:hover{color:var(--ink);background:0 0}.nav-link.active{color:var(--ink);font-weight:700}.nav-link.active:after{content:"";background:var(--accent-text);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.header-end{align-items:center;gap:25px;font-size:12px;display:flex}.open-source{color:var(--muted)}.relay-link{background:var(--surface);border-radius:8px;align-items:center;gap:14px;padding:12px 16px;font-weight:650;text-decoration:none;display:flex}.relay-link:hover{background:var(--hover)}.relay-link .icon{width:17px;height:17px}.retirement-banner{background:var(--warning-surface);min-height:42px;color:var(--ink);border-bottom:1px solid var(--line);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;padding:8px 16px;font-size:12px;display:flex}.retirement-banner a{color:var(--accent-text);font-weight:650}#city-app{isolation:isolate;background:var(--canvas);height:calc(100dvh - 202px);min-height:420px;position:relative;overflow:hidden}#world{cursor:grab;touch-action:none;position:absolute;inset:0}#world:active{cursor:grabbing}#world canvas{width:100%;height:100%;display:block}#chain-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.chain-label{background:var(--surface);white-space:nowrap;visibility:hidden;pointer-events:auto;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:7px;padding:7px 10px 7px 7px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 9px #0000004d}.chain-label:hover{background:var(--hover)}.chain-label:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--surface);margin-left:-4px;position:absolute;bottom:-5px;left:50%}.chain-symbol{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:grid}.chain-symbol svg{fill:currentColor;width:15px;height:15px}.intro{pointer-events:none;z-index:2;position:absolute;top:32px;left:38px}.intro h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 15px;font-size:clamp(28px,3.05vw,46px);font-weight:650;line-height:1.1}.intro p{color:#b8b8b8;margin:0;font-size:13px;line-height:1.75}.mode-line{pointer-events:auto;align-items:center;gap:7px;margin-top:16px;font-size:10px;font-weight:650;display:flex}.status-dot,.footer-live-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mode-line.live .status-dot{background:var(--success)}.text-icon{background:0 0;border:0;border-radius:50%;place-items:center;margin:-9px -5px;padding:9px;display:grid}.text-icon .icon{width:14px;height:14px;color:var(--muted)}.scene-topbar{z-index:3;gap:10px;display:flex;position:absolute;top:32px;right:32px}.chain-filter{background:var(--paper);height:43px;box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.chain-filter>.icon{width:16px;height:16px;color:var(--muted)}.chain-filter>span:last-child .icon{width:14px;height:14px}.chain-filter select{appearance:none;color:var(--ink);cursor:pointer;background:0 0;border:0;max-width:140px;padding:11px 0;font-size:12px;font-weight:600}.whale-button{box-shadow:var(--shadow);background:var(--purple);color:#fff;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.whale-button:hover{background:var(--purple-hover)}.whale-button .icon{width:16px;height:16px}.activity-panel{border-radius:var(--radius);background:var(--paper);width:288px;box-shadow:var(--shadow);z-index:3;position:absolute;bottom:29px;left:32px;overflow:hidden}.activity-heading{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:default;background:0 0;justify-content:space-between;align-items:center;width:100%;height:53px;padding:0 17px;display:flex}.activity-heading>span:first-child{align-items:center;gap:8px;display:flex}.activity-heading strong{font-size:12px;font-weight:700}.activity-signal{background:var(--accent-text);border-radius:50%;width:7px;height:7px}.small-label{letter-spacing:.5px;color:var(--warning);background:var(--warning-surface);border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700}.activity-columns{color:var(--muted);justify-content:space-between;padding:13px 17px 5px;font-size:10px;display:flex}.activity-panel ol{margin:0;padding:0 9px;list-style:none}.trip-row{text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 8px;display:flex}.vehicle-icon{background:var(--hover);color:#c6c6c6;border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.vehicle-icon .icon{width:19px;height:19px}.trip-row[data-kind=airplane] .vehicle-icon{background:var(--warning-surface);color:var(--warning)}.trip-row[data-kind=train] .vehicle-icon{background:var(--accent-surface);color:#dbdeff}.trip-route{white-space:nowrap;font-size:10px;font-weight:650;display:block}.trip-route .route-arrow{color:var(--muted);margin:0 4px;font-weight:400}.trip-age{color:var(--muted);margin-top:3px;font-size:10px;display:block}.trip-value{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:700}.feed-note{color:var(--muted);border-top:1px solid var(--line);margin-top:6px;padding:13px 17px 14px;font-size:10px;line-height:1.5}.empty-feed{color:var(--muted);font-size:12px;padding:20px 9px!important}.camera-hint{color:var(--muted);pointer-events:none;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:31px;left:50%;transform:translate(-30%)}.camera-hint .icon{width:17px;height:17px}.camera-hint i{opacity:.5;padding:0 5px;font-style:normal}.scene-controls{background:var(--paper);box-shadow:var(--shadow);z-index:3;border-radius:10px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;bottom:27px;right:32px}.scene-controls button{background:0 0;border:0;border-radius:7px;place-items:center;width:40px;height:40px;display:grid}.navigation-hint{background:var(--paper);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:7px;padding:8px 10px;font-size:10px;position:absolute;bottom:calc(100% + 8px);right:0}#world canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}#city-app:has(.trip-inspector:not([hidden]),.info-panel:not([hidden])) .navigation-hint{display:none}@media (hover:none),(width<=760px){.navigation-hint{display:none}}.scene-controls button:hover{background:var(--hover)}.scene-controls .icon{width:17px;height:17px}.control-separator{background:var(--line);width:1px;height:19px;margin:0 3px}.scene-controls button[aria-pressed=true]{color:#dbdeff;background:var(--accent-surface)}.city-footer{background:var(--canvas);border-top:1px solid var(--line);z-index:5;align-items:center;gap:38px;height:72px;padding:0 38px;display:flex;position:relative}.footer-title{letter-spacing:1px;color:var(--muted);align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.scene-stat{white-space:nowrap;align-items:baseline;gap:7px;display:flex}.scene-stat strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:19px;font-weight:650}.scene-stat>span{color:var(--muted);font-size:10px}.footer-right{color:var(--muted);align-items:center;gap:22px;margin-left:auto;font-size:10px;display:flex}.footer-right button{color:var(--accent-text);background:0 0;border:0;align-items:center;gap:10px;padding:12px 0;font-size:10px;font-weight:650;display:flex}.footer-right button:hover{color:#dbdeff}.footer-right .icon{width:14px;height:14px}.trip-inspector,.info-panel{background:var(--paper);border-radius:var(--radius);width:310px;box-shadow:var(--shadow);z-index:6;scrollbar-width:thin;scrollbar-color:#5a5a5a transparent;max-height:calc(100% - 170px);padding:25px;position:absolute;top:91px;right:32px;overflow:auto}.panel-close{background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.panel-close .icon{width:16px;height:16px}.inspector-vehicle{background:var(--accent-surface);color:#dbdeff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.inspector-vehicle .icon{width:26px;height:26px}.trip-inspector h2{letter-spacing:-.8px;margin:0 0 4px;font-size:27px}.trip-inspector .trip-type{color:var(--muted);margin:0;font-size:11px}.inspector-route{align-items:center;gap:10px;margin:22px 0;font-size:12px;display:flex}.inspector-route .icon{width:15px;height:15px;color:var(--muted)}.inspector-route>div{align-items:center;gap:6px;display:flex}.trip-inspector dl{margin:0;font-size:11px}.trip-inspector dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.trip-inspector dt{color:var(--muted)}.trip-inspector dd{margin:0}.success-text{color:var(--success)}.inspector-link{background:var(--purple);color:#fff;border-radius:7px;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 13px;font-size:11px;font-weight:650;text-decoration:none;display:flex}.inspector-demo{background:var(--warning-surface);color:var(--warning);border-radius:7px;margin:18px 0 0;padding:10px;font-size:10px;line-height:1.6}.info-panel h2{letter-spacing:-.6px;margin:4px 0 14px;padding-right:18px;font-size:24px;line-height:1.2}.info-panel p{color:var(--muted);font-size:12px;line-height:1.7}.tier-guide{gap:12px;margin:22px 0;display:grid}.tier-guide>div{align-items:center;gap:10px;font-size:11px;display:flex}.tier-guide .icon{width:18px;height:18px;color:var(--accent-text)}.tier-guide>div span:last-child{color:var(--muted);margin-left:auto;font-size:10px}.info-panel p.data-explanation{background:var(--warning-surface);color:var(--warning);border-radius:8px;padding:12px;font-size:11px}.info-panel p.fine-print{font-size:10px}.info-panel a{color:var(--accent-text);align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}.info-panel a .icon{width:14px;height:14px}.loading-scene{z-index:7;color:var(--muted);background:#161616f5;justify-content:center;align-items:center;gap:13px;font-size:13px;transition:opacity .4s;display:flex;position:absolute;inset:0}.loading-cube{background:var(--accent-text);border-radius:4px;width:20px;height:20px;animation:1.3s ease-in-out infinite alternate loading-pulse;transform:rotate(-15deg);box-shadow:3px 5px 12px #00000040}@keyframes loading-pulse{to{transform:rotate(15deg)translateY(-5px)}}.scene-error{background:var(--paper);text-align:center;border-radius:12px;max-width:380px;padding:22px;position:absolute;top:38%;left:50%;transform:translate(-50%)}.scene-error h2{font-size:19px}.scene-error p{font-size:12px;line-height:1.7}.toast{background:var(--surface);color:#fff;box-shadow:var(--shadow);z-index:10;text-align:center;border-radius:8px;max-width:calc(100% - 40px);padding:12px 18px;font-size:12px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.model-warning{text-align:center;max-width:300px;color:var(--warning);background:var(--warning-surface);border-radius:6px;padding:8px 12px;font-size:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.trip-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden}.trip-route{text-overflow:ellipsis;overflow:hidden}.trip-value{flex-shrink:0}.info-panel .fine-print a{font-size:inherit;display:inline}.chain-filter select option{background:var(--surface);color:var(--ink)}.inspector-link:hover{background:var(--purple-hover)}.trip-row[aria-pressed=true]{background:var(--accent-surface)}#activity-list:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.brand-logo{flex-shrink:0;width:76px;height:auto;display:block}.simulation-controls{z-index:3;background:var(--paper);box-shadow:var(--shadow);color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;display:flex;position:absolute;top:86px;right:32px}.simulation-controls label{align-items:center;gap:8px;display:flex}.simulation-controls select{background:var(--surface);max-width:165px;min-height:30px;color:var(--ink);cursor:pointer;border:0;border-radius:5px;padding:4px 8px;font-size:11px}.city-operations{z-index:3;background:var(--paper);width:max-content;max-width:300px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;border-radius:10px;gap:7px;padding:12px 15px;font-size:11px;line-height:1.5;display:grid;position:absolute;bottom:27px;left:50%;transform:translate(-50%)}.city-operations>div,.city-operations>p{flex-wrap:wrap;align-items:center;gap:5px 10px;margin:0;display:flex}.city-operations small{color:var(--muted);font-size:10px}.city-operations button{background:var(--accent-surface);color:#dbdeff;border:0;border-radius:6px;min-height:36px;padding:7px 10px;font-size:11px;font-weight:600}.city-operations button:hover{background:#2f0093}.stage-chip{width:fit-content;max-width:100%;color:var(--ink);background:var(--surface);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.stage-chip[data-stage=origin],.stage-chip[data-stage=fill]{color:#dbdeff;background:var(--accent-surface)}.stage-chip[data-stage=gate],.stage-chip[data-stage=pending],.stage-chip[data-stage=blocked]{color:var(--warning);background:var(--warning-surface)}.stage-chip[data-stage=complete]{color:var(--success);background:#172c1c}.stage-chip[data-stage=failed]{color:var(--danger);background:#321e1b}.journey-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;padding:0;list-style:none;display:grid}.journey-steps li{border-top:2px solid var(--line);min-width:0;color:var(--muted);overflow-wrap:anywhere;padding-top:9px;font-size:10px;line-height:1.5}.journey-steps li strong,.journey-steps li span{display:block}.journey-steps li strong{color:var(--ink);font-size:11px}.journey-steps li.active,.journey-steps li[data-state=active],.journey-steps li[aria-current=step]{border-color:var(--accent-text);color:#dbdeff}.journey-steps li.complete,.journey-steps li[data-state=complete]{border-color:var(--success);color:var(--success)}.inspector-meta{gap:0;margin:14px 0 0;font-size:11px;line-height:1.6;display:grid}.inspector-meta>div{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.inspector-meta dt,.inspector-meta .meta-label{color:var(--muted);flex-shrink:0}.inspector-meta dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.loading-scene{padding:24px}.loading-scene>span:last-child{max-width:28ch;line-height:1.6}#city-app:has(.city-operations:not([hidden])) .camera-hint{bottom:104px}.back-to-city{z-index:4;background:var(--paper);min-height:40px;color:var(--muted);border:0;border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex;position:absolute;top:24px;left:32px}.back-to-city .icon{width:15px;height:15px}.district-focused .intro{top:78px;left:32px}.district-focused .intro h1{margin-bottom:5px;font-size:30px}.district-focused .intro p{font-size:11px}.district-focused .mode-line{margin-top:9px}.district-focused .activity-panel{flex-direction:column;width:290px;display:flex;top:202px;bottom:24px}.district-focused #activity-body{flex-direction:column;min-height:0;display:flex}.district-focused #activity-list{scrollbar-width:thin;min-height:0;overflow-y:auto}.district-directions{border-bottom:1px solid var(--line);gap:3px;padding:8px;display:flex}.district-directions button{min-height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;padding:0 6px;font-size:10px}.district-directions button[aria-pressed=true]{color:var(--accent-text);background:var(--accent-surface)}.district-directions span{font-variant-numeric:tabular-nums;margin-left:3px}.district-focused .activity-heading,.district-focused .feed-note{flex-shrink:0}@media (width>=761px){.district-focused .activity-panel:has(#activity-body[hidden]){bottom:auto}.district-focused .city-operations{gap:2px;max-width:350px;padding:8px 12px;font-size:10px;bottom:16px;left:348px;transform:none}}.district-focused .intro:before{content:"";z-index:-1;background:var(--canvas);border-radius:10px;position:absolute;inset:-10px -14px}@media (width>=1650px){.intro{top:45px;left:48px}.activity-panel{width:310px;bottom:36px;left:44px}.scene-topbar{top:42px;right:42px}}@media (width<=1100px){.site-header{padding:0 25px}.open-source{display:none}.site-header nav{gap:22px;margin:0}.intro{top:26px;left:26px}.intro h1{font-size:34px}.scene-topbar{top:26px;right:24px}.activity-panel{width:258px;bottom:22px;left:22px}.camera-hint{font-size:9px;left:51%}.city-footer{gap:24px;padding:0 26px}.footer-right>span{display:none}.footer-title{font-size:7px}.scene-stat{gap:6px}.scene-stat strong{font-size:17px}.scene-stat>span{font-size:9px}.scene-controls{bottom:20px;right:24px}}@media (width<=760px){.site-header{height:72px;padding:0 20px}.brand{font-size:24px}.brand-mark{width:30px;transform:scale(.85)skewY(-9deg)}.brand small{letter-spacing:1.6px;font-size:6px}.site-header nav{display:none}.relay-link{gap:8px;min-height:44px;padding:10px 12px;font-size:11px}#city-app{height:calc(100dvh - 180px);min-height:320px}.intro{top:25px;left:22px}.intro h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:32px}.intro p{font-size:11px;line-height:1.6}.mode-line{margin-top:12px;font-size:9px}.scene-topbar{flex-direction:column;align-items:flex-end;gap:8px;top:26px;right:18px}.chain-filter{gap:5px;height:44px;padding:0 9px}.chain-filter select{max-width:100px;font-size:10px}.chain-filter .icon{width:14px;height:14px}.whale-button{height:44px;padding:0 10px;font-size:10px}.whale-button .icon{width:14px;height:14px}.activity-panel{width:calc(100% - 40px);max-width:350px;bottom:79px;left:20px}.activity-heading{cursor:pointer;height:44px}.activity-heading:hover{background:var(--hover)}.activity-heading strong{font-size:11px}.activity-columns{display:none}.activity-panel ol{padding-top:7px}.activity-panel li:nth-child(n+4){display:none}.trip-row{padding:7px 8px}.feed-note{padding:9px 16px;font-size:10px}.camera-hint{max-width:150px;font-size:8px;bottom:27px;left:20px;transform:none}.camera-hint>span{line-height:1.6}.camera-hint .icon{display:none}.scene-controls{padding:3px;bottom:15px;right:19px}.scene-controls button,.panel-close{width:44px;height:44px}.scene-controls .icon{width:16px;height:16px}.city-footer{justify-content:space-between;gap:22px;height:66px;padding:0 20px}.footer-title{display:none}.scene-stat{display:block}.scene-stat strong{font-size:17px;display:block}.scene-stat>span{margin-top:2px;font-size:8px;display:block}.footer-right{margin:0}.footer-right button{text-align:left;gap:5px;max-width:58px;font-size:9px;line-height:1.5}.footer-right .icon{width:14px}.chain-label{gap:5px;padding:5px 7px 5px 5px;font-size:9px}.chain-symbol{width:18px;height:18px;font-size:7px}.chain-symbol svg{width:12px;height:12px}.trip-inspector,.info-panel{width:auto;max-height:calc(100% - 115px);padding:22px;inset:auto 20px 79px}.trip-inspector{width:calc(100% - 40px);max-width:350px;left:auto}.info-panel h2{font-size:23px}.tier-guide{grid-template-columns:1fr 1fr;gap:14px 20px}.tier-guide>div{flex-wrap:wrap;gap:7px}.tier-guide>div span:last-child{width:100%;margin-top:-5px;margin-left:25px}.toast{width:max-content;top:auto;bottom:210px}.scene-error{top:34%;left:20px;right:20px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.loading-cube{transform:none}}@media (height<=620px){body{overflow-y:auto}#city-app{min-height:360px}}@media (width<=430px){.camera-hint{display:none}.intro{max-width:calc(100% - 150px)}.intro h1{font-size:26px}.intro p{max-width:175px}}@media (width>=1650px){.simulation-controls{top:96px;right:42px}}@media (width<=1100px){.simulation-controls{top:80px;right:24px}.city-operations{max-width:260px;bottom:82px;left:auto;right:24px;transform:none}#city-app:has(.city-operations:not([hidden])) .camera-hint{display:none}}@media (width<=760px){.brand-logo{width:76px}.simulation-controls{max-width:calc(100% - 36px);padding:4px 8px;font-size:10px;top:184px;right:18px}.simulation-controls label{gap:5px}.simulation-controls select{max-width:140px;min-height:44px;font-size:10px}.city-operations{gap:4px;width:auto;max-width:none;padding:9px 12px;font-size:10px;bottom:79px;left:20px;right:20px}.city-operations>div,.city-operations>p{gap:4px 9px}.city-operations button{min-height:44px;padding:7px 10px}#city-app:not(.district-focused):has(.city-operations:not([hidden])) .activity-panel{bottom:195px}body{overflow-y:auto}#city-app:has(.city-operations:not([hidden])){min-height:520px}#city-app:not(.district-focused):has(.city-operations:not([hidden])) .activity-panel{scrollbar-width:thin;max-height:calc(100% - 445px);overflow-y:auto}}@media (width>=761px) and (height<=800px){.intro{top:24px}.intro h1{margin-bottom:10px;font-size:32px;line-height:1.08}.intro p{font-size:12px;line-height:1.45}.mode-line{margin-top:12px}.camera-hint{display:none}}@media (width<=760px){.back-to-city{min-height:44px;top:14px;left:16px}.district-focused .intro{max-width:calc(100% - 155px);top:69px;left:20px}.district-focused .intro h1{font-size:25px}.district-focused .intro p{max-width:160px;font-size:10px;line-height:1.5}.district-focused .intro .mode-line{max-width:155px;font-size:9px}.district-focused .scene-topbar{top:16px}.district-focused .simulation-controls{top:164px}#city-app.district-focused .activity-panel{width:calc(100% - 40px);max-height:230px;top:auto;bottom:144px;left:20px}.district-focused .activity-panel li:nth-child(n+4){display:list-item}.district-focused .city-operations{padding:7px 10px;font-size:9px;bottom:74px}.district-focused .city-operations button{min-height:30px;padding:4px 8px}.district-focused .district-directions button{min-height:44px}.district-focused .trip-inspector{bottom:144px}}