:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.table-controls{margin-bottom:1rem;position:sticky;left:0;z-index:2;background:var(--background-primary)}.table-container{background:var(--background-primary);border-radius:8px;box-shadow:0 2px 4px var(--table-shadow);max-width:100%;width:100%;scrollbar-width:auto;scrollbar-color:var(--scrollbar-color) transparent}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:4px}table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.9rem}thead{position:sticky;top:0;background:var(--background-secondary);z-index:1}th{background:var(--background-secondary);padding:16px .75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color);white-space:nowrap;min-width:120px;color:var(--text-primary)}th .MuiInput-root{margin-top:8px;font-size:.8rem}th .MuiInput-root input{padding:4px 8px}tr:hover td{background:var(--background-hover)}tr[data-rarity=★3] td{background-color:#ffd70008}tr[data-rarity=★2] td{background-color:#c0c0c008}tr[data-rarity=★1] td{background-color:#cd7f3208}tr:hover td{background-color:var(--background-hover)!important}th .MuiFormControl-root{margin-top:.5rem}th .MuiSelect-select{padding:8px}.MuiMenu-paper{max-height:300px!important}.column-visibility-control{margin-top:2rem;padding:1.5rem;border:1px solid #e0e0e0!important}.column-visibility-control .MuiFormGroup-root{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.column-visibility-control .MuiFormControlLabel-root{margin:0;padding:4px 8px}.column-visibility-control .MuiFormControlLabel-root:hover{background-color:#0000000a;border-radius:4px}.column-visibility-control .MuiTypography-root{font-size:.9rem}.student-table{display:flex;gap:5px;width:100%;margin:0 auto;padding:1rem;overflow-x:hidden}.student-table table{border-collapse:collapse;width:100%;min-width:800px;max-width:100%;position:relative}.student-table th{position:sticky;top:0;padding:.75rem;z-index:2;border-bottom:2px solid #ddd;background:var(--background-secondary);color:var(--text-primary);padding-top:16px;padding-bottom:16px}.student-table th div[role=button]:hover{background:#0000000a}.student-table th .MuiFormControl-root{position:relative;z-index:3}.student-table td{text-align:center;vertical-align:middle;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eee}.student-table__left-column{flex:1 1 50%;min-width:0;height:var(--content-height);overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--border-color)}.student-table__right-column{flex:1 1 50%;min-width:300px;transition:width .3s ease;height:var(--content-height);overflow-y:auto;display:flex;flex-direction:column;overflow-y:hidden;border:1px solid var(--border-color)}.student-table__left-column>div,.student-table__right-column>div{max-height:var(--content-height)}.menu-button-container{display:flex;justify-content:flex-end;gap:8px;padding:10px 5px}.table-container{overflow-x:auto;height:100%;overflow-y:auto;max-width:100%;position:relative;margin-bottom:0}.sort-header{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.sort-header:hover{background-color:#0000000a}.sort-indicator{display:inline-block;font-size:.8em}.filter-container{display:flex;flex-direction:column;gap:8px}.filter-row{display:flex;gap:8px}.student-table img{vertical-align:middle}.student-table__right-column>div>*{position:sticky;left:0}.student-table__right-column>div>*:not(:last-child){max-width:calc((100vw - 57px)/2);overflow-x:hidden}@media (max-width: 600px){.student-table{flex-direction:column;padding:0}.student-table__left-column{flex:1 1 auto;height:auto}.student-table__right-column{width:100%;overflow-x:auto}.student-table__right-column>div>*{position:sticky;left:0}.student-table__right-column>div>div:nth-child(3){overflow-x:auto}.student-table__right-column>div>*:not(:last-child){max-width:calc(100vw - 50px);overflow-x:hidden}.recharts-wrapper{overflow:hidden}.student-table th,.student-table td{padding:.5rem;font-size:.875rem}.student-table select{font-size:.75rem}.table-container{max-height:calc(100vh - 200px)}.student-table th div[role=button]{padding:.25rem}}@media (prefers-color-scheme: dark){.student-table__left-column,.student-table__right-column{background-color:var(--background-primary)}}.filter-container .MuiList-root{padding:0}.filter-container .MuiListItem-root{padding:0 8px}.filter-container .MuiListItemIcon-root{min-width:36px}.filter-button{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid rgba(0,0,0,.23);border-radius:4px;cursor:pointer;background-color:#fff}.filter-button:hover{background-color:#0000000a}@media (prefers-color-scheme: dark){.filter-button{background-color:var(--background-primary);border-color:#ffffff3b}.filter-button:hover{background-color:#ffffff14}}.header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);position:fixed;top:0;z-index:100;width:100%}.header-title{display:flex;align-items:center}.header-nav{display:flex;gap:1rem}.nav-link{text-decoration:none;color:#3391ff}.nav-link:hover{text-decoration:underline}.header-logo{height:80px;width:auto}@media (max-width: 600px){.header{padding:0 5px}.header-logo{height:50px}}@media (prefers-color-scheme: dark){.header-logo{filter:brightness(.9)}}section{text-align:left;line-height:1.6}.usage-container{max-width:800px;margin:0 auto;padding:2rem}.usage-container section{margin-bottom:2rem}.usage-container .MuiTypography-h4{margin-bottom:2rem;color:#1976d2}.usage-container .MuiList-root{padding-left:1rem}.usage-container .MuiLink-root{color:#1976d2;text-decoration:none}.usage-container .MuiLink-root:hover{text-decoration:underline}:root{--background-primary: #ffffff;--background-secondary: #f4f4f4;--background-hover: #f8f8f8;--text-primary: #333;--text-secondary: #888;--border-color: #ddd;--border-light: #eee;--table-shadow: rgba(0, 0, 0, .1);--scrollbar-color: rgba(0, 0, 0, .2);--content-height: calc(100vh - 130px) }@media (prefers-color-scheme: dark){:root{--background-primary: #121212;--background-secondary: #666;--background-hover: #232323;--text-primary: #eee;--text-secondary: #a0a0a0;--border-color: #ddd;--border-light: #eee;--table-shadow: rgba(0, 0, 0, .1);--scrollbar-color: rgba(255, 255, 255, .3)}}@media (max-width: 600px){:root{--content-height: max(500px, 60svh)}#root{padding:0;margin-bottom:10px}}html,body{overflow:visible;padding:0}html *{box-sizing:border-box}#root{max-width:100vw;text-align:center;overflow-x:hidden;width:100%;background-color:var(--background-primary);color:var(--text-primary);margin:0}main{margin-top:65px;padding:0 10px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}h1{margin-bottom:2rem;color:#333;margin-top:0}