.shell-page{max-width:1240px;margin:72px auto 92px;padding:0 28px;scroll-margin-top:92px}
.shell-data-note{margin:-8px 0 18px;color:#9da4af;font-size:11px;line-height:1.5}
.shell-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.shell-kind-tabs{display:flex;gap:6px;padding:4px;border:1px solid #ffffff16;border-radius:10px;background:#101319}
.shell-kind-tab{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c5cad3;font:600 11px var(--body);cursor:pointer}
.shell-kind-tab span{color:#8d96a4;font:9px var(--mono)}
.shell-kind-tab:hover,.shell-kind-tab.selected{border-color:#ffc62970;background:#261d0d;color:#ffd166}
.shell-search{min-width:220px;height:38px;display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 10px;border:1px solid #ffffff18;border-radius:8px;background:#0d1015;color:#9aa2af}
.shell-search>span{font-size:16px}
.shell-search input{width:100%;border:0;outline:0;background:transparent;color:#eef0f4;font:11px var(--body)}
.shell-search input::placeholder{color:#747d8b}
.shell-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#shell-stat-list{display:flex;flex-direction:column;gap:14px}
.shell-effect-section{min-width:0;padding:12px;border:1px solid #ffffff18;border-radius:11px;background:#0c0f14}
.shell-effect-section.shell-effect-pvp{border-color:#ff5b5440;background:linear-gradient(135deg,#1a1113 0%,#0c0f14 55%)}
.shell-effect-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.shell-effect-heading h2{margin:0;color:#f0f2f5;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.shell-effect-standard .shell-effect-heading h2{color:#ffd166}
.shell-effect-pvp .shell-effect-heading h2{color:#ff8277}
.shell-effect-heading>span{color:#8d96a4;font:9px var(--mono)}
.shell-stat-card{min-width:0;padding:12px 13px;border:1px solid #ffffff16;border-radius:10px;background:#11151b}
.shell-stat-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.shell-stat-card h3{margin:0;color:#f0f2f5;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.shell-stat-groups{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.shell-stat-group{padding:3px 6px;border:1px solid #ffffff14;border-radius:999px;color:#929ba8;font:8px var(--mono);text-transform:uppercase}
.shell-grade-ranges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.shell-grade-range{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border:1px solid currentColor;border-radius:6px;background:#0c0f14;font:10px var(--mono)}
.shell-grade-range span{font-weight:800}
.shell-grade-range strong{color:#f1f3f6;font-weight:650;white-space:nowrap}
.shell-grade-C{color:#63cf79;background:#102016;border-color:#63cf794d}
.shell-grade-B{color:#56c5ef;background:#0e1d26;border-color:#56c5ef4d}
.shell-grade-A{color:#ffb13b;background:#261b0c;border-color:#ffb13b4d}
.shell-grade-S{color:#ff5b54;background:#281212;border-color:#ff5b544d}
.shell-upgrade-value{display:block;margin-top:8px;color:#8d96a4;font:9px var(--mono)}
.shell-upgrade-value b{color:#d3d8e0;font-weight:600}
.shell-no-range{grid-column:1/-1;color:#747d8b;font-size:10px}
@media(max-width:760px){.shell-page{padding:0 15px}.shell-stat-grid{grid-template-columns:1fr}}
@media(max-width:520px){.shell-toolbar{align-items:stretch;flex-direction:column}.shell-search{margin-left:0}.shell-grade-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-stat-card>header{align-items:flex-start;flex-direction:column}.shell-stat-groups{justify-content:flex-start}}
