:root{--bg: #0a0a0a;--bg-elevated: #111111;--bg-card: #141414;--bg-card-hover: #1a1a1a;--border: #2a2a2a;--border-strong: #3a3a3a;--text: #ffffff;--text-muted: #a3a3a3;--text-dim: #6e6e6e;--green: #1db954;--green-hover: #1ed760;--green-dim: rgba(29, 185, 84, .16);--green-line: rgba(29, 185, 84, .55);--nav-h: 56px;--bottom-h: 72px;--sans: "Inter", system-ui, "Segoe UI", sans-serif;--radius: 8px;--shadow-none: none}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{min-width:1024px;overflow:hidden}button,input{font-family:inherit}button{cursor:pointer}img{max-width:100%}a{color:inherit;text-decoration:none}#root{width:100%;max-width:none;text-align:left;border:0;min-height:100svh;display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:1px solid var(--green);outline-offset:2px}.bottom-nav{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:2px;padding:6px;border:1px solid var(--border);border-radius:999px;background:#111}.bottom-nav__item{background:none;border:0;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:76px;padding:7px 12px 6px;border-radius:999px;font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.bottom-nav__item svg{width:15px;height:15px}.bottom-nav__item:hover{color:var(--text-muted)}.bottom-nav__item.is-active{color:var(--green);background:#1a1a1a}.top-nav{height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 36px;border-bottom:1px solid var(--border);background:#0a0a0a;position:relative;z-index:20;flex-shrink:0}.top-nav__brand{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--text);padding:0;text-align:left}.top-nav__mark{width:16px;height:16px;border:1.5px solid var(--green);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.top-nav__mark span{width:5px;height:5px;background:var(--green);border-radius:50%}.top-nav__wordmark{font-size:13px;font-weight:700;letter-spacing:.01em}.top-nav__links{display:flex;align-items:center;justify-content:center;gap:2px}.top-nav__link{background:none;border:0;color:var(--text-dim);font-size:12px;font-weight:500;padding:6px 14px;position:relative}.top-nav__link:hover,.top-nav__link.is-active{color:var(--text)}.top-nav__link.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:var(--green)}.top-nav__right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.top-nav__disclaimer{max-width:220px;font-size:9px;line-height:1.3;color:var(--text-dim);text-align:right}.top-nav__avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:#2a2a2a;color:var(--text);font-size:10px;font-weight:600;display:grid;place-items:center}.top-nav__avatar.is-active{border-color:var(--green)}.map-marker{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;color:var(--text);pointer-events:auto}.map-marker__dot{width:10px;height:10px;border-radius:50%;background:#d4d4d4;border:1px solid #0a0a0a;position:relative;z-index:1;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.map-marker.is-hovered .map-marker__dot,.map-marker:hover .map-marker__dot{transform:scale(1.25);background:#fff}.map-marker.is-selected .map-marker__dot{width:12px;height:12px;background:var(--green);box-shadow:0 0 0 1px var(--green)}.map-marker__pulse{position:absolute;top:50%;left:50%;width:28px;height:28px;border:1px solid var(--green);border-radius:50%;transform:translate(-50%,-50%);animation:marker-pulse 2.2s ease-out infinite;pointer-events:none}.map-marker__label{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text);white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.8);opacity:0;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.map-marker.is-selected .map-marker__label,.map-marker.is-hovered .map-marker__label,.map-marker:hover .map-marker__label,.map-marker.is-labeled .map-marker__label{opacity:1;transform:translateY(0)}.map-marker--listening .map-marker__dot{background:var(--green);opacity:.9}.map-marker.is-arriving .map-marker__dot{background:var(--green);box-shadow:0 0 0 8px #1db95438;transform:scale(1.35)}.map-marker.is-arriving .map-marker__label{opacity:1;color:var(--green)}@keyframes marker-pulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.geo-map,.chicago-map,.destination-map{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto}.geo-map{display:grid;place-items:center;container-type:size}.geo-map__fit{position:relative;width:min(100cqw,200cqh);height:min(100cqh,50cqw)}.world-land,.chicago-land,.destination-land,.geo-map__routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.geo-map__routes{pointer-events:none;overflow:visible}.geo-map__route{stroke-linecap:round;stroke-linejoin:round;opacity:.95;filter:drop-shadow(0 0 1.2px rgba(29,185,84,.55))}.geo-map__route.is-animating{stroke-dasharray:1;stroke-dashoffset:1;animation:route-draw 1.9s ease-in-out forwards}.geo-map__traveler{filter:drop-shadow(0 0 1.6px #1db954)}.geo-map__marker{position:absolute;transform:translate(-50%,-50%);z-index:2}.geo-map--compact .map-marker__label{font-size:10px}@keyframes route-draw{0%{stroke-dashoffset:1;opacity:.4}to{stroke-dashoffset:0;opacity:1}}.scene-card{display:flex;flex-direction:column;gap:10px;min-width:132px;padding:0;background:none;border:0;color:var(--text);text-align:left}.scene-card__art{height:64px;border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.scene-card__art:after{content:"";position:absolute;inset:auto 12px 12px 12px;height:1px;background:var(--green);opacity:.8}.scene-card:hover .scene-card__art{border-color:var(--border-strong)}.scene-card__name{font-size:13px;font-weight:600;letter-spacing:-.01em}.scene-card__meta{font-size:11px;color:var(--text-muted)}.track-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text);padding:8px 0;text-align:left}.track-row:last-child{border-bottom:0}.track-row:hover{background:transparent}.track-row__art{width:32px;height:32px;border-radius:4px;border:1px solid var(--border)}.track-row__meta{min-width:0}.track-row__title{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__artist{margin-top:2px;font-size:11px;color:var(--text-muted)}.track-row__play{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text);display:grid;place-items:center;padding:0}.track-row__play:hover,.track-row.is-playing .track-row__play{border-color:var(--green);background:var(--green);color:#04120a}.track-row__play svg{width:11px;height:11px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:screen-in .28s ease;z-index:5}.screen__pad{position:absolute;top:28px;right:36px;bottom:96px;left:36px;pointer-events:none}.kicker{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.panel{background:#121212;border:1px solid var(--border);border-radius:10px;pointer-events:auto}.back-btn{background:none;border:0;color:var(--text-muted);font-size:11px;font-weight:500;padding:0;pointer-events:auto}.back-btn:hover{color:var(--text)}.hero-title{font-size:42px;font-weight:700;letter-spacing:-.045em;line-height:.95;max-width:640px}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.city-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.city-map-col{position:relative;min-height:0;pointer-events:auto}.city-map-col__label{position:absolute;left:0;top:0;z-index:3}.city-map-col__label h1{margin-top:8px;font-size:36px;font-weight:700;letter-spacing:-.05em}.city-map-stage{position:absolute;top:64px;right:12px;bottom:0;left:0}.city-discovery{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;pointer-events:auto}.city-discovery>h2{font-size:13px;font-weight:600;letter-spacing:.04em}.scope-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;align-self:flex-start;pointer-events:auto}.scope-toggle button{background:transparent;border:0;color:var(--text-muted);font-size:11px;font-weight:600;padding:6px 12px}.scope-toggle button.is-active{background:var(--green);color:#04120a}.city-panel{padding:12px 14px 8px}.city-panel .track-row{padding:6px 0}.city-panel h3{font-size:12px;font-weight:600;margin-bottom:6px}.city-panel--scenes{padding-bottom:12px}.city-panel--scenes .scene-card__art{height:48px}.scene-row{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.city-panel--breaking{padding-bottom:12px}.breaking-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.breaking-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:#161616;border:1px solid var(--border);border-radius:8px;color:var(--text);text-align:left}.breaking-item strong{font-size:12px;font-weight:600}.breaking-item span{font-size:11px;color:var(--text-muted)}.breaking-item.is-active{border-color:var(--green)}.breaking-item.is-active span{color:var(--green)}.music-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px}.music-left{display:flex;flex-direction:column;min-height:0;pointer-events:auto}.music-left h1{margin-top:10px;font-size:36px;font-weight:800;letter-spacing:-.05em;line-height:.95;max-width:560px}.music-stat{margin-top:18px;display:flex;align-items:baseline;gap:10px}.music-stat strong{font-size:48px;letter-spacing:-.05em;font-weight:800}.music-stat span{font-size:18px;letter-spacing:.12em;font-weight:700;color:var(--text-muted)}.music-map{margin-top:24px;flex:0 0 auto;height:300px;position:relative}.music-right{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;pointer-events:auto}.music-panel{padding:14px 16px}.music-panel h2{font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:10px}.place-row span{font-size:13px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.place-row,.scene-stat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--border)}.place-row:last-child,.scene-stat:last-child{border-bottom:0}.place-row strong,.scene-stat strong{font-size:13px;font-weight:600}.place-row small{display:block;margin-top:3px;color:var(--text-muted);font-size:11px}.scene-stat span{font-size:12px;color:var(--text-muted)}.passport-stamp{width:100px;height:100px;border:1px dashed var(--green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;background:transparent;color:var(--text);transform:rotate(-6deg)}.passport-stamp:nth-child(2n){transform:rotate(5deg)}.passport-stamp:nth-child(3n){transform:rotate(-2deg)}.passport-stamp.is-locked{border-color:var(--border);color:var(--text-dim)}.passport-stamp__city{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.passport-stamp__scene{margin-top:4px;font-size:10px;color:var(--green)}.passport-stamp.is-locked .passport-stamp__scene{color:var(--text-dim)}.passport-stamp__date{margin-top:6px;font-size:10px;color:var(--text-muted);letter-spacing:.04em}.passport-layout{height:100%;display:flex;flex-direction:column;gap:20px}.passport-layout h1{margin-top:8px;font-size:34px;font-weight:800;letter-spacing:-.05em}.passport-body{flex:1;min-height:0;display:grid;grid-template-columns:420px minmax(0,1fr);gap:24px}.passport-book{pointer-events:auto;align-self:start;padding:24px 24px 22px;display:flex;flex-direction:column;gap:18px;background:#101010}.passport-book__mark{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.passport-book__identity{display:flex;gap:14px;align-items:center}.passport-book__avatar{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font-size:13px;font-weight:700;background:#1c1c1c}.passport-book__identity h2{font-size:16px;font-weight:700}.passport-book__identity p{margin-top:4px;font-size:12px;color:var(--text-muted)}.passport-book__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.passport-book__stats span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.passport-book__stats strong{display:block;margin-top:6px;font-size:28px;letter-spacing:-.04em}.passport-right{display:flex;flex-direction:column;gap:14px;min-height:0;pointer-events:auto;padding-bottom:8px}.stamps-panel,.side-panel{padding:16px 18px}.stamps-panel h2,.side-panel h2{font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:14px}.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center}.journey{font-size:13px;font-weight:600}.journey .sep{color:var(--green)}.passport-cta{align-self:flex-start;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--green);color:#04120a;font-size:13px;font-weight:700;pointer-events:auto}.passport-cta:hover{background:var(--green-hover)}.passport-top{pointer-events:auto}.scene-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px}.scene-left{display:flex;flex-direction:column;min-height:0;pointer-events:auto}.scene-hero{pointer-events:auto}.scene-left h1{margin-top:6px;font-size:72px;font-weight:800;letter-spacing:-.06em;line-height:.86}.scene-map{margin-top:16px;flex:0 0 auto;width:min(100%,520px);height:300px;position:relative}.scene-right{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;pointer-events:auto}.scene-panel{padding:14px 16px}.scene-panel h2{font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:8px}.scene-panel p{font-size:12px;line-height:1.55;color:var(--text-muted)}.artists{display:flex;gap:14px}.artist{display:flex;flex-direction:column;gap:6px}.artist__dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--border)}.artist__name{font-size:11px;font-weight:600}.artist__role{font-size:10px;color:var(--text-muted)}.influence__path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600}.influence__arrow{color:var(--green);font-weight:500}.influence__node.is-origin{color:var(--green)}.teleport-panel{width:100%;padding:22px 20px 20px;background:#121212;border:1px solid var(--border);border-radius:10px}.teleport-panel__kicker{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.teleport-panel__city{margin-top:10px;font-size:36px;font-weight:700;letter-spacing:-.05em;line-height:.95}.teleport-panel__city.is-changing{animation:city-swap .6s ease}.teleport-panel__country{margin-top:8px;font-size:12px;color:var(--text-muted)}.teleport-panel__tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 18px}.teleport-panel__tag{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:4px 9px}.teleport-panel__actions{display:flex;flex-direction:column;gap:8px}.teleport-panel__primary{height:40px;border:0;border-radius:999px;background:var(--green);color:#04120a;font-size:13px;font-weight:700}.teleport-panel__primary:hover{background:var(--green-hover)}.teleport-panel__primary:disabled{opacity:.7;cursor:wait}.teleport-panel__secondary{height:40px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);font-size:13px;font-weight:600}@keyframes city-swap{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.teleport-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.teleport-main{display:flex;flex-direction:column;min-height:0;pointer-events:auto}.teleport-main h1{margin-top:8px;font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:.95;max-width:620px}.teleport-map{margin-top:16px;flex:1;min-height:280px;position:relative}.teleport-jumps{margin-top:12px;margin-bottom:4px;font-size:12px;color:var(--text-muted);position:relative;z-index:4}.teleport-jumps strong{color:var(--text);font-weight:600}.teleport-jumps span{color:var(--green)}.teleport-side{pointer-events:auto;align-self:start}.city-preview{width:292px;padding:18px 18px 16px;background:#121212;border:1px solid var(--border);border-radius:10px}.city-preview__kicker{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.city-preview__name{font-size:32px;font-weight:700;letter-spacing:-.045em;line-height:.95}.city-preview__country{margin-top:6px;font-size:12px;color:var(--text-muted)}.city-preview__tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px}.city-preview__tag{font-size:11px;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:4px 9px}.city-preview__cta{background:none;border:0;padding:0;color:var(--green);font-size:13px;font-weight:600}.city-preview__cta:hover{color:var(--green-hover)}.world-layout{height:100%;position:relative}.world-hero{position:absolute;left:0;top:0;z-index:3;pointer-events:none;max-width:560px}.world-hero h1{margin-top:10px;font-size:44px;font-weight:700;letter-spacing:-.05em;line-height:.96}.world-map{position:absolute;left:0;right:340px;top:92px;bottom:8px;pointer-events:auto}.world-preview{position:absolute;top:0;right:0;z-index:4;pointer-events:auto}.app-shell{min-height:100svh;display:grid;place-items:center;background:#050505;color:var(--text)}.app-frame{width:min(1440px,100vw);height:min(900px,100svh);position:relative;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-stage{position:relative;flex:1;min-height:0}