:root{--void-top:#f3e9ff;--void-bottom:#ffe9e0;--ink:#2d2a4a;--rim:#6c5ce7;--chip:#ede6d6}html,body{overscroll-behavior:none;background:linear-gradient(var(--void-top), var(--void-bottom));height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;position:fixed;inset:0}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.hud-top{flex-direction:column;gap:6px;display:flex}.hud-size{letter-spacing:-.5px;text-shadow:0 1px #fff9;font-size:30px;font-weight:800}.hud-progress{background:#ffffffb3;border-radius:5px;width:168px;height:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #2d2a4a1f}.hud-progress-fill{background:var(--rim);border-radius:5px;width:0;height:100%}.hud-pct{opacity:.75;font-size:13px;font-weight:700}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-buttons{gap:8px;display:flex}.hud-button{pointer-events:auto;width:44px;height:44px;color:var(--ink);background:#fffc;border:none;border-radius:22px;padding:0;font-size:18px;font-weight:800;line-height:44px;box-shadow:0 2px 8px #2d2a4a26}.hud-gear{font-size:22px}.minimap{background:#ffffff8c;border-radius:14px;box-shadow:0 2px 8px #2d2a4a26}.pause{touch-action:none;background:#2d2a4a59;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pause[hidden]{display:none}.pause-card{text-align:center;background:#fff;border-radius:22px;width:min(360px,100%);padding:22px;box-shadow:0 12px 40px #2d2a4a4d}.pause-title{margin:0 0 10px;font-size:24px;font-weight:800}.pause-stats{white-space:pre-wrap;margin:0 0 16px;font:600 15px/1.6 ui-rounded,SF Pro Rounded,system-ui,sans-serif}.pause-card button{background:var(--chip);min-height:48px;color:var(--ink);font:inherit;border:none;border-radius:14px;font-size:16px;font-weight:800}.pause-primary{width:100%;background:var(--rim)!important;color:#fff!important}.pause-row{gap:8px;margin-top:8px;display:flex}.pause-row button{flex:1}.pause-credits{opacity:.55;margin:14px 0 0;font-size:11px}.joy{pointer-events:none;opacity:0;border:3px solid #ffffffb3;border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #2d2a4a1f}.joy.on{opacity:1}.joy-knob{background:#ffffffd9;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #2d2a4a33}.toast{left:50%;top:calc(env(safe-area-inset-top) + 96px);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:20px;padding:10px 18px;font-size:16px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-8px)}.toast.on{opacity:1;transform:translate(-50%)}.debug{left:calc(env(safe-area-inset-left) + 12px);right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#fffffff2;border-radius:16px;max-height:68vh;padding:12px 14px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #2d2a4a33}.debug[hidden]{display:none}.debug-head{justify-content:space-between;align-items:center;display:flex}.debug-row{margin:6px 0}.debug-label{opacity:.6;margin-bottom:2px;font-weight:700;display:block}.debug pre{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;margin:6px 0;font:11px/1.45 ui-monospace,Menlo,monospace}.debug button,.debug a{background:var(--chip);min-height:36px;color:var(--ink);font:inherit;border:none;border-radius:10px;align-items:center;margin:3px 4px 3px 0;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.debug .debug-close{min-height:32px;padding:0 10px}.loading{text-align:center;white-space:pre-wrap;background:linear-gradient(var(--void-top), var(--void-bottom));justify-content:center;align-items:center;padding:24px;font-size:20px;font-weight:800;display:flex;position:fixed;inset:0}.loading.error{font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:600}.select{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);position:fixed;inset:0;overflow-y:auto}.select-inner{max-width:960px;margin:0 auto}.select-head{text-align:center;margin:8px 0 20px}.select-logo{width:64px;height:64px;box-shadow:0 0 0 6px var(--rim);background:radial-gradient(#000,#1b1b2f 70%);border-radius:50%;margin:0 auto 10px}.select-head h1{letter-spacing:-.5px;margin:0;font-size:34px;font-weight:800}.select-head p{opacity:.7;margin:4px 0 0;font-size:15px;font-weight:600}.select-note{background:#ffffffb3;border-radius:14px;margin:0 0 14px;padding:10px 14px;font-size:14px;font-weight:600}.select-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;display:grid}.select-status{text-align:center;grid-column:1/-1;font-size:16px;font-weight:700}.select button{background:var(--chip);min-height:48px;color:var(--ink);font:inherit;border:none;border-radius:14px;padding:0 16px;font-size:16px;font-weight:800}.select-retry{grid-column:1/-1;justify-self:center}.city{box-shadow:inset 0 6px 0 var(--accent), 0 4px 16px #2d2a4a1a;background:#fff;border-radius:22px;padding:16px}.city-head{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.city-name{margin:0;font-size:22px;font-weight:800}.city-facts,.city-progress,.city-download{margin:2px 0 0;font-size:14px;font-weight:600}.city-facts,.city-download{opacity:.6}.city-progress{margin-top:10px}.city-ring{flex:none;width:52px;height:52px}.city-ring-track,.city-ring-fill{fill:none;stroke-width:6px}.city-ring-track{stroke:var(--chip)}.city-ring-fill{stroke:var(--rim);stroke-linecap:round}.city-ring-hole{fill:#1b1b2f}.city-buttons{gap:8px;margin-top:12px;display:flex}.city-buttons button{flex:1}.select .city-primary{background:var(--rim);color:#fff}.select .city-primary:disabled{background:var(--chip);color:var(--ink);opacity:.6}.city-download{margin-top:8px;font-size:12px}.select-foot{text-align:center;opacity:.6;margin-top:24px;font-size:11px}.select-foot a{color:inherit}.select button.confirm,.pause-card button.confirm{background:#f7c6c7}.loading a{color:var(--rim);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-weight:800}.feed{left:calc(env(safe-area-inset-left) + 16px);top:calc(env(safe-area-inset-top) + 92px);width:min(300px, calc(100vw - 176px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(var(--feed-lines,10) * 19px);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.feed-line{color:#2d2a4ab8;text-shadow:0 0 3px #fff,0 0 6px #fffc;white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:13px;font-weight:600;line-height:19px;transition:opacity .6s;animation:.18s ease-out feed-in;overflow:hidden}.feed-named{color:var(--ink);font-weight:800}.feed-named:before{content:"★ ";color:var(--rim)}.feed-line.out{opacity:0}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}@media (prefers-reduced-motion:reduce){.feed-line{animation:none}}