.layout{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;position:relative}.layout-sidebar{flex-shrink:0}.layout-content{flex:1;margin-left:280px;min-width:0;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.layout-content{margin-left:0;width:100%;max-width:100vw}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin-bottom:1.25rem;width:100%;max-width:100%;overflow:hidden}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:.5rem;border:1px solid var(--border-primary);background-color:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);flex-shrink:0}.dark-mode-toggle:hover{background-color:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.dark-mode-toggle:active{transform:translateY(0)}.dark-mode-toggle svg{display:block;transition:transform .3s ease}.dark-mode-toggle:hover svg{transform:rotate(15deg)}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:0;display:flex;flex-direction:column;gap:2rem;position:fixed;left:0;top:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-header{display:flex;flex-direction:column;gap:0;padding:1.175rem 1.5rem;border-bottom:1px solid var(--border-primary)}.sidebar-title{font-size:1.5rem;font-weight:700;margin:0;padding:0;color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:0 1.5rem}.sidebar-nav-item{padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:var(--font-body)}.sidebar-nav-item:hover{background:var(--bg-hover)}.sidebar-nav-item.active{background:var(--accent-primary);color:#fff}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-primary);margin-top:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.sidebar-info{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-secondary);flex:1;text-align:right;align-items:flex-end}.info-text{line-height:1.4}.info-text a{color:var(--accent-primary);text-decoration:none;transition:opacity .2s ease}.info-text a:hover{opacity:.8;text-decoration:underline}.info-version{color:var(--text-tertiary);font-size:.7rem}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{width:250px;transform:translate(-100%);transition:transform .3s ease;z-index:1000;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar.open~.sidebar-overlay,.sidebar-overlay{display:block}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);margin-bottom:1.25rem}.top-bar-left{display:flex;align-items:center;gap:1rem}.menu-button{display:none;padding:.5rem;border:none;background:transparent;color:var(--text-primary);font-size:1.5rem;cursor:pointer;border-radius:6px;transition:background .2s ease;line-height:1}.menu-button:hover{background:var(--bg-hover)}.menu-button svg{display:block}.game-selector-dropdown{position:relative;display:flex;align-items:center}.game-select{padding:.5rem 2.5rem .5rem .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body);outline:none;color-scheme:light}[data-theme=dark] .game-select{color-scheme:dark}.game-select:hover{color:var(--accent-primary)}.dropdown-icon{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-secondary);pointer-events:none}.game-name{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.top-bar-right{display:flex;align-items:center}.top-bar .visit-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-primary);cursor:pointer;text-decoration:none;font-weight:500;color:var(--text-primary);transition:all .2s ease;font-size:.95rem;white-space:nowrap;font-family:var(--font-body)}.top-bar .visit-button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.top-bar .visit-icon{display:flex;align-items:center;font-size:1.1rem}@media (max-width: 768px){.menu-button{display:flex;align-items:center;justify-content:center}.game-select{font-size:1.1rem;padding:.5rem 2rem .5rem .5rem}.dropdown-icon{font-size:1.1rem}.top-bar{padding:.75rem 1rem;margin-bottom:1rem}}@media (max-width: 640px){.top-bar .visit-button .visit-text{display:none}.top-bar .visit-button{padding:.625rem;gap:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.top-bar .visit-icon{font-size:1.25rem}.top-bar{padding:.75rem 1.5rem}}@media (max-width: 400px){.top-bar{padding:.4rem 1rem}}@media (max-width: 320px){.top-bar{padding:.35rem 1rem}}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-card-header h3{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card-value{font-family:var(--font-heading);font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.02em}.stat-card-subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--text-tertiary);font-weight:400}@media (max-width: 400px){.stat-card{padding:1rem;border-radius:8px}.stat-card-value{font-size:1.75rem}.stat-card-subtitle{font-size:.8125rem}}.leaderboard-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;position:relative}.mobile-copy-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:12px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d;z-index:10000;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--accent-primary);animation:fadeInOut 2s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.leaderboard-container h2{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;flex-shrink:0}.table-wrapper{overflow-y:auto;overflow-x:visible;flex:1;width:100%;max-width:100%}.leaderboard-table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.leaderboard-table tbody{position:relative}.leaderboard-table thead th{font-family:var(--font-heading);padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-primary);background-color:var(--bg-tertiary);position:sticky;top:0;z-index:10}.leaderboard-table thead th:first-child{text-align:left;border-top-left-radius:8px;width:20%}.leaderboard-table thead th:last-child{text-align:right;border-top-right-radius:8px;width:80%}.leaderboard-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background-color .15s ease}.leaderboard-table tbody tr:hover{background-color:var(--bg-tertiary)}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table tbody td{font-family:var(--font-body);padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary)}.rank-cell{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);width:20%;text-align:left}.score-cell{font-family:var(--font-heading);color:var(--accent-primary);font-weight:600;font-variant-numeric:tabular-nums;font-size:1.0625rem;text-align:right;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.extra-info-tooltip{display:none;position:fixed;background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;padding:.75rem;box-shadow:0 4px 20px #00000040;z-index:9999;min-width:250px;max-width:350px;white-space:normal;pointer-events:none}.extra-info-label{font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.extra-info-value{font-family:var(--font-mono, "Courier New", monospace);font-size:.875rem;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;border-radius:4px;margin-bottom:.5rem}padding: .25rem; } .copy-hint{color:var(--text-tertiary);font-style:italic}.copy-indicator{color:var(--accent-success, #22c55e);font-weight:600}.rank-1 .rank-cell{color:var(--rank-gold)}.rank-2 .rank-cell{color:var(--rank-silver)}.rank-3 .rank-cell{color:var(--rank-bronze)}.no-data{text-align:center;color:var(--text-tertiary);padding:3rem!important;font-style:italic}@media (max-width: 1023px){.leaderboard-container{margin-top:0rem;height:auto}.table-wrapper{overflow-y:visible}}@media (max-width: 400px){.leaderboard-table thead th:first-child{width:20%}.leaderboard-table thead th:last-child{width:80%}.rank-cell{width:20%}.score-cell{width:80%}}.chart-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;min-height:400px;min-width:0;width:100%;max-width:100%;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0;gap:1rem;flex-wrap:wrap}.chart-container h2{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.chart-controls{display:flex;gap:.75rem;align-items:center}.chart-type-toggle{display:flex;gap:.25rem;background-color:var(--bg-tertiary);padding:.25rem;border-radius:8px}.chart-type-toggle button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease;width:32px;height:32px}.chart-type-toggle button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.chart-type-toggle button.active{background-color:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.detail-level-toggle{display:flex;gap:.25rem;background-color:var(--bg-tertiary);padding:.25rem;border-radius:8px}.detail-level-toggle button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.75rem;font-weight:700;width:32px;height:32px;font-family:var(--font-heading)}.detail-level-toggle button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.detail-level-toggle button.active{background-color:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.chart-wrapper{flex:1;min-height:0;position:relative;overflow:hidden;width:100%;max-width:100%}.chart-wrapper>div{height:100%!important;width:100%!important;max-width:100%!important}.chart-wrapper .apexcharts-canvas{max-width:100%!important}.chart-wrapper svg{max-width:100%!important;overflow:visible}.chart-container .no-data{text-align:center;color:var(--text-tertiary);padding:4rem 2rem;font-style:italic;font-family:var(--font-body)}@media (max-width: 1023px){.chart-container{min-height:300px;max-height:500px;margin-bottom:0rem}.chart-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.chart-type-toggle button{width:28px;height:28px}.chart-type-toggle button svg{width:14px;height:14px}}@media (max-width: 400px){.chart-container{padding:1rem;border-radius:8px;min-height:250px}}.daily-stats-view{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.date-selector{display:flex;gap:1rem;align-items:flex-end;width:100%;max-width:100%;overflow:hidden}.date-selector .control-group{display:flex;flex-direction:column;gap:.5rem}.date-selector label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.date-selector input[type=date]{padding:.5rem .75rem;height:44px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-secondary);font-size:.95rem;color:var(--text-primary);font-family:var(--font-body);min-width:160px;color-scheme:light}[data-theme=dark] .date-selector input[type=date]{color-scheme:dark}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:1fr 320px;align-items:stretch}.left-column{display:grid;grid-template-rows:auto 1fr;align-self:stretch}.right-column{display:flex;align-self:stretch;height:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 640px){.date-selector{gap:.75rem}.date-selector input[type=date]{min-width:140px;font-size:.875rem;padding:.4rem .6rem}}@media (max-width: 400px){.date-selector{gap:.4rem;flex-direction:row;align-items:flex-end}.date-selector .control-group{gap:.3rem}.date-selector label{font-size:.6875rem}.date-selector input[type=date]{min-width:120px;max-width:180px;width:auto;font-size:.75rem;padding:.35rem .4rem;height:36px}.dashboard-grid{gap:.75rem}}@media (max-width: 320px){.date-selector input[type=date]{font-size:.6875rem;padding:.3rem .35rem;height:32px;min-width:100px}.dashboard-grid,.stats-grid{gap:.5rem}}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;min-width:0}.chart-header{margin-bottom:1rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.chart-wrapper{width:100%;overflow:visible}.chart-empty{padding:3rem 1rem;text-align:center;color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.chart-container{padding:1rem}.chart-title{font-size:1rem}}@media (max-width: 400px){.chart-container{padding:.75rem;border-radius:6px}.chart-title{font-size:.9375rem}.chart-empty{padding:2rem .5rem;font-size:.875rem}}.trends-view{display:flex;flex-direction:column;gap:1.25rem}.trends-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.trends-controls .control-group{display:flex;flex-direction:column;gap:.5rem}.trends-controls label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.trends-controls select{padding:.5rem .75rem;height:44px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-secondary);font-size:.95rem;color:var(--text-primary);font-family:var(--font-body);min-width:140px;color-scheme:light}[data-theme=dark] .trends-controls select{color-scheme:dark}.trends-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem}.metric-selector{display:flex;flex-direction:column;gap:.75rem}.metric-selector label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.metric-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.metric-button{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.metric-button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.metric-button.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.error-container .error{color:var(--error);background-color:var(--error-bg);border:1px solid var(--error-border);padding:1rem;border-radius:6px}@media (max-width: 768px){.trends-controls{gap:.75rem}.trends-controls select{min-width:120px;font-size:.875rem}.trends-stats{grid-template-columns:1fr}.metric-buttons{gap:.375rem}.metric-button{padding:.375rem .75rem;font-size:.8125rem}}@media (max-width: 640px){.trends-controls{gap:.75rem}.trends-controls select{min-width:120px;font-size:.875rem;padding:.4rem .6rem}.metric-buttons{gap:.4rem}.metric-button{padding:.4rem .8rem;font-size:.8125rem}}@media (max-width: 400px){.trends-controls{gap:.5rem;flex-wrap:wrap}.trends-controls .control-group{gap:.35rem;width:auto;flex:0 0 auto}.trends-controls label{font-size:.75rem}.trends-controls select{min-width:120px;max-width:180px;width:auto;font-size:.8125rem;padding:.4rem .5rem;height:40px}.metric-selector{gap:.5rem}.metric-selector label{font-size:.75rem}.metric-buttons{gap:.35rem}.metric-button{padding:.35rem .65rem;font-size:.75rem}.trends-stats{grid-template-columns:1fr;gap:1rem}}@media (max-width: 320px){.trends-controls select{min-width:100px;font-size:.75rem}}:root{--control-padding: .5rem .75rem;--control-height: 44px;--control-font-size: .95rem;--control-radius: 6px;--control-border: 1px solid #ddd;--control-bg: #fff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.dashboard-header h1{margin-bottom:0}@media (max-width: 640px){.dashboard-header{margin-bottom:1.5rem}}.loading-container,.error-container{min-height:50vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.error-container .error{color:var(--error);background-color:var(--error-bg);border:1px solid var(--error-border)}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:nowrap}.left-controls{display:flex;gap:.75rem;align-items:center;min-width:0}.right-controls{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.control-group{display:flex;align-items:center}.control-group select,.control-group input[type=date],.visit-button,.icon-button,.date-control .calendar-button{padding:var(--control-padding);height:var(--control-height);min-height:var(--control-height);border-radius:var(--control-radius);border:1px solid var(--border-primary);background:var(--bg-secondary);font-size:var(--control-font-size);box-sizing:border-box;display:inline-flex;align-items:center;line-height:1.2;color:var(--text-primary);font-family:var(--font-body)}.control-group select,.control-group input[type=date]{width:auto;max-width:160px;flex:0 0 auto}.date-control{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.date-control input[type=date]{padding-right:.5rem}.icon-button{cursor:pointer;padding:.5rem .75rem;border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:var(--control-radius);font-size:1.2rem;line-height:1;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.icon-button svg{width:1.25rem;height:1.25rem;display:block}.visit-button{display:inline-flex;align-items:center;gap:.5rem;padding:var(--control-padding);border-radius:var(--control-radius);border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;text-decoration:none;font-weight:400;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box;min-height:var(--control-height);height:var(--control-height);font-size:var(--control-font-size);white-space:nowrap;font-family:var(--font-body)}.visit-button:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.visit-icon{display:flex;align-items:center;justify-content:center}.visit-icon svg{width:1.25rem;height:1.25rem;display:block}@media (max-width: 640px){.controls,.left-controls{gap:.5rem}.control-group select{max-width:120px;font-size:.8125rem;padding:.4rem 1.5rem .4rem .5rem;min-width:100px}.visit-button .visit-text{display:none}.visit-button .visit-icon{display:flex}.visit-button{padding:.5rem .75rem;gap:0}.icon-button{padding:.4rem .6rem}}@media (max-width: 400px){.controls,.left-controls,.right-controls{gap:.4rem}.control-group select{max-width:100px;font-size:.75rem;padding:.35rem 1.2rem .35rem .4rem;min-width:85px}.icon-button{padding:.35rem .5rem;font-size:1rem}.icon-button svg{width:1rem;height:1rem}.visit-button{padding:.35rem .5rem}.visit-icon svg{width:1rem;height:1rem}.dashboard-header h1{font-size:1.5rem}}@media (max-width: 320px){.dashboard-content{padding:0 .25rem .5rem}}@media (min-width: 641px){.date-control input[type=date]{display:inline-flex}.visit-button .visit-text{display:inline}.visit-button .visit-icon{display:flex}}.dashboard-content{padding:0 1.5rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}@media (max-width: 768px){.dashboard-content{padding:0 1rem 1rem}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:1fr 320px;gap:1.25rem;align-items:stretch}.left-column{display:grid;grid-template-rows:auto 1fr;align-self:stretch}.right-column{display:flex;align-self:stretch;height:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.App{width:100%}h1{font-family:var(--font-heading);font-size:2rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary);letter-spacing:-.02em}.controls{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap;align-items:center}.control-group{display:flex;flex-direction:column;gap:0}.control-group label{display:none}.control-group select,.control-group input[type=date]{padding:.625rem 2.5rem .625rem 1rem;font-size:.9375rem;border:1px solid var(--border-primary);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;min-width:150px;transition:all .2s ease;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.control-group input[type=date]{background-image:none;padding:.625rem 1rem}.control-group select:hover,.control-group input[type=date]:hover{border-color:var(--border-secondary)}.control-group select:focus,.control-group input[type=date]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.control-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.control-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.loading{text-align:center;padding:4rem 2rem;font-size:1rem;color:var(--text-secondary)}.error{text-align:center;padding:2rem;font-size:1rem;color:var(--error);background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;margin:2rem 0}:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-hover: #f3f4f6;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-focus: #f6b53b;--accent-primary: #dfa839;--accent-hover: #f8b944;--accent-light: rgba(59, 130, 246, .1);--success: #10b981;--warning: #f59e0b;--error: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .1);--rank-gold: #f59e0b;--rank-silver: #6b7280;--rank-bronze: #cd7f32;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{--bg-primary: #171717;--bg-secondary: #1b1b1b;--bg-tertiary: #232323;--bg-hover: #757575;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--border-primary: #434343;--border-secondary: #676767;--border-focus: #f6b53b;--accent-primary: #dfa839;--accent-hover: #f8b944;--accent-light: rgba(59, 130, 246, .2);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--error-bg: #7f1d1d;--error-border: #991b1b;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .3);--rank-gold: #fbbf24;--rank-silver: #cbd5e1;--rank-bronze: #fb923c}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;width:100%;max-width:100%}#root{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){#root{padding:0}}@media (max-width: 400px){#root{padding:0}}