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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card,.card-inner{position:relative}.card-inner{height:100%;transform-style:preserve-3d;transition:transform .6s;width:100%}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:10px;display:flex;font-size:1em;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:#01c482;color:#fff}.card-back{background:#fff;transform:rotateY(180deg)}.card.matched .card-back{background-color:#fbe64d!important;transition:background-color .3s ease}.card.unmatched .card-back{background-color:#ee8768!important;transition:background-color .3s ease}.card-logo{height:40px;width:40px}.modal-overlay{background-color:#00000080;z-index:2000}.modal-content{background-color:#000;border:2px solid #01c482;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;max-height:90vh;overflow-y:auto;padding:30px;width:90%}.modal-content .logo{height:auto;margin-bottom:20px;padding:20px;width:300px}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-content .logo{margin-bottom:15px;padding:10px;width:200px}.modal-content h2{font-size:1.4rem;margin-bottom:15px}.modal-content h3{font-size:1.1rem}.modal-content p{font-size:.9rem;line-height:1.4}.difficulty-btn{font-size:.9rem;padding:8px 12px}.game-modes-list,.instructions-list{font-size:.75em;padding-left:15px}.speedrun-label{font-size:14px}}.modal-content h2{font-family:groteska,sans-serif;margin-bottom:20px}.difficulty-buttons{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:20px}.difficulty-btn{background:#000;border:1px solid #01c482;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;padding:10px;transition:transform .2s}.difficulty-btn:hover{background:#01c482;color:#000;transform:scale(1.02)}.divider{background:#ccc;border:0;margin:20px 0}.memory-mode{margin-bottom:20px}.memory-grid-selection{margin-top:10px}.daily-results-active .completion-time,.daily-results-active .win-message-container{display:none}.close-button{font-weight:700;transition:transform .2s,background-color .2s}.speedrun-toggle{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.speedrun-toggle input{accent-color:#01c482;cursor:pointer;height:20px;width:20px}.speedrun-label{color:#fff;cursor:pointer;font-family:groteska,sans-serif;font-size:16px}.navbar{align-items:center;border-radius:5px;display:flex;justify-content:space-between;left:10px;padding:15px 20px;position:fixed;right:10px;top:10px;width:calc(100% - 60px);z-index:1000}.navbar-logo img{height:30px}.navbar-icons{align-items:center;display:flex;gap:10px}.navbar-icons svg{fill:#fffbe8;cursor:pointer;filter:invert(100%);height:25px;margin-left:12px}.desktop-logo{display:block}.mobile-logo{display:none}@media (max-width:768px){.navbar{left:5px;padding:10px 15px;right:5px;top:6px;width:calc(100% - 30px)}.navbar-logo img{height:40px}.navbar-icons svg{height:20px;margin-left:8px}@media (max-width:768px){.navbar-icon{height:40px;width:40px}}.desktop-logo{display:none}.mobile-logo{display:block}.navbar-icons svg{height:20px;margin-left:8px}.navbar-icon[alt="Music Muted"],.navbar-icon[alt=Music],.navbar-icon[title="Music Muted"],.navbar-icon[title=Music]{display:none}}@font-face{font-display:swap;font-family:Groteska;font-style:normal;font-weight:200;src:url(/static/media/Groteska-Light.6ae76593c302260d92df.otf) format("opentype")}@font-face{font-display:swap;font-family:Groteska;font-style:normal;font-weight:100;src:url(/static/media/Groteska-Thin.58707153681fdd0a14c6.otf) format("opentype")}@font-face{font-display:swap;font-family:Groteska;font-style:normal;font-weight:300;src:url(/static/media/Groteska-Book.1dfeaab0c971031c476b.otf) format("opentype")}@font-face{font-display:swap;font-family:Groteska;font-style:normal;font-weight:500;src:url(/static/media/Groteska-Medium.0de5285f6d3e3f9ef9ad.otf) format("opentype")}@font-face{font-display:swap;font-family:Sf-Pro-Display;font-style:normal;font-weight:400;src:url(/static/media/SF-Pro-Display-Regular.d1f5e6e16dd4f75c3950.otf) format("opentype")}body{background-color:#000;color:#fffbe8}.App{align-items:center;justify-content:center;padding:20px;text-align:center}.App:before{background-image:url(/static/media/Gridbg.cd10eda4ff9935ab14b0.svg);background-position:50%;background-repeat:repeat;background-size:cover;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:768px){.App,.App:before{overflow:hidden}}.start-game-btn{background:#01c482;border:none;border-radius:75px;color:#000;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.1rem;font-weight:500;margin-top:2rem;padding:20px 80px;transition:transform .2s}.start-game-btn:hover{background:#fffbe8;transform:scale(1.02)}.grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;margin:20px auto}.easy-grid,.medium-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);justify-content:center;margin:auto;max-width:320px;padding:10px}body,html{height:100%;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.App>*{flex:0 1}footer{bottom:-140px;font-family:Groteska,sans-serif;font-size:14px;font-weight:400;padding:10px 0;position:relative;text-align:center;width:100%}@media (max-width:768px){footer{bottom:-135px;font-family:Groteska,sans-serif;font-size:.7em;font-weight:400;padding:10px 0;position:relative;text-align:center;width:100%}}.hard-grid{grid-template-columns:repeat(4,1fr);max-width:450px}.insane-grid{grid-template-columns:repeat(8,1fr);max-width:900px}.insane-insane-grid{grid-template-columns:repeat(10,1fr);max-width:1125px}.memory-grid-4x4{max-width:400px}.memory-grid-4x4,.memory-grid-4x5{grid-template-columns:repeat(4,1fr)}.memory-grid-4x5{max-width:500px}.memory-grid-4x6{max-width:600px}.memory-grid-4x6,.memory-grid-4x7{grid-template-columns:repeat(4,1fr)}.memory-grid-4x7{max-width:700px}.card{cursor:pointer;height:100px;perspective:1000px;width:100px}.card>div{align-items:center;backface-visibility:hidden;border-radius:10px;display:flex;font-size:2em;height:100%;justify-content:center;position:absolute;transition:transform .6s;width:100%}.front{background:#01c482;color:#fffbe8;transform:rotateY(0deg)}.back{background:#fffbe8;transform:rotateY(180deg)}.card.matched .card-back{background-color:#febe00}.card.unmatched .card-back{background-color:#ee8768}.flipped .front{transform:rotateY(180deg)}.flipped .back{transform:rotateY(0deg)}.win-message{animation:celebrate .5s ease-in-out 3;background:#4caf50;border-radius:50px;color:#fffbe8;margin:20px auto;padding:15px 30px}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.win-message{background:#fffbe8;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.play-again-btn{background:#000;border:none;border-radius:75px;color:#01c482;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:1rem;margin-top:0;padding:20px 40px;transition:transform .2s}.play-again-btn:hover{background:#fffbe8;color:#000;transform:scale(1.02)}.completion-time{background:#f0f0f0;border-radius:10px;color:#333;display:none;font-size:1.2rem;margin:20px auto;max-width:400px;padding:10px 20px;text-align:center}.text-red-500{color:#ee8768}.hard-mode-timer{font-family:Groteska,sans-serif;font-size:2rem;font-weight:700;position:absolute;right:-160px;top:377px}.medium-mode-timer{top:366px}.easy-mode-timer,.medium-mode-timer{color:#fffbe8;font-family:Groteska,sans-serif;font-size:2rem;font-weight:700;position:absolute;right:-200px}.easy-mode-timer{top:255px}.memory-mode-timer{font-family:Groteska,sans-serif;position:absolute;right:-190px;top:375px}@media (max-width:768px){.best-time,.easy-mode-timer,.hard-mode-timer,.medium-mode-timer,.memory-mode-timer{font-family:Groteska,sans-serif;font-size:1.5rem}.hard-mode-timer,.memory-mode-timer{font-weight:100}.best-time{left:100px;top:-100px}.hard-mode-timer{left:50px;top:-90px}.memory-mode-timer{right:-82px;top:-140px}.easy-mode-timer{margin:0;right:10px;top:-70px}.medium-mode-timer{right:10px;top:-105px}}.timer h2{align-items:baseline;display:flex;font-size:2.5rem;font-weight:200;justify-content:center;margin:0}.timer-red{color:#ef4444}.best-time,.main-time{font-family:Groteska,sans-serif;font-size:2.4rem;font-weight:400;margin-right:.2rem}.best-time{color:#f0f0f0;left:-3px;margin-top:-25px;opacity:.5;position:relative;top:-112px}.milliseconds{display:inline-block;font-size:.9rem;text-align:right;width:3ch}.ghost-time{font-size:1rem;margin-top:10px;opacity:.5}.time-remaining{color:#fffbe8;font-family:Groteska,sans-serif;font-size:.7rem;font-weight:200;left:0;letter-spacing:.6px;position:absolute;text-align:left;top:-25px}@media (max-width:768px){.main-time{font-size:2.5rem;margin-right:.1rem}.best-time{font-size:1.8rem;font-weight:200;left:0;margin-top:-15px}.milliseconds{font-size:.8rem;width:2.5ch}.ghost-time{font-size:.9rem;margin-top:5px}.time-remaining{color:#fffbe8;font-family:Groteska,sans-serif;font-size:.7rem;font-weight:200;left:135px;letter-spacing:.6px;position:absolute;text-align:left;top:-25px}}.lose-message{background:#ef8667;border-radius:50px;color:#fffbe8;margin:20px auto;padding:15px 30px;text-align:center}.time-adjustment-message{background:#ffeb3b;border-radius:10px;color:#333;font-size:1.2rem;margin:10px auto;max-width:400px;padding:10px 20px;text-align:center}@keyframes shuffle{0%{transform:rotate(0deg)}50%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.grid.shuffling{animation:shuffle .5s ease-in-out}@media (max-width:768px){.easy-grid,.medium-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);margin:0 auto;max-width:90vw;padding:10px}.hard-grid{left:-32px;max-width:300px;position:relative}.hard-grid,.insane-grid{grid-template-columns:repeat(4,1fr)}.insane-grid{max-width:450px}.insane-insane-grid{grid-template-columns:repeat(5,1fr);max-width:562.5px}.memory-grid-4x4,.memory-grid-4x5,.memory-grid-4x6,.memory-grid-4x7{grid-template-columns:repeat(4,1fr);left:-84px;max-width:200px;position:relative}.card{height:85px;width:85px}.card>div{font-size:2.5em}.completion-time,.time-adjustment-message,.win-message{font-size:1rem;max-width:300px}.play-again-btn{font-size:.8rem;margin:0;padding:20px 30px}.main-time{color:#01c482;font-size:2.5rem}.milliseconds{font-size:1rem}.ghost-time{font-size:.8rem}}.logo{height:auto;width:500px}@media (max-width:768px){.logo{width:300px}}.landing-subheader{font-family:Groteska,sans-serif;font-weight:400}@media (max-width:768px){.landing-subheader{font-size:18px}}.modal-overlay{border:#01c482;box-shadow:none;height:100%;outline:none;width:100%}.modal-content{background:#000;border-radius:20px;max-width:500px;position:relative;text-align:center;width:100%}.close-button{font-family:Groteska,sans-serif;font-size:1.2rem;top:20px}.modal-container{align-items:center;background-color:#fffbe8;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:20px}.modal-container h2{color:#333;font-size:1.5rem;margin-bottom:20px}@media (max-width:768px){.modal-content{max-width:70%;padding:30px}.modal-container{padding:15px}.modal-container h2{font-size:1.25rem}.close-button{font-size:1rem;right:16px;top:16px}}.memory-grid-selection{margin-bottom:20px}.memory-grid-selection label{color:#333;font-size:1.1rem}.memory-grid-selection select{background:#000;border:1px solid #01c482;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;margin:20px;padding:10px 193px;transition:transform .2s}.start-memory-game-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fffbe8;cursor:pointer;font-size:1.1rem;padding:10px 20px}.start-memory-game-btn:hover{background-color:#45a049}.memory-mode-btn{background:#000;border:1px solid #01c482;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;padding:10px 192px;transition:transform .2s}@media (max-width:768px){.memory-mode-btn{font-size:.9rem;max-width:300px;padding:10px 50px;width:100%}}.memory-mode-btn:hover{background:#01c482;color:#000;transform:scale(1.02)}.memory-grid-selection{align-items:center;display:flex;flex-direction:column;gap:10px}.memory-grid-btn{background:#000;border:1px solid #01c482;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;padding:10px 193px;transition:transform .2s}@media (max-width:768px){.memory-grid-btn{font-size:1.2rem;max-width:300px;padding:20px 50px;text-align:center;width:100%}}.memory-grid-btn:hover{background:#01c482;color:#000}.game-container{align-items:flex-end;display:flex;justify-content:space-between;position:relative}@media (max-width:768px){.game-container{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;min-height:30vh;position:relative;top:150px}}.win-message-container{background:#01c482;border-radius:40px;box-shadow:0 4px 8px #0000001a;color:#000;left:50%;padding:40px 80px 30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.win-message-container h2{color:#000;font-family:Sf-Pro-Display,sans-serif;font-size:2rem;margin-bottom:30px;margin-top:0}.win-message-container .subheader{margin-bottom:20px}.win-message-container .completion-time{font-family:Groteska,sans-serif;font-size:1rem;margin-bottom:10px}.win-message-container .best-time{font-family:Groteska,sans-serif;font-size:1.2rem;margin-bottom:20px;opacity:.6}.win-message-container .play-again-btn{background:#000;border:none;border-radius:75px;color:#01c482;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:1rem;margin-top:0;padding:20px 60px;transition:transform .2s}.win-message-container .play-again-btn:hover{background:#fffbe8;color:#000;transform:scale(1.02)}.time-container{align-items:center;display:flex;flex-direction:column-reverse;margin-bottom:0;margin-top:10px;text-align:center}.time-label,.time-label-best{color:#0009;font-family:Groteska,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.time-label-best{opacity:.6}.time-value{font-size:3rem}.time-value,.time-value-best{color:#000;font-family:Groteska,sans-serif;font-weight:700;font-weight:400}.time-value-best{font-size:2rem;opacity:.6}.fire-emoji,.loser-emoji{font-size:50px;margin-bottom:0}.h2,.h3{font-family:Groteska,sans-serif}.difficulty-heading{font-family:"Groteska`, sans-serif;"}.instructions-list{font-family:Groteska,sans-serif;font-size:.8em;list-style-type:disc;margin-bottom:15px;padding-left:20px;text-align:center}.instructions-list li{margin-bottom:10px}.game-modes-list,.instructions-list{font-family:Groteska,sans-serif;font-size:.8em;list-style-type:disc;margin-bottom:15px;padding-left:20px;text-align:center}.game-modes-list li{margin-bottom:9px}@media (max-width:768px){.win-message-container{border-radius:20px;max-width:350px;padding:25px;width:80vw}.win-message-container h2{font-family:Sf-Pro-Display,sans-serif;font-size:2rem;margin-bottom:20px}.win-message-container .subheader{font-size:1rem}.win-message-container .best-time,.win-message-container .completion-time{font-size:.9rem}.win-message-container .play-again-btn{border-radius:50px;font-size:1rem;padding:15px 40px}.time-value{font-size:2rem}.time-value-best{font-size:1.5rem}.fire-emoji{font-size:40px}.loser-emoji{font-size:45px}.game-modes-list,.instructions-list{font-family:Groteska,sans-serif;font-size:.8em;padding-left:20px}.instructions-list li{margin-bottom:10px}.instructions-container{font-family:Groteska,sans-serif;margin:0 auto;max-width:400px;text-align:center}.game-modes-list,.instructions-list{list-style-type:disc;margin-bottom:15px;padding-left:0}.game-modes-list{list-style-type:none}.game-modes-list li{margin-bottom:9px}}.lose-message-container{background:#ef8667;border-radius:40px;box-shadow:0 4px 8px #0000001a;color:#000;left:50%;padding:40px 80px 30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.lose-message-container h2{color:#000;font-family:Sf-Pro-Display,sans-serif;font-size:3rem;margin-bottom:15px;margin-top:0}.lose-message-container .subheader{margin-bottom:20px}.lose-message-container .completion-time{font-family:Groteska,sans-serif;font-size:1rem;margin-bottom:10px}.lose-message-container .best-time{font-family:Groteska,sans-serif;font-size:1.2rem;margin-bottom:20px;opacity:.6}.lose-message-container .try-again-btn{background:#000;border:none;border-radius:75px;color:#01c482;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:1rem;margin-top:1rem;padding:20px 60px;transition:transform .2s}.lose-message-container .try-again-btn:hover{background:#fffbe8;color:#f44336;transform:scale(1.02)}@media (max-width:768px){.lose-message-container{border-radius:20px;max-width:350px;padding:40px 25px;width:65vw}.lose-message-container h2{font-family:Sf-Pro-Display,sans-serif;font-size:2.5rem;font-weight:200;margin-bottom:0}.lose-message-container .subheader{font-size:1rem}.lose-message-container .best-time,.lose-message-container .completion-time{font-size:.9rem}.lose-message-container .try-again-btn{border-radius:50px;font-size:.8rem;padding:20px 50px}}.daily-challenge-btn{background:#febe00;border:1px solid #febe00;border-radius:5px;color:#000;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;margin-bottom:10px;padding:10px 192px;transition:transform .2s}.daily-challenge-btn:hover{background:#000;color:#fff;transform:scale(1.02)}@media (max-width:768px){.daily-challenge-btn{font-size:.9rem;max-width:300px;padding:10px 50px;width:100%}}.daily-results-container{background:#febe00;border-radius:40px;box-shadow:0 4px 8px #0000001a;color:#000;left:50%;padding:40px 80px 30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.daily-results-container h2{color:#000;font-family:Sf-Pro-Display,sans-serif;font-size:2rem;margin-bottom:30px;margin-top:0}.time-value-moves,.time-value-streak{color:#000;font-family:Groteska,sans-serif;font-size:2rem;font-weight:700;font-weight:400}@media (max-width:768px){.daily-results-container{border-radius:20px;max-width:300px;padding:20px;width:100vw}.daily-results-container h2{font-size:1.8rem;margin-bottom:20px}.time-value-moves,.time-value-streak{font-size:2rem}}.divider{background-color:#01c482;border:none;height:1px;margin:15px 0;opacity:.5}.move-counter{font-family:Groteska,sans-serif;position:absolute;right:-150px;top:315px}@media (max-width:768px){.move-counter{left:15px;top:-155px}}.daily-results-container .subheader{align-items:flex-start;display:flex;flex-direction:row;gap:60px;justify-content:center;margin-bottom:20px}@media (max-width:480px){.daily-results-container .subheader{flex-direction:row;flex-wrap:wrap;gap:15px}.daily-results-container .time-container{min-width:80px}}.daily-results-container .time-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.daily-results-container .time-label{color:#0009;font-family:Groteska,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.daily-results-container .time-value,.daily-results-container .time-value-moves{color:#000;font-family:Groteska,sans-serif;font-size:2rem;font-weight:700;font-weight:400}@media (max-width:600px){.daily-results-container .time-value,.daily-results-container .time-value-moves{color:#000;font-family:Groteska,sans-serif;font-size:2rem;font-weight:400;line-height:1.3;text-align:center}}.time-value-streak{color:#000;font-family:Groteska,sans-serif;font-size:2rem;font-weight:700;font-weight:400}.streak-container{font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:20px;margin-top:15px}.streak-value{align-items:center;background-color:#0000001a;border-radius:20px;display:inline-flex;justify-content:center;padding:8px 16px}@media (max-width:768px){.time-value-streak{font-size:2rem}.streak-container{font-size:1rem}}.reset-daily-btn{background:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:.9rem;font-weight:400;margin-top:20px;padding:10px 20px}.reset-daily-btn:hover{background:#f33}.button-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:2rem}.stats-nav-button{align-items:center;background:#febe00;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:transform .2s}.stats-nav-button:hover{background:#ffca3a;transform:scale(1.1)}.stats-page-container{margin:0 auto;max-width:1000px;padding:20px;width:100%}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.stats-header h1{color:#fffbe8;font-family:Groteska,sans-serif;font-size:24px;font-weight:700}@media (max-width:768px){.stats-page-container{padding:15px}.stats-header{align-items:flex-start;flex-direction:column;gap:15px}}.share-btn{background:#000;border:0;border-radius:75px;color:#febe00;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin:0 5px 1rem;padding:20px 40px;transition:transform .2s}@media (max-width:768px){.share-btn{font-size:.8rem;margin-top:10px;padding:20px 34px}}.share-btn:hover{background:#fffbe8;color:#000;opacity:1;transform:scale(1.02)}.App{position:relative}.share-panel{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.share-panel:before{background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.completion-time .share-panel-inline,.daily-results-container .share-panel-inline,.lose-message-container .share-panel-inline,.win-message-container .share-panel-inline{animation:slideDown .3s ease-out;margin-top:-5px;max-width:100%}.share-btn.active{background:#000;color:#01c482}@media (max-width:768px){.share-panel-inline{padding:12px}.social-icons{gap:8px;justify-content:center}.social-icon{width:48px}.icon-circle{height:32px;width:32px}.social-icon span{font-size:9px}}p a{color:#fffbe8;text-decoration:underline}p a:hover{color:#01c482}.signup-link-container{margin-top:20px;text-align:center}.signup-link{background:none;border:none;color:#fffbe8;cursor:pointer;font-family:Groteska,sans-serif;font-size:.8rem;padding:0;text-decoration:underline;transition:color .2s}.signup-link:hover{color:#01c482}@media (max-width:768px){.signup-link{font-size:.7rem}}.daily-results-container .close-button{display:none}.footer-text{color:#fffbe8;font-family:groteska,sans-serif;font-size:14px;margin-top:20px}@media (max-width:768px){.footer-text{font-size:.7rem}}.daily-challenge-best-time{color:#fff;font-weight:700;left:2px;position:relative;text-shadow:0 0 5px #ffd70080;top:0}.pause-modal-container{align-items:center;background-color:#000;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:20px}.pause-modal-container h2{color:#fffbe8;font-family:Groteska,sans-serif;font-size:1.5rem;margin-bottom:20px}.pause-buttons{display:flex;flex-direction:column;gap:15px;width:100%}.pause-btn{background:#000;border:1px solid #01c482;border-radius:5px;color:#fff;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:400;padding:15px 30px;transition:transform .2s,background-color .2s}.pause-btn:hover{background:#01c482;color:#000;transform:scale(1.02)}@media (max-width:768px){.pause-modal-container{padding:15px}.pause-modal-container h2{font-size:1.25rem}.pause-btn{font-size:.9rem;padding:12px 20px}}.leaderboard-container{margin:0 auto;max-width:500px;padding:20px;text-align:center}.leaderboard-entry,.leaderboard-header{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:50px 1fr 100px;padding:10px}.leaderboard-header{border-bottom:1px solid #ddd;font-weight:700}.leaderboard-entry:nth-child(odd){background-color:#141414}.submit-form{display:flex;gap:10px;margin-top:20px}.submit-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.leaderboard-btn{background-color:#4a6fa5;color:#fff;margin:10px auto}.leaderboard-btn:hover{background-color:#3a5a8a}.error{color:#e74c3c}.success{color:#2ecc71}.leaderboard-modal{border-radius:10px;margin:0 auto;max-width:400px}.leaderboard-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 15px}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.leaderboard-modal{background:#fff;border-radius:8px;padding:20px}.leaderboard-list{margin:20px 0}.leaderboard-entry{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.leaderboard-modal{background:#000;border:1px solid #01c482;border-radius:20px;color:#fffbe8;font-family:Groteska,sans-serif;max-height:80vh;max-width:500px;overflow:auto;padding:30px;position:relative;width:90%}.leaderboard-modal h2{color:#01c482;font-family:Sf-Pro-Display,sans-serif;font-size:2rem;margin-bottom:25px;text-align:center}.error-text,.loading-text,.no-scores-text,.score-submitted-text{font-family:Groteska,sans-serif;margin:20px 0;text-align:center}.error-text{color:#ef8667}.score-submitted-text{color:#01c482;font-weight:500}.leaderboard-content{margin-bottom:25px}.leaderboard-header{grid-gap:10px;border-bottom:1px solid #01c482;color:#fffbe8b3;display:grid;font-size:.8rem;font-weight:500;gap:10px;grid-template-columns:60px 1fr 100px;letter-spacing:1px;padding:10px 5px;text-transform:uppercase}.leaderboard-entries{max-height:300px;overflow-y:auto}.leaderboard-entry{grid-gap:10px;align-items:center;border-bottom:1px solid #01c48233;display:grid;gap:10px;grid-template-columns:60px 1fr 100px;padding:12px 5px}.entry-rank{color:#febe00}.entry-name{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.entry-time{font-family:Groteska,sans-serif;font-weight:400;text-align:right}.entry-time-ms{font-size:.8rem;opacity:.8}.score-submit-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.player-name-input{background-color:#fffbe81a;border:1px solid #01c482;border-radius:5px;color:#fffbe8;font-family:Groteska,sans-serif;padding:12px;width:95%}.player-name-input::placeholder{color:#fffbe880}.submit-score-btn{background-color:#01c482;border:none;border-radius:75px;color:#000;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:500;padding:15px;transition:transform .2s;width:100%}.submit-score-btn:hover{background:#fffbe8;transform:scale(1.02)}.close-leaderboard-btn{background:#000;border:1px solid #ef8667;border-radius:75px;color:#ef8667;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:500;padding:15px;transition:transform .2s;width:100%}.close-leaderboard-btn:hover{background:#ef8667;color:#000;transform:scale(1.02)}.leaderboard-btn{background:#000;border:none;border-radius:75px;color:#01c482;cursor:pointer;font-family:Groteska,sans-serif;font-size:1.2rem;font-weight:500;margin:0 5px 1rem;padding:20px 40px;transition:transform .2s}.leaderboard-btn:hover{background:#fffbe8;color:#000;transform:scale(1.02)}@media (max-width:768px){.leaderboard-modal{padding:20px;width:85%}.leaderboard-modal h2{font-size:1.8rem;margin-bottom:20px}.leaderboard-header{font-size:.7rem;grid-template-columns:40px 1fr 80px}.leaderboard-entry{grid-template-columns:40px 1fr 80px;padding:10px 5px}.entry-time{font-size:.9rem}.entry-time-ms{font-size:.7rem}.close-leaderboard-btn,.submit-score-btn{font-size:.9rem;padding:12px}.leaderboard-btn{font-size:.8rem;padding:15px 30px}}.entry-rank-top{color:#febe00;font-weight:500}.entry-rank-normal{color:#fffbe8b3;font-weight:500}.entry-rank{font-weight:500}.difficulty-badge{border-radius:10px;font-size:.7em;margin-left:8px;padding:3px 6px}.difficulty-badge.easy{background:#4caf50;color:#fff}.difficulty-badge.medium{background:#ffc107;color:#000}.difficulty-badge.hard{background:#f44336;color:#fff}.difficulty-badge:hover{transform:scale(1.1)}.difficulty-badge.active{box-shadow:0 0 0 2px #fffbe8;transform:scale(1.1)}.active-filter{align-items:center;background:#01c48233;border-radius:8px;color:#fffbe8;display:flex;justify-content:space-between;margin:10px 0;padding:8px 12px}.active-filter button{background:none;border:none;color:#01c482;cursor:pointer;font-size:.8rem;text-decoration:underline}.active-filter button:hover{color:#fffbe8}.filter-options{display:flex;flex-direction:column;gap:10px;margin:15px 0}.filter-label{color:#fffbe8b3;font-size:.9rem;margin-bottom:5px;text-align:center}.filter-buttons{flex-wrap:wrap;gap:10px;justify-content:center}.filter-btn{border:none;border-radius:30px;cursor:pointer;font-family:Groteska,sans-serif;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s}.filter-btn.active,.filter-btn:hover{transform:scale(1.05)}.filter-btn.active{box-shadow:0 0 0 2px #01c482}.filter-btn.easy{background:#4caf50;color:#fff}.filter-btn.medium{background:#ffc107;color:#000}.filter-btn.hard{background:#f44336;color:#fff}.filter-btn.clear{background:#fffbe833;color:#fffbe8}@media (max-width:768px){.filter-options{margin:10px 0}.filter-buttons{gap:6px}.filter-btn{font-size:.7rem;padding:4px 10px}}@media (max-width:600px){.leaderboard-entry{font-size:.9em}.difficulty-badge{font-size:.6em;padding:1px 4px}}.load-more-btn{background:#01c48233;border:none;border-radius:20px;color:#01c482;cursor:pointer;display:block;font-family:Groteska,sans-serif;font-size:.9rem;margin:15px auto;padding:8px 16px;transition:all .2s}.load-more-btn:hover{background:#01c48266;transform:scale(1.05)}@media (max-width:768px){.load-more-btn{font-size:.8rem;padding:6px 12px}}.daily-entry,.daily-header{grid-template-columns:60px 1fr 80px 100px!important}.entry-moves{font-family:Groteska,sans-serif;font-weight:400;text-align:center}@media (max-width:768px){.daily-header{font-size:.7rem}.daily-entry,.daily-header{grid-template-columns:40px 1fr 60px 80px!important}.daily-entry{padding:10px 5px}.entry-moves{font-size:.9rem}}.reaction-text{animation:popFade 1.2s ease-out;color:#ffe577;font-size:2.5rem;text-shadow:0 0 12px #ffffff4d}.reaction-text,.reaction-text-speed{font-family:groteska,sans-serif;font-weight:900;pointer-events:none;position:absolute;text-align:center;top:10%;width:100%;z-index:2000}.reaction-text-speed{animation:slideInFade 1s ease-out;color:#0f8;font-size:2.2rem;text-shadow:0 0 15px #00ff8880}.reaction-text-combo{animation:flashPop 1.1s ease-out;color:#ff6b35;font-size:2.8rem;text-shadow:0 0 20px #ff6b35b3;top:15%}.reaction-text-combo,.reaction-text-fire{font-family:groteska,sans-serif;font-weight:900;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:2000}.reaction-text-fire{animation:flameRipple 1.3s ease-out;color:#ff4500;font-size:3rem;text-shadow:0 0 25px #ff4500cc;top:12%}.reaction-text-final{animation:centerFade 1.5s ease-out;color:gold;font-size:3.5rem;left:50%;text-shadow:0 0 30px #ffd700e6;top:50%;transform:translate(-50%,-50%)}.reaction-text-final,.reaction-text-wrong{font-family:groteska,sans-serif;font-weight:900;pointer-events:none;position:absolute;z-index:2000}.reaction-text-wrong{animation:shakeRed .9s ease-out;color:#f44;font-size:2.2rem;text-align:center;text-shadow:0 0 15px #f449;top:10%;width:100%}@media (max-width:768px){.reaction-text,.reaction-text-combo,.reaction-text-speed,.reaction-text-wrong{font-size:2rem;top:15%}.reaction-text-fire{font-size:2.5rem;top:15%}.reaction-text-final{font-size:2.8rem}.reaction-banner-img{max-width:200px;top:15%}}@font-face{font-family:Groteska;font-style:normal;font-weight:200;src:url(/static/media/Groteska-Light.6ae76593c302260d92df.otf) format("opentype")}@font-face{font-family:Groteska;font-style:normal;font-weight:100;src:url(/static/media/Groteska-Thin.58707153681fdd0a14c6.otf) format("opentype")}@font-face{font-family:Groteska;font-style:normal;font-weight:300;src:url(/static/media/Groteska-Book.1dfeaab0c971031c476b.otf) format("opentype")}@font-face{font-family:Groteska;font-style:normal;font-weight:500;src:url(/static/media/Groteska-Medium.0de5285f6d3e3f9ef9ad.otf) format("opentype")}.share-panel-inline{animation:slideDown .3s ease-out;background-color:#000;border:1px solid #fff3;border-radius:12px;font-family:Groteska,sans-serif;left:-25px;margin-top:16px;padding:16px;position:relative;width:100%}@media (max-width:600px){.share-panel-inline{border-radius:8px;font-size:14px;left:-13px;margin-top:12px;max-width:none;padding:12px;position:relative;width:40vh}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.share-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.share-panel-header h3{color:#fff;font-family:Groteska,sans-serif;font-size:16px;font-weight:600;margin:0}.close-button{background:none;color:#000;display:none;font-size:20px;opacity:.7;transition:opacity .2s}.close-button:hover{opacity:1}.share-link-section,.share-to-section{margin-bottom:16px}.share-link-container{background-color:#0003;border:1px solid #ffffff4d;border-radius:8px;display:flex;overflow:hidden}.share-link-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Groteska,sans-serif;font-family:inherit;font-size:14px;line-height:1.4;min-height:80px;outline:none;padding:8px 12px;resize:none}.copy-button{align-items:center;align-self:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 12px}.social-icons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:12px}.social-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;transition:transform .2s;width:60px}.social-icon:hover{transform:scale(1.05)}.icon-circle{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:6px;width:40px}.social-icon span{color:#fff;font-size:11px;opacity:.8}@media (max-width:768px){.social-icons{gap:20px;justify-content:center;margin-top:10px}.social-icon{width:40px}.icon-circle{height:36px;width:36px}.social-icon span{font-size:10px}}.mailchimp-container{color:#fffbe8;font-family:Groteska,sans-serif;text-align:center}.mailchimp-header{margin-bottom:20px}.mailchimp-header h2{font-family:Groteska,sans-serif;font-size:2rem;margin-bottom:10px}.mailchimp-header p{font-size:1rem;opacity:.8}.mailchimp-footer{font-size:.8rem;margin-top:15px;opacity:.7}#mc_embed_signup{background:#0000!important;clear:left;font-family:Groteska,sans-serif!important;margin:0 auto;max-width:500px;width:100%}#mc_embed_signup .indicates-required{color:#fffbe8;font-size:.8rem;margin-bottom:10px;margin-right:4%;opacity:.7;text-align:right}#mc_embed_signup .asterisk{color:#01c482;font-size:1.2em}#mc_embed_signup .mc-field-group{min-height:50px;padding-bottom:3%;width:96%}#mc_embed_signup .mc-field-group label{color:#fffbe8;display:block;font-size:.9rem;margin-bottom:5px;text-align:left}#mc_embed_signup .mc-field-group input{background-color:#0000004d;border:1px solid #fffbe84d;border-radius:8px;color:#fffbe8;display:block;font-family:Groteska,sans-serif;font-size:1rem;padding:12px;width:100%}#mc_embed_signup .mc-field-group input:focus{border-color:#01c482;outline:none}#mc_embed_signup .button{background-color:#01c482;border:none;border-radius:75px;color:#000;cursor:pointer;font-family:Groteska,sans-serif;font-size:1rem;font-weight:500;margin-top:10px;padding:0 50px;transition:transform .2s}#mc_embed_signup .button:hover{background-color:#fffbe8;transform:scale(1.02)}#mc_embed_signup div.response{color:#fffbe8;float:left;font-weight:700;margin:1em 0;padding:1em;top:-1.5em;width:80%;z-index:1}#mc_embed_signup #mce-error-response{background-color:#ef866733;border-radius:8px}#mc_embed_signup #mce-success-response{background-color:#01c48233;border-radius:8px}@media (max-width:768px){.mailchimp-header h2{font-size:1.5rem}.mailchimp-header p{font-size:.9rem}#mc_embed_signup .button{font-size:.9rem;padding:0 30px}}.close-button{align-items:center;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:15px;top:10px;transition:transform 0 2s,background-color .2s;width:30px;z-index:5000}@media (max-width:480px){.close-button{font-size:12px;height:26px;right:10px;top:2VH;width:26px}}.close-button:hover{background:#fff;color:#000;transform:scale(1.1)}.reaction-banner{font-family:groteska,sans-serif;font-size:2.5rem;font-weight:900;left:50%;opacity:0;pointer-events:none;position:fixed;text-align:center;top:10%;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:2000}.reaction-banner.default-animation{animation:popFade 1.2s ease-out forwards;color:#ffe577;opacity:1;text-shadow:0 0 12px #ffffff4d}.reaction-banner.speed-animation{animation:slideInFade 1s ease-out forwards;color:#0f8;opacity:1;text-shadow:0 0 15px #00ff8880}.reaction-banner.combo-animation{animation:flashPop 1.1s ease-out forwards;color:#ff6b35;font-size:2.8rem;opacity:1;text-shadow:0 0 20px #ff6b35b3;top:15%}.reaction-banner.fire-animation{animation:flameRipple 1.3s ease-out forwards;color:#ff4500;font-size:3rem;opacity:1;text-shadow:0 0 25px #ff4500cc;top:12%}.reaction-banner.final-animation{animation:centerFade 1.5s ease-out forwards;color:gold;font-size:3.5rem;left:50%;opacity:1;text-shadow:0 0 30px #ffd700e6;top:50%;transform:translate(-50%,-50%)}.reaction-banner.wrong-animation{animation:shakeRed .9s ease-out forwards;color:#f44;font-size:2.2rem;opacity:1;text-shadow:0 0 15px #f449}@keyframes popFade{0%{opacity:0;transform:translateX(-50%) scale(.6)}20%{opacity:1;transform:translateX(-50%) scale(1.1)}to{opacity:0;transform:translateX(-50%) scale(1)}}@keyframes slideInFade{0%{opacity:0;transform:translateX(-50%) translateY(-50px)}30%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(10px)}}@keyframes flashPop{0%{filter:brightness(1);opacity:0;transform:translateX(-50%) scale(.5)}15%{filter:brightness(2);opacity:1;transform:translateX(-50%) scale(1.2)}30%{filter:brightness(1);transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(1.1)}}@keyframes flameRipple{0%{filter:hue-rotate(0deg);opacity:0;transform:translateX(-50%) scale(.8)}20%{filter:hue-rotate(10deg);opacity:1;transform:translateX(-50%) scale(1.1)}40%{filter:hue-rotate(-10deg);transform:translateX(-50%) scale(1)}60%{filter:hue-rotate(5deg);transform:translateX(-50%) scale(1.05)}to{filter:hue-rotate(0deg);opacity:0;transform:translateX(-50%) scale(1)}}@keyframes centerFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes shakeRed{0%{opacity:0;transform:translateX(-50%) translateX(0)}15%{opacity:1;transform:translateX(-50%) translateX(-10px)}30%{transform:translateX(-50%) translateX(10px)}45%{transform:translateX(-50%) translateX(-5px)}60%{transform:translateX(-50%) translateX(5px)}75%{transform:translateX(-50%) translateX(0)}to{opacity:0;transform:translateX(-50%) translateX(0)}}@media (max-width:768px){.reaction-banner{font-size:2rem;top:15%}.reaction-banner.combo-animation{font-size:2.4rem}.reaction-banner.fire-animation{font-size:2.5rem}.reaction-banner.final-animation{font-size:2.8rem}}:root{--primary-blue:#3b82f6;--primary-dark:#1e40af;--primary-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-green:#10b981;--success-light:#d1fae5;--warning-yellow:#f59e0b;--warning-light:#fef3c7;--danger-red:#ef4444;--danger-light:#fee2e2;--info-blue:#06b6d4;--info-light:#cffafe;--chart-1:#3b82f6;--chart-2:#8b5cf6;--chart-3:#ec4899;--chart-4:#f59e0b;--chart-5:#10b981;--chart-6:#06b6d4;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-lg:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-xl:0 10px 15px #0000001a,0 4px 6px #0000000d;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.time-range-selector{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.time-range-main{align-items:center;color:var(--gray-600);display:flex;gap:var(--spacing-sm)}.time-range-dropdown{position:relative}.time-range-button{align-items:center;background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.time-range-button:hover{background:var(--gray-100);border-color:var(--primary-blue)}.time-range-menu{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:200px;padding:var(--spacing-xs);position:absolute;top:calc(100% + var(--spacing-xs));z-index:var(--z-dropdown)}.time-range-option{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:block;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:var(--transition-fast);width:100%}.time-range-option:hover{background:var(--gray-100);color:var(--gray-900)}.time-range-option.active{background:var(--primary-light);color:var(--primary-dark);font-weight:var(--font-medium)}.time-range-comparison{align-items:center;border-left:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);padding-left:var(--spacing-lg)}.comparison-toggle{align-items:center;color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.comparison-toggle input[type=checkbox]{accent-color:var(--primary-blue);cursor:pointer;height:16px;width:16px}.comparison-type-select{background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.comparison-type-select:focus,.comparison-type-select:hover{border-color:var(--primary-blue)}.comparison-type-select:focus{box-shadow:0 0 0 3px var(--primary-light);outline:none}@media (max-width:768px){.time-range-comparison,.time-range-selector{align-items:stretch;flex-direction:column}.time-range-comparison{border-left:none;border-top:1px solid var(--gray-200);padding-left:0;padding-top:var(--spacing-md)}.comparison-toggle{justify-content:space-between}}.stats-overview{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.overview-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.overview-header h2{color:var(--gray-900);font-size:var(--text-2xl);margin:0}.overview-header h2,.section-title{font-family:var(--font-body);font-weight:var(--font-semibold)}.section-title{color:var(--gray-700);font-size:var(--text-lg);margin:var(--spacing-xl) 0 var(--spacing-md) 0}.section-title:first-of-type{margin-top:0}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:var(--transition-fast)}.stat-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-header{gap:var(--spacing-sm)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-blue);height:40px;justify-content:center;width:40px}.stat-icon svg{height:20px;width:20px}.stat-content{flex:1 1}.stat-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-label,.stat-value{font-family:var(--font-body);margin-bottom:var(--spacing-xs)}.stat-value{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:1}.stat-trend{align-items:center;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-xs)}.stat-trend.positive{color:var(--success-green)}.stat-trend.negative{color:var(--danger-red)}.stat-trend.neutral{color:var(--gray-500)}.stat-trend svg{height:16px;width:16px}.stat-subtext{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-xs)}.stat-subtext .trend{font-weight:var(--font-semibold);margin-right:var(--spacing-xs)}.stat-subtext .trend.positive{color:var(--success)}.stat-subtext .trend.negative{color:var(--danger)}.metric-card{align-items:flex-start;border-radius:var(--radius-md);gap:var(--spacing-md)}.metric-card:hover{transform:translateY(-1px)}.metric-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon svg{height:24px;width:24px}.metric-content{flex:1 1}.metric-label{margin-bottom:var(--spacing-xs)}.metric-value{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.metric-change{align-items:center;border-radius:12px;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:4px;padding:2px 8px}.metric-change.increase{background:var(--success-light);color:var(--success-green)}.metric-change.decrease{background:var(--danger-light);color:var(--danger-red)}.metric-change.stable{background:var(--gray-100);color:var(--gray-600)}@media (max-width:1024px){.stats-overview{padding:var(--spacing-lg)}.overview-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-overview{padding:var(--spacing-md)}.overview-header h2{font-size:var(--text-xl)}.section-title{font-size:var(--text-base)}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--text-2xl)}}@media (max-width:480px){.stats-overview{padding:var(--spacing-sm)}.stats-overview h2{font-size:var(--text-lg);margin-bottom:var(--spacing-md)}.stat-card{padding:var(--spacing-sm)}.stat-icon{height:32px;width:32px}.stat-icon svg{height:16px;width:16px}.stat-value{font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs)}}.user-growth-chart{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.user-growth-chart.full-size{padding:var(--spacing-2xl)}.chart-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-header,.trend-indicator{align-items:center;display:flex}.trend-indicator{gap:var(--spacing-xs)}.trend-indicator .positive{color:var(--success)}.trend-indicator .negative,.trend-indicator .positive{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-semibold)}.trend-indicator .negative{color:var(--danger)}.trend-label{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-xs)}.growth-stats{grid-gap:var(--spacing-lg);border-top:2px solid var(--gray-200);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.growth-stat{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast)}.growth-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.growth-stat .stat-value{color:var(--primary-blue);font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.growth-stat .stat-label{color:var(--gray-600);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width:1024px){.user-growth-chart{padding:var(--spacing-lg)}.growth-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-growth-chart{padding:var(--spacing-md)}.chart-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.growth-stats{gap:var(--spacing-md);grid-template-columns:1fr}.growth-stat{padding:var(--spacing-md)}.growth-stat .stat-value{font-size:var(--text-2xl)}}.game-engagement-chart{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.game-engagement-chart.full-size{padding:var(--spacing-2xl)}.game-engagement-chart .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.chart-header h3{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.engagement-metrics{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.metric{text-align:center}.metric-value{color:var(--primary-blue);font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.metric-label,.metric-value{font-family:var(--font-body)}.metric-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.charts-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-section h4{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.engagement-breakdown{border-top:2px solid var(--gray-200);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.engagement-breakdown h4{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg) 0}.breakdown-table{background:#fff;border:1px solid var(--gray-200);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.breakdown-table td,.breakdown-table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md);text-align:left}.breakdown-table th{background:var(--gray-50);color:var(--gray-700);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.breakdown-table td{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-sm)}.breakdown-table tbody tr:hover{background:var(--gray-50)}.color-dot{border-radius:50%;display:inline-block;height:12px;margin-right:var(--spacing-xs);width:12px}@media (max-width:1024px){.game-engagement-chart{padding:var(--spacing-lg)}.charts-container{grid-template-columns:1fr}}@media (max-width:768px){.game-engagement-chart{padding:var(--spacing-md)}.engagement-metrics{flex-direction:column;gap:var(--spacing-md)}.breakdown-table td,.breakdown-table th{font-size:var(--text-xs);padding:var(--spacing-xs)}}.leaderboard-health{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.health-overview h3{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.health-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-2xl)}.health-stat{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast)}.health-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.health-stat .stat-value{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.health-stat .stat-value.success{color:var(--success)}.health-stat .stat-value.warning{color:var(--warning)}.health-stat .stat-label{color:var(--gray-600);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium)}.recent-games-section,.top-players-section{margin-top:var(--spacing-2xl)}.recent-games-section h4,.top-players-section h4{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.filter-buttons{display:flex;gap:var(--spacing-xs)}.filter-buttons button{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.filter-buttons button:hover{background:var(--gray-50);border-color:var(--gray-400)}.filter-buttons button.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.players-table,.recent-games-table{background:#fff;border:1px solid var(--gray-200);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.players-table td,.players-table th,.recent-games-table td,.recent-games-table th{border-bottom:1px solid var(--gray-200);padding:var(--spacing-md);text-align:left}.players-table th,.recent-games-table th{background:var(--gray-50);color:var(--gray-700);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.players-table td,.recent-games-table td{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-sm)}.players-table tbody tr:hover,.recent-games-table tbody tr:hover{background:var(--gray-50)}.rank{color:var(--primary-blue);font-weight:var(--font-semibold)}.player-name{align-items:center;display:flex;font-weight:var(--font-medium);gap:var(--spacing-xs)}.profane-row{background:var(--warning-light)}.profane-row:hover{background:#fef3c7!important}.profane-badge{align-items:center;color:var(--warning);display:inline-flex}.timestamp{color:var(--gray-500);font-size:var(--text-xs)}@media (max-width:1024px){.leaderboard-health{padding:var(--spacing-lg)}.health-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.health-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.leaderboard-health{padding:var(--spacing-md)}.health-stats{gap:var(--spacing-md);grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.filter-buttons{width:100%}.filter-buttons button{flex:1 1;padding:var(--spacing-xs) var(--spacing-sm)}.filter-buttons button,.players-table,.recent-games-table{font-size:var(--text-xs)}.players-table td,.players-table th,.recent-games-table td,.recent-games-table th{padding:var(--spacing-xs)}.players-table td:nth-child(4),.players-table th:nth-child(4),.recent-games-table td:nth-child(5),.recent-games-table th:nth-child(5){display:none}}@media (max-width:480px){.health-stat .stat-value{font-size:var(--text-2xl)}.health-stat .stat-label{font-size:var(--text-xs)}.players-table td:nth-child(6),.players-table th:nth-child(6),.recent-games-table td:nth-child(4),.recent-games-table th:nth-child(4){display:none}}.metric-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--spacing-lg);transition:var(--transition-fast)}.metric-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-card-icon{align-items:center;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-card-title-section{flex:1 1}.metric-card-title{color:var(--gray-600);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.metric-card-subtitle{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-xs);margin:var(--spacing-xs) 0 0 0}.metric-card-body{align-items:baseline;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.metric-card-value{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1}.metric-card-trend{align-items:center;border-radius:12px;display:inline-flex;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;padding:4px 8px}.metric-card-trend.increase{background:var(--success-light);color:var(--success-green)}.metric-card-trend.decrease{background:var(--danger-light);color:var(--danger-red)}.metric-card-trend.stable{background:var(--gray-100);color:var(--gray-600)}.metric-card-footer{border-top:1px solid var(--gray-100);padding-top:var(--spacing-sm)}.metric-card-comparison{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-xs)}.metric-card.compact{padding:var(--spacing-md)}.metric-card.compact .metric-card-value{font-size:var(--text-2xl)}.metric-card.compact .metric-card-icon{height:40px;width:40px}@media (max-width:768px){.metric-card-value{font-size:var(--text-2xl)}.metric-card-icon{height:40px;width:40px}}.data-table-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.data-table-title{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.data-table-controls{align-items:center;display:flex;gap:var(--spacing-md)}.data-table-search{align-items:center;background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.data-table-search input{background:#0000;border:none;color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-sm);outline:none;width:200px}.data-table-search input::placeholder{color:var(--gray-400)}.data-table-export{align-items:center;background:var(--primary-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.data-table-export:hover{background:var(--primary-dark)}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-sm);width:100%}.data-table thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.data-table th{color:var(--gray-700);font-weight:var(--font-semibold);padding:var(--spacing-md);text-align:left;white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:var(--gray-100)}.table-header-content{align-items:center;display:flex;gap:var(--spacing-xs)}.data-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-900);padding:var(--spacing-md)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .no-data{color:var(--gray-500);font-style:italic;padding:var(--spacing-2xl);text-align:center}.data-table-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.data-table-info{color:var(--gray-600);font-family:var(--font-body);font-size:var(--text-sm)}.data-table-pagination{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination-button{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.pagination-button:hover:not(:disabled){background:var(--gray-100);border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:var(--spacing-xs)}.pagination-page{align-items:center;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-sm);height:32px;justify-content:center;min-width:32px;padding:0 var(--spacing-sm);transition:var(--transition-fast)}.pagination-page:hover{background:var(--gray-100);border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-page.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;font-weight:var(--font-semibold)}.rows-per-page-select{background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.rows-per-page-select:focus,.rows-per-page-select:hover{border-color:var(--primary-blue)}.rows-per-page-select:focus{box-shadow:0 0 0 3px var(--primary-light);outline:none}@media (max-width:1024px){.data-table-header{align-items:stretch;flex-direction:column}.data-table-controls{justify-content:space-between}.data-table-search input{width:150px}}@media (max-width:768px){.data-table-footer{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.data-table-info{text-align:center}.data-table-pagination{justify-content:center}.rows-per-page-select{width:100%}.pagination-pages{flex:1 1;justify-content:center}}.world-map{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.map-header h4{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg) 0}.map-container{min-height:300px}.country-bars{gap:var(--spacing-md)}.country-bar-item,.country-bars{display:flex;flex-direction:column}.country-bar-item{gap:var(--spacing-xs)}.country-info{align-items:center;display:flex;font-family:var(--font-body);font-size:var(--text-sm);justify-content:space-between}.country-name{color:var(--gray-700);font-weight:var(--font-medium)}.country-users{color:var(--gray-900);font-weight:var(--font-semibold)}.country-bar-track{background:var(--gray-100);border-radius:var(--radius-md);height:32px;overflow:hidden;position:relative}.country-bar-fill{align-items:center;border-radius:var(--radius-md);display:flex;height:100%;min-width:40px;padding:0 var(--spacing-sm);transition:width .6s ease}.map-footer{border-top:1px solid var(--gray-200);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);text-align:center}.footer-text{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-xs)}@media (max-width:1024px){.world-map{padding:var(--spacing-lg)}}@media (max-width:768px){.world-map{padding:var(--spacing-md)}.map-header h4{font-size:var(--text-base)}.country-bar-track{height:28px}.country-info{font-size:var(--text-xs)}}@media (max-width:480px){.world-map{padding:var(--spacing-sm)}.map-header h4{font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.country-bar-track{height:24px}.country-name,.country-users{font-size:11px}}.traffic-analytics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.traffic-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-lg)}.traffic-header h2{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.traffic-subtitle{color:var(--gray-500);margin:var(--spacing-xs) 0 0 0}.error-banner p,.traffic-subtitle{font-family:var(--font-body);font-size:var(--text-sm)}.error-banner p{margin:0}.loading-state .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);height:40px;margin-bottom:var(--spacing-md);width:40px}.loading-state p{font-family:var(--font-body);font-size:var(--text-sm);margin:0}.traffic-tabs{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.traffic-tabs button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.traffic-tabs button:hover{background:var(--gray-100);color:var(--gray-900)}.traffic-tabs button.active{background:var(--primary-blue);color:#fff}.traffic-content{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.overview-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.overview-section h3{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-md) 0}.geography-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:1400px){.overview-grid{grid-template-columns:1fr}}@media (max-width:1200px){.chart-container h3{font-size:var(--text-base)}.chart-container{padding:var(--spacing-lg)}}@media (max-width:1024px){.traffic-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.traffic-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.traffic-tabs button{font-size:var(--text-sm);min-width:100px;white-space:nowrap}.chart-container{padding:var(--spacing-md)}}@media (max-width:768px){.traffic-analytics{gap:var(--spacing-md)}.traffic-header{padding-bottom:var(--spacing-md)}.traffic-header h2{font-size:var(--text-xl)}.traffic-subtitle{font-size:var(--text-sm)}.metrics-grid{gap:var(--spacing-md);grid-template-columns:1fr}.traffic-tabs{flex-wrap:wrap;overflow-x:visible}.traffic-tabs button{flex:1 1 calc(50% - var(--spacing-xs));font-size:var(--text-xs);min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.traffic-content{padding:var(--spacing-md)}.chart-container{padding:var(--spacing-sm)}.chart-container h3{font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.overview-section h3{font-size:var(--text-base)}.geography-view{gap:var(--spacing-md)}}@media (max-width:480px){.traffic-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.traffic-header h2{font-size:var(--text-lg)}.traffic-subtitle{font-size:var(--text-xs)}.metrics-grid{gap:var(--spacing-sm)}.traffic-tabs{flex-direction:column;gap:var(--spacing-xs)}.traffic-tabs button{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.traffic-content{padding:var(--spacing-sm)}.chart-container{padding:var(--spacing-xs)}.overview-section h3{font-size:var(--text-sm)}}.acquisition-analytics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.acquisition-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-lg)}.acquisition-header h2{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.acquisition-subtitle{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.acquisition-header{align-items:stretch;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.chart-container,.table-container{padding:var(--spacing-md)}}@media (max-width:480px){.acquisition-header h2{font-size:var(--text-xl)}.chart-container,.table-container{padding:var(--spacing-sm)}}.behavior-analytics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.behavior-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-lg)}.behavior-header h2{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.behavior-subtitle{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.insights-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition-fast)}.insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.insight-content{flex:1 1}.insight-content h4{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.insight-content h4,.insight-value{font-family:var(--font-body);margin:0 0 var(--spacing-xs) 0}.insight-value{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);word-break:break-word}.insight-detail{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-sm);margin:0}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr}}@media (max-width:768px){.behavior-header{align-items:stretch;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.chart-container,.insight-card,.table-container{padding:var(--spacing-md)}}@media (max-width:480px){.behavior-header h2{font-size:var(--text-xl)}.chart-container,.insight-card,.table-container{padding:var(--spacing-sm)}.insight-card{flex-direction:column}.insight-icon{height:48px;width:48px}}.technology-analytics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.technology-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-lg)}.technology-header h2{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.technology-subtitle{color:var(--gray-500);font-family:var(--font-body);font-size:var(--text-sm);margin:var(--spacing-xs) 0 0 0}.metrics-grid{grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.charts-row,.metrics-grid{display:grid;gap:var(--spacing-lg)}.charts-row{grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.chart-container h3{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg) 0}.comparison-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.comparison-section h3{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-lg) 0}.device-comparison{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.device-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-fast)}.device-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.device-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.device-header,.device-icon{align-items:center;display:flex}.device-icon{border-radius:var(--radius-md);height:48px;justify-content:center;width:48px}.device-header h4{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.device-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.device-stat{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.device-stat .stat-label{color:var(--gray-600);font-family:var(--font-body);font-size:var(--text-sm)}.device-stat .stat-value{color:var(--gray-900);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold)}.table-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.error-banner{background:var(--danger-light);border:1px solid var(--danger-red);border-radius:var(--radius-md);color:var(--danger-red);padding:var(--spacing-md)}.loading-state{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.spinner{border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);height:40px;margin-bottom:var(--spacing-md);width:40px}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.device-comparison{grid-template-columns:1fr}}@media (max-width:768px){.technology-header{align-items:stretch;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.chart-container,.comparison-section,.device-item,.table-container{padding:var(--spacing-md)}}@media (max-width:480px){.technology-header h2{font-size:var(--text-xl)}.chart-container,.comparison-section,.device-item,.table-container{padding:var(--spacing-sm)}.device-icon{height:40px;width:40px}}.admin-dashboard{background-color:var(--gray-50);color:var(--gray-900);display:flex;font-family:var(--font-body);min-height:100vh}.admin-login{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.login-card{max-width:400px;width:100%}.login-card h1{color:#000;font-size:32px;font-weight:600;margin:0 0 24px}.login-card form{display:flex;flex-direction:column;gap:16px}.password-field{align-items:center;display:flex;position:relative}.password-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-family:var(--font-body);font-size:16px;outline:none;padding:12px 48px 12px 16px;width:100%}.password-input:focus{border-color:#000}.password-input.error{border-color:red}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px}.password-toggle:hover{color:#000}.error-message{color:red;font-size:14px;margin:-8px 0 0}.login-button{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:500;padding:12px 24px}.login-button:hover{background:#333}.dashboard-sidebar{background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:var(--spacing-lg);position:fixed;top:0;width:260px}.dashboard-sidebar nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:var(--transition-fast);width:100%}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-light);color:var(--primary-dark)}.nav-item svg{height:20px;width:20px}.dashboard-main{flex:1 1;max-width:100%;padding:var(--spacing-xl);width:100%}.admin-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.admin-header h1{color:var(--gray-900);font-size:var(--text-3xl);font-weight:var(--font-semibold);margin:0}.header-actions{align-items:center;display:flex;gap:12px}.export-dropdown{position:relative}.export-button{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.export-button:hover{background:#333}.export-menu{background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:99}.export-option{background:none;border:none;cursor:pointer;display:block;font-family:var(--font-body);font-size:14px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.export-option:hover{background:var(--gray-100)}.export-option:not(:last-child){border-bottom:1px solid var(--gray-100)}.refresh-button{background:var(--primary-blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.refresh-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}.admin-tabs{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm)}.admin-tabs button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.admin-tabs button:hover{background:var(--gray-100);color:var(--gray-900)}.admin-tabs button.active{background:var(--primary-blue);color:#fff}.admin-content{animation:fadeIn .3s ease}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:var(--spacing-lg)}.dashboard-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.dashboard-section:hover{box-shadow:var(--shadow-md)}.admin-loading{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-blue);height:50px;margin-bottom:var(--spacing-lg);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:1024px){.dashboard-sidebar{width:200px}.dashboard-main{padding:var(--spacing-lg)}.admin-header h1{font-size:var(--text-2xl)}.admin-tabs button{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-main{padding:var(--spacing-md)}.admin-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.admin-header h1{font-size:var(--text-xl)}.refresh-button{padding:var(--spacing-md);width:100%}.admin-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.admin-tabs button{flex:1 1 calc(50% - var(--spacing-xs));min-width:120px}.dashboard-grid{gap:var(--spacing-md);grid-template-columns:1fr}.dashboard-section{padding:var(--spacing-md)}}@media (max-width:480px){.admin-dashboard{font-size:14px}.dashboard-main{padding:var(--spacing-sm)}.admin-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.admin-header h1{font-size:var(--text-lg)}.admin-tabs{flex-direction:column;gap:var(--spacing-xs)}.admin-tabs button{font-size:12px;width:100%}.admin-tabs button,.dashboard-section{padding:var(--spacing-sm)}}@media (min-width:769px){.admin-dashboard.with-sidebar .admin-tabs{display:none}}
/*# sourceMappingURL=main.d9e0bb9a.css.map*/