/* Identity observed on puteaux.fr, 17 September 2026. Local assets only. */
@font-face{font-family:Outfit;src:url('/fonts/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#1b3d71;--muted:#536e92;--paper:rgba(255,255,255,.96);--line:#1b3d7124;--gold:#ed1475;--rail:112px;font-family:Outfit,Arial,sans-serif;color:var(--ink)}
button,input,output{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#c41462;outline-offset:4px}
.sidebar{background:#1b3d71;box-shadow:1px 0 0 #ffffff3b}.brand{background:white;width:100%;padding:23px 10px 19px;gap:11px;min-height:121px}.brand .city-logo{display:block;width:90px;height:54px;object-fit:contain}.brand small{color:#1b3d71;font:600 8px Outfit,Arial,sans-serif;letter-spacing:1.05px}.rail-rule{background:#ffffff45;width:30px;margin:22px auto 14px}.nav-item{font:500 12px Outfit,Arial,sans-serif;min-height:78px;gap:10px;padding:15px 12px 15px 22px;color:#fff}.nav-item.active{background:#ffffff14;color:#fff}.nav-item.active:before{background:#ed1475;width:4px}.nav-item.active svg{color:#ff9bc6}.nav-item:hover{background:#ffffff20}.rail-motto{font:400 9px/1.65 Outfit,Arial,sans-serif;letter-spacing:1px;margin-left:22px;color:#d6e6f7}.rail-help{font:500 15px Outfit,Arial,sans-serif;color:#fff}.rail-help span{font:500 11px Outfit,Arial,sans-serif}
.map-wash{background:linear-gradient(90deg,#eaf4fdd9 0%,#eaf4fd8c 24%,transparent 40%,transparent 76%,#eaf4fd33),linear-gradient(0deg,#eaf4fd80,transparent 23%,transparent 85%,#eaf4fd33)}
.masthead{left:calc(var(--rail) + 28px);top:31px}.coordinates{font:650 10px/1.8 Outfit,Arial,sans-serif;letter-spacing:1px}.coordinates span{border:0;font:400 9px/1.6 Outfit,Arial,sans-serif;letter-spacing:1.3px;color:#536e92;margin-top:4px}.masthead h1{font:650 clamp(46px,4.2vw,70px)/1.03 Outfit,Arial,sans-serif;letter-spacing:-2px;margin:25px 0 19px}.masthead h1 span{color:#1b3d71}.masthead h2{font:550 18px/1.35 Outfit,Arial,sans-serif;letter-spacing:0;color:#1b3d71;margin:0}.masthead p{font:400 13px/1.6 Outfit,Arial,sans-serif;letter-spacing:0;margin:13px 0 22px}.intro-rule{background:#ed1475;width:45px;height:3px}.regional-mark{right:27%;top:33px;text-decoration:none;pointer-events:auto;border-left:2px solid #ed1475;padding:2px 0 2px 16px}.regional-mark b{font:500 10px Outfit,Arial,sans-serif;letter-spacing:.9px}.regional-mark small{font:650 18px/1.5 Outfit,Arial,sans-serif;letter-spacing:0;margin-top:3px}.regional-mark:hover small{color:#b6165a}.top-tools{top:29px}.top-tools button{background:#1b3d71;border-radius:0;width:40px;height:40px}.top-tools>span{font:550 10px/1.5 Outfit,Arial,sans-serif;letter-spacing:.7px}.top-motto{font:600 15px/1.5 Outfit,Arial,sans-serif;letter-spacing:.4px;right:62px;top:102px}.top-motto span{height:3px;width:30px;background:#ed1475;margin-top:13px}
.panel{border:1px solid #1b3d7112;border-radius:3px;box-shadow:0 10px 30px #1b3d7110;backdrop-filter:blur(12px)}.places{width:276px;right:24px;top:190px;padding:19px 18px 0}.places>.section-title{font:650 15px Outfit,Arial,sans-serif;letter-spacing:.1px;gap:10px;padding-bottom:16px}.city-section-mark{width:25px;height:11px;display:inline-block;border-bottom:2px solid #1b3d71;position:relative;flex-shrink:0}.city-section-mark:before{content:'';position:absolute;left:6px;right:6px;top:2px;height:2px;background:#1b3d71}.section-title{font:650 12px/1.5 Outfit,Arial,sans-serif;letter-spacing:.5px}.section-title button{font:400 22px Outfit,Arial,sans-serif}.place{gap:11px;padding:12px 0;transition:background .18s}.place img{width:70px;height:70px;border-radius:2px}.place strong{font:600 14px/1.25 Outfit,Arial,sans-serif}.place small{font:400 11px/1.4 Outfit,Arial,sans-serif;color:#586e8b;margin-top:6px}.place-arrow{font:400 22px Outfit,Arial,sans-serif;color:#1b3d71}.place:hover,.place.active{background:#eaf4fd}.place.active strong{color:#1b3d71}.place.active{box-shadow:inset 3px 0 #ed1475;padding-left:8px}.all-places{font:600 12px Outfit,Arial,sans-serif;letter-spacing:0;padding:17px 0;color:#1b3d71}.all-places span{font:500 21px Outfit,Arial,sans-serif}.all-places:hover{color:#bc155b}.drawer{top:190px;right:24px;width:320px;padding:27px;background:var(--paper)}.drawer h3{font:600 27px/1.18 Outfit,Arial,sans-serif;letter-spacing:-.7px;margin:20px 0}.drawer p{font:400 13px/1.65 Outfit,Arial,sans-serif;color:#536985}.drawer a{font:500 12px/1.5 Outfit,Arial,sans-serif;color:#1b3d71}.drawer dt{font:400 12px/1.4 Outfit,Arial,sans-serif}.drawer dd{font:600 21px Outfit,Arial,sans-serif}.drawer-action{font:600 13px Outfit,Arial,sans-serif;color:#1b3d71}.scene-switches button{font:500 13px/1.5 Outfit,Arial,sans-serif}.switch.on{background:#1b3d71}.compare-actions button{font:600 22px Outfit,Arial,sans-serif}.compare-actions small{font:400 11px/1.5 Outfit,Arial,sans-serif}.compare-actions span{font:400 34px Outfit,Arial,sans-serif;color:#ed1475}.compare-actions button:last-child{background:#1b3d71;color:white}.close-drawer{font:400 23px Outfit,Arial,sans-serif}.map-tools{right:314px;bottom:185px}.map-tools button{font:400 23px Outfit,Arial,sans-serif}.map-tools button:hover{background:#eaf4fd}
.map-label{background:#1b3d71f5;color:white;border:1px solid #ffffff66;border-radius:3px;font:600 14px Outfit,Arial,sans-serif;letter-spacing:0;padding:13px 15px 12px 43px;box-shadow:0 6px 18px #1b3d7129}.map-label small{font:400 9px/1.5 Outfit,Arial,sans-serif;letter-spacing:.7px;margin-top:5px;color:#deebfa}.map-label>svg{width:22px;height:26px;top:14px;left:12px;color:#a9d4f5}.map-label.defense{font:600 16px Outfit,Arial,sans-serif;letter-spacing:.3px}.map-label.old{font:600 14px Outfit,Arial,sans-serif}.map-label:before{background:#ed1475}.map-label.river{font:italic 19px Outfit,Arial,sans-serif;color:white;letter-spacing:2px;background:none;border:0;box-shadow:none}.map-label:hover:not(.river){background:#274f88}
.time-panel{width:640px;height:108px;gap:20px;padding:19px 20px;border:1px solid #1b3d7129;background:var(--paper);border-top:3px solid #1b3d71;border-radius:3px}.time-panel:before,.time-panel:after{display:none}.time-title{font:600 15px/1.6 Outfit,Arial,sans-serif;letter-spacing:0;padding-right:18px}.time-value{border-radius:3px;padding:3px 8px;top:-39px;box-shadow:0 2px 8px #1b3d7108}.time-value output{font:600 19px Outfit,Arial,sans-serif;letter-spacing:0}.time-value #time-mood{font:400 10px/1.5 Outfit,Arial,sans-serif}.time-value #sun-symbol{font-family:Outfit,Arial,sans-serif;color:#bb861e}.play-btn{background:#1b3d71;color:white;border:0;border-radius:2px;width:38px;height:40px;font:400 18px Outfit,Arial,sans-serif}.play-btn:hover{background:#2d5896}.timeline input{background:linear-gradient(90deg,#1b3d71,#8bbbe4 28%,#ece0b2 50%,#eca980 75%,#96397c)}.timeline input::-webkit-slider-thumb{border:2px solid #ed1475;background:white}.timeline input::-moz-range-thumb{border:2px solid #ed1475;background:white}.time-ticks button,.time-ticks small{font:400 9px/1.35 Outfit,Arial,sans-serif}.time-ticks small{margin-top:3px}.city-facts{gap:16px;left:calc(var(--rail) + 24px);bottom:48px}.city-facts>div{border-color:#1b3d714a;padding-left:9px}.city-facts>div:last-child{display:none}.city-facts b{font:600 30px Outfit,Arial,sans-serif}.city-facts span{font:400 8px/1.65 Outfit,Arial,sans-serif;letter-spacing:.4px}.locator{right:24px}.locator-caption{font:500 9px/1.8 Outfit,Arial,sans-serif;letter-spacing:.3px}.scale b{font:400 10px Outfit,Arial,sans-serif}#north{color:#1b3d71}footer{font:400 9px Outfit,Arial,sans-serif;color:#466284;left:calc(var(--rail) + 24px);right:24px}.navigation-hint{font:400 8px Outfit,Arial,sans-serif;letter-spacing:.5px;color:#536e92}
#building-info h3{font:600 23px/1.25 Outfit,Arial,sans-serif}#building-info p{font:400 13px/1.6 Outfit,Arial,sans-serif}#building-info a{font:500 12px Outfit,Arial,sans-serif;color:#1b3d71}dialog{background:white;border-radius:3px;border-top:4px solid #1b3d71;color:#1b3d71}dialog h2{font:600 27px/1.3 Outfit,Arial,sans-serif}dialog p{font:400 14px/1.65 Outfit,Arial,sans-serif}dialog .source-note{font-size:12px}#loading{background:#f4f8fd}.loading-inner .city-logo{width:180px;height:108px;display:block;margin:0 auto 34px}.loading-inner h2{font:600 30px/1.3 Outfit,Arial,sans-serif;color:#1b3d71;letter-spacing:-.6px;margin:0 0 15px}.loading-inner p{font:400 14px/1.5 Outfit,Arial,sans-serif;color:#536e92}.loading-bar{background:#dceafa;height:3px;border-radius:3px}.loading-bar i{background:#ed1475}
body.focused .masthead h1{font:650 35px/1.08 Outfit,Arial,sans-serif;letter-spacing:-1px;margin:16px 0 12px}body.focused .masthead h1 br{display:none}body.focused .masthead h1 span:before{content:' '}body.focused .masthead h2{font:500 14px Outfit,Arial,sans-serif}
body.night{--ink:#edf4ff;--muted:#b7c9df;--paper:rgba(20,44,79,.97);--line:#c7dafa28;color:#edf4ff}body.night .sidebar{background:#122e56}body.night .masthead h1 span,body.night .masthead h2,body.night .coordinates span{color:#edf4ff}body.night .masthead p,body.night .place small,body.night .drawer p{color:#c3d6eb}body.night .map-wash{background:linear-gradient(90deg,#132c51ba,transparent 43%,transparent 77%,#132c5133)}body.night .place:hover,body.night .place.active{background:#234a7c}body.night .place.active strong,body.night .place-arrow,body.night .all-places,body.night .drawer-action,body.night .drawer a,body.night #building-info a,body.night #north{color:#edf4ff}body.night .city-section-mark{border-color:#edf4ff}body.night .city-section-mark:before{background:#edf4ff}body.night .map-label{background:#1b3d71f5}body.night .map-label.river{background:none}body.night .time-panel{border-top-color:#a9c9ee}body.night .map-tools button:hover{background:#234a7c}body.night #loading{background:#f4f8fd}
@media(min-width:1500px){:root{--rail:124px}.brand{padding:25px 12px 22px;min-height:136px}.brand .city-logo{width:100px;height:60px}.brand small{font-size:9px}.places{width:304px;top:21%;padding:20px 22px 0}.place img{width:80px;height:80px}.place strong{font-size:15px}.place small{font-size:12px}.place{gap:14px}.map-tools{right:344px}.time-panel{width:740px}.time-title{font-size:17px}.masthead h1{font-size:68px}.masthead p{font-size:14px}.nav-item{font-size:13px;min-height:85px}.city-facts span{font-size:9px}.time-ticks button,.time-ticks small{font-size:10px}.top-motto{right:90px}}
@media(max-width:1250px){:root{--rail:102px}.brand{padding:22px 6px 18px}.brand .city-logo{width:88px;height:53px}.brand small{font-size:7px}.nav-item{padding-left:17px;font-size:11px}.masthead{left:123px}.masthead h1{font-size:49px}.masthead h2{font-size:16px}.masthead p{font-size:12px}.places{width:250px;right:20px;padding:15px 15px 0}.places>.section-title{font-size:14px}.place img{width:60px;height:64px}.place strong{font-size:12px}.place small{font-size:10px}.drawer{right:20px;width:300px}.time-panel{width:580px;gap:16px}.time-title{font-size:13px}.map-tools{right:284px}.city-facts{gap:12px}.locator{width:187px}.locator-caption{font-size:8px}.top-motto{right:44px;font-size:13px}}
@media(max-width:1000px) and (min-width:701px){.places{width:227px;padding:14px 13px 0}.place{gap:8px}.place img{width:52px;height:57px}.place strong{font-size:11px}.place small{font-size:9px}.places>.section-title{font-size:12px}.masthead h1{font-size:43px}.masthead p{max-width:190px;font-size:11px}.masthead h2{font-size:14px}.time-panel{width:510px;left:calc(50% + 35px);gap:13px;padding:15px}.time-title{font-size:11px;padding-right:12px}.map-tools{right:260px}.time-ticks button,.time-ticks small{font-size:8px}.time-value #time-mood{font-size:9px}.locator{width:100px}}
@media(max-height:790px) and (min-width:701px){.brand{padding-top:17px;padding-bottom:15px;min-height:105px}.rail-rule{margin:13px auto 8px}.nav-item{min-height:65px;padding-top:12px;padding-bottom:12px;gap:7px}.masthead{top:24px}.masthead h1{font-size:47px;margin:20px 0 13px}.masthead p{font-size:11px;margin:12px 0 15px}.masthead h2{font-size:15px}.places,.drawer{top:161px}.places{padding-top:14px}.places>.section-title{padding-bottom:12px}.place{padding:9px 0}.place img{height:57px}.place strong{font-size:12px}.place small{font-size:10px}.all-places{padding:14px 0}.time-panel{height:96px;bottom:35px}.top-motto{top:90px;font-size:13px}.map-tools{bottom:145px}.rail-motto{font-size:8px}.time-value{top:-37px}}
@media(max-width:700px){:root{--rail:0px}.sidebar{height:64px}.brand{display:block;position:fixed;top:15px;left:16px;min-height:0;width:103px;height:78px;padding:10px 9px;border-radius:3px;box-shadow:0 4px 18px #1b3d7110}.brand .city-logo{width:85px;height:51px}.brand small{font-size:5.5px;letter-spacing:.6px;margin:3px 0 0;display:block}.nav-item{font:500 9px Outfit,Arial,sans-serif;min-height:0;padding:8px 3px;gap:6px}.nav-item.active:before{width:auto;height:3px}.nav-item svg{width:21px;height:21px}.masthead{left:18px;top:113px}.coordinates{display:none}.masthead h1{font-size:36px;margin:0 0 9px;letter-spacing:-1.1px;line-height:1.02}.masthead h1 br{display:none}.masthead h1 span:before{content:' '}.masthead h2{font-size:12px}.masthead p,.intro-rule,.regional-mark,.top-motto{display:none}body.focused .masthead h1{font-size:29px;margin:0 0 7px}body.focused .masthead h2{font-size:11px}.top-tools{top:21px;right:17px;gap:9px}.top-tools button{width:35px;height:35px}.top-tools>span{font-size:9px}.rail-help{top:69px;right:17px;width:33px;height:32px;font:500 17px Outfit,Arial,sans-serif;background:#fff;color:#1b3d71;border:1px solid #1b3d7122}.places{top:auto;bottom:217px;left:12px;right:12px;width:auto;padding:14px 15px 0;max-height:calc(100dvh - 260px)}.places>.section-title{font-size:14px;padding-bottom:12px}.place{padding:9px 0;gap:13px}.place img{width:58px;height:49px}.place strong{font-size:13px}.place small{font-size:10px;margin-top:4px}.all-places{font-size:12px;padding:13px 0}.drawer{top:auto;bottom:217px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 260px);padding:25px}.drawer h3{font-size:25px}.drawer p{font-size:12px}.drawer dt{font-size:11px}.drawer dd{font-size:19px}.section-title{font-size:11px}.scene-switches button{font-size:12px}.time-panel{bottom:87px;left:12px;right:12px;transform:none;width:auto;height:101px;padding:14px 11px;gap:10px}.time-title{font:600 10px/1.6 Outfit,Arial,sans-serif;width:83px;padding-right:9px;white-space:normal}.timeline{padding-top:14px}.play-btn{width:29px;height:35px;font-size:14px;margin:0;padding-left:7px}.time-value{top:-32px;padding:2px 6px}.time-value output{font-size:16px}.time-value #time-mood{font-size:8px}.time-value #sun-symbol{font-size:21px}.time-ticks button,.time-ticks small{font-size:7px}.time-ticks [data-hour="0"]{display:none}.map-tools{right:13px;bottom:248px}.map-label{font-size:11px;padding:10px 10px 9px 31px}.map-label.defense,.map-label.old{font-size:12px}.map-label small{font-size:8px;letter-spacing:.3px}.map-label>svg{width:17px;height:22px;left:8px;top:10px}.map-label.river{font-size:16px}footer{left:14px;right:14px;bottom:71px;font-size:6px}#stats{max-width:215px}.map-wash{background:linear-gradient(180deg,#eaf4fdba,transparent 42%,transparent 70%,#eaf4fd44)}body.night .map-wash{background:linear-gradient(180deg,#132c51aa,transparent 45%)}#building-info{top:210px;left:15px;width:245px}.loading-inner .city-logo{width:150px;height:90px}.loading-inner h2{font-size:24px}.loading-inner p{font-size:11px}}

.territory-legend{display:flex;flex-direction:column;gap:7px;padding:12px 0 15px;border-top:1px solid var(--line);font:400 11px Outfit,Arial,sans-serif;color:var(--muted)}
.territory-legend[hidden]{display:none}.territory-legend span{display:flex;align-items:center;gap:9px}.territory-swatch{display:inline-block;width:20px;height:13px;border-radius:2px;border:1px solid #1b3d7118}.territory-swatch.city{background:linear-gradient(120deg,#91a8a8 0 33%,#d6cbb4 33% 66%,#87a875 66%)}.territory-swatch.surroundings{background:#e0e3e6}
@media(max-height:790px) and (min-width:701px){.territory-legend{font-size:9px;padding:8px 0;gap:4px}}
@media(max-width:700px){.territory-legend{font-size:10px;padding:9px 0;gap:5px}}