:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#dc4b60;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-root{position:relative;width:100vw;height:calc(var(--vh, 1vh) * 100);min-height:100vh;min-width:100vw;overflow:hidden;background:transparent}.blurred-bg-wrapper{position:absolute;width:100vw;height:calc(var(--vh, 1vh) * 100);top:0;left:0;min-width:100vw;min-height:100vh;overflow:hidden;z-index:0}.blur-overlay{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff4d;z-index:1;pointer-events:none}.instruction-overlay{position:absolute;bottom:10%;left:50%;top:45%;transform:translate(-50%);width:calc(100% - 6rem);max-width:360px;padding:1rem 1.5rem;border-radius:16px;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;text-align:left;z-index:20;box-shadow:0 8px 20px #0000001a;font-size:4.8cqw;font-size:2.2cqh}.instruction-overlay h2{margin-top:0;font-size:3.5vw;font-size:4.8cqw;font-size:2.2cqh}.instruction-overlay ol{padding-left:1.2rem;margin:.5rem 0 0}.instruction-overlay li{margin-bottom:.5rem}.landing-background{position:absolute;width:100vw;height:calc(var(--vh, 1vh) * 100);object-fit:cover;top:0;left:0}.logo{display:block;margin:6vh auto 0;width:min(120px,30vw);height:min(120px,30vw);border-radius:40px;object-fit:cover;object-position:center}.arrow-down{display:block;margin:4vh auto 0;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:20px solid #dc4b60;transition:transform .3s ease;animation:bounce 2s infinite}.arrow-down:hover{transform:translateY(5px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.day-btn.today{border:1px solid #dc4b60;font-weight:700;box-shadow:0 0 0 1px #dc4b60}.card-stack{position:absolute;width:100%;max-height:60%;overflow-x:auto;overflow-y:hidden;display:flex;gap:16px;padding:1rem;box-sizing:border-box;scroll-snap-type:x mandatory;bottom:53px}.court-card{scroll-snap-align:center;flex:0 0 80%;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1rem;box-shadow:0 6px 6px #0003,0 0 20px #0000001a,inset 2px 2px 1px #ffffff80,inset -1px -1px 1px 1px #ffffff80;color:#000;display:flex;flex-direction:column;justify-content:space-between}.court-tag.recommended{background:#22c55e;color:#fff;border-radius:12px;padding:.25em .75em;font-weight:600;font-size:.95em;box-shadow:0 2px 8px #22c55e1f;display:inline-block;margin-bottom:.5em;text-align:center}.court-tag.closest{display:flex;align-items:center;background:#ec2c2c;color:#fff;border-radius:12px;padding:.25em .75em;font-weight:600;font-size:.95em;box-shadow:0 2px 8px #22c55e1f;display:inline-block;margin-bottom:.5em;text-align:center}.court-tag.closestandrecommended{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#22c55e 50%,#ec2c2c 50%);color:#fff;border-radius:12px;padding:.25em .75em;font-weight:600;font-size:.95em;box-shadow:0 2px 8px #22c55e1f;margin-bottom:.5em}.court-tag.closestandrecommended span{flex:1}.court-tag.closestandrecommended span:first-child{text-align:left}.court-tag.closestandrecommended span:last-child{text-align:right}.instructions-box{position:absolute;top:70px;right:10px;z-index:15;background-color:#fffffff2;padding:1em;border-radius:12px;max-width:280px;box-shadow:0 4px 12px #0003;color:#000;font-size:.9rem;line-height:1.4em}.close-instructions{position:absolute;top:3px;right:0;background:none;border:none;font-size:1.2rem;font-weight:700;color:#444;cursor:pointer;line-height:1}.info{position:absolute;bottom:9%;left:50%;transform:translate(-50%);background-color:#ffffffd9;padding:1em 2em;border-radius:12px;text-align:center;width:75%;max-width:90%;box-shadow:0 4px 12px #0003;color:#000;z-index:2;font-size:1.1rem;line-height:1.5em}.info-h1{margin-top:1em;font-size:.9rem;color:gray;text-align:center;line-height:1.4em;font-weight:500}.blurred-map-wrapper{position:fixed;top:0%;height:100vh;width:100vw;overflow:hidden;z-index:0}.landing-content{position:relative;z-index:10;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:3em;padding-top:10vh}.logo{position:absolute;top:5%;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:40px;-webkit-user-select:none;user-select:none}.tab-toggle{position:absolute;bottom:0;left:0;width:100vw;display:flex;justify-content:center;align-items:center;background:#dc4b60;z-index:10;height:65px;box-shadow:0 -2px 12px #0000000a;padding:0}.tab-separator{width:1px;height:80%;background:#eee;opacity:.5;align-self:center}.tab-btn{flex:1;padding:.5rem 0;background:none;font-size:1.1em;font-weight:500;color:#eee;cursor:pointer;transition:none}.tab-btn.active{color:#eee;font-weight:800}.tab-btn:hover{border-color:#dc4b60}html,body,#root{height:100vh;width:100vw;margin:0;padding:0;overflow:hidden!important}.map-container{width:100vw;height:100vh}.start-button-wrapper{position:fixed;bottom:250px;left:50%;transform:translate(-50%);z-index:9999}.glassy-button{background:#dc4b6026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(220,75,96,.3);color:#000;padding:12px 24px;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .3s ease}.glassy-button:hover{background:#dc4b6040;box-shadow:0 6px 24px #dc4b6066;border:1px solid rgba(220,75,96,.3)}.reload-button{position:absolute;top:2vh;right:2vw;width:50px;height:50px;font-size:1.2rem;display:flex;justify-content:center;align-items:center;font-weight:700}.reload-button:active{border:none}.instruction-button{position:absolute;top:2vh;right:16vw;width:50px;height:50px;font-family:Material Icons;font-size:1.5rem;display:flex;justify-content:center;align-items:center;font-weight:500}.instruction-button:active{border:none}.contribute-button{position:absolute;top:2vh;left:2vw;width:120px;height:40px;font-size:1.1rem;display:flex;justify-content:center;align-items:center;font-weight:600}.indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.recommended-dot{background-color:green}.fastest-dot{background-color:red}.day-selector{display:flex;gap:4px;overflow-x:visible;white-space:nowrap;margin:8px 0;padding-bottom:2px}.day-btn{flex:0 0 auto;background:#ffffff2e;color:#222;border:none;outline:none;font-weight:600;padding:8px;border-radius:20px;cursor:pointer;font-size:1rem;box-shadow:none;transition:all .2s;margin-right:2px;box-shadow:0 1px 1px #0003,0 0 20px #0000001a,inset 1px 1px .5px #ffffff80,inset -.5px -.5px .5px .5px #ffffff80}.day-btn.active{background:#dc4b602e;color:#dc4b60;box-shadow:0 2px 12px #dc4b601a}.chart-container{height:140px;background-color:#ffffff80;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.court-card.recommended-card{background:#22c55e26;border:2px solid #22c55e}.court-card.closest-card{background:#ec2c2c26;border:2px solid #ec2c2c}.court-card.recommended-card .day-selector,.court-card.closest-card .day-selector{margin-top:-4px;margin-bottom:4px}.card-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#dc4b60;font-size:2.4rem;font-weight:700;opacity:.85;pointer-events:auto;z-index:2;text-shadow:0 2px 12px #fff,0 0 4px #dc4b60;-webkit-user-select:none;user-select:none;transition:opacity .2s,color .2s;background:none;border:none;outline:none;cursor:pointer;padding:0 .1em;line-height:1;border-radius:50%}.card-arrow:focus{outline:none;box-shadow:none}.card-arrow.left{left:.1em}.card-arrow.right{right:.1em}.court-card:hover .card-arrow{opacity:1;color:#b8002f}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:60px;aspect-ratio:3;border-bottom:3px solid #0000;background:linear-gradient(90deg,#524656 50%,#0000 0) -25% 100%/50% 3px repeat-x border-box;z-index:3;animation:l3-0 .75s linear infinite}.loader:before{content:"";position:absolute;inset:auto 42.5% 0;aspect-ratio:1;border-radius:50%;background:#c8ff00;animation:l3-1 .75s cubic-bezier(0,900,1,900) infinite}@keyframes l3-0{to{background-position:-125% 100%}}@keyframes l3-1{0%,2%{bottom:0%}98%,to{bottom:.1%}}.about-tab{position:absolute;top:0;left:0;width:auto;height:calc(100vh - 128px);z-index:1000;background:#fffffff7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:#222;animation:aboutTabFadeIn .5s cubic-bezier(.4,0,.2,1)}.about-tab.about-tab-exit{animation:aboutTabFadeOut .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes aboutTabFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes aboutTabFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-tab p{margin:.4rem 0}