.skin-renewal {color:#163655;scroll-margin-top:105px;} .skin-renewal h2,.skin-renewal h3,.skin-renewal h4,.sr-update-notes h3,.sr-update-notes h4 {color:#163655;} .skin-renewal [hidden] {display:none !important;} .sr-heading {display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;} .sr-eyebrow {color:#18799d;font-size:11px;font-weight:900;letter-spacing:.13em;} .sr-heading h2 {margin:12px 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.25;letter-spacing:-.045em;} .sr-heading p {color:#58718a;font-size:15px;line-height:1.7;margin:0;} .sr-link {display:inline-block;color:#126f9f;font-size:14px;font-weight:800;border-bottom:1px solid #9dcbdc;padding-bottom:6px;} .sr-pills {display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px;} .sr-pills span {padding:9px 14px;border:1px solid #c5ddec;background:#eaf6ff;border-radius:24px;font-size:13px;color:#245272;} .sr-pills b {color:#126e9e;margin-right:7px;} .sr-gallery {background:#fff;border:1px solid #cddfeb;border-radius:24px;padding:10px 24px 6px;overflow:hidden;box-shadow:0 12px 35px #183c5f08;} .sr-tabs {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 0 14px;border-bottom:1px solid #dbe7ef;} .sr-tabs button,.sr-weapon-jobs button {font:inherit;font-weight:800;border:1px solid transparent;color:#58718a;cursor:pointer;background:transparent;border-radius:12px;padding:12px 6px;min-height:44px;} .sr-tabs button[aria-pressed=true] {background:#173b60;color:#fff;box-shadow:0 5px 14px #1e4e7f22;} .sr-tabs button:hover {border-color:#8ebdd7;} .skin-renewal button:focus-visible,.skin-renewal a:focus-visible,.skin-renewal summary:focus-visible {outline:3px solid #2587d8;outline-offset:3px;} .sr-panel {margin-top:22px;} .sr-panel-heading {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px;} .sr-panel-heading h3 {margin:0;font-size:22px;} .sr-panel-heading p {margin:0;color:#5c7388;font-size:13px;line-height:1.7;} .sr-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} .sr-card {min-width:0;border:1px solid #d8e6f0;border-radius:17px;overflow:hidden;background:#f8fbff;} .sr-card-art {background:#1a2536;padding:10px;} .sr-icon {display:block;width:100%;aspect-ratio:1;overflow:hidden;} .sr-card-copy {padding:14px 8px 17px;text-align:center;} .sr-card h4 {font-size:clamp(13px,1.5vw,17px);margin:9px 0 0;line-height:1.4;word-break:keep-all;} .sr-grade {display:inline-block;font-size:10px;font-weight:850;padding:3px 9px;border-radius:12px;} .sr-grade-0 {background:#e4f1fb;color:#21618a;}.sr-grade-1 {background:#eee5fb;color:#71509e;}.sr-grade-2 {background:#ffead6;color:#9e5309;}.sr-grade-3 {background:#fbefc7;color:#815505;} .sr-weapon-jobs {display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px;} .sr-weapon-jobs button {padding:6px 14px;min-height:38px;border-color:#cadce9;font-size:12px;border-radius:9px;} .sr-weapon-jobs button[aria-pressed=true] {background:#e2f3ff;border-color:#5ca5cf;color:#11638c;} .sr-selection {font-size:12px;color:#60778b;margin:12px 0;min-height:18px;} .sr-wear {margin:18px 0 0;border:1px solid #cddfeb;border-radius:20px;background:#fff;overflow:hidden;} .sr-wear summary {cursor:pointer;font-size:16px;font-weight:850;padding:18px 22px;} .sr-wear summary span {float:right;font-size:12px;color:#617b90;font-weight:600;padding-top:3px;} .sr-wear-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#304258;} .sr-wear-grid figure {margin:0;min-width:0;background:#1a2536;} .sr-wear-grid svg {display:block;width:100%;overflow:hidden;} .sr-wear-grid figcaption {background:#1a2536;padding:3px 4px 16px;text-align:center;color:#e1ebf7;font-size:12px;} .sr-wear>p {margin:0;padding:14px 22px;font-size:12px;color:#60778b;line-height:1.7;} .sr-benefits {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 0;} .sr-benefits article {min-width:0;background:linear-gradient(130deg,#fff,#f0f8ff);border:1px solid #cddfeb;border-radius:16px;padding:21px;} .sr-benefits article>b {color:#347b9e;font-size:12px;letter-spacing:.03em;} .sr-benefits h3,.sr-benefits h4 {margin:13px 0 9px;font-size:17px;line-height:1.5;} .sr-benefits p {margin:0;font-size:13px;color:#58718a;line-height:1.85;} .sr-release-note {margin:16px 0 0;color:#637b90;font-size:12px;line-height:1.7;} .sr-rules {margin-top:28px;scroll-margin-top:100px;} .sr-table-scroll {overflow-x:auto;margin:24px 0;background:#fff;border:1px solid #cddfeb;border-radius:16px;} .sr-table-scroll table {width:100%;border-collapse:collapse;text-align:center;min-width:530px;font-size:13px;} .sr-table-scroll caption {text-align:left;padding:18px;font-size:15px;font-weight:850;} .sr-table-scroll th,.sr-table-scroll td {padding:15px 10px;border-top:1px solid #dbe7ef;} .sr-table-scroll thead th {background:#eaf4fc;color:#356487;} .sr-table-scroll tbody th {font-size:12px;font-weight:700;} .sr-table-scroll td b {display:block;font-size:19px;margin-top:4px;} .sr-synthesis {padding:24px;border:1px solid #cddfeb;border-radius:17px;background:#fff;} .sr-synthesis h4 {margin:0 0 10px;font-size:18px;}.sr-synthesis p {color:#58718a;font-size:13px;line-height:1.8;margin:8px 0;} .sr-synthesis-routes {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;} .sr-synthesis-routes p {margin:0;border-radius:12px;background:#edf6fd;padding:16px;} .sr-synthesis-routes strong {display:block;margin-bottom:8px;color:#17466b;}.sr-synthesis-routes b {color:#187aa6;font-size:12px;white-space:nowrap;} .sr-distinction {margin-top:20px;padding:20px;background:#fff8e6;border:1px solid #edddb0;border-radius:16px;font-size:14px;} .sr-distinction p {font-size:13px;line-height:1.8;color:#776440;margin:8px 0;}.sr-distinction a {margin:8px 20px 0 0;} .sr-update-notes {margin-top:26px;color:#163655;}.sr-update-notes>h3 {font-size:22px;margin:0;}.sr-update-notes .sr-benefits {margin-top:16px;} @media(max-width:760px) {.sr-heading {display:block;}.sr-heading .sr-link {margin-top:16px;}.sr-heading h2 {font-size:32px;} .sr-gallery {padding:8px 12px 3px;border-radius:18px;}.sr-tabs {gap:3px;}.sr-tabs button {font-size:13px;padding:10px 2px;} .sr-panel-heading {display:block;}.sr-panel-heading p {margin-top:9px;}.sr-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .sr-card h4 {font-size:14px;}.sr-card-art {padding:6px;}.sr-benefits {grid-template-columns:1fr;gap:10px;}.sr-benefits article {padding:18px;} .sr-wear-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.sr-wear summary {padding:16px;}.sr-wear summary span {float:none;display:block;margin:6px 0 0 18px;} .sr-synthesis-routes {grid-template-columns:1fr;}.sr-synthesis {padding:18px;}.sr-pills span {font-size:12px;padding:8px 11px;} .sr-weapon-jobs {display:grid;grid-template-columns:1fr 1fr;}.sr-weapon-jobs button {padding:7px;}} @media(prefers-reduced-motion:reduce) {.skin-renewal {scroll-behavior:auto;}} .sr-damage-demo{margin:18px 0 0;background:#1a2536;border-radius:14px;overflow:hidden}.sr-damage-demo img{width:100%;height:auto}.sr-damage-demo figcaption{padding:10px 16px;color:#d8e9fa;font-size:12px;text-align:center}.sr-entry-sign{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid #ac873b;background:linear-gradient(135deg,#213d58,#142e45);color:#ffe4a4;font-size:14px;font-weight:850;white-space:nowrap}.sr-guide-entry-sign{position:absolute;left:50%;top:31%;transform:translateX(-50%);z-index:2}