:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesis:none;--bg1:#fdf7ff;--bg2:#f8f5ff;--bg3:#f2f7ff;--card:#fff;--border:#e7ddff;--text:#333;--sub:#666;--accent:#a58adf;--accent-soft:#e7ddff;--gold:#ffe6b5;--silver:#e1f0ff;--bronze:#ffe0eb;--up:#e6f7eb;--down:#e7f1ff;--stay:#fff7d6;background:#f8f5ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at top, var(--bg1) 0, var(--bg2) 45%, var(--bg3) 100%);margin:0}button,a{font:inherit}.damage-page{width:100%;min-height:100vh;padding:16px}h1{color:var(--accent);margin:0 0 12px;font-size:1.4rem}h2{margin:16px 0 8px;font-size:1.1rem}.form-action{margin-bottom:12px}.form-action a{color:#fff;background:linear-gradient(135deg,#ffb6c1,#ffd1dc);border-radius:999px;padding:6px 14px;font-size:.85rem;text-decoration:none;display:inline-block;box-shadow:0 3px 6px #0000001f}.form-action a:hover{filter:brightness(.98)}.card{background:var(--card);border-radius:12px;margin-bottom:16px;padding:12px;box-shadow:0 4px 10px #0000000f}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:6px 8px;font-size:.85rem}th{z-index:1;color:#4a3d82;text-align:left;background:linear-gradient(#f3edff,#e7ddff);position:sticky;top:0}th.rank-head{text-align:center}th.damage-head{text-align:right}tr:nth-child(2n) td{background:#fbf9ff}tr:hover td{background:#f2f0ff}td a{color:#4c3a92;vertical-align:middle;align-items:center;line-height:1.4;display:inline-flex}.rank-cell{grid-template-columns:3.2em 2.4em;align-items:center;column-gap:6px;height:100%;display:grid}.rank-badge,.trend-badge{justify-content:center;align-items:center;display:inline-flex}.rank-badge{width:2.4em;color:var(--accent);background:var(--accent-soft);text-align:center;border-radius:999px;font-size:.8rem;font-weight:600}.top-1{color:#c57a00;background:var(--gold)}.top-2{color:#3b6fb6;background:var(--silver)}.top-3{color:#c5547a;background:var(--bronze)}.trend-badge{font-variant-numeric:tabular-nums;border-radius:999px;width:3.2em;height:1.6em;font-size:.75rem;font-weight:600}.trend-first{color:#7c3aed;background:#f6e9ff}.trend-up{color:#1a9b4b;background:var(--up)}.trend-down{color:#2563eb;background:var(--down)}.trend-stay{color:#b88b00;background:var(--stay)}.meta-badge{letter-spacing:0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:4.8em;height:1.7em;padding:0 .7em;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.job-badge{color:#3859a8;background:#eef3ff;border-color:#d8e3ff}.job-sword{color:#a55d00;background:#fff0dc;border-color:#ffe0ad}.job-witch{color:#7046b8;background:#efe7ff;border-color:#decfff}.job-rogue{color:#237a43;background:#e8f8ef;border-color:#ccefd9}.job-destroyer{color:#b8325d;background:#ffe8ee;border-color:#ffd0dc}.job-engineer{color:#256c96;background:#e7f6ff;border-color:#ccecff}.job-unknown{color:#666;background:#f1f1f5;border-color:#e1e1e8}.role-badge{color:#6546a3;background:#f4efff;border-color:#e4d9ff}.role-attacker{color:#b63458;background:#ffe9ef;border-color:#ffd0dc}.role-buff{color:#3f7d23;background:#ecf8e6;border-color:#d7efc9}.role-debuff{color:#6741b4;background:#eee9ff;border-color:#ddd2ff}.role-sub{color:#286f9a;background:#e8f5ff;border-color:#cce9ff}.role-unknown{color:#666;background:#f1f1f5;border-color:#e1e1e8}.damage{font-variant-numeric:tabular-nums;text-align:right}.damage-unit{color:var(--sub);margin-left:2px;font-size:.75rem}.accordion{background:#fff;border-radius:8px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 6px #00000014}.accordion-header{cursor:pointer;background:#f7f7ff;justify-content:space-between;padding:12px 16px;font-weight:700;list-style:none;display:flex}.accordion-header::-webkit-details-marker{display:none}.accordion-header:hover{background:#f0f0ff}.accordion-arrow{transition:transform .25s}.accordion[open] .accordion-arrow{transform:rotate(90deg)}.accordion-content{overflow:hidden}.attribute-grid{grid-template-columns:1fr;gap:12px;display:grid}.empty-cell{color:#777;text-align:center;padding:18px}.status-card{color:#665b7c;text-align:center;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 10px #0000000f}.status-error p{margin:0 0 12px}.status-error button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:6px 14px}@media (width>=768px){.attribute-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.attribute-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.damage-page{padding:7px;font-size:8px}h1{margin-bottom:6px;font-size:.72rem}h2{margin:9px 0 5px;font-size:.68rem}.form-action{margin-bottom:7px}.form-action a{padding:3px 8px;font-size:.5rem}.card{border-radius:7px;margin-bottom:8px;padding:6px}th,td{padding:3px 2px;font-size:.47rem}td a{line-height:1.15}.rank-cell{grid-template-columns:20px 16px;column-gap:2px}.trend-badge{width:20px;height:12px;font-size:.38rem}.rank-badge{width:16px;height:12px;font-size:.4rem}.meta-badge{border-radius:6px;min-width:0;height:12px;padding:0 4px;font-size:.38rem}.damage-unit{margin-left:1px;font-size:.4rem}.attribute-grid{gap:6px}.accordion{border-radius:6px;margin-bottom:5px}.accordion-header{padding:6px 8px;font-size:.62rem}.empty-cell{padding:10px}}@media (hover:none) and (pointer:coarse){.attribute-grid{grid-template-columns:1fr}}