:root{color:#1f2933;background:#d9d9d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.siteShell{background:#fff;max-width:514px;min-height:100vh;margin:0 auto}.siteMain{padding:0 0 48px}.article{background:#fff;padding:0}.article h1,.article h2,.article h3{color:#2f3337}.linkGrid,.cardGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.topHeader{color:#fff;background:#333;border-top:3px solid #efb058;padding:4px 12px}.serviceLogo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:12px;display:flex}.gameTitleBar{padding:10px 12px}.gameTitleBar a{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.gameIcon{object-fit:cover;border-radius:12px;flex:none;width:54px;height:54px}.gameTitleBar h1{margin:0;font-size:18px;line-height:1.35}.heroImage{object-fit:cover;width:100%;height:128px;display:block}.articleMenu{border-top:1px solid #d8d8d8;grid-template-columns:repeat(3,1fr);display:grid}.articleMenu a{text-align:center;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;justify-content:center;align-items:center;min-height:48px;padding:8px;font-size:15px;font-weight:800;display:flex}.articleMenu a:nth-child(3n){border-right:0}.siteFooter{color:#fff;background:#333;border-top:4px solid #efb058;gap:16px;padding:20px 12px 24px;display:grid}.siteFooterLead{gap:6px;display:grid}.siteFooterLead strong{color:#f1d538;font-size:15px;line-height:1.4}.siteFooterLead p,.siteFooterNotice{color:#d8e0e5;margin:0;font-size:12px;line-height:1.8}.siteFooterNav{grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.siteFooterNav a{color:#fff;text-align:center;background:#ffffff14;padding:10px 8px;font-size:12px;font-weight:800}.siteFooter small{color:#b8c4cc;text-align:center;font-size:11px;line-height:1.5}.popularSection{border-top:8px solid #ededed;border-bottom:1px solid #d8d8d8;padding:18px 0 0}.popularSection h2{text-align:center;margin:0 0 14px;font-size:18px}.popularList{counter-reset:popular;margin:0;padding:0;list-style:none}.popularList li{counter-increment:popular;border-top:1px solid #d8d8d8;align-items:center;gap:14px;min-height:58px;padding:8px 12px;display:flex}.popularList li:before{color:#333;content:counter(popular);background:#efb058;border-radius:6px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:inline-flex}.popularList a{color:#247aa8;font-weight:800;line-height:1.45}.articleBody{border-top:8px solid #ededed;padding:16px 14px 32px}.breadcrumb{color:#6f8794;margin:0 0 18px;font-size:13px;font-weight:700}.articleBody h2{margin:0 0 16px;font-size:24px;line-height:1.35}.articleBody p{font-size:16px;line-height:1.9}.menuCard,.characterCard,.equipmentTable{background:#fff;border:1px solid #eadbc7;border-radius:12px;padding:16px}.menuCard{display:block}.menuCard strong,.characterCard h3{color:#7c2d12}.characterStats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.characterStats span{text-align:center;background:#f7f1e8;border-radius:8px;padding:8px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eadbc7;padding:3px 10px}.dataArticle{padding:10px 12px 32px}.dataArticleHeader{margin-bottom:20px}.dataArticleHeader h1{color:#fff;background:#333;border-bottom:4px solid #f1d538;border-radius:8px 8px 0 0;margin:0 0 14px;padding:16px 18px;font-size:18px}.dataArticleHeader p:not(.breadcrumb){margin:0;font-size:15px;line-height:1.8}.dataFilterPanel{border:1px solid #d8e0e5;margin-bottom:12px}.dataFilterRow{grid-template-columns:96px 1fr;min-height:64px;display:grid}.dataFilterRow+.dataFilterRow{border-top:1px solid #d8e0e5}.dataFilterLabel{text-align:center;background:#eef3f6;border-right:1px solid #d8e0e5;justify-content:center;align-items:center;padding:12px 8px;font-size:14px;font-weight:800;display:flex}.dataFilterControl{align-items:center;padding:12px;display:flex}.dataSearchInput{color:#1f2933;border:1px solid #d8e0e5;border-radius:4px;width:100%;padding:12px;font-size:16px}.dataFilterChips{flex-wrap:wrap;gap:8px}.dataFilterChip{color:#247aa8;cursor:pointer;background:#fff;border:1px solid #c8d6df;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:800}.dataFilterChip.isSelected{color:#fff;background:#247aa8;border-color:#247aa8}.dataResetButton{color:#247aa8;cursor:pointer;background:0 0;border:0;margin:10px 0 0 auto;padding:0;font-size:14px;font-weight:700;display:block}.dataResultCount{color:#6f8794;text-align:right;margin:14px 0 8px;font-size:13px;font-weight:700}.dataTableScroll{border:1px solid #d8e0e5;width:100%;overflow-x:auto}.dataTable{min-width:760px}.dataTable th{text-align:center;white-space:nowrap;background:#eef3f6;border-bottom:1px solid #d8e0e5;border-right:1px solid #d8e0e5;font-size:14px;font-weight:800}.dataTable td{vertical-align:middle;border-bottom:1px solid #d8e0e5;border-right:1px solid #d8e0e5;font-size:14px;line-height:1.6}.dataTable tr:last-child td{border-bottom:0}.wideColumn{min-width:220px}.nameColumn{padding:5px 10px;font-weight:800}.skillNameColumn{min-width:100px;padding:5px 10px;font-weight:800}.skillOwnerCharactersCell{flex-wrap:wrap;align-items:flex-end;gap:6px 8px;display:flex}.skillOwnerCharacterChip{text-align:center;flex-direction:column;align-items:center;gap:4px;max-width:72px;display:inline-flex}.skillOwnerSep{color:#94a3af;align-self:center;font-size:13px;font-weight:600}.skillOwnerCharacterIcon{object-fit:contain;border-radius:4px;width:28px;height:28px}.skillOwnerCharacterName{font-size:11px;line-height:1.25}.paramColumn{background:#fff}.entityNameCell{text-align:center;place-items:center;display:grid}.entityIcon{object-fit:contain;width:30px;height:30px}.entityTextGroup{gap:2px;display:grid}.entityText{font-weight:800;line-height:1.35}.entityRuby{color:#6f8794;font-size:10px;font-weight:400;line-height:1}.skillSummaryCell{gap:4px;line-height:1.45;display:grid}.skillSummaryName{font-weight:800}.skillSummaryDescription{color:#4f6470;font-size:13px}.paramRankCell{background:linear-gradient(#4e4e4e 0%,#26323d 100%);border-radius:3px;padding:5px 8px;display:grid}.paramRankRow{grid-template-columns:25px 15px 1fr;align-items:center;gap:5px;display:grid}.paramRankRow.rank-s{--param-rank-color:#e8f3fa}.paramRankRow.rank-a{--param-rank-color:#fcc0ed}.paramRankRow.rank-b{--param-rank-color:#f08888}.paramRankRow.rank-c{--param-rank-color:#efad76}.paramRankRow.rank-d{--param-rank-color:#e3c78c}.paramRankRow.rank-e{--param-rank-color:#c7dd90}.paramRankRow.rank-f{--param-rank-color:#9aadd0}.paramRankLabel{color:#d6e0e6;font-size:12px}.paramRankIcon{object-fit:contain;width:15px;height:15px}.paramRankValue{color:var(--param-rank-color,#243746);font-weight:800}.characterLinkCell{gap:4px;line-height:1.45;display:grid}.characterLinkRow{display:block}.characterLinkTitle{font-weight:800}.rarityIcon{object-fit:contain;width:auto;height:22px}.tableRarityIcon{object-fit:contain;width:auto;height:25px;margin:0 auto;display:block}.tableKingdomFlag{object-fit:contain;width:auto;height:30px;margin:0 auto;display:block}.effectColumn{min-width:300px}.relatedArticleLinks{gap:10px;margin-top:22px;display:grid}.relatedArticleLinks a{color:#247aa8;text-align:center;border:1px solid #247aa8;padding:14px 12px;font-size:15px;font-weight:800}.guideArticle{background:#fff;gap:0;padding:0 0 24px;display:grid}.guideHero,.guideToc,.guideSection{background:#fff;padding:10px 8px 14px}.guideHero h1,.guideToc h2,.guideSection h2{color:#fff;background:#333;border-bottom:4px solid #f1d538;border-radius:4px 4px 0 0;margin:0 0 12px;padding:11px 12px;font-size:15px;line-height:1.4}.guideLead{margin:0;font-size:13px;line-height:1.9}.guideUpdated{color:#6f8794;text-align:right;margin:10px 0 0;font-size:12px;font-weight:700}.guideToc ol{counter-reset:guide-toc;gap:0;margin:0;padding:0;list-style:none;display:grid}.guideToc li{counter-increment:guide-toc}.guideToc a{color:#247aa8;border-bottom:1px solid #d8e0e5;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:8px 4px;font-size:13px;font-weight:800;display:grid}.guideToc a:before{color:#2f3337;content:counter(guide-toc);background:#f1d538;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:900;display:inline-flex}.guideSectionBody{gap:12px;display:grid}.guideSubheading{color:#2f3337;border-bottom:1px solid #2f3337;border-left:5px solid #2f3337;margin:0;padding:8px 8px 8px 10px;font-size:14px;line-height:1.5}.guideNote{color:#4f6470;margin:0;font-size:12px;line-height:1.8}.infoBox{border:1px solid #d8e0e5;overflow:hidden}.infoBox h3{background:#eef3f6;margin:0;padding:8px 10px;font-size:13px}.infoBox dl{margin:0}.infoBoxRow{grid-template-columns:76px 1fr;display:grid}.infoBoxRow+.infoBoxRow{border-top:1px solid #d8e0e5}.infoBox dt,.infoBox dd{margin:0;padding:10px;font-size:14px;line-height:1.6}.infoBox dt{text-align:center;background:#f7f9fb;border-right:1px solid #d8e0e5;font-weight:800}.stepList{counter-reset:guide-step;gap:0;margin:0;padding:0;list-style:none;display:grid}.stepList li{counter-increment:guide-step;border:1px solid #d8e0e5;gap:6px;padding:12px 12px 12px 52px;display:grid;position:relative}.stepList li:before{color:#f1d538;content:counter(guide-step);background:#333;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:12px}.stepList h3,.stepList p{margin:0}.stepList h3{font-size:15px}.stepList p{font-size:14px;line-height:1.7}.faqList{gap:0;display:grid}.faqList details{border:1px solid #d8e0e5;border-radius:0;padding:10px 12px}.faqList details+details{border-top:0}.faqList summary{color:#247aa8;cursor:pointer;font-size:14px;font-weight:800}.faqList p{margin:10px 0 0;font-size:14px;line-height:1.7}.relatedArticleGrid{gap:10px;display:grid}.relatedArticleGrid a{color:#247aa8;border:1px solid #247aa8;border-radius:8px;gap:6px;padding:12px;display:grid}.relatedArticleGrid strong{font-size:15px}.relatedArticleGrid span{color:#4f6470;font-size:13px;line-height:1.5}.rerollSummaryPanel{border:1px solid #d8e0e5;gap:0;display:grid}.rerollSummaryItem{grid-template-columns:96px 1fr;align-items:center;gap:8px;padding:9px 10px;display:grid}.rerollSummaryItem+.rerollSummaryItem{border-top:1px solid #d8e0e5}.rerollSummaryItem span{color:#7c2d12;font-size:12px;font-weight:800}.rerollSummaryItem strong{font-size:14px;line-height:1.5}.rerollTierTable{table-layout:fixed;border:1px solid #d8e0e5}.rerollTierTable th,.rerollTierTable td{vertical-align:middle;border:1px solid #d8e0e5;padding:5px}.rerollTierTable th{text-align:center;background:#f7f9fb;width:50px}.rerollTierTable td{background:#fff}.rerollRank{color:#7c2d12;font-size:28px;font-weight:900;line-height:1;display:block}.rerollTierTable small{color:#7c2d12;background:#f1d538;border-radius:2px;margin-top:4px;padding:1px 4px;font-size:9px;font-weight:900;display:inline-block}.rerollCharacterList{grid-template-columns:repeat(auto-fit,minmax(64px,max-content));gap:8px 2px;display:grid}.rerollCharacterCard{text-align:center;place-items:center;gap:2px;display:grid}.rerollCharacterCard img,.rerollPickupCard img{object-fit:contain;border-radius:6px;width:50px;height:50px}.rerollCharacterCard h4{margin:0;font-size:12px;font-weight:800;line-height:1}.rerollReasonList{gap:12px;display:grid}.rerollReasonBlock{gap:8px;display:grid}.rerollReasonBlock h3{color:#2f3337;border-left:4px solid #2f3337;margin:0;padding:2px 0 2px 8px;font-size:14px}.rerollReasonBlock p{margin:0;font-size:13px;line-height:1.9}.rerollReasonTable{table-layout:auto;border:1px solid #d8e0e5}.rerollReasonTable th,.rerollReasonTable td{vertical-align:middle;border:1px solid #d8e0e5;padding:8px;font-size:12px}.rerollReasonTable thead th{text-align:center;background:#eef3f6;font-weight:800}.rerollReasonTable tbody th{text-align:center;white-space:nowrap;width:70px}.rerollReasonTable img{object-fit:contain;width:42px;height:42px;margin:0 auto 4px;display:block}.rerollReasonTable strong{color:#247aa8;margin-bottom:4px;display:block}.rerollReasonTable ul{margin:0;padding:0;list-style:none}.rerollReasonTable p{margin:0}.rerollSpecialRecommendation{gap:10px;display:grid}.rerollSpecialCharacterCard{text-align:center;border:1px solid #d8e0e5;justify-items:center;gap:0;padding:5px 0;display:grid;box-shadow:0 2px 2px #2f33371a}.rerollSpecialCharacterCard img{object-fit:contain;border-radius:8px;width:64px;height:64px}.rerollSpecialCharacterCard h3{margin:0;font-size:13px}.rerollSpecialText{gap:10px;display:grid}.rerollSpecialText p{margin:0;font-size:12px}.rerollSpecialText strong{color:#ef4444}.rerollPickupGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rerollPickupCard{text-align:center;border:1px solid #eadbc7;border-radius:10px;justify-items:center;gap:6px;padding:10px 8px;display:grid}.rerollPickupCard span{color:#f1d538;background:#333;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.rerollPickupCard h3,.rerollPickupCard p{margin:0}.rerollPickupCard h3{font-size:14px}.rerollPickupCard p{font-size:12px;line-height:1.5}.formationCombinationList{gap:8px;display:grid}.formationRecommendationList{gap:10px;display:grid}.formationRecommendationCard{border:1px solid #d8e0e5;border-radius:10px;grid-template-columns:auto 1fr;gap:10px;padding:10px;display:grid}.formationRecommendationCard h3,.formationRecommendationCard p{margin:0}.formationRecommendationCard h3{font-size:14px;line-height:1.5}.formationRecommendationCard strong{color:#247aa8;margin:2px 0 4px;font-size:12px;display:block}.formationRecommendationCard p{font-size:12px;line-height:1.7}.formationCombinationCard{border:1px solid #d8e0e5;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px;display:grid}.formationCombinationCard h4,.formationCombinationCard p{margin:0}.formationCombinationCard h4{font-size:13px;line-height:1.4}.formationCombinationCard p{color:#247aa8;font-size:12px;font-weight:800}.formationCombinationCard small{color:#7c2d12;background:#f1d538;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:900;display:inline-block}.formationCharacterIcons{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.formationCharacterIcon{place-items:center;gap:2px;width:48px;display:grid}.formationCharacterIcon img{object-fit:contain;border-radius:6px;width:38px;height:38px}.formationCharacterIcon span{white-space:normal;font-size:10px;font-weight:800;line-height:1.2}.formationReasonTable tbody th{width:150px}.formationReasonTable td p+p,.formationReasonTable td p+ul{margin-top:6px}.formationExampleList{gap:10px;display:grid}.formationExampleCard{border:1px solid #d8e0e5;border-radius:10px;gap:10px;padding:10px;display:grid}.formationExampleCard h3,.formationExampleCard p{margin:0}.formationExampleCard h3{border-left:4px solid #2f3337;padding-left:8px;font-size:14px;line-height:1.5}.formationExampleCard p{margin-top:6px;font-size:13px;line-height:1.8}.topPageLead{background:#fff;border-top:8px solid #ededed;padding:16px 12px 14px}.topPageLead h2{color:#fff;background:#333;border-bottom:4px solid #f1d538;border-radius:4px 4px 0 0;margin:0 0 12px;padding:12px;font-size:17px;line-height:1.45}.topPageLead p:not(.breadcrumb){margin:0;font-size:14px;line-height:1.85}.topPageSection{background:#fff;border-top:8px solid #ededed;padding:14px 10px 16px}.topPageSection h2,.topSectionHeader h2{color:#fff;background:#333;border-bottom:4px solid #f1d538;border-radius:4px 4px 0 0;margin:0 0 12px;padding:10px 12px;font-size:16px;line-height:1.4}.topSectionHeader{grid-template-columns:1fr auto;align-items:stretch;margin-bottom:12px;display:grid}.topSectionHeader h2{margin:0}.topSectionHeader a{color:#2f3337;background:#f1d538;border-radius:0 4px 0 0;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:flex}.topFeatureGrid,.topGuideList,.topUpdateList{gap:10px;display:grid}.topFeatureCard{border:1px solid #d8e0e5;border-radius:10px;gap:8px;padding:0 0 12px;display:grid;overflow:hidden;box-shadow:0 2px 3px #2f333714}.topFeatureCard img,.topImagePlaceholder{object-fit:cover;background:linear-gradient(135deg,#eef3f6 0%,#d8e0e5 100%);width:100%;height:92px;display:block}.topImagePlaceholder{color:#6f8794;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.topFeatureLabel{color:#7c2d12;background:#f1d538;border-radius:999px;justify-self:start;margin:0 12px;padding:3px 9px;font-size:11px;font-weight:900}.topFeatureCard strong,.topFeatureCard p{margin:0 12px}.topFeatureCard strong{color:#247aa8;font-size:16px;line-height:1.45}.topFeatureCard p{color:#4f6470;font-size:13px;line-height:1.7}.topMenuGrid,.topDatabaseGrid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.topMenuCard,.topDatabaseCard{border:1px solid #d8e0e5;border-radius:8px;gap:5px;min-height:78px;padding:11px 10px;display:grid}.topMenuCard strong,.topDatabaseCard strong{color:#247aa8;font-size:15px;line-height:1.35}.topMenuCard span,.topDatabaseCard span{color:#4f6470;font-size:12px;line-height:1.5}.topRankingGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.topRankingCard{text-align:center;border:1px solid #eadbc7;border-radius:9px;justify-items:center;gap:4px;padding:8px 5px;display:grid;position:relative}.topRankingCard img{object-fit:contain;border-radius:7px;width:48px;height:48px}.topRankBadge{color:#f1d538;background:#333;border-radius:999px;padding:4px 6px;font-size:11px;font-weight:900;line-height:1;position:absolute;top:5px;left:5px}.topRankBadge-s{background:#7c2d12}.topRankingCard strong{font-size:13px;line-height:1.3}.topRankingCard p{color:#4f6470;margin:0;font-size:11px;line-height:1.45}.topGuideItem{border:1px solid #d8e0e5;gap:4px;padding:11px 12px;display:grid;position:relative}.topGuideItem strong{color:#247aa8;font-size:14px}.topGuideItem span{color:#4f6470;font-size:12px;line-height:1.6}.topGuideItem em{color:#6f8794;background:#eef3f6;border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:10px;right:10px}.topUpdateItem{border:1px solid #d8e0e5;border-radius:8px;gap:6px;padding:11px 12px;display:grid}.topUpdateItem span{color:#7c2d12;background:#f1d538;border-radius:999px;justify-self:start;padding:3px 8px;font-size:11px;font-weight:900}.topUpdateItem strong{font-size:14px}.topUpdateItem p{color:#4f6470;margin:0;font-size:12px;line-height:1.7}
