*{box-sizing:border-box}html,body,#map{width:100%;height:100%;margin:0}body{overflow:hidden;background:#050506;color:#f4f4f5;font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif}#map{position:absolute;inset:0}.brand{position:absolute;z-index:5;top:22px;left:24px;display:flex;align-items:center;gap:10px;filter:drop-shadow(0 3px 14px #000)}.brand .mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#fc6b03;color:#fff;font-weight:900}.brand div{display:grid}.brand strong{font-size:16px;letter-spacing:.01em}.brand small{font:600 8px/1.2 ui-monospace,monospace;letter-spacing:.16em;color:#a1a1aa}.controls{position:absolute;z-index:5;top:74px;left:24px;width:300px;padding:20px;border:1px solid #3f3f468c;border-radius:18px;background:#09090be8;box-shadow:0 30px 70px #0009;backdrop-filter:blur(16px)}.eyebrow{display:flex;align-items:center;gap:8px;color:#67e8f9;font:600 9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 14px #22d3ee}.controls h1{margin:12px 0 4px;font-size:22px;letter-spacing:-.025em}.controls>p{margin:0;color:#a1a1aa;font-size:12px;line-height:1.5}.divider{height:1px;margin:16px 0;background:#3f3f4678}.switch-row{position:relative;display:flex;align-items:center;justify-content:space-between;margin:13px 0;cursor:pointer}.switch-row span{display:grid;gap:2px}.switch-row strong{font-size:12px}.switch-row small{color:#71717a;font-size:9px}.switch-row input{position:absolute;opacity:0}.switch-row i{position:relative;width:34px;height:19px;border-radius:20px;background:#3f3f46;transition:.2s}.switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#d4d4d8;transition:.2s}.switch-row input:checked+i{background:#0891b2}.switch-row input:checked+i:after{left:18px;background:#fff}.label{display:block;margin-bottom:8px;color:#71717a;font:600 8px/1 ui-monospace,monospace;letter-spacing:.13em}.families{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.families button{padding:7px 2px;border:0;border-radius:7px;background:#27272a;color:#a1a1aa;font-size:9px;font-weight:700;cursor:pointer}.families button.active{background:#22d3ee;color:#083344}.individuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px}.individuals button{display:flex;min-width:0;align-items:center;gap:5px;padding:6px 7px;border:0;border-radius:7px;background:#27272a;color:#a1a1aa;font-size:8px;font-weight:700;cursor:pointer}.individuals button.active{background:#164e63;color:#cffafe}.individuals i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--c)}.individuals span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{display:flex;gap:10px;margin-top:16px;padding:10px;border:1px solid #164e63;border-radius:10px;background:#08334466}.hint span{color:#67e8f9}.hint p{margin:0;color:#a5f3fc;font-size:9px;line-height:1.45}.hint strong{display:block;color:#cffafe}.passes{position:absolute;z-index:6;right:24px;bottom:52px;width:310px;overflow:hidden;border:1px solid #3f3f468c;border-radius:16px;background:#09090bf0;box-shadow:0 24px 60px #000a;backdrop-filter:blur(16px)}.passes header{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #3f3f4678}.passes header div{display:grid}.passes header span{color:#71717a;font:600 8px/1.4 ui-monospace,monospace;letter-spacing:.12em}.passes header strong{font-size:14px}.passes button{border:0;background:transparent;color:#a1a1aa;font-size:20px;cursor:pointer}.passes ul{margin:0;padding:6px 0;list-style:none}.passes li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 16px}.passes i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.passes li span{display:grid}.passes li strong,.passes time{font-size:11px}.passes li small{color:#71717a;font-size:8px;text-transform:uppercase}.passes footer{padding:9px 16px;border-top:1px solid #3f3f4655;color:#71717a;font-size:8px}.notice{position:absolute;z-index:4;right:20px;bottom:16px;color:#71717a;font:500 8px/1 ui-monospace,monospace;text-shadow:0 2px 7px #000}.maplibregl-ctrl-bottom-left{bottom:12px;left:14px}.maplibregl-ctrl-group{background:#18181be8!important}.maplibregl-ctrl button span{filter:invert(1)}@media(max-width:700px){.brand{top:12px;left:12px}.controls{top:auto;left:8px;right:8px;bottom:42px;width:auto;padding:14px}.controls h1{font-size:18px}.controls>p,.hint,.divider:nth-of-type(2){display:none}.switch-row{display:inline-flex;width:32%;margin:10px 0}.switch-row span{display:none}.families{margin-top:8px}.passes{right:8px;bottom:230px;width:calc(100% - 16px)}.notice{display:none}}