:root{color:#fbf6e9;background:#0b1020;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 6%,#293374 0,#121936 33%,#0b1020 78%);margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #d9ff45}.app{min-height:100vh;overflow:hidden}.skip{z-index:30;color:#0b1020;background:#d9ff45;border-radius:6px;padding:8px 12px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.chrome{background:#0b1020b3;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,4vw,56px);display:flex}.brand{letter-spacing:.13em;font-size:.9rem;font-weight:800}.brand span,.eyebrow{color:#d9ff45}.controls,.actions{flex-wrap:wrap;gap:8px;display:flex}.control,.secondary{color:#fbf6e9;cursor:pointer;background:#0b10206b;border:1px solid #ffffff59;border-radius:999px;padding:8px 11px}.city-shell{width:min(1440px,100%);margin:auto;padding:22px clamp(12px,3vw,48px) 42px}.hint{color:#9fa8c9;max-width:470px;margin:0 0 8px;font-size:.88rem}.map{background:#101733;border:1px solid #ffffff2e;border-radius:18px;height:min(75vw,770px);min-height:580px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0006}.pilot-art{background:linear-gradient(180deg,#060c1e21,#080d1b08 52%,#070d1942),var(--map-art-desktop) center/cover;filter:saturate(.88)contrast(1.04);position:absolute;inset:0}.label-horizon{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#fbf6e9ad;width:100%;font-size:.68rem;position:absolute;top:6%}.skyline,.bridge,.bridge-deck,.path,.park,.plaza{opacity:.2;position:absolute}.skyline{align-items:end;gap:1.3%;height:17%;display:flex;top:11%;left:9%;right:8%}.tower{background:#405287;width:7%;height:70%}.tower:nth-child(4){height:88%}.bridge{border-top:3px solid #fbf6e9;width:31%;height:23%;top:8%;left:35%;transform:skew(-21deg)}.bridge-deck{background:#5be4ff;width:45%;height:7px;top:27%;left:28%;transform:skew(-22deg)}.path{background:#d9ff4514;border:1px solid #ffffff3b;height:9%}.one{width:54%;top:47%;left:23%}.two{width:36%;top:58%;left:12%}.three{width:43%;top:58%;right:10%}.four{width:71%;top:73%;left:15%}.park{background:#173d35;border-radius:50%;width:91%;height:32%;bottom:2%;left:4%}.plaza{z-index:2;aspect-ratio:1;background:#333870;border:2px solid #fbf6e9;width:21%;top:45%;left:40%;transform:rotate(30deg)}.fountain{z-index:4;aspect-ratio:1;background:radial-gradient(circle,#fbf6e9 0 12%,#5be4ff 14% 30%,#d9ff45 31% 36%,#0000 37%);border:3px solid #d9ff45;border-radius:50%;width:5.7%;animation:2.8s ease-in-out infinite pulse;position:absolute;top:52%;left:48%;box-shadow:0 0 12px #d9ff45,0 0 34px #5be4ffcc}.fountain span{text-align:center;text-transform:uppercase;width:160px;font-size:.72rem;position:absolute;top:118%;left:50%;transform:translate(-50%)}.building{z-index:5;text-align:left;color:#0000;cursor:pointer;clip-path:polygon(12% 0,100% 18%,88% 100%,0 81%);background:0 0;border:1px solid #0000;width:clamp(108px,14.5vw,190px);min-height:80px;padding:12px;position:absolute}.building small,.building .sig{opacity:0}.building:hover,.building:focus-visible,.building.is-active{color:#fbf6e9;background:#070d1f57;border-color:#d9ff45;transform:translateY(-9px)scale(1.04);box-shadow:0 0 0 2px #d9ff45,0 0 28px #d9ff459e}.building:hover small,.building:focus-visible small,.building.is-active small,.building:hover .sig,.building:focus-visible .sig,.building.is-active .sig{opacity:1}.building strong{letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;display:block}.building small{margin-top:5px;font-size:.72rem;display:block}.sig{background:#5be4ff;width:58%;height:5px;margin-top:10px;display:block}.tech{min-height:135px;top:28%;left:15%}.music{top:29%;right:15%}.teachers{top:48%;left:15%}.gallery{top:49%;right:15%}.podcast{bottom:13%;left:23%}.lounge{bottom:13%;right:22%}.detail{z-index:7;background:#080d1fe0;border:1px solid #ffffff6b;border-radius:12px;width:min(470px,100% - 32px);padding:15px 18px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.detail h1{margin:2px 0;font-size:1.15rem}.detail p{color:#dce0f0;margin:2px 0}.overlay{z-index:20;background:#050816c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.panel{background:linear-gradient(145deg,#242b5c,#101733);border:1px solid #ffffff61;border-radius:18px;width:min(600px,100%);padding:clamp(22px,5vw,45px);box-shadow:0 25px 80px #0008}.panel h2{margin:.35em 0 .22em;font-size:clamp(1.7rem,5vw,3.1rem)}.panel p,.place-list small{color:#e2e5f3}.primary{color:#101320;cursor:pointer;background:#d9ff45;border:0;border-radius:999px;padding:11px 18px;font-weight:700}.content-grid,.place-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.content-item,.place-list button{color:#fbf6e9;text-align:left;background:#0b10208c;border:1px solid #ffffff40;min-height:90px;padding:13px}.content-item b{color:#d9ff45;display:block}.content-item span,.place-list small{margin-top:5px;display:block}.place-list{grid-template-columns:repeat(2,1fr);padding:0;list-style:none}.place-list button{cursor:pointer;width:100%;min-height:76px}@keyframes pulse{50%{transform:scale(1.15)}}.reduced *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=680px){.chrome{flex-direction:column;align-items:flex-start}.map{height:150vw;min-height:640px}.pilot-art{background-image:linear-gradient(180deg,#060c1e21,#080d1b08 52%,#070d1942),var(--map-art-mobile)}.building{padding:8px;min-height:70px!important}.building strong{font-size:.67rem}.building small{display:none}.tech{top:24%;left:8%}.music{top:26%;right:8%}.teachers{top:47%;left:7%}.gallery{top:47%;right:7%}.podcast{bottom:17%;left:11%}.lounge{bottom:17%;right:11%}.plaza{width:26%;top:45%;left:37%}.fountain{width:7%;top:52%;left:47%}.content-grid,.place-list{grid-template-columns:1fr}}.map .building{color:#f8f3e9;clip-path:none;text-shadow:0 1px 4px #070d1f,0 0 10px #070d1fcc;background:0 0;border:0;align-items:flex-start;gap:8px;width:clamp(122px,15vw,202px);min-height:0;padding:5px 6px;transition:filter .18s,opacity .18s;display:flex;transform:none}.map .building .sig{opacity:1;clip-path:polygon(50% 0,59% 31%,85% 15%,69% 41%,100% 50%,69% 59%,85% 85%,59% 69%,50% 100%,41% 69%,15% 85%,31% 59%,0 50%,31% 41%,15% 15%,41% 31%);filter:drop-shadow(0 0 3px #151c38);background:#a6a2bd;flex:none;width:20px;height:20px;margin:1px 0 0;transition:transform .18s,filter .18s,background .18s;display:block}.map .building.is-available .sig{filter:drop-shadow(0 0 5px #d9ff45cc);background:#d9ff45}.map .place-label{gap:1px;min-width:0;display:grid}.map .building strong{color:#f8f3e9;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;line-height:1.05;display:block}.map .place-state,.map .place-note{letter-spacing:.13em;text-transform:uppercase;font-size:.57rem;font-weight:800;line-height:1.2}.map .place-state{color:#bcb8cf}.map .is-available .place-state{color:#d9ff45}.map .place-note{color:#ff75cf}.map .music .place-label{gap:3px}.map .music .place-state{color:#d9ff45;text-shadow:0 0 9px #d9ff4588;font-size:.61rem}.map .music .place-note{color:#ff75cf}.map .music .music-tagline{opacity:0;color:#fbf6e9;letter-spacing:.12em;text-transform:uppercase;max-height:0;font-size:.52rem;font-weight:800;line-height:1.25;transition:max-height .2s,opacity .2s;display:block;overflow:hidden}.map .music:hover .music-tagline,.map .music:focus-visible .music-tagline,.map .music.is-active .music-tagline{opacity:.92;max-height:2em}.map .music small{display:none}.map .building small{opacity:0;color:#f1eefb;pointer-events:none;width:min(188px,100% - 34px);margin:5px 0 0;font-size:.68rem;line-height:1.25;transition:opacity .18s;position:absolute;top:100%;left:34px}.map .building:hover,.map .building:focus-visible,.map .building.is-active{box-shadow:none;color:#fff;background:0 0;border:0;outline:0;transform:none}.map .building:hover .sig,.map .building:focus-visible .sig,.map .building.is-active .sig{filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 12px #d9ff45);transform:scale(1.32)}.map .building:hover strong,.map .building:focus-visible strong,.map .building.is-active strong{color:#fff;text-shadow:0 0 8px #fff,0 0 16px #5be4ff}.map .building:hover small,.map .building:focus-visible small,.map .building.is-active small{opacity:1}.map .building:focus-visible .place-label{outline-offset:4px;border-radius:3px;outline:2px solid #d9ff45}.map .fountain{box-shadow:0 0 9px #d9ff45,0 0 25px #5be4ff99}.map .fountain span{color:#f8f3e9;text-shadow:0 1px 4px #080d1f}.map .energy-core{z-index:8;cursor:pointer;color:inherit;border:3px solid #d9ff45}.map .energy-core:focus-visible{outline-offset:5px;outline:3px solid #fbf6e9}.map .energy-core.is-active{animation:.85s ease-out forwards core-rise;box-shadow:0 0 18px #d9ff45,0 0 48px #5be4ff,0 0 74px #ff75cf}.map .energy-core.is-active:before{content:"";pointer-events:none;background:radial-gradient(circle,#5be4ff99 0 9%,#ff75cf66 10% 17%,#d9ff4566 18% 22%,#0000 23%);border-radius:50%;animation:2.1s ease-out both core-liquid;position:absolute;inset:-68%}.map .energy-core.is-active:after{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fff 0 8%,#5be4ff 9% 22%,#ff75cf 23% 32%,#d9ff45 33% 38%,#0000 39%);border-radius:50%;animation:1.25s ease-in-out infinite core-heart;position:absolute;inset:-22%}.map .energy-core.is-reduced.is-active{animation:none;box-shadow:0 0 18px #d9ff45,0 0 42px #5be4ff,0 0 60px #ff75cf}.map .energy-core.is-reduced.is-active:before,.map .energy-core.is-reduced.is-active:after{opacity:.8;animation:none}.map .core-state{z-index:2;color:#fbf6e9;letter-spacing:.15em;text-align:center;text-transform:uppercase;text-shadow:0 0 7px #080d1f,0 0 15px #5be4ff;white-space:nowrap;width:220px;font-size:.68rem;position:absolute;top:170%;left:50%;transform:translate(-50%)}.energy-routes{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.energy-routes path{fill:none;stroke:#5be4ff;stroke-width:.46px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.5 100;stroke-dashoffset:1.5px;opacity:0;filter:drop-shadow(0 0 2px #5be4ff)drop-shadow(0 0 7px #ff75cf)}.energy-routes.is-active path{opacity:.72;animation:1.2s cubic-bezier(.18,.76,.22,1) both route-pulse}.energy-routes.is-active path:nth-child(2){animation-delay:.18s}.energy-routes.is-active path:nth-child(3){animation-delay:.36s}.energy-routes.is-active path:nth-child(4){animation-delay:.54s}.energy-routes.is-active path:nth-child(5){animation-delay:.72s}.energy-routes.is-active path:nth-child(6){animation-delay:.9s}.energy-routes.is-reduced path{opacity:.48;stroke-dasharray:100 0;animation:none}.map.is-core-active .building .sig{animation:.56s ease-out both territory-flash}.map.is-core-active .tech .sig{animation-delay:.82s}.map.is-core-active .music .sig{animation-delay:1s}.map.is-core-active .teachers .sig{animation-delay:1.18s}.map.is-core-active .gallery .sig{animation-delay:1.36s}.map.is-core-active .podcast .sig{animation-delay:1.54s}.map.is-core-active .lounge .sig{animation-delay:1.72s}.map.is-core-active .energy-core.is-reduced~.building .sig{filter:drop-shadow(0 0 5px #d9ff45cc)drop-shadow(0 0 10px #5be4ff99);animation:none}@keyframes core-rise{0%{filter:saturate();transform:scale(1)}35%{filter:saturate(1.45);transform:scale(1.2)}to{filter:saturate(1.2);transform:scale(1.08)}}@keyframes core-liquid{0%{opacity:0;transform:scale(.22)}25%{opacity:1}to{opacity:0;transform:scale(1.28)}}@keyframes core-heart{50%{filter:brightness(1.4);transform:scale(1.14)}}@keyframes route-pulse{0%{stroke-dasharray:.8 100;stroke-dashoffset:.8px;opacity:0}12%{opacity:.9}78%{stroke-dasharray:15 100;stroke-dashoffset:-22px;opacity:.78}to{stroke-dasharray:25 100;stroke-dashoffset:-38px;opacity:0}}@keyframes territory-flash{0%{filter:drop-shadow(0 0 3px #151c38);transform:scale(1)}36%{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 14px #5be4ff)drop-shadow(0 0 21px #d9ff45);background:#fbf6e9;transform:scale(1.52)}to{filter:drop-shadow(0 0 5px #d9ff45cc);transform:scale(1)}}.map .music{top:27%;right:13%}@media (width<=680px){.map .building{gap:6px;width:clamp(118px,34vw,146px);padding:4px;min-height:0!important}.map .building .sig{width:22px;height:22px;margin-top:0}.map .building strong{letter-spacing:.07em;text-shadow:-1px -1px #080d1f,1px -1px #080d1f,-1px 1px #080d1f,1px 1px #080d1f,0 0 7px #080d1f;font-size:.7rem;font-weight:900}.map .place-state,.map .place-note{letter-spacing:.1em;font-size:.53rem}.map .building small{width:calc(100% - 32px);font-size:.61rem;display:block;left:32px}.map .building:hover .sig,.map .building:focus-visible .sig,.map .building.is-active .sig{transform:scale(1.22)}.map .music{top:24%;right:6%}.map .energy-core{width:7%;padding:0}.map .core-state{letter-spacing:.11em;font-size:.6rem;top:155%}.energy-routes path{stroke-width:.7px}}