*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,IBM Plex Mono,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:clip}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.stats-layout{display:flex;min-height:calc(100vh - 80px);padding-top:80px}.sidebar{width:260px;background:var(--bg-raised);border-right:1px solid var(--border-subtle);padding:1rem;display:flex;flex-direction:column;position:fixed;top:80px;left:0;height:calc(100vh - 80px);overflow-y:auto}.sidebar-section{margin-bottom:1.25rem}.section-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.format-tabs{display:flex;gap:.25rem}.format-tab{flex:1;padding:.5rem .25rem;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.format-tab:hover{background:var(--bg-hover)}.format-tab.active{background:var(--purple-100);border-color:var(--border-strong);color:var(--text-primary)}.current-season{padding:.5rem .75rem;background:var(--purple-100);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:600}.season-tabs{display:flex;gap:.25rem}.season-tab{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.season-tab:hover{background:var(--bg-hover)}.season-tab.active{background:var(--purple-100);border-color:var(--border-strong);color:var(--text-primary)}.stage-tabs{display:flex;gap:.25rem}.stage-tab{flex:1;padding:.5rem;background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.stage-tab:hover{background:var(--bg-hover)}.stage-tab.active{background:var(--purple-100);border-color:var(--border-strong);color:var(--text-primary)}.elo-range-container{display:flex;flex-direction:column;gap:.75rem}.elo-range-inputs{display:flex;gap:.5rem}.elo-input-group{flex:1}.elo-input{width:100%;padding:.5rem .625rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:600;text-align:center;outline:none;transition:all .2s}.elo-input:focus{border-color:var(--border-strong);background:var(--bg-base)}.elo-input::-webkit-outer-spin-button,.elo-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.elo-slider-container{position:relative;height:24px}.elo-slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:var(--border-subtle);border-radius:3px;transform:translateY(-50%)}.elo-slider-range{position:absolute;top:0;height:100%;background:var(--purple-200);border-radius:3px}.elo-slider{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none;outline:none}.elo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--text-secondary),var(--text-primary));border:2px solid var(--border-strong);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-card);transition:transform .15s ease}.elo-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.elo-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--text-secondary),var(--text-primary));border:2px solid var(--border-strong);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-card)}.pokemon-list-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.pokemon-list{flex:1;overflow-y:auto}.pokemon-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s}.pokemon-item:hover{background:var(--bg-hover)}.pokemon-item.active{background:var(--purple-100)}.pokemon-item.active .pokemon-item-name{color:var(--purple-600)}.pokemon-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.pokemon-item-usage{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.main-content{flex:1;margin-left:260px;padding:1.5rem 2rem;background:var(--bg-card)}.pokemon-detail{max-width:1200px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.pokemon-title{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.usage-stats-summary{display:flex;gap:2rem}.stat-box{text-align:center}.stat-box .stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.stat-box .stat-value{font-size:1.25rem;font-weight:700}.stat-box .stat-value.rank{color:var(--accent-success)}.stat-box .stat-value.percent{color:var(--purple-600)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:1rem}.detail-card.ev-spreads-card{grid-column:span 1}.card-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.stat-row{display:flex;align-items:center;margin-bottom:.625rem}.stat-name{width:70px;font-size:.8125rem;color:var(--text-secondary)}.stat-num{width:35px;font-size:.875rem;font-weight:600;color:var(--text-primary)}.stat-bar-container{flex:1;height:10px;background:var(--border-subtle);border-radius:5px;overflow:hidden}.stat-bar{height:100%;border-radius:5px;transition:width .5s ease}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.list-item:last-child{border-bottom:none}.item-name{font-size:.875rem;color:var(--text-primary)}.item-pct{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ev-item{display:grid;grid-template-columns:60px 1fr auto;gap:.5rem}.ev-nature{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.ev-spread{font-size:.8125rem;color:var(--text-primary);font-family:monospace}.api-info-section{padding:4rem 0;background:var(--bg-raised);margin-left:260px}.api-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;max-width:800px;margin:0 auto}.api-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary)}.api-card-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.api-desc{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.api-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.api-link:hover{color:var(--purple-600)}.pokemon-list::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.pokemon-list::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.pokemon-list::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}@media(max-width:1200px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-card.ev-spreads-card{grid-column:span 2}}@media(max-width:992px){.stats-layout{flex-direction:column}.sidebar{position:relative;top:0;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;gap:1rem;border-right:none;border-bottom:1px solid var(--border-subtle)}.sidebar-section{margin-bottom:0}.pokemon-list-section{width:100%;max-height:200px}.main-content,.api-info-section{margin-left:0}}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-card.ev-spreads-card{grid-column:span 1}.detail-header{flex-direction:column;gap:1rem}.usage-stats-summary{width:100%;justify-content:space-around}}.warped-grid{position:fixed;inset:0;z-index:0;pointer-events:none;perspective:800px;display:flex;align-items:center;justify-content:center;overflow:hidden}.warped-grid-inner{width:120%;height:120%;background-image:repeating-linear-gradient(0deg,rgba(26,26,26,.04) 0,rgba(26,26,26,.04) 1px,transparent 1px,transparent 64px),repeating-linear-gradient(90deg,rgba(26,26,26,.04) 0,rgba(26,26,26,.04) 1px,transparent 1px,transparent 64px);animation:gridWarp 12s ease-in-out infinite}@keyframes gridWarp{0%,to{transform:perspective(800px) rotateX(0) rotateY(0)}25%{transform:perspective(800px) rotateX(.3deg) rotateY(-.3deg)}50%{transform:perspective(800px) rotateX(-.3deg) rotateY(.3deg)}75%{transform:perspective(800px) rotateX(.2deg) rotateY(.2deg)}}.viewport-frame{position:fixed;inset:8px;z-index:9999;pointer-events:none}