:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#182233;background:#f2f5fa;height:100%;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% -12%,#4b72dc29,#0000 30rem),#f2f5fa;min-width:320px;height:100%;margin:0;overflow:hidden}button,a{font:inherit}#root{text-align:left;border:0;width:100%;max-width:none;height:100%;margin:0;overflow:hidden}.skill-page{flex-direction:column;width:min(100% - 32px,1680px);height:100dvh;margin:0 auto;padding:24px 0;display:flex;overflow:hidden}.page-header{flex:none;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:14px;display:flex}.eyebrow{color:#4169cf;letter-spacing:.18em;margin:0 0 7px;font-size:.72rem;font-weight:800}.page-header h1{color:#152238;letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.08}.page-description{color:#69758a;margin:5px 0 0;font-size:.95rem}.form-link{color:#fff;background:#2f62cd;border:1px solid #2e5fc8;border-radius:10px;flex:none;align-items:center;gap:10px;padding:12px 17px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 7px 16px #2f62cd33}.form-link:hover{background:#244fae;transform:translateY(-1px)}.filters-panel{background:#fffffff0;border:1px solid #d9e1ed;border-radius:9px;flex:none;margin-bottom:10px;overflow:hidden}.filters-panel>summary{color:#253751;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:36px;padding:6px 11px;font-size:.8rem;font-weight:800;list-style:none;display:flex}.filters-panel>summary::-webkit-details-marker{display:none}.filters-panel>summary:hover{background:#f6f8fc}.filters-panel-chevron{color:#4169c6;font-size:1.25rem;line-height:1;transition:transform .15s;transform:rotate(0)}.filters-panel[open] .filters-panel-chevron{transform:rotate(90deg)}.filters-panel-content{border-top:1px solid #e1e7f0;max-height:min(42dvh,420px);padding:6px;overflow-y:auto}.filters{gap:6px;display:grid}.filter-accordion{background:#fffffff0;border:1px solid #d9e1ed;border-radius:9px;overflow:hidden}.filter-accordion summary{color:#2d3d56;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:34px;padding:6px 11px;font-size:.78rem;font-weight:750;list-style:none;display:flex}.filter-accordion summary::-webkit-details-marker{display:none}.filter-accordion summary:hover{background:#f6f8fc}.filter-chevron{color:#5271b5;font-size:1.2rem;line-height:1;transition:transform .15s;transform:rotate(0)}.filter-accordion[open] .filter-chevron{transform:rotate(90deg)}.filter-content{border-top:1px solid #e5eaf2;padding:9px 11px 11px}.filter-actions{gap:12px;margin-bottom:8px;display:flex}.filter-actions button{color:#315fbf;cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:700}.filter-actions button:hover{text-decoration:underline}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:4px 12px;display:grid}.player-filter-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.class-filter-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.item-filter-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.filter-option{color:#445169;cursor:pointer;border-radius:4px;align-items:center;gap:6px;min-width:0;padding:2px 3px;font-size:.7rem;display:flex}.filter-option:hover{background:#f0f4fa}.filter-option input{accent-color:#315fc0;width:14px;height:14px;margin:0}.filter-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-filter-groups{gap:9px;display:grid}.item-filter-group{border:1px solid #e1e7f0;border-radius:7px;min-width:0;margin:0;padding:7px 8px 8px}.item-filter-group legend{color:#586781;padding:0 5px;font-size:.68rem;font-weight:750}.table-card{background:#fff;border:1px solid #d9e1ed;border-radius:14px;flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden;box-shadow:0 16px 42px #1d315414}.table-card-heading{border-bottom:1px solid #e1e7f0;flex:none;justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.table-card-heading h2{color:#1d2a40;margin:0;font-size:1rem;font-weight:800}.table-card-heading p{color:#7b8799;margin:4px 0 0;font-size:.75rem}.record-count{color:#536277;background:#f0f3f8;border-radius:999px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.table-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}.skill-table{border-collapse:separate;border-spacing:0;color:#263348;width:max-content;min-width:100%;font-size:.7rem}.skill-table th,.skill-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #e2e7ee;border-right:1px solid #e2e7ee;width:54px;min-width:54px;max-width:54px;height:30px;padding:3px 7px;line-height:1}.skill-table thead th{z-index:4;color:#fff;background:#285ec6;font-weight:750;position:sticky}.skill-table thead tr:first-child th{height:32px;top:0}.skill-table thead tr:nth-child(2) th{height:32px;top:32px}.skill-table thead .player-column,.skill-table thead .basic-column{vertical-align:middle;border-bottom-color:#2854ae}.type-heading{letter-spacing:.06em}.type-heading span{background:#ffffff2b;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;margin-left:7px;font-size:.62rem;display:inline-flex}.skill-table thead [data-item-type=IMA]{background:#6c53b8}.item-heading{width:54px;min-width:54px;max-width:54px;overflow:visible}.player-column,.player-name{position:sticky;left:0;width:150px!important;min-width:150px!important;max-width:150px!important}.skill-table thead .player-column{z-index:7}.player-name{z-index:2;color:#172237;background:#f8fafc;text-align:left!important;border-right:1px solid #e2e7ee!important;padding:3px 10px!important}.player-name span,.player-name small{text-overflow:ellipsis;display:block;overflow:hidden}.player-name span{font-size:.72rem;font-weight:750}.player-name small{color:#788496;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:500}.basic-column,.profile-cell{width:90px!important;min-width:90px!important;max-width:90px!important}.profile-cell{color:#455268;background:#fff}.skill-table tbody tr,.skill-table tbody tr:nth-child(2n) .profile-cell,.skill-table tbody tr{height:30px}.skill-table tbody tr:nth-child(2n) .level-cell{background-color:#fafbfd}.level-cell{font-variant-numeric:tabular-nums;background:#fff;font-weight:650}.level-cell[data-item-type=IMA]{color:#58428f}.level-cell.ima-yellow{background:#fff8d6!important}.level-cell.ima-orange{background:#ffe2bd!important}.level-cell.ima-red{background:#ffd6d6!important}.level-cell.is-unset{color:#bac1cc;font-weight:500}.level-cell.is-max{color:#6d4e00!important;background:#fff2b3!important}.unset{color:#a5aebb}.class-engineer{background:#ffe8e8}.class-rogue{background:#dff5e9}.class-witch{background:#f8e3ef}.class-destroyer{background:#e9eee3}.class-swordsman{background:#ddf2f7}.class-unknown{background:#eef1f5}.empty-result{color:#8994a5;text-align:center;background:#fafbfd;height:90px!important}.status-panel{background:#fff;border:1px solid #dae2ee;border-radius:14px;flex:auto;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:28px;display:flex;box-shadow:0 15px 40px #1f335712}.status-panel strong{color:#23314a}.status-panel p{color:#7a8698;margin:4px 0 0;font-size:.84rem}.loading-spinner{border:3px solid #d9e2f2;border-top-color:#3267cf;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.status-error{text-align:center;flex-direction:column}.status-error button{color:#fff;cursor:pointer;background:#315fc0;border:0;border-radius:8px;padding:9px 14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.skill-page{width:min(100% - 20px,1680px);padding:16px 0}.page-header{flex-direction:column;align-items:flex-start;gap:18px}.form-link{justify-content:center;width:100%}.filter-grid,.player-filter-grid,.class-filter-grid,.item-filter-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.filters-panel-content{max-height:40dvh}.table-card-heading p{display:none}.player-column,.player-name{max-width:145px;min-width:125px!important}}