:root{--sg-border:rgba(167,196,225,.18);--sg-card:rgba(11,27,43,.82);--sg-card2:rgba(17,39,59,.72);--sg-gold:#f0d691;--sg-text:#eaf2f8;--sg-muted:#a7b8c7;--sg-good:#9fd9bb;--sg-bad:#e3aaa6}
.static-guide-page,.static-index-page{background:#06101c;color:var(--sg-text)}
.sg-topnav{display:flex;gap:14px;align-items:center}.sg-topnav a{color:#cbd9e4;text-decoration:none;font-size:.9rem}.sg-topnav a:hover{color:#fff}
.sg-main{padding-top:24px;padding-bottom:42px}.sg-breadcrumb{display:flex;gap:8px;align-items:center;color:#7890a3;font-size:.82rem;margin-bottom:18px;flex-wrap:wrap}.sg-breadcrumb a{color:#aebfcd;text-decoration:none}.sg-breadcrumb strong{color:#e9f0f5}
.sg-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;padding:26px;border:1px solid var(--sg-border);border-radius:22px;background:linear-gradient(145deg,rgba(14,36,55,.96),rgba(5,16,28,.96));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.sg-portrait{aspect-ratio:1;border-radius:22px;overflow:hidden;background:#0d2235;border:1px solid rgba(255,255,255,.08)}.sg-portrait img{width:100%;height:100%;object-fit:cover;display:block}.sg-kicker{color:#88a5b9;font-size:.77rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.sg-title-row{display:flex;gap:14px;align-items:center;margin-top:5px}.sg-title-row h1{margin:0;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.1}.sg-tier{min-width:54px;text-align:center;border:1px solid rgba(240,214,145,.45);background:rgba(240,214,145,.1);color:var(--sg-gold);padding:7px 10px;border-radius:12px;font-weight:900}.sg-en{margin:8px 0;color:#9db2c3}.sg-tags{display:flex;gap:7px;flex-wrap:wrap}.sg-tags span{font-size:.76rem;padding:4px 9px;border-radius:999px;background:rgba(126,170,204,.11);border:1px solid rgba(126,170,204,.2);color:#bed1df}.sg-lead{font-size:1.05rem;line-height:1.85;margin:16px 0 0;max-width:900px}.sg-tier-reason{color:#c9d7e1;line-height:1.75}.sg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.sg-actions a{border:1px solid var(--sg-border);border-radius:10px;padding:10px 14px;color:#dce8f0;text-decoration:none}.sg-actions a.sg-primary{background:#d9c27f;color:#07111b;border-color:#d9c27f;font-weight:800}
.sg-section{margin-top:22px;padding:24px;border:1px solid var(--sg-border);border-radius:18px;background:var(--sg-card)}.sg-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.sg-section-head span{display:block;color:#7f9eb4;font-size:.73rem;letter-spacing:.14em;font-weight:800}.sg-section-head h2{margin:4px 0 0;font-size:1.38rem}.sg-section-head>p{margin:0;color:var(--sg-muted);max-width:650px;line-height:1.6;font-size:.9rem}.sg-section p{line-height:1.75}
.sg-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sg-config-grid>article{background:var(--sg-card2);border:1px solid rgba(255,255,255,.06);border-radius:15px;padding:17px}.sg-config-grid h3{margin:0 0 12px}.sg-card-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.sg-mini-card,.sg-rich-card{display:flex;gap:11px;align-items:center;padding:8px;border-radius:10px;background:rgba(0,0,0,.13)}.sg-mini-card img,.sg-rich-card img{width:42px;height:42px;object-fit:contain;border-radius:8px}.sg-mini-card div,.sg-rich-card div{min-width:0}.sg-mini-card strong,.sg-rich-card strong{display:block}.sg-mini-card small,.sg-rich-card small{color:#8ea5b7}.sg-rich-card{align-items:flex-start}.sg-rich-card p{margin:4px 0 0;color:#aebfcb;font-size:.83rem;line-height:1.55}
.sg-ability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg-ability{display:flex;gap:13px;background:var(--sg-card2);border:1px solid rgba(255,255,255,.06);padding:15px;border-radius:14px}.sg-ability img{width:54px;height:54px;border-radius:10px;object-fit:cover}.sg-ability small{color:#7e9cb2}.sg-ability h3{margin:2px 0 6px}.sg-ability p{margin:0;color:#b8c7d2;font-size:.9rem}.sg-combo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-combo-grid article{background:var(--sg-card2);border-radius:14px;padding:16px}.sg-combo-grid h3{margin:0}.sg-combo-steps{color:var(--sg-gold);font-weight:800}
.sg-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-timeline article{background:var(--sg-card2);border-radius:14px;padding:16px}.sg-timeline strong{color:var(--sg-gold)}.sg-timeline p{margin:7px 0 0;color:#b8c7d2}.sg-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-match-grid article{padding:16px;border-radius:14px;background:var(--sg-card2)}.sg-match-grid h3{margin:0 0 10px}.sg-match-grid div{display:flex;flex-wrap:wrap;gap:7px}.sg-match-grid span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.06)}.sg-match-grid .good h3{color:var(--sg-good)}.sg-match-grid .bad h3,.sg-match-grid .ban h3{color:var(--sg-bad)}
.sg-adjust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg-adjust-grid>article{background:var(--sg-card2);border-radius:14px;padding:16px}.sg-adjust-head{display:flex;justify-content:space-between;gap:12px}.sg-adjust-head strong{font-size:1.05rem}.sg-adjust-head small{color:var(--sg-gold)}.sg-adjust-grid ul{padding-left:19px}.sg-adjust-grid li{margin:8px 0}.sg-adjust-grid li strong,.sg-adjust-grid li span{display:block}.sg-adjust-grid li span{color:#9fb2c1;font-size:.86rem}.sg-adjust-grid li p{margin:4px 0;color:#c3d0da}.sg-warning{font-size:.83rem;color:#d9b5a5}.sg-method{background:linear-gradient(145deg,rgba(19,40,57,.92),rgba(10,24,38,.92))}.sg-rating-grid,.sg-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.sg-rating-grid div,.sg-balance-grid div{padding:12px;border-radius:11px;background:rgba(255,255,255,.04)}.sg-rating-grid span,.sg-balance-grid span{display:block;color:#879fb2;font-size:.78rem}.sg-rating-grid strong,.sg-balance-grid strong{display:block;margin-top:3px}.sg-more a{color:var(--sg-gold)}.sg-situ-grid,.sg-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-situ,.sg-category-grid article{padding:15px;border-radius:14px;background:var(--sg-card2)}.sg-situ>div{display:flex;gap:9px;align-items:center}.sg-situ img{width:42px;height:42px;object-fit:contain}.sg-situ small,.sg-category-grid span{display:block;color:#8aa3b6;margin-top:6px}.sg-source-list{padding-left:19px}.sg-source-list a{color:#c8d9e5}.sg-missing{color:#8196a6}
.sgi-main{padding-top:28px;padding-bottom:50px}.sgi-head{max-width:880px;margin-bottom:28px}.sgi-head>span{color:#819fb3;font-size:.74rem;letter-spacing:.15em;font-weight:800}.sgi-head h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:7px 0}.sgi-head p{color:#b3c3cf;line-height:1.8}.sgi-group{margin-top:28px}.sgi-group h2{display:flex;gap:10px;align-items:baseline}.sgi-group h2 small{color:#7993a6;font-size:.8rem}.sgi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sgi-grid a{display:block;text-decoration:none;color:#e6eef4;background:var(--sg-card);border:1px solid var(--sg-border);border-radius:14px;padding:14px}.sgi-grid a:hover{border-color:rgba(240,214,145,.42);transform:translateY(-1px)}.sgi-grid strong{font-size:1rem}.sgi-grid span{display:block;color:var(--sg-gold);font-size:.76rem;margin-top:3px}.sgi-grid p{color:#9fb2c0;font-size:.82rem;line-height:1.55;margin:8px 0 0}
.content-quality-note{margin:22px auto;padding:22px;border:1px solid rgba(167,196,225,.18);border-radius:16px;background:rgba(11,27,43,.7)}.content-quality-note h2{margin:0 0 9px}.content-quality-note p{color:#afc0cc;line-height:1.75}.content-quality-note ul{color:#afc0cc;line-height:1.8}.content-quality-note a{color:#f0d691}
@media(max-width:850px){.sg-topnav a:nth-child(n+2){display:none}.sg-hero{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:18px}.sg-title-row{align-items:flex-start}.sg-title-row h1{font-size:1.55rem}.sg-config-grid,.sg-ability-grid,.sg-adjust-grid{grid-template-columns:1fr}.sg-combo-grid,.sg-timeline,.sg-match-grid,.sg-situ-grid,.sg-category-grid{grid-template-columns:1fr}.sg-rating-grid,.sg-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-section{padding:18px}.sg-section-head{display:block}.sg-section-head>p{margin-top:9px}.sgi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sg-hero{grid-template-columns:76px minmax(0,1fr);align-items:start}.sg-portrait{border-radius:14px}.sg-en{font-size:.85rem}.sg-lead{grid-column:1/-1}.sg-actions{grid-column:1/-1}.sgi-grid{grid-template-columns:1fr}.sg-main{padding-top:16px}.sg-section{margin-top:14px}.sg-card-list.rich .sg-rich-card p{font-size:.8rem}}