@font-face{font-family:Kanit;font-style:normal;font-weight:300;src:url(/data/assets/kanit-Dvhd4GiE.woff2) format("woff2");font-display:swap}html{font-size:clamp(12px,1.5vmin,26px)}body,html{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:var(--global-bg);color:var(--text-color);font-family:var(--font-family);height:100%;margin:0;overflow:hidden;padding:0;user-select:none;word-spacing:-.1rem}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-thumb);border-radius:.4rem;border:.2rem dashed transparent;transition:all .3s ease 0s}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}button,select,textarea,input{font-family:inherit}input,textarea{-webkit-user-select:auto;user-select:auto}h2,h3{color:var(--headline-color);font-size:1rem;line-height:1.2rem;font-weight:400;margin:0}.ui-icon{color:var(--icon-color-hover);display:block;flex-shrink:0;height:1.4rem;width:1.4rem}.sub-menu-btn{align-items:center;background:transparent;border-radius:.4rem;border:1px solid transparent;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:400;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.4rem;padding:.5rem 1rem;transition:all .2s ease-in-out;width:auto}.sub-menu-btn:hover{background:var(--button-bg-hover);transform:translateY(-1px)}.sub-menu-btn:active{transform:translateY(0)}.btn-locked{background-color:var(--button-bg-warning)!important;border-color:var(--button-bg-warning)!important;color:var(--button-text-color-warning)!important}.sub-menu-btn .ui-icon{flex-shrink:0;height:1.2rem!important;width:1.2rem!important}.btn-locked .ui-icon,.quick-menu-btn.btn-locked .ui-icon,.quick-menu-btn.inverted.btn-locked .ui-icon{color:var(--button-text-color-warning)!important}#canvas-container{height:100vh;width:100vw}#logo{height:auto;left:1.5rem;pointer-events:auto;position:fixed;top:1.5rem;width:18rem;z-index:10000}#footer{bottom:1.5rem;display:flex;font-size:.8rem;gap:1rem;left:1.5rem;position:absolute;z-index:1000}.footer-link{color:var(--text-color);cursor:pointer;text-decoration:none;transition:color .2s}.footer-separator{color:var(--button-bg-hover)}@media (max-width: 1280px),(orientation: portrait){#footer{flex-direction:column;gap:.5rem}.footer-separator{display:none}}.hidden{display:none!important}body.hide-menu-labels .main-menu-btn span,body.hide-menu-labels .main-menu-group .category-btn span{display:none}#main-menu{align-items:stretch;background:transparent;border:none;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;gap:.05rem;justify-content:center;left:1rem;padding:0;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:auto;z-index:1000}#main-menu>*{pointer-events:auto}.main-menu-item{display:block;position:relative}.main-menu-item:hover .sub-menu,.main-menu-item.force-open .sub-menu{opacity:1;pointer-events:auto;visibility:visible}.main-menu-item.force-open{z-index:1005}#main-menu>.main-menu-item:nth-child(1) .sub-menu{top:-1rem;transform:none}#main-menu>.main-menu-item:nth-child(n+4) .sub-menu{bottom:-1rem;top:auto;transform:none}.main-menu-group{align-items:stretch;background:transparent;border:none;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:0;pointer-events:none;position:static;transform:none;width:auto;z-index:1000}.main-menu-group>*{pointer-events:auto}.main-menu-btn,.main-menu-group .category-btn{align-items:center;background:transparent;border-radius:.4rem;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:.5rem;justify-content:flex-start;padding:.4rem .8rem;position:relative;transition:background .2s;width:100%;z-index:1002}.main-menu-btn span,.sub-menu-btn{font-weight:300}.active .main-menu-btn{background:var(--button-bg-hover);outline-offset:-1px;outline:1px solid var(--popup-border-hover)}.main-menu-btn:hover{background:var(--button-bg-hover)}.main-menu-btn.categories-btn{display:none}.sub-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--popup-bg);border-radius:.5rem;border:1px solid var(--popup-border);box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;left:100%;margin-left:.5rem;opacity:0;padding:.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:max-content;z-index:1001}.sub-menu:before{content:"";height:100%;left:-1.5rem;position:absolute;top:0;width:1.5rem}.sub-menu-btn{font-size:1rem;gap:.6rem;justify-content:flex-start!important;padding:.6rem 1.1rem}.category-wrapper{display:flex;flex-direction:column;gap:.05rem;position:relative;width:100%}.category-content{display:contents}.track-wrapper{display:block;pointer-events:auto;position:static}.track-wrapper:hover .track-menu,.track-wrapper.active .track-menu{opacity:1;pointer-events:auto;visibility:visible}.track-menu{background:transparent;box-sizing:border-box;direction:ltr;display:grid;gap:.5rem;grid-auto-flow:column;grid-template-rows:repeat(5,auto);left:100%;margin-bottom:0;margin-left:.5rem;opacity:0;padding:.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:max-content;z-index:1001}.track-menu:before{content:"";display:block;height:100vh;left:-1.5rem;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% + 1.5rem);z-index:-1}.track-item{align-items:center;background:var(--popup-bg);border-radius:.4rem;border:1px solid var(--popup-border);box-sizing:border-box;color:var(--text-color);cursor:pointer;direction:ltr;display:inline-flex;flex-direction:column;font-size:.7rem;font-weight:400;gap:.3rem;height:9rem;justify-content:center;padding:0 0 .8rem;pointer-events:auto;text-align:center;transition:all .2s ease-in-out;width:9rem;position:relative}.track-item:hover{background:var(--button-bg-hover);border-color:var(--popup-border-hover);transform:translateY(-.1rem)}.track-item.split-hover-left:hover{background:linear-gradient(90deg,var(--button-bg-hover) 50%,var(--popup-bg) 50%)}.track-item.split-hover-right:hover{background:linear-gradient(90deg,var(--popup-bg) 50%,var(--button-bg-hover) 50%)}.track-item:active{transform:translateY(0)}.track-thumb{flex:1;width:100%;min-height:0;object-fit:contain;pointer-events:none;transition:opacity .3s ease;filter:drop-shadow(var(--popup-shadow))}.track-item-badge{align-items:center;background:var(--button-bg);border-bottom-left-radius:.4rem;border-top-right-radius:.4rem;color:var(--button-text-color);display:none;font-size:.9rem;font-weight:700;height:1.5rem;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:2rem;z-index:10}.track-item-badge-positive{background:var(--button-bg-check)}.track-item-badge-negative{background:var(--button-bg-warning);color:var(--button-text-color-warning)}.track-item-custom-warning{color:var(--button-text-color-warning);cursor:help;margin-left:.25rem;vertical-align:middle}.category-menu-hints{display:flex;flex-direction:row;gap:.6rem;justify-content:center;margin-top:.3rem}.category-menu-hint{align-items:center;color:var(--text-color);display:flex;font-size:.8em;gap:.3rem}.category-menu-hint .ui-icon{color:var(--icon-color);height:.9rem;width:.9rem}#quick-menu{background:transparent;border:none;box-shadow:none;display:flex;gap:.5rem;left:50%;padding:.4rem 1rem;pointer-events:auto;position:fixed;top:1rem;transform:translate(-50%);z-index:2000}.quick-menu-btn{align-items:center;background:transparent;border-radius:50%;border:none;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.4rem;pointer-events:auto;transition:all .2s ease-in-out;font-size:.8rem}.quick-menu-btn:hover{background:var(--button-bg-hover);transform:scale(1.1)}.quick-menu-btn.inverted:hover{background:var(--button-bg-inverted-hover)}.quick-menu-btn:active{transform:scale(.95)}.quick-menu-btn.inverted{background:var(--button-bg-inverted);color:var(--button-icon-inverted)!important}.quick-menu-btn.inverted .ui-icon{color:var(--button-icon-inverted)!important}.quick-menu-btn.disabled{background:transparent!important;cursor:default!important;opacity:.3!important;transform:none!important}.quick-menu-btn span{display:none}#action-menu{align-items:center;display:flex;flex-direction:column;gap:1rem;left:50%;pointer-events:none;position:fixed;top:4.6rem;transform:translate(-50%);z-index:2000}#layout-name{color:var(--text-color);font-size:1rem;font-weight:400;pointer-events:auto;position:static;transform:none}#layout-actions{display:flex;gap:.5rem}#action-info{color:var(--text-color);font-family:var(--font-family);font-size:.85rem;left:50%;margin-top:.5rem;opacity:0;pointer-events:none;position:absolute;text-align:center;top:100%;transform:translate(-50%);transition:opacity .2s;white-space:nowrap}.menu-separator{background:var(--button-bg-hover);height:1px;margin:.5rem 0;width:100%}.overlay{height:100vh;width:100vw;background-color:var(--popup-overlay);position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000}.popup{background:var(--popup-bg);background:radial-gradient(ellipse at right top,var(--popup-bg-radial) 0%,var(--popup-bg) 45%,var(--popup-bg) 100%);border-radius:.5rem;border:1px solid var(--popup-border);box-shadow:0 4px 20px var(--popup-shadow);color:var(--text-color);display:flex;flex-direction:column;left:50%;max-height:85vh;position:absolute;top:50%;transform:translate(-50%,-50%);width:25rem;max-width:90vw;z-index:2001}.popup-small{width:20rem}.popup-medium{width:40rem}.popup-large{width:90vw;max-width:110rem}.popup-header{border-bottom:1px solid var(--popup-border);display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.popup-header-title{align-items:center;display:flex;justify-content:space-between;width:100%}.popup-close-btn-group{display:flex;gap:.5rem;align-items:center}.popup-close-btn{background:none;border:none;cursor:pointer;margin:0;padding:0}.popup-close-btn svg{color:var(--icon-color);transition:color,transform .2s;display:block;flex-shrink:0;height:1.4rem;width:1.4rem}.popup-close-btn:hover svg{color:var(--icon-color-hover);transform:rotate(360deg)}.popup-body{display:flex;flex-direction:column;flex:1;gap:.8rem;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.popup-body-grid{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;flex:1;gap:1.5rem;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.popup-body p{padding:0;margin:0;font-size:.9rem;font-weight:200}.popup-body ul{margin:0}.popup-body li{font-size:.9rem;font-weight:200}.popup-body span{padding:0;margin:0;font-size:1rem;font-weight:300;text-align:center;z-index:2}.popup-form{align-items:center;display:flex;gap:1rem;width:100%}.popup-form.stacked{flex-direction:column;align-items:stretch}.popup-form-col{display:flex;flex-direction:column;flex:1;gap:.3rem}.form-label{font-size:.8rem;color:var(--text-color)}.popup-input{background:var(--input-bg);border-radius:.4rem;border:1px solid var(--popup-border);box-sizing:border-box;color:var(--text-color);font-size:.9rem;min-height:2.4rem;padding:.5rem 1rem;width:100%}.popup-input:hover,.popup-input:focus,.popup-input:focus-visible{border:1px solid var(--popup-border-hover);outline:none}.popup-actions{display:flex;gap:1rem;width:100%}.popup-group{display:flex;gap:1rem;flex-direction:column}.popup-body button,.popup-header button:not(.popup-close-btn){align-items:center;background:var(--button-bg);color:var(--button-text-color);border:0;border-radius:.4rem;font-size:.9rem;font-weight:400;word-spacing:-.05rem;box-sizing:border-box;cursor:pointer;display:inline-flex;gap:.3rem;justify-content:center;line-height:1.2rem;min-height:2.4rem;padding:.5rem .75rem;pointer-events:auto;transition:all .2s ease-in-out;width:auto;overflow:hidden;position:relative}.popup-body button:after,.popup-header button:not(.popup-close-btn):after{content:"";height:100%;width:100%;background-color:#fff;transform:skew(-10deg);position:absolute;transition:.5s all;right:-110%;top:0;z-index:1;opacity:1}.popup-body button.active,.popup-header button:not(.popup-close-btn).active{background:var(--button-bg-check);color:var(--button-text-color)}.popup-body button.warning,.popup-header button:not(.popup-close-btn).warning{background:var(--button-bg-warning);color:var(--button-text-color-warning)}.popup-body button.check,.popup-header button:not(.popup-close-btn).check{background:var(--button-bg-check);color:var(--button-text-color)}.popup-body button svg,.popup-header button:not(.popup-close-btn) svg{color:var(--button-icon-color);display:block;flex-shrink:0;height:1.4rem;width:1.4rem;transition:all .2s ease-in-out}.popup-body button.warning svg,.popup-header button:not(.popup-close-btn).warning svg{color:var(--button-icon-color-warning)}.popup-body button:hover,.popup-header button:not(.popup-close-btn):hover{transform:scale(1.01)}.popup-body button:hover:after,.popup-header button:not(.popup-close-btn):hover:after{right:-50%;background-color:#fff;opacity:0}.popup-body button:hover svg,.popup-header button:not(.popup-close-btn):hover svg{transform:scale(1.2)}.popup-body .popup-input-stepper{display:flex;align-items:center;width:100%}.popup-body button.popup-input-stepper-minus{border-radius:.4rem 0 0 .4rem;border-right:none;width:2.4rem}.popup-body button.popup-input-stepper-plus{border-radius:0 .4rem .4rem 0;border-left:none;width:2.4rem}.popup-body .popup-input-stepper .popup-input{border-radius:0;text-align:center}.popup-body .popup-input-stepper .popup-input::-webkit-inner-spin-button,.popup-body .popup-input-stepper .popup-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.popup-body .popup-input-stepper .popup-input[type=number]{-moz-appearance:textfield}.popup-storage-list{gap:1rem;display:flex;flex-direction:column}.popup-storage-list-wrap{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.popup-input-wrap{display:flex;gap:.5rem;align-items:center}.popup-input-wrap .popup-input{flex:1;width:auto}.popup-input-wrap button{flex-shrink:0}.popup-slider-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.2rem}.popup-slider-row span{font-size:.9rem;color:var(--text-color)}.popup-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.5rem;background:var(--input-bg);outline:none;border-radius:.25rem;border:1px solid var(--popup-border);margin:.5rem 0}.popup-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--icon-color);cursor:pointer;border:1px solid var(--popup-border);transition:background .15s ease-in-out}.popup-slider::-moz-range-thumb{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--icon-color);cursor:pointer;border:2px solid var(--popup-border);transition:background .15s ease-in-out}.popup-slider::-webkit-slider-thumb:hover,.popup-slider::-moz-range-thumb:hover{background:var(--icon-color-hover)}#inventory-list{flex-wrap:wrap;margin-bottom:1rem;grid-column:1 / -1;width:100%}.inventory-category-column{grid-column:1 / -1;width:100%}.inv-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;margin-top:1rem}.inv-track-item{height:100%;min-height:11rem;width:100%;display:flex;flex-direction:column;justify-content:flex-start;cursor:initial;padding:0}.inv-track-item:hover{transform:none}.inv-track-thumb{opacity:0;margin-bottom:.2rem;min-height:6rem;flex:1 1 auto}span.inv-track-name{flex:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;padding:0 1rem .5rem}.inv-track-custom-warning{align-items:center;background:var(--button-bg-warning);border-bottom-left-radius:.4rem;border-top-right-radius:.4rem;height:2rem;justify-content:center;position:absolute;right:0;top:0;width:2rem;z-index:10;display:flex;cursor:help}.inv-track-custom-warning svg{color:var(--button-icon-color-warning);height:1rem;width:1rem}.inv-track-info{font-size:.7rem;color:var(--text-color);margin-top:.5rem;margin-bottom:1rem;text-align:center}.inv-track-stepper{width:100%;box-sizing:border-box;margin-top:auto;padding:0 1rem}.inv-track-input{text-align:center}.popup-storage-item{background:var(--popup-bg);border-radius:.5rem;border:1px solid var(--popup-border);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:0;position:relative;transform:translateZ(0);transition:transform .2s,border-color .2s;padding:.75rem 0}.popup-storage-item-thumb{background:transparent;filter:drop-shadow(0 4px 20px var(--popup-shadow));border:none;box-sizing:border-box;display:block;height:auto;aspect-ratio:16 / 9;object-fit:contain;width:100%}.popup-storage-item .popup-storage-delete-btn,.popup-storage-item .popup-storage-edit-btn{align-items:center;background:var(--button-bg-warning);color:var(--button-icon-color-warning);border-bottom-left-radius:.4rem;border-top-right-radius:.4rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:0;top:0;width:2rem;z-index:10;opacity:0;transition:all .2s;display:flex}.popup-storage-item .popup-storage-edit-btn{background:var(--button-bg-check);color:var(--button-icon-color);right:auto;left:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.4rem;border-top-left-radius:.4rem}.popup-storage-item:hover .popup-storage-delete-btn,.popup-storage-item:hover .popup-storage-edit-btn{opacity:1}.popup-storage-item .popup-storage-delete-btn svg,.popup-storage-item .popup-storage-edit-btn svg{flex-shrink:0;height:1rem;width:1rem;transition:all .2s ease-in-out}.popup-storage-item .popup-storage-delete-btn:hover svg,.popup-storage-item .popup-storage-edit-btn:hover svg{transform:scale(1.2)}.popup-storage-item-meta{align-items:center;color:var(--text-color);display:flex;flex-direction:row;font-size:.85rem;gap:.35rem;justify-content:center;white-space:nowrap}.popup-storage-item-meta.meta-date-size{margin-top:auto;padding-top:.5rem;margin-bottom:.25rem}.popup-storage-item-info{align-items:center;display:inline-flex;gap:.25rem;white-space:nowrap}.popup-storage-item-info svg{height:.8rem;width:.8rem;color:var(--icon-color-hover)}.popup-storage-item-info span{font-size:.8rem}.popup-list{gap:.5rem;display:flex;flex-direction:column;flex-shrink:0;width:100%;border-radius:.4rem;overflow:hidden}.popup-list-header,.popup-list-row{display:grid;grid-template-columns:4rem 1fr 5rem 5rem;gap:1rem;align-items:center;flex-shrink:0}.popup-list-header{font-weight:400}.popup-list-row{font-weight:200}.popup-list-row-empty .popup-list-col{grid-column:1 / -1;text-align:center;opacity:.5;font-style:italic}.popup-list-body{display:flex;flex-direction:column;gap:.5rem}.popup-list-col-price,.popup-list-col-total{text-align:right}.popup-list-footer{display:grid;grid-template-columns:4rem 1fr 5rem 5rem;gap:1rem;align-items:center;padding:.5rem 0;flex-shrink:0}.popup-list-footer .popup-list-col-name{grid-column:1 / 4;text-align:right}.popup-list-footer .popup-list-col-total{grid-column:4 / 5;text-align:right}.quick-menu-btn{border-radius:500px}.language-switcher-container .quick-menu-btn{aspect-ratio:1 / 1;padding:0;width:2.2rem}.popup-footer{border-top:1px solid var(--popup-border);display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.popup-footer p{padding:0;margin:0;font-size:.7rem;font-weight:200}.survey-box{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.survey-scale-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.survey-scale-label,.survey-sys-label{align-items:center;background:var(--button-bg);border-radius:.4rem;border:1px solid var(--popup-border);color:var(--button-text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:300;justify-content:center;padding:.5rem .75rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.survey-scale-label:hover,.survey-sys-label:hover{border-color:var(--popup-border-hover)}.survey-scale-label:has(input:checked),.survey-sys-label:has(input:checked){background:var(--button-bg-check);border-color:var(--button-bg-check);color:var(--button-text-color);font-weight:400}.survey-scale-label .ui-icon,.survey-sys-label .ui-icon{display:none;flex-shrink:0;margin-right:.4rem}.survey-scale-label:has(input:checked) .ui-icon,.survey-sys-label:has(input:checked) .ui-icon{display:block;color:var(--button-icon-color)}.survey-checkbox,.survey-sys{display:none}.survey-sys-container h3{color:var(--text-color);font-size:.9rem;font-weight:400;margin:0 0 .5rem;opacity:.8}.survey-sys-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width: 500px){.survey-sys-grid{grid-template-columns:1fr}}.ui-overlay{position:absolute;z-index:2000}.ui-overlay-fullscreen{height:100vh;left:0;pointer-events:none;top:0;width:100vw}#overlay-loading{align-items:center;background-color:var(--popup-overlay);display:flex;justify-content:center;pointer-events:all;z-index:3000}.spinner{border:4px solid var(--icon-color);border-radius:50%;border-top:4px solid var(--icon-color-hover);width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#overlay-race{top:auto;bottom:1.5rem;transform:translate(-50%);width:50rem;z-index:2000}#overlay-race .popup-header{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}#overlay-race .popup-header-title{flex-shrink:0;width:auto}.race-overview{display:flex;gap:1.5rem;align-items:center;margin:0;padding:0;font-size:.9rem;flex-wrap:wrap;justify-content:flex-end}.race-overview>div{white-space:nowrap;font-size:.8rem}.race-drivers-grid{display:flex;flex-direction:row;justify-content:space-evenly;gap:1rem}.race-driver-col{display:flex;flex-direction:column;gap:.25rem;align-items:center;flex:1}.race-driver-header{font-weight:700;display:flex;align-items:center;font-weight:400}.race-driver-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.race-driver-stat .stat-emoji{font-size:.9rem;opacity:.8;cursor:help}.race-driver-stat span{font-weight:200;font-size:.9rem}.race-fuel-pit{color:var(--color-danger, #ff4444)}.race-fuel-high{color:var(--color-success, #44ff44)}.race-fuel-med{color:var(--color-warning, #ffff44)}.race-fuel-low{color:var(--color-danger, #ff4444)}#overlay-help{background:var(--popup-bg);border-radius:.5rem;border:1px solid var(--popup-border);box-shadow:0 4px 20px var(--popup-shadow);color:var(--text-color);display:flex;flex-direction:column;max-height:80vh;overflow:hidden;pointer-events:auto;right:1.5rem;bottom:1.5rem;width:25rem;z-index:2005}#helper{bottom:1.5rem;display:flex;font-size:.8rem;right:1.5rem;position:absolute;z-index:1000}#overlay-debug{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:1.5rem;top:5rem;z-index:5000}.debug-msg{border-radius:.4rem;color:var(--text-color);padding:.3rem .6rem;transition:opacity .5s}.debug-msg.success{background:var(--debug-bg-success);border-right:.2rem solid var(--button-bg-check)}.debug-msg.error{background:var(--debug-bg-error);border-right:.2rem solid var(--button-bg-warning)}#start-light-box{background:var(--bg-input);border-radius:.5rem;border:4px solid var(--bg-surface);box-shadow:0 10px 30px var(--bg-overlay-darker);display:flex;gap:1rem;left:50%;opacity:0;padding:1rem 2rem;position:fixed;top:10rem;transform:translate(-50%);transition:opacity .5s;z-index:4000;pointer-events:none}#start-light-box .light{border-radius:50%;height:5rem;width:5rem;transition:background .1s,box-shadow .1s}#start-light-box .light.off{background:#333}#start-light-box .light.red{background:red;box-shadow:0 0 30px red}#start-light-box .light.green{background:#0f0;box-shadow:0 0 30px #0f0}#info-layer{align-items:center;background:transparent;border:none;bottom:1rem;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;justify-content:center;left:0;margin:0 auto;max-width:90vw;padding:.6rem 2rem;pointer-events:auto;position:fixed;right:0;top:auto;width:max-content;z-index:200}.info-layer-icon{align-items:center;display:inline-flex;font-size:1rem;font-weight:400;gap:.6rem;white-space:nowrap}#track-info{bottom:100%;color:var(--text-color);font-family:var(--font-family);font-size:.85rem;left:50%;margin-bottom:.5rem;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);transition:opacity .2s;white-space:nowrap}#controls{align-items:center;display:flex;gap:.5rem;position:fixed;right:1.5rem;top:1.5rem;z-index:10000}.quick-dropdown{align-items:center;display:flex;justify-content:center;position:relative}.quick-dropdown-content{display:flex;flex-direction:column;gap:.4rem;left:50%;margin-top:.5rem;opacity:0;position:absolute;top:100%;transform:translate(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;z-index:2001}.lang-switcher-content{z-index:10000}.quick-dropdown-content:before{bottom:100%;content:"";height:1.5rem;left:0;position:absolute;width:100%;z-index:-1}.quick-dropdown:hover .quick-dropdown-content{opacity:1;visibility:visible}#selection-box{background:var(--selection-box-bg);border:1px solid var(--selection-box-border);pointer-events:none;position:fixed;z-index:2000}#table-labels{pointer-events:none}.table-edge{background:var(--popup-bg);border-radius:.4rem;border:1px solid var(--popup-border);color:var(--text-color);font-size:.7rem;font-weight:700;left:0;padding:.15rem .4rem;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);white-space:nowrap;will-change:transform;z-index:150}#elevation-input-wrapper:not(.hidden){display:flex!important;margin-top:-1.25rem;left:0;top:0}#elevation-input-wrapper{align-items:stretch;justify-content:flex-start;z-index:1000;position:fixed;box-shadow:0 .25rem .625rem var(--popup-overlay)}#elevation-input-wrapper button{background-color:var(--button-bg-check);border-radius:0 .375rem .375rem 0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:.3125rem}#elevation-input::-webkit-outer-spin-button,#elevation-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#elevation-input[type=number]{-moz-appearance:textfield}#elevation-input{background:var(--popup-bg);border-radius:.375rem 0 0 .375rem;border:1px solid var(--color-elevation);color:var(--color-elevation);display:block;font-size:1rem;font-weight:700;outline:none;padding:.3125rem .5rem;pointer-events:auto;text-align:center;top:0;width:3.4375rem;will-change:transform;z-index:4000}@media (max-height: 720px){.main-menu-btn.categories-btn{display:flex}.category-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--popup-bg);border-radius:.5rem;border:1px solid var(--popup-border);display:flex;flex-direction:column;gap:.5rem;left:100%;margin-left:.5rem;opacity:0;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:max-content;z-index:1005}.category-content:before{content:"";height:100%;left:-1.5rem;position:absolute;top:0;width:1.5rem}.category-wrapper:hover .category-content,.category-wrapper:has(.track-wrapper.active) .category-content{opacity:1;pointer-events:auto;visibility:visible}body:not(.hide-menu-labels) .category-content .main-menu-btn span{display:inline!important}}@media (max-width: 1000px){#main-menu .sub-menu-btn span,.main-menu-btn span{display:none}#main-menu .sub-menu-btn,.sub-menu-btn{padding:.6rem}.main-menu-group .category-btn span{display:none}#logo{left:1rem;width:12rem}}@media (max-height: 800px){.track-menu{grid-template-rows:repeat(4,auto)}}@media (max-height: 650px){.track-menu{grid-template-rows:repeat(3,auto)}}@media (max-height: 500px){.track-menu{grid-template-rows:repeat(2,auto)}}@media (max-width: 768px){#info-layer{bottom:1rem;flex-direction:column;gap:.8rem}#logo{display:block;left:0;margin:0 auto;right:0}#quick-menu{top:5rem}#action-menu{top:8.6rem}}@media (max-width: 480px){#logo{left:1.5rem;margin:0;right:auto}}