/* Shared, isolated renewal section for the introduction and visual guide. */
.rn{max-width:1180px;width:calc(100% - 36px);margin:60px auto 74px;color:#163758;scroll-margin-top:90px;font-family:inherit}.wrap>.rn{width:100%}.rn *{box-sizing:border-box}.rn h2,.rn h3,.rn h4,.rn p,.rn figure{margin:0}.rn h2{font-size:clamp(28px,4vw,42px);line-height:1.22;letter-spacing:-1.3px}.rn h3{font-size:23px;line-height:1.4}.rn p{line-height:1.75;color:#486582}.rn-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:2px;color:#286fba;margin-bottom:12px}.rn-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.rn-head>p{max-width:390px}.rn-hero{display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;background:linear-gradient(130deg,#ecf6ff,#fffaf0);border:1px solid #b9d5ee;border-radius:24px;margin-bottom:30px}.rn-hero-art{min-height:300px;position:relative;background:radial-gradient(ellipse,#fff9d7 0,#e4f2ff70 63%,transparent 75%)}.rn-hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 13px 12px #30466025)}.rn-hero-art .rn-armor{width:46%;height:78%;left:27%;top:10%}.rn-hero-art .rn-sword{width:25%;height:83%;left:8%;top:10%;transform:rotate(-14deg)}.rn-hero-art .rn-helmet{width:31%;height:45%;right:2%;top:13%}.rn-hero-art .rn-ring{width:24%;height:28%;right:6%;bottom:15%}.rn-hero-copy{padding:35px 32px;align-self:center}.rn-hero-copy h3{font-size:29px;letter-spacing:-.8px;margin-bottom:12px}.rn-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.rn a.rn-link{display:inline-block;text-decoration:none;border-radius:12px;padding:11px 15px;background:#fff;border:1px solid #adcce8;color:#15497c;font-weight:750;font-size:14px}.rn a.rn-link:first-child{background:#235e99;color:#fff;border-color:#235e99}.rn-block{margin-top:28px;padding:26px;background:#ffffffd9;border:1px solid #c6dced;border-radius:22px}.rn-block-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:18px}.rn-block-head p{font-size:14px}.rn-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.rn button{font:inherit;cursor:pointer;color:#234d74;box-shadow:none;min-height:42px}.rn-tabs button,.rn-play{padding:9px 14px;border:1px solid #b3d1e9;border-radius:12px;background:#f3f9ff;font-size:14px;font-weight:750}.rn-tabs button[aria-pressed=true]{background:#215d98;color:#fff;border-color:#215d98}.rn button:focus-visible,.rn a:focus-visible,.rn summary:focus-visible{outline:3px solid #8560d1;outline-offset:3px}.rn-equipment{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:11px}.rn-item{min-width:0;text-align:center;padding:12px 8px;border:1px solid #dbe7f1;border-radius:15px;background:linear-gradient(#f9fcff,#eaf3fc)}.rn-item img{width:100%;height:112px;object-fit:contain;display:block;margin:0 auto 8px;filter:drop-shadow(0 4px 6px #345d7b1c)}.rn-item figcaption{font-size:13px;font-weight:750;line-height:1.45;word-break:keep-all}.rn-materials{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.rn-materials .rn-item{padding:9px 5px}.rn-materials img{height:68px}.rn-materials figcaption{font-size:12px}.rn-material-note{font-size:13px;margin-top:12px!important}.rn-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rn-effect{border-radius:18px;padding:18px;text-align:center;background:linear-gradient(140deg,#142b48,#203855);color:white}.rn-effect h4{font-size:20px}.rn-effect p{font-size:13px;color:#d7e7f8}.rn-motion{width:min(100%,200px);aspect-ratio:1;margin:0 auto;background-size:1200% 100%;background-position:45.4545% 0;background-repeat:no-repeat}.rn-effect button{color:#fff;background:#ffffff14;border-color:#8ea6c4;font-size:13px;margin-top:10px}.rn-note{margin-top:15px!important;font-size:13px}.rn-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.rn-feature{padding:24px;border:1px solid #c6dced;background:white;border-radius:20px;min-width:0}.rn-feature h3{margin:15px 0 8px;font-size:21px}.rn-badges{height:150px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(140deg,#eaf5ff,#fff8e7);border-radius:13px;padding:15px}.rn-badges>img{width:30%;max-height:85px;object-fit:contain}.rn-title-stack{width:60%;display:grid;gap:8px}.rn-title-stack img{width:100%;height:55px;object-fit:contain}.rn-critical{display:grid;grid-template-columns:1fr 1fr;background:#152b47;border-radius:13px;padding:7px;height:150px}.rn-critical img{width:100%;height:67px;object-fit:contain}.rn-balloon-row{display:flex;gap:15px;justify-content:center;padding:15px;background:linear-gradient(#edf5ff,#fff9e9);border-radius:14px}.rn-balloon-row figure{text-align:center;width:30%}.rn-balloon-row img{width:100%;height:100px;object-fit:contain}.rn-balloon-row figcaption{font-weight:700;font-size:12px;margin-top:8px}.rn-notice-demo{height:150px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:#e8f3fc;padding:16px;border-radius:13px}.rn-fragment-count{font-size:11px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#34516e}.rn-fragment-count img{width:24px;height:24px;object-fit:contain}.rn-notice-banner{display:flex;align-items:center;gap:10px;min-height:58px;background:linear-gradient(100deg,#172b47,#223a5c);border:1px solid #bc9d52;border-radius:10px;color:#fff;padding:9px 12px;font-size:13px;box-shadow:0 4px 9px #16375820}.rn-notice-banner b{color:#ffe2a1;flex-shrink:0;font-size:11px}.rn-notice-banner span{line-height:1.5}.rn-platform{background:#edf6ff;border:1px solid #bdcee8;border-radius:15px;padding:18px 22px;margin-top:22px;font-size:14px;line-height:1.8}.rn-platform strong{color:#194b7d}.rn-release{font-size:12px!important;margin-top:16px!important}.sr-card-art>img{max-width:100%;height:100%;object-fit:contain}.sr-card-art .rn-card-frame{border:2px solid #e9cb85;border-radius:12px;background:radial-gradient(#32466c,#111e35);padding:9px;max-height:175px;width:142px}.rn-status{font-size:13px;margin:10px 0!important;color:#486582}
@media(max-width:700px){.rn{margin:35px auto 45px;width:calc(100% - 24px)}.rn-head{display:block}.rn-head>p{margin-top:13px}.rn-hero{grid-template-columns:1fr}.rn-hero-art{min-height:250px}.rn-hero-copy{padding:0 22px 26px}.rn-hero-copy h3{font-size:25px}.rn-block{padding:18px 13px}.rn-equipment{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rn-item{padding:10px 4px}.rn-item img{height:85px}.rn-item figcaption{font-size:12px}.rn-tabs{gap:5px}.rn-tabs button{padding:8px 10px;font-size:12px}.rn-materials{grid-template-columns:repeat(4,minmax(0,1fr))}.rn-materials img{height:55px}.rn-effects{gap:7px}.rn-effect{padding:12px 5px}.rn-effect h4{font-size:16px}.rn-effect p{font-size:11px}.rn-play{padding:8px!important;font-size:11px!important}.rn-features{grid-template-columns:1fr}.rn-feature{padding:18px}.rn-platform{padding:15px}.rn-block-head h3{font-size:21px}.rn-links{gap:7px}.rn a.rn-link{padding:10px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.rn *{animation:none!important;transition:none!important}}

/* Keep sprite URLs in same-origin CSS: public pages disallow inline style attributes. */
.rn-motion-success{background-image:url("assets/renewal-20261017/craft_effect_success_12.webp")}
.rn-motion-great_success{background-image:url("assets/renewal-20261017/craft_effect_great_success_12.webp")}
.rn-motion-failure{background-image:url("assets/renewal-20261017/craft_effect_failure_12.webp")}