html{font-size:100%}html *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root,body{--clr-g: #32cd32;--clr-b: #000;--clr-w: #fff;--clr-bg: #f6f6f6;--t_s-80: .694rem;--t_s-sml: .833rem;--t_s-100: 1rem;--t_s-h6: 1.2rem;--t_s-h5: 1.44rem;--t_s-h4: 1.728rem;--t_s-h3: 2.074rem;--t_s-h2: 2.488rem;--t_s-h1: 2.986rem;--t_s-l1: 3.583rem;--t_s-l2: 4.3rem;--t_s-l3: 5.16rem;--padding: 10px;--margin: 10px;margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial;font-weight:500;line-height:1.6;color:#000;background:#f6f6f6}#App:has(#Landing),#App:has(#Dash){background-image:url(/assets/concrete-wall.png)}.popup-form{display:none}main{height:100vh;width:100%;overflow:hidden;position:relative;margin:auto}main:not(.bg_img){max-width:1280px;min-height:750px}.rel{position:relative}.blr{filter:blur(5px)}.btn{display:block;width:fit-content;height:fit-content;text-decoration:none;padding:10px 18px;border-radius:10px;color:#fff;background:#000;transition:.2s ease;cursor:pointer;line-height:1}.btn.v1{color:var(--clr-b);font-weight:600;background:var(--clr-g);border:2px solid transparent;border:solid 2px var(--clr-g)}.btn.v1:hover,.btn.v1:focus{color:var(--primary-clr);background:var(--dk-clr)}.btn.v2{border:solid 2px var(--primary-clr);color:var(--lt-clr);background:var(--primary-clr)}.btn.v2:hover,.btn.v2:focus{border:solid 2px var(--primary-clr);color:var(--primary-clr);background:var(--lt-clr)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0;font-weight:700;line-height:1.15;letter-spacing:-.022em}p{margin-top:1rem;margin-bottom:1rem}small{font-size:var(--t_s-sml)}h6,.h6{font-size:var(--t_s-h6)}h5,.h5{font-size:var(--t_s-h5)}h4,.h4{font-size:var(--t_s-h4)}h3,.h3{font-size:var(--t_s-h3)}h2,.h2{font-size:var(--t_s-h2)}h1,.h1{font-family:Staatliches,sans-serif;font-size:var(--t_s-h1)}.t_a-l{text-align:left}.t_a-c{text-align:center}.t_a-r{text-align:right}.full{width:100%}.half{width:50%}.third{width:33.333%}.two-thirds{width:66.666%}.fourth{width:25%}.two-fourths{width:50%}.three-fourths{width:75%}.spaced>.half{width:48%}.spaced>.third{width:31.333%}.two-thirds{width:64.666%}.fourth{width:23%}.two-fourths{width:48%}.three-fourths{width:73%}.flx{display:flex}.f_1{flex:1}.f_j-c{justify-content:center}.f_j-sb{justify-content:space-between}.f_j-fs{justify-content:flex-start}.f_j-fe{justify-content:flex-end}.f_a-c{align-items:center}.f_a-sb{align-items:space-between}.f_a-fs{align-items:flex-start}.f_a-fe{align-items:flex-end}.f_wrp{flex-wrap:wrap}.f_wrp-no{flex-wrap:nowrap}.f_col{flex-direction:column}.f_row{flex-direction:row}.pd_w-0{padding-left:0;padding-right:0}.pd_h-0{padding-top:0;padding-bottom:0}.pd_t-0{padding-top:0}.pd_b-0{padding-bottom:0}.pd_r-0{padding-right:0}.pd_l-0{padding-left:0}.pd_w{padding-left:calc(var(--padding));padding-right:calc(var(--padding))}.pd_h{padding-top:calc(var(--padding));padding-bottom:calc(var(--padding))}.pd_t{padding-top:calc(var(--padding))}.pd_b{padding-bottom:calc(var(--padding))}.pd_r{padding-right:calc(var(--padding))}.pd_l{padding-left:calc(var(--padding))}.pd_w-2{padding-left:calc(var(--padding) * 2);padding-right:calc(var(--padding) * 2)}.pd_h-2{padding-top:calc(var(--padding) * 2);padding-bottom:calc(var(--padding) * 2)}.pd_t-2{padding-top:calc(var(--padding) * 2)}.pd_b-2{padding-bottom:calc(var(--padding) * 2)}.pd_r-2{padding-right:calc(var(--padding) * 2)}.pd_l-2{padding-left:calc(var(--padding) * 2)}.pd_w-3{padding-left:calc(var(--padding) * 3);padding-right:calc(var(--padding) * 3)}.pd_h-3{padding-top:calc(var(--padding) * 3);padding-bottom:calc(var(--padding) * 3)}.pd_t-3{padding-top:calc(var(--padding) * 3)}.pd_b-3{padding-bottom:calc(var(--padding) * 3)}.pd_r-3{padding-right:calc(var(--padding) * 3)}.pd_l-3{padding-left:calc(var(--padding) * 3)}.mrg_w-0{margin-left:0;margin-right:0}.mrg_h-0{margin-top:0;margin-bottom:0}.mrg_t-0{margin-top:0}.mrg_b-0{margin-bottom:0}.mrg_r-0{margin-right:0}.mrg_l-0{margin-left:0}.mrg_w{margin-left:calc(var(--margin));margin-right:calc(var(--margin))}.mrg_h{margin-top:calc(var(--margin));margin-bottom:calc(var(--margin))}.mrg_t{margin-top:calc(var(--margin))}.mrg_b{margin-bottom:calc(var(--margin))}.mrg_r{margin-right:calc(var(--margin))}.mrg_l{margin-left:calc(var(--margin))}.mrg_w-2{margin-left:calc(var(--margin) * 2);margin-right:calc(var(--margin) * 2)}.mrg_h-2{margin-top:calc(var(--margin) * 2);margin-bottom:calc(var(--margin) * 2)}.mrg_t-2{margin-top:calc(var(--margin) * 2)}.mrg_b-2{margin-bottom:calc(var(--margin) * 2)}.mrg_r-2{margin-right:calc(var(--margin) * 2)}.mrg_l-2{margin-left:calc(var(--margin) * 2)}.mrg_w-3{margin-left:calc(var(--margin) * 3);margin-right:calc(var(--margin) * 3)}.mrg_h-3{margin-top:calc(var(--margin) * 3);margin-bottom:calc(var(--margin) * 3)}.mrg_t-3{margin-top:calc(var(--margin) * 3)}.mrg_b-3{margin-bottom:calc(var(--margin) * 3)}.mrg_r-3{margin-right:calc(var(--margin) * 3)}.mrg_l-3{margin-left:calc(var(--margin) * 3)}@media screen and (max-width: 800px){.flx.f_wrp .half:last-of-type{margin-top:15px}.flx.f_wrp .fourth{width:50%;margin-bottom:15px}}@media screen and (max-width: 650px){.flx.f_wrp .fourth{width:100%}}#Dash{position:relative;margin:auto;padding:1vw 1.5vw}#Dash .body{height:max-content}#Dash .header{margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.08)}#Dash .header .profile{position:relative}#Dash .header .profile .icon{height:45px;width:45px;border-radius:50%;font-size:20px;letter-spacing:2px;background:#e5e7eb;color:#111827;border:1px solid #e0e5f0}#Dash .header .profile .icon span{pointer-events:none}#Dash .header .profile .icon:hover+.dropdown,#Dash .header .profile .icon:focus+.dropdown,#Dash .header .profile .dropdown:hover,#Dash .header .profile .dropdown:focus{visibility:visible;transition:.25s ease-out}#Dash .header .profile .dropdown{z-index:2;visibility:hidden;padding:18px 10px 10px;position:absolute;right:0;top:100%;background:var(--clr-w);border-radius:12px;box-shadow:0 12px 30px #0000001f}#Dash .header .profile .dropdown a{white-space:nowrap;padding:0 3px;margin-top:2px;font-size:14px;font-weight:500;color:#111827;text-decoration:none}#Dash .header .profile .dropdown a:hover{background:linear-gradient(to right,#f2f2f3,#fff);cursor:pointer}#Dash .left{z-index:2;position:relative;max-width:550px}#Dash .left .game_cards{position:relative;height:100%;overflow:scroll;margin-right:10px}#Dash .left ul.game-card-list{position:absolute;top:0;left:0;height:fit-content;width:calc(100% - 20px);margin:unset;list-style:none;padding-left:0}#Dash .left ul.game-card-list li{width:100%;margin-bottom:10px;transition:box-shadow .2s,transform .15s;background:#f9fafb;border:1px solid rgba(0,0,0,.05);border-left:4px solid var(--clr-g);border-radius:16px;padding:14px 18px;box-shadow:none}#Dash .left ul.game-card-list li.third_party{border-left-color:#4b5563}#Dash .left ul.game-card-list li:hover{background:#f9fafb;cursor:pointer;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}#Dash .left .game_card-item.third_party a{background:#e5e7eb;color:#111;padding:4px 8px;border-radius:6px;font-weight:500;text-decoration:none}#Dash .left .game_card-item.third_party a:hover{background:#d1d5db}#Dash .left ul.game-card-list li .title{overflow:hidden}#Dash .left ul.game-card-list li .title strong{font-size:19px;letter-spacing:1px;line-height:1.5;font-family:Staatliches,sans-serif;text-transform:uppercase;overflow:hidden}#Dash .left ul.game-card-list li .title strong span{font-size:16px;text-transform:lowercase!important;padding:0 1px}#Dash .left ul.game-card-list li .address span{opacity:.8}#Dash .left ul.game-card-list li.available .time{width:fit-content;padding:0 8px;border:2px solid var(--clr-g);border-radius:20px;background:#9aed9a}#Dash .left ul.game-card-list li.unavailable .time{width:fit-content;padding:0 8px;border:2px solid #000;border-radius:20px;background:#868686;text-decoration:line-through}#Dash .left ul.game-card-list li .im_in{color:#fff;background:#000;border-color:#000}#Dash .left ul.game-card-list li .im_in:hover,#Dash .left ul.game-card-list li .im_in:focus{color:#000;background:#fff;border-color:#000}#Dash .left ul.game-card-list li .details{height:fit-content}#Dash .left .game_card-item.is_new{background:#e7f6ec;border-color:#16a34a;position:relative;animation:newcard_pop .25s ease-out}#Dash .left .game_card-item.is_new .info{padding-top:15px}#Dash .left .game_card-item.is_new:after{content:"New";position:absolute;top:6px;left:14px;font-size:11px;font-weight:600;color:#047857;background:#bbf7d0;padding:2px 8px;border-radius:999px}#Dash .right{flex:1;position:relative;z-index:0}#Dash .right #map{z-index:0;position:relative;border-radius:20px;overflow:hidden;height:100%;width:100%}#Dash .right #map+.add_game{z-index:3;position:absolute;top:0;right:0;padding:0 0 max(1vw,10px) max(1vw,10px);background:#f6f6f6;border-bottom-left-radius:17px}#Dash .right #map+.add_game button{padding:10px 24px;font-weight:600;box-shadow:0 2px 8px #00000014}#Dash .right #map+.add_game:before,#Dash .right #map+.add_game:after{content:"";position:absolute;border-top-right-radius:20px;box-shadow:10px -10px #f6f6f6;background:transparent;pointer-events:none}#Dash .right #map+.add_game:before{top:0%;right:100%;height:70%;width:100%}#Dash .right #map+.add_game:after{bottom:-100%;right:0;height:100%;width:50%}#Dash .right #map .leaflet-left{left:auto;right:0}#Dash .right #map .leaflet-left .leaflet-control{margin-left:0;margin-right:10px;margin-top:65px}#Dash .right .btn_cta{position:absolute;top:0;right:0;padding:0vw 0vw 10px 10px;border-bottom-left-radius:20px;background:#f6f6f6}#Dash .right .btn_cta:after{content:"";position:absolute;top:0vw;left:-100%;height:100%;width:100%;background:transparent;border-top-right-radius:20px;box-shadow:0 -20px #f6f6f6}#Dash .right .btn_cta:before{content:"";position:absolute;bottom:-100%;right:0vw;height:100%;width:100%;background:transparent;border-top-right-radius:20px;box-shadow:20px 0 #f6f6f6}#Dash .rules_grid{gap:10px}#Dash .rule_chip{position:relative;display:flex;width:fit-content;padding:.6rem .75rem;font-size:.9rem;border:2px solid #eeeeee;background-color:#eee;color:#000;border-radius:8px}#Dash .rule_chip:hover,#Dash .rule_chip:focus{scale:1.03;cursor:pointer}#Dash .rule_chip input{position:absolute;visibility:none;display:none}#Dash .rule_chip:has(input:checked){border-color:var(--clr-g)}@media screen and (max-width: 950px){#Dash{padding:3vw;height:100%;width:100%;overflow:scroll}#Dash .body{flex-direction:column-reverse}#Dash .half{width:100%;max-width:unset;padding:0}#Dash .half:first-of-type{flex:1;margin-top:10px;overflow:hidden}#Dash .half:last-of-type{flex:unset}#Dash .half:last-of-type #map{height:20vh}#Dash .half:last-of-type #map+.add_game{display:none}#Dash .left ul.game-card-list{display:flex;flex-wrap:wrap;justify-content:space-between;position:unset}#Dash .left ul.game-card-list li{width:48.5%}#Dash .left ul.game-card-list li.flx{flex-direction:column}#Dash .left ul.game-card-list li.flx .details .flx,#Dash .left ul.game-card-list li.flx .time_action{gap:8px;align-items:center;flex-direction:row}#Dash .left ul.game-card-list li.flx .time_action,#Dash .left ul.game-card-list li.flx.third_party .details .flx{margin-top:8px}#Dash .left ul.game-card-list li.flx .time_action .mrg_t{margin:0}#Dash .right #map{min-height:35vh}}@media screen and (max-width: 650px){#Dash .left ul.game-card-list li{width:100%}}@media (max-width: 480px){.rules-grid{grid-template-columns:1fr}}@keyframes newcard_pop{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}#Landing{row-gap:20px;margin:auto;padding:1vw 1.5vw}#Landing .half{height:fit-content}#Landing .mobile_display{display:none}#Landing .hero,#Landing .highlight,#Landing .steps,#Landing .quote{width:calc(50% - 20px);margin-right:20px}#Landing .logo strong{line-height:1;font-size:45px;font-weight:700;font-family:Staatliches,sans-serif}#Landing .hero{position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dashed #00000014}#Landing .hero h1{font-size:79px}#Landing .hero h2{font-size:50px}#Landing .hero .beta .badge{display:block;background:#f9fafb;border:1px solid rgba(0,0,0,.08);border-radius:12px;width:fit-content;padding:2px 10px}#Landing .hero .beta .badge+small{color:#6b7280}#Landing .highlight{background:linear-gradient(to top right,#f3f4f6,transparent);border-left:4px solid #16a34a;border-radius:12px;padding:16px 20px;box-shadow:-4px 4px 10px #0000000a}#Landing .steps span{opacity:.9}#Landing .quote i{opacity:.75}#Landing .map_wrap,#Landing .cards_wrap{width:50%;max-height:48%}#Landing .map_wrap{min-height:45%;flex:1;position:relative;z-index:0}#Landing .map_wrap #map{z-index:0;position:relative;border-radius:20px;overflow:hidden;width:100%;height:100%;box-shadow:-8px 24px 20px #0000000f}#Landing .map_wrap img{position:absolute;left:50%;top:50%;translate:-50% -50%;object-fit:cover;max-width:100%;min-height:100%}#Landing .cards_wrap .scroll_btns{display:none}#Landing .cards_wrap .list{gap:10px}#Landing .cards_wrap .item{flex:1;padding:10px;min-width:31.333%;border-radius:15px;border:1px solid #00000070}#Landing .btn_cta{position:absolute;top:0;right:0;padding:0vw 0vw 10px 10px;border-bottom-left-radius:20px;background:#f6f6f6}#Landing .btn_cta:after{content:"";position:absolute;top:0vw;left:-100%;height:100%;width:100%;background:transparent;border-top-right-radius:20px;box-shadow:0 -20px #f6f6f6}#Landing .btn_cta:before{content:"";position:absolute;bottom:-100%;right:0vw;height:100%;width:100%;background:transparent;border-top-right-radius:20px;box-shadow:20px 0 #f6f6f6}@media screen and (max-width: 1150px){#Landing .hero h1{font-size:65px}#Landing .h5{font-size:1.2rem}#Landing .map_wrap,#Landing .cards_wrap{max-height:45%}#Landing .highlight br{display:none}}@media screen and (max-width: 950px){#App{background:#f6f6f6}#Landing{overflow:unset;flex-direction:column;flex-wrap:nowrap;gap:30px;height:100%}#Landing .half:not(.map_wrap){width:100%;max-width:unset;height:unset;min-height:unset;gap:20px;margin-right:0}#Landing .mobile_display{display:flex}#Landing .hero{order:1;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:0}#Landing .hero h1{font-size:60px}#Landing .cards_wrap{order:2}#Landing .cards_wrap h2{text-align:center}#Landing .map_wrap{order:3;width:100%;margin-bottom:0}#Landing .map_wrap img{translate:-50% -40%}#Landing .highlight{order:4;text-align:center}#Landing .steps{order:5}#Landing .quote{order:6;text-align:center}#Landing .btn_cta{display:none}}@media screen and (max-width: 650px){#Landing .cards_wrap{max-height:unset}#Landing .cards_wrap li.item{min-width:48%}#Landing .map_wrap img{translate:-50% -50%}}@media screen and (max-width: 500px){#Landing .steps{flex-wrap:wrap;justify-content:space-around}#Landing .cards_wrap ul{flex-wrap:nowrap;overflow-x:scroll;padding-bottom:15px}#Landing .cards_wrap li.item{min-width:46%}}.popup_form{display:none}.popup_form.active{display:flex}.popup_bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:5}.popup_form .x{position:fixed;top:0;right:10px;font-size:30px;line-height:1;color:var(--clr-g);z-index:10;cursor:pointer}.form_container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#000;border-radius:12px;box-shadow:0 10px 25px #0009;padding:3.5rem 2rem 2rem;width:80%;max-width:400px;z-index:10;font-family:Inter,sans-serif}.form_container.new_form{min-width:70%}form#Form>div{margin-top:10px}form#Form label{font-size:.9rem;font-weight:500;margin-bottom:.2rem;display:block;color:#000}form#Form input,form#Form select,form#Form textarea,form#Form mapbox-search-box input{display:flex;width:100%;padding:.6rem .75rem;font-size:.9rem;border:1px solid #eeeeee;background-color:#eee;color:#000;border-radius:8px;outline:none;transition:border .2s ease}form#Form mapbox-search-box input{padding-left:30px!important}form#Form mapbox-search-box>div{box-shadow:none}form#Form input:focus,form#Form select:focus,form#Form textarea:focus{border-color:#32cd32}form#Form textarea{min-height:100px;resize:vertical}form#Form button.btn.v1{margin:auto;margin-top:1rem;padding:.75rem;background-color:#32cd32;border:none;color:#000;font-weight:700;font-size:1rem;border-radius:10px;cursor:pointer;transition:background .2s ease}form#Form button.btn.v1:hover{background-color:#27ae60}.btn_loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}#Profile{min-height:100%}#Profile .left{height:100%}#Profile .left button{border:unset;background:unset;transition:scale .2s ease}#Profile .left button:hover,#Profile .left button:focus{scale:1.05;cursor:pointer}.filter{display:flex;align-items:center;gap:12px;background:#fff;padding:8px 14px;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:10px}.field_filter{height:100%}.filter input[type=date],.filter select{color:var(--clr-b);border:none;background:transparent;font-weight:500;font-size:14px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.filter select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.filter input[type=date]+.buttons button{background:none;border:none;font-size:16px;padding:4px 6px;cursor:pointer;color:var(--clr-b);transition:color .2s ease}.filter input[type=date]+.buttons button:hover{scale:1.15}.login-view{height:100vh;width:100%;background-size:cover;background-position:center;background-image:url(../../../assets/field-night.webp)}.login-view .back_btn{position:absolute;left:20px;top:20px}.login-view .back_btn button{background:none;outline:none;border:none;font-size:18px;color:#fff;transition:.25s ease}.login-view .back_btn button:hover,.login-view .back_btn button:focus{scale:1.1;cursor:pointer}.create_user{height:100vh;width:100%;background-size:cover;background-position:center;background-image:url(../../../assets/city-view.webp)}.create_user:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059}.create_user #Form{max-width:400px}