body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--select-yellow:#ffed00;--ui-font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0}.prevent-select{-webkit-user-select:none;user-select:none;-ms-user-select:none}button,input[type=submit]{-webkit-appearance:none;appearance:none;border:none}h1{margin:0}h2,h3,label{color:#fff}h2{text-align:center}h5{font-size:16px}li,p,span{font-size:.9rem}header{align-items:center;background-color:#222;border-bottom:2px solid grey;box-sizing:border-box;height:60px;justify-content:space-between;max-width:100vw;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.header-center,header{display:flex;flex-direction:row}.header-center{align-items:flex-end;flex-grow:1;gap:30px;justify-content:center}.header-center>a{border-radius:4px;color:#fff!important;font-family:var(--ui-font-family);font-size:18px;padding:8px 16px;text-align:center;text-decoration:none;transition:color .2s;white-space:nowrap}.header-center>a:hover{background-color:#4a9eff1a;color:#4a9eff}.header-right{align-items:flex-end;display:flex;gap:20px}@media only screen and (max-width:600px){header{align-items:center;flex-wrap:wrap;gap:4px;height:90px;padding:4px 8px}.header-left{display:flex;flex-shrink:0;justify-content:center;order:1;width:100%}.header-center{align-items:center;flex-grow:1;gap:10px;justify-content:center;order:2}.header-center>a{font-size:14px;padding:6px 12px}.header-right{align-items:center;flex-shrink:0;gap:8px;order:3}}#logo{align-items:center;color:#fff;display:flex}#logo>h1{font-size:20px;margin-left:5px}#logo .mk8dx{height:35px}#logo .world{height:50px}@media only screen and (max-width:600px){#logo{justify-content:space-between}#logo .mk8dx{height:28px}#logo .world{height:38px}#logo>h1{font-size:15px}}.game-switcher{align-items:center;display:flex;flex-direction:row;gap:10px}.game-switcher-label{align-items:center;cursor:pointer;display:flex;margin:0}.game-select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--ui-font-family)!important;font-size:14px;min-width:120px;outline:none;padding:5px 10px}.game-select:hover{background-color:#444;border-color:#666}.game-select:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.game-select option{background-color:#333;color:#fff;font-family:var(--ui-font-family)!important}@media only screen and (max-width:600px){.game-switcher{align-items:center;flex-direction:row;gap:30px}.game-select{font-size:12px;padding:5px 10px}}.profile-dropdown{align-items:center;display:flex;position:relative}.signin-link{background-color:#444;border-radius:5px;font-family:var(--ui-font-family);padding:8px 16px;transition:background-color .2s;white-space:nowrap}.signin-link:hover{background-color:#555}.profile-button{align-items:center;background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:var(--ui-font-family);font-size:16px;gap:8px;padding:8px 12px;transition:background-color .2s;white-space:nowrap}.profile-button:hover{background-color:#555}.profile-icon{height:20px;width:20px}.profile-username{max-width:150px;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{font-size:10px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background-color:#333;border:1px solid #555;border-radius:5px;box-shadow:0 4px 8px #0000004d;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.dropdown-item{background:none;border:none;color:#fff;cursor:pointer;display:block;font-family:var(--ui-font-family);font-size:16px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#444}.signout-button{border-top:1px solid #555}@media only screen and (max-width:600px){.profile-username{display:none}.profile-button{font-size:14px;padding:4px 8px}.profile-icon{height:16px;width:16px}.dropdown-menu{right:0}.signin-link{font-size:14px;padding:6px 12px}.profile-button{gap:4px;padding:6px 10px}.profile-icon{font-size:18px}}footer{background-color:#1a1a1a;border-bottom:1px solid #fff;color:#fff;font-family:var(--ui-font-family)!important;margin-top:10px;width:100%}#footer-topline{background-image:url(/static/media/checkers.772fae8e32d68d06734f.webp);background-size:14px;height:21px;width:100%}#footer-content{padding:10px}#footer-content h4{color:#fff;margin-bottom:15px;margin-top:5px}#footer-content ul{margin-left:-15px}#footer-content li{margin:5px 0}#footer-content a{color:skyblue;text-decoration:none}#footer-content a:hover{text-decoration:underline}#footer-content p{line-height:1.6;margin:10px 0}#footer-content code{background-color:#333;border-radius:3px;font-family:Courier New,monospace;padding:2px 6px}@font-face{font-family:mk8dx;src:url(/static/media/FOT-NewRodin%20Pro%20M.fe9aeb65ea7574e03122.otf) format("opentype")}.mk8dx-app{font-family:mk8dx}.mk8dx-app html{color:#fff}.mk8dx-app html,body.mk8dx-theme{background-color:#333;background-image:url(/static/media/background2-dark.e0a5ab123bbbb9c67988.webp);background-repeat:repeat}body.mk8dx-theme{display:block!important;font-family:mk8dx;overflow:visible!important}.mk8dx-app h1{margin:0}.mk8dx-app h2,.mk8dx-app h3,.mk8dx-app label{color:#fff;text-align:left}.mk8dx-app h2{text-align:center}.mk8dx-app label{font-size:20px;font-weight:700}.mk8dx-app a,.mk8dx-app a:visited{color:skyblue}.mk8dx-app h5{font-size:16px}.mk8dx-app #main-container{align-items:center;display:flex;flex:1 1;flex-direction:column;margin:30px auto 0;min-height:60vh;overflow:visible;padding:10px 20px}.mk8dx-app #main-container>h1{align-self:flex-start}.mk8dx-app input,.mk8dx-app label,.mk8dx-app option,.mk8dx-app select{color:#fff;font-family:mk8dx}@media screen and (max-width:750px){.mk8dx-app #main-container{padding:10px 0}}:root{--track-base-width:14.75rem;--track-base-height:9.375rem;--track-aspect-ratio:1.5733;--track-margin:0.625rem;--track-font-base:1rem;--size-big:1;--size-medium:0.75;--size-small:0.6}.trackparent{display:block;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.track-container-big,.track-container-medium,.track-container-small{-webkit-clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);display:flex;outline:0;overflow:hidden;position:relative}.track-container-big:after,.track-container-medium:after,.track-container-small:after{box-shadow:inset 0 17.5px 10px -12px #edededb3;content:"";inset:0;pointer-events:none;position:absolute}.track-container-big{height:9.375rem;height:calc(var(--track-base-height)*var(--size-big));margin:.625rem;margin:var(--track-margin);width:14.75rem;width:calc(var(--track-base-width)*var(--size-big))}.track-container-medium{height:7.03125rem;height:calc(var(--track-base-height)*var(--size-medium));margin:.46875rem;margin:calc(var(--track-margin)*var(--size-medium));width:11.0625rem;width:calc(var(--track-base-width)*var(--size-medium))}.track-container-small{height:5.625rem;height:calc(var(--track-base-height)*var(--size-small));margin:.375rem;margin:calc(var(--track-margin)*var(--size-small));width:8.85rem;width:calc(var(--track-base-width)*var(--size-small))}.track-info{bottom:0!important;pointer-events:none!important;position:absolute!important;width:100%!important}.track-name-big,.track-name-medium,.track-name-small,.track-origin-big,.track-origin-medium,.track-origin-small{color:#000!important;font-weight:600!important;margin:0!important;padding-bottom:2px!important;text-align:center!important;transition:background-color .2s ease}.track-name-big{font-size:1rem!important;font-size:calc(var(--track-font-base)*var(--size-big))!important}.track-name-medium{font-size:.75rem!important;font-size:calc(var(--track-font-base)*var(--size-medium))!important}.track-name-small{font-size:.6rem!important;font-size:calc(var(--track-font-base)*var(--size-small))!important}.track-origin-big,.track-origin-medium,.track-origin-small{-webkit-clip-path:polygon(0 0,80% 0,100% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 100%,0 100%);margin-bottom:-1px;padding-right:3px;width:25%}.track-origin-big{font-size:.75rem!important;font-size:calc(var(--track-font-base)*var(--size-big)*.75)!important}.track-origin-medium{font-size:.5625rem!important;font-size:calc(var(--track-font-base)*var(--size-medium)*.75)!important}.track-origin-small{font-size:.45rem!important;font-size:calc(var(--track-font-base)*var(--size-small)*.75)!important}.track-emblem{height:48px;pointer-events:none;position:absolute;right:3px;top:3px;width:48px}.track-container-medium .track-emblem{height:36px;width:36px}.track-container-small .track-emblem{height:24px;width:24px}.cup-display-container{align-items:center;display:flex;flex-direction:row;font-family:mk8dx!important}.cup-name-input-wrapper{margin-bottom:1.5rem;text-align:center}.cup-name-input-wrapper label{display:block;font-size:1rem;margin-bottom:.5rem}.cup-name-input{border:1px solid #ccc;border-radius:4px;font-size:.9375rem;height:2.1875rem;padding:.5rem;width:15.625rem}.cup-outline{border:.15rem solid #fff;border-radius:.6rem;box-sizing:border-box;padding:.15625rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cup-display{align-items:flex-end;background:linear-gradient(0deg,#f1f1f1,#fff);border-radius:.4rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,-webkit-max-content));grid-template-columns:repeat(4,minmax(0,max-content));list-style:none;margin:0;padding:.3125rem}@media only screen and (max-width:650px){.cup-display{grid-template-columns:repeat(2,minmax(0,-webkit-max-content));grid-template-columns:repeat(2,minmax(0,max-content))}}@media screen and (max-width:670px){.cup-display .track-container-big,.cup-display .track-container-medium{height:calc(var(--track-base-height)*var(--size-small))!important;margin:calc(var(--track-margin)*var(--size-small))!important;width:calc(var(--track-base-width)*var(--size-small))!important}.cup-display .track-name-big,.cup-display .track-name-medium{font-size:calc(var(--track-font-base)*var(--size-small))!important}.cup-display .track-origin-big,.cup-display .track-origin-medium{font-size:calc(var(--track-font-base)*var(--size-small)*.75)!important}}.icon-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:.125rem solid #0000;border-radius:.5rem;box-shadow:0 .25rem .375rem #0000004d,0 .0625rem .1875rem #0003;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:inherit;font-size:1rem;gap:.5rem;justify-content:flex-start;margin:.5rem 0;min-height:2.25rem;overflow:hidden;padding:0 .4rem;position:relative;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.icon-button:hover:not(:disabled):before{left:100%}.icon-button:hover:not(:disabled){background:linear-gradient(135deg,#5ba0f2,#4080cd);box-shadow:0 .375rem .75rem #0006,0 .125rem .25rem #0000004d;transform:translateY(-.125rem)}.icon-button:active:not(:disabled){box-shadow:0 .125rem .25rem #0000004d,0 .0625rem .125rem #0003;transform:translateY(0)}.icon-button>p{color:inherit;margin:0;text-shadow:0 .0625rem .125rem #0000004d;white-space:nowrap;z-index:1}.icon-button>img,.icon-button__svg{filter:drop-shadow(0 .0625rem .125rem rgba(0,0,0,.3));flex-shrink:0;height:1.25rem;width:1.25rem;z-index:1}.icon-button__svg path{fill:currentColor}.icon-button:disabled,input[type=submit]:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 .125rem .25rem #0003;color:#fff;cursor:not-allowed;opacity:.6;overflow:visible;transform:none}.icon-button:disabled:before{display:none}.icon-button--mk8dx{font-family:mk8dx}.icon-button--world{font-family:mkworld}.icon-button--red{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#ffffff1a;color:#fff}.icon-button--red:hover:not(:disabled){background:linear-gradient(135deg,#ff5e4d,#d0493a)}.icon-button--green{background:linear-gradient(135deg,#27ae60,#1e8449);border-color:#ffffff1a;color:#fff}.icon-button--green:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#229954)}.icon-button--blue{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#ffffff1a;color:#fff}.icon-button--blue:hover:not(:disabled){background:linear-gradient(135deg,#5dade2,#3498db)}.icon-button--yellow{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#0000001a;color:#2c3e50}.icon-button--yellow:hover:not(:disabled){background:linear-gradient(135deg,#f5ab35,#f39c12)}.icon-button--yellow .icon-button__svg,.icon-button--yellow>img,.icon-button--yellow>p{color:#2c3e50;filter:drop-shadow(0 .0625rem .125rem rgba(255,255,255,.3))}.icon-button--purple{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:#ffffff1a;color:#fff}.icon-button--purple:hover:not(:disabled){background:linear-gradient(135deg,#af7ac5,#9b59b6)}.icon-button--orange{background:linear-gradient(135deg,#e67e22,#d35400);border-color:#ffffff1a;color:#fff}.icon-button--orange:hover:not(:disabled){background:linear-gradient(135deg,#f39c12,#e67e22)}.icon-button--gray{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-color:#ffffff1a;color:#fff}.icon-button--gray:hover:not(:disabled){background:linear-gradient(135deg,#a6b4b5,#95a5a6)}.icon-button--dark{background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#ffffff1a;color:#fff}.icon-button--dark:hover:not(:disabled){background:linear-gradient(135deg,#415b76,#34495e)}.icon-button--white{background:linear-gradient(135deg,#fff,#ecf0f1);border-color:#00000026;color:#2c3e50}.icon-button--white:hover:not(:disabled){background:linear-gradient(135deg,#ecf0f1,#bdc3c7)}.icon-button--white .icon-button__svg,.icon-button--white>img,.icon-button--white>span{color:#2c3e50;filter:drop-shadow(0 .0625rem .125rem rgba(255,255,255,.5))}.cup-builder-header{align-items:center;background-color:#222;border-bottom:1px solid #fff;border-top:1px solid #fff;box-sizing:border-box;display:flex;flex-direction:row;height:50px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:60px;width:100%;z-index:100}.cup-builder-header h2{margin:15px 0}@media only screen and (max-width:600px){.cup-builder-header{top:90px}}@media only screen and (max-width:895px){.cup-builder-header{padding:0 10px}.cup-builder-header h2{font-size:1rem;margin:10px 5px}}#small-pop{background-color:#101010;border:1px solid #fff;border-radius:10px;color:#fff!important;height:100px;justify-content:center;left:calc(50vw - 175px);max-width:350px;padding:10px 20px;position:fixed;top:calc(50vh - 50px);z-index:10000}#small-pop,.cup-complete-container{align-items:center;display:flex;flex-direction:column}.cup-complete-container{background-color:#444;padding:20px 15px;text-align:center;width:100%}#cup-container{padding:4px}.cup-complete-container h2{font-size:2em;margin-bottom:20px}.cup-complete-container h3{font-size:1.3em}.cup-complete-container p{font-size:.9em}.cup-complete-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;max-width:600px;width:100%}.cup-complete-buttons button{min-width:180px}@media only screen and (max-width:895px){.cup-complete-container{padding:20px 0}.cup-complete-buttons{align-items:center;flex-direction:column}.cup-complete-buttons button{max-width:300px;width:100%}}.track-modal{background-color:#444;padding-bottom:20px!important}@media only screen and (min-width:601px){.track-modal{margin-top:0}}@media only screen and (max-width:600px){.track-modal{display:block;margin-top:0}}#select-cups{text-align:left}#cup-table{display:flex;flex-direction:row;flex-wrap:wrap;max-width:440px;padding:0}#cup-select{font-size:18px;height:45px;margin-left:10px;padding-left:6px;width:225px}.cupimg{list-style:none;margin:0;padding:0}.cup-emblem,.cup-icon{border-radius:45px;height:70px;margin:0 1px;width:70px}.cup-icon:focus,.cup-icon:hover{box-shadow:0 0 10px 0 var(--select-yellow);cursor:pointer;outline:0}@media only screen and (max-width:895px){.track-modal{padding:0;width:100%}}#main-container{min-height:calc(100vh - 200px);padding:20px}#main-container h1{color:#fff;margin-bottom:20px}#main-container p{color:#fff;font-size:16px;line-height:1.6}.filter-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;padding:20px}.filter-container .MuiOutlinedInput-root{height:45px}.filter-container .MuiAutocomplete-root .MuiOutlinedInput-root{padding-bottom:4px;padding-top:4px}.cup-count{color:#fff;font-size:1em;margin:10px 0;opacity:.9;text-align:center}.pagination-container{display:flex;justify-content:center;margin:30px 0}#found-cup-container{display:flex;flex-direction:column;gap:20px;padding:20px}#found-cup-container h3{color:#fff;font-size:1.8em;margin:0;text-align:center}#found-cup-container .cup-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}#found-cup-container .cup-header h3{margin:0;text-align:left}#found-cup-container .share-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.cup-card,.trackContainer{align-items:center;background:linear-gradient(135deg,#3a4a5c,#424e5e);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cup-card:hover,.trackContainer:focus,.trackContainer:hover{background:linear-gradient(135deg,#455669,#4d5a6b);box-shadow:0 8px 20px #00000059;transform:translateY(-4px)}.cup-preview h3,.trackContainer h5{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;padding:.5rem;text-align:left;transition:background .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cup-card:hover .cup-preview h3,.trackContainer:hover h5{background:linear-gradient(135deg,#3498db,#2980b9)}.cup-card a,.cup-preview{align-items:flex-start;display:flex;flex-direction:column;width:100%}.trackContainer a{color:inherit;text-decoration:none}@media (max-width:768px){#main-container{max-width:100vw;overflow-x:hidden;padding:15px}.filter-container{flex-direction:row;gap:8px;width:100%}.filter-container>*{flex:1 1;min-width:0}.filter-container>:first-child{flex-basis:100%}#found-cup-container{gap:15px;max-width:100vw;padding:15px}#found-cup-container .cup-header{gap:8px}#found-cup-container .share-actions{gap:8px;justify-content:flex-start}}#cup-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin-top:40px;padding:0}#cup-list>li{display:flex;flex-direction:column;gap:10px}@media (max-width:1399px){#cup-list .cup-display-container{zoom:.7}}@media (min-width:1400px) and (max-width:1920px){#cup-list .cup-display-container{zoom:.8}}.cup-actions-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}.trackContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.trackContainer a{align-items:flex-start;display:flex;flex-direction:column;width:100%}.trackContainer h5{border-bottom:none;text-decoration:none}.trackContainer .tracks-background{flex-direction:row!important;flex-wrap:nowrap!important}@media (max-width:600px){.cup-actions-buttons{gap:5px}}@media (min-width:601px) and (max-width:1600px){#cup-list{gap:15px}}@media (min-width:1601px){#cup-list{gap:20px}}.world-app .app-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;padding:20px 0;position:relative}@media (max-width:768px){.world-app .app-container{align-items:center;flex-direction:column;overflow:visible;padding:10px 0}.world-app .cup-container{background:#0000;box-shadow:none;display:block;margin-bottom:0;padding:5px;position:static;width:100%;z-index:50}}@font-face{font-family:mkworld;src:url(/static/media/RacersDelight.61d1ee41591922b4d8f4.otf) format("opentype")}.world-app{display:flex;flex-direction:column;font-family:mkworld,sans-serif;min-height:100vh;overflow:visible}.world-app html,body.world-theme{background-color:#1a1a1a;background-image:url(/static/media/mkworld-background-dark.a84857a55b18ba686b3a.png);background-repeat:repeat}body.world-theme{font-family:mkworld}.world-app h1{margin:0}.world-app h3,.world-app label{text-align:left}.world-app h2{text-align:center}.world-app a,.world-app a:visited{color:#4fc3f7}.world-app #main-container{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:60vh;overflow:visible;padding:10px 20px}.world-app input,.world-app label,.world-app option,.world-app select{font-family:mkworld,sans-serif}@media screen and (max-width:750px){.world-app #main-container{padding:10px 0}}.road-pattern-container{pointer-events:none;position:absolute;transform-origin:0 50%}.road-background-line{animation:growLine .6s ease-in-out;animation:growLine var(--line-animation-duration,.6s) ease-in-out;animation-fill-mode:forwards;background:#222;border-radius:5px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);height:100%;opacity:.85;position:absolute;width:100%;z-index:0}@keyframes growLine{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.road-pattern{animation:growRoad 2s ease-in-out infinite;animation:growRoad var(--animation-duration,2s) ease-in-out infinite;background-repeat:repeat-x;border-radius:5px;height:100%;position:absolute;width:100%;z-index:1}@keyframes growRoad{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.map-container{background:#fffffff2;border-radius:6px;box-shadow:0 2px 10px #0003;height:auto;max-width:95vw;min-width:320px;overflow:hidden;padding:8px;position:relative;width:100%;z-index:0}.map-controls{bottom:1.25%;flex-direction:column;position:absolute;right:1.25%;text-align:center}.map-control-button,.map-controls{align-items:center;display:flex;justify-content:center;padding:0;z-index:5}.map-control-button{background:#fff;border:.1rem solid #ccc;border-radius:.5rem;color:#000;cursor:pointer;font-size:2rem;font-weight:700;height:3rem;line-height:1;margin:.35rem;width:3rem}.map-control-button svg{height:1.8rem;width:1.8rem}.map-control-button:hover{background:#f0f0f0}.map-relative-container{position:relative}.map-image{height:100%;width:100%}.map-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);transition:.15s ease}.map-icon.small{height:8.5%;opacity:.65;width:8.5%;z-index:0}.map-icon.normal{height:10%;opacity:1;width:10%;z-index:2}@media (max-width:768px){.map-container{box-shadow:0 1px 5px #0000001a;left:0;margin:0;max-width:100%;padding:5px;top:0;width:100%;z-index:1}.map-icon.small{height:9%;min-height:32px;min-width:32px;width:9%}.map-icon.normal{height:11%;min-height:36px;min-width:36px;width:11%}}.map-icon img{height:auto;pointer-events:none;width:150%}.cuptrack{align-items:center;aspect-ratio:150/84.61;background:#000;border-radius:9% 9% 8% 12%/15% 13% 16% 12%;display:flex;justify-content:center;margin:0;overflow:hidden;width:100%}.cuptrack p{align-content:center;background-image:url(/static/media/worldchecks.b3efaf0e2d0c9dd93ef6.avif);background-size:15%;border:1.5px solid #aaa;border-radius:inherit;height:100%;width:100%}.cuptrack-dual-container{height:100%;overflow:hidden;position:relative;width:100%}.cuptrack-arrow{color:#fff;font-size:40px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.track-img{object-fit:contain;width:100%}.track-img,.track-img-crop{height:100%;pointer-events:none}.track-img-crop{object-fit:cover;object-position:center;width:50%}@media (max-width:768px){.cuptrack-arrow{font-size:30px}.track-img{width:100%}.track-img-crop{height:100%}.cuptrack p{font-size:.75rem!important}}.track-img-crop.left{border-radius:12% 0 0 15%;object-position:left center}.track-img-crop.right{border-radius:0 15% 12% 0/15% 13% 16% 12%;object-position:right center}.cup{grid-gap:30px;display:grid;gap:30px;justify-content:center;margin:0 auto;max-width:100%;padding:10px}@media (min-width:768px){.cup{grid-template-columns:repeat(4,150px)}}@media (max-width:767px) and (min-width:401px){.cup{gap:5px;grid-template-columns:repeat(4,min(100px,23vw));margin-bottom:0;padding:5px 5px 0}}@media (max-width:400px){.cup{gap:5px;grid-template-columns:repeat(2,min(80px,40vw));margin-bottom:0;padding:5px 5px 0}}.highways-sidebar{background-color:#1a1a1a;border:1px solid #ccc;border-radius:5px;margin-left:20px;max-height:80vh;max-width:100vw;overflow-y:auto;padding:10px;text-align:left;width:400px;z-index:10}.track-list-btn{background:none;border:none;color:#eee;cursor:pointer;font-family:inherit;font-size:inherit;height:100%;margin:0;padding:5px 0;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.track-list-btn.highlighted,.track-list-btn:hover{color:#daa520;font-weight:700}.track-images{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.track-images .cuptrack{height:auto;width:150px}.highways-sidebar ul{list-style:none;padding:0;text-align:left}.highways-sidebar li{cursor:pointer;margin:0;text-align:left}.back-button{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;margin-bottom:5px;padding:4px 6px}.back-button:hover{background:#0056b3}.connection-arrow{font-size:18px;margin:0 10px}@media (max-width:768px){.highways-sidebar{border:1px solid #ccc;border-radius:12px;bottom:10px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;left:50%;margin:0;max-height:min(35vh,250px);max-width:500px;opacity:0;overflow-y:visible;pointer-events:auto;position:fixed;text-align:left;touch-action:auto;transform:translateX(-50%);transition:opacity .25s ease,visibility .25s ease;visibility:hidden;width:calc(100vw - 30px);z-index:1002}.track-list-container{flex:1 1;min-height:0;overflow-y:auto;text-align:left}.highways-sidebar[data-has-selection]{opacity:1;pointer-events:auto;touch-action:auto;visibility:visible}.highways-sidebar *{pointer-events:auto;touch-action:auto}.track-images{align-items:center;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:6px;justify-content:center}.track-images .cuptrack{flex-shrink:0;height:auto;max-width:90px;width:20vw}.connection-arrow{align-self:center;font-size:clamp(14px,4vw,18px);margin:0 5px}.back-button{align-self:flex-start}}#main-container{display:flex;flex-direction:column;width:100%}.track-modal{align-items:center;background-color:#2a2a2a;flex-direction:column;margin-top:0;padding:0;text-align:center}.track-modal,.track-modal .app-container{display:flex;max-width:100%;position:relative;width:100%}.track-modal .app-container{align-items:flex-start;flex-wrap:nowrap;gap:20px;justify-content:center;margin:0 auto;padding:20px;z-index:1}.track-modal .map-container{flex:1 1;max-width:none}.track-modal .highways-sidebar{position:relative;z-index:50}@media (max-width:768px){.track-modal{min-height:100vh;padding:0}.track-modal .app-container{padding:10px}.track-modal .cup-container .cup{gap:10px!important;grid-template-columns:repeat(4,1fr)!important}.track-modal .map-container{flex:none}.track-modal .cup-container{background:#0000;padding:5px;z-index:50}.track-modal .highways-sidebar{z-index:200}.track-modal .app-container{z-index:1}}#main-container{margin:0 auto;max-width:1400px}.filter-container{width:60%}.no-cups{padding:40px 20px;text-align:center}.no-cups a{color:#4fc3f7;font-size:18px;font-weight:700;text-decoration:none}.no-cups a:hover{text-decoration:underline}.cups-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;padding:20px 0}.cups-grid,.cups-grid .cup-card{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cups-grid .cup-card{max-width:440px}.cup-mini{display:flex;justify-content:center;overflow:hidden;width:100%}.cup-mini .cup{gap:10px;grid-template-columns:repeat(4,1fr);max-width:100%}.cup-creator{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;gap:10px;padding:10px 20px;text-decoration:none;transition:background .2s}.cup-creator:hover{background:#fff3}.cup-creator img{height:24px;width:24px}.cup-creator p{font-size:1.1em;margin:0}#found-cup-container{box-sizing:border-box;margin:20px auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}#found-cup-container:hover{background:linear-gradient(135deg,#3a4a5c,#424e5e);box-shadow:none;transform:none;transition:none}@media (max-width:768px){#main-container{max-width:100vw;overflow-x:hidden;padding:15px}.filter-container{flex-direction:row;gap:8px;width:100%}.filter-container>*{flex:1 1;min-width:0}.filter-container>:first-child{flex-basis:100%}.cups-grid{gap:12px;justify-content:center;max-width:100%;padding:15px 0}.cups-grid .cup-card{max-width:520px;width:calc(100vw - 40px)}.cup-card{box-sizing:border-box;max-width:100%;padding:8px}.cup-preview{max-width:100%;overflow:hidden}.cup-preview h3{font-size:1em;margin-bottom:8px}.cup-mini{max-width:100%}.cup-mini .cup{gap:3px!important;grid-template-columns:repeat(4,1fr)!important;max-width:100%;padding:3px!important}#found-cup-container{box-sizing:border-box;cursor:default;max-width:none!important;width:100%}}#form-title{align-items:center;border:1px solid #eee;border-radius:7px;display:flex;flex-direction:column;margin-bottom:20px;padding:10px;width:350px}.auth-label{font-size:20px;font-weight:700;margin-bottom:5px}.auth-label,.auth-note{color:#fff;font-family:var(--ui-font-family)}.auth-note{font-size:16px;margin:2px 0}#form-title>h1{color:#fff;margin:5px;text-align:center}#auth-error{color:red;font-family:var(--ui-font-family);font-size:18px;margin:0 0 10px}#auth-container{align-items:center;background-color:#333;margin:auto;padding:30px;width:50%}#auth-container,.auth-form{display:flex;flex-direction:column}.auth-form{justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#auth-container a,.auth-input{font-family:var(--ui-font-family)}.auth-input{background-color:#555;border:1px solid #777;border-radius:4px;color:#fff;font-size:18px;height:36px;margin-bottom:20px;padding:0 10px;width:350px}.auth-input::placeholder{color:#aaa}@media screen and (max-width:750px){#auth-container{width:100%}}#change-name-input{align-items:center;font-family:var(--ui-font-family);font-size:20px}#change-name-input>p{margin-bottom:10px}#content-container{background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:100%;padding:1.5rem}#name-container{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}#name-container>h1{color:#fff;margin:0;text-shadow:0 2px 4px #0000004d}#profile-container{align-self:baseline;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}#cup-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media (max-width:1399px){#cup-grid .cup-display-container{zoom:.7}}@media (min-width:1400px) and (max-width:1920px){#cup-grid .cup-display-container{zoom:.8}}.cup-card{align-items:flex-start;background:linear-gradient(135deg,#3a4a5c,#424e5e);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:.75rem;max-width:650px;padding:.5rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cup-card:hover{background:linear-gradient(135deg,#455669,#4d5a6b);box-shadow:0 8px 20px #00000059;transform:translateY(-4px)}.cup-link{align-items:center;color:inherit;display:flex;flex-direction:column;gap:.5rem;text-decoration:none}.cup-title{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;margin:0;padding:.5rem;text-align:left;transition:background .2s ease}.cup-card:hover .cup-title{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.mk8dx-font{font-family:mk8dx,sans-serif}.cup-actions{border-top:1px solid #0000001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding-top:.5rem}.cup-actions .icon-button{flex:1 1;justify-content:center;min-width:130px}#pfp-user-cups h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem;margin-top:2rem;text-shadow:0 2px 4px #0000004d}#pfp-user-cups h2:first-child{margin-top:0}@media screen and (max-width:768px){#content-container{padding:1rem}#cup-grid{gap:1rem}.cup-card{padding:.75rem}.cup-actions .icon-button{font-size:.9rem;min-width:100px}}@media screen and (max-width:480px){#name-container{align-items:flex-start}#name-container,.cup-actions{flex-direction:column}.cup-actions .icon-button{width:100%}}.cup-edit-header{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem}.cup-edit-header .cup-title{flex:1 1;margin:0;text-align:left}.cup-edit-header .icon-button{font-size:.85rem;padding:.4rem .6rem}.cup-delete-section{border-top:1px solid #ffffff1a;display:flex;justify-content:center}.danger-zone{background:linear-gradient(135deg,#5c2a2a,#4e2424);border:2px solid #ff64644d;border-radius:12px;font-family:var(--ui-font-family);margin-top:3rem;padding:1.5rem}.danger-zone h2 svg{fill:#ff6b6b;height:auto;margin:0 1rem;vertical-align:middle;width:32px}.danger-zone h2{align-items:center;color:#ff6b6b;display:flex;justify-content:center;margin-top:0}.danger-zone p{color:#fcc;margin-bottom:1rem}.pop-black{align-items:center;background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}#full-screen-pop{background-color:#333;color:#fff;display:flex;flex-direction:column;font-family:var(--ui-font-family);max-width:700px;z-index:10000}.pop-container{position:relative}#pop-header{border-bottom:1px solid #fff;font-size:28px;text-align:center;width:100%}#pop-header h5{align-items:flex-end;display:flex;gap:10px;justify-content:center}h5{margin:15px 0}#pop-header>button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:28px;outline:none;position:absolute;right:6px;top:6px;width:28px}#pop-header svg{fill:#fff;height:auto;width:1.25rem}#pop-header>button:hover{background-color:red}#pop-content{font-size:18px;font-weight:700;padding:0 20px 20px}@media screen and (max-width:700px){#full-screen-pop{width:100%}}#deleteAccountForm{display:flex;flex-direction:column}.error-message{color:#f44;font-size:1rem}#submit{align-self:center;-webkit-appearance:none;appearance:none;height:25px;margin-top:15px;width:350px}
/*# sourceMappingURL=main.d6cfa30b.css.map*/