.tips-page{--tips-content-max: 1200px;--tips-content-x: var(--space-8);padding-top:var(--space-6)}.tips-page .tips-subnav{box-sizing:border-box;max-width:var(--tips-content-max);margin:var(--space-7) auto 0;padding:0 var(--tips-content-x) var(--space-3);border-bottom:1px solid var(--border-faint);justify-content:flex-start;gap:var(--space-6)}.tips-page .tips-subnav-btn{position:relative;border:0;border-radius:0;background:transparent;padding:0 0 var(--space-2);color:var(--text-muted);font-size:.95rem}.tips-page .tips-subnav-btn:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--radius-full);background:transparent}.tips-page .tips-subnav-btn.is-active{background:transparent;color:var(--accent-gold-light)}.tips-page .tips-subnav-btn.is-active:after{background:var(--accent-gold)}.tips-page .tips-subnav-btn:hover:not(.is-active){background:transparent;color:var(--text-bright)}.eg-main-content,.tips-main-content{max-width:var(--tips-content-max);margin:0 auto;padding:var(--space-7) var(--tips-content-x) var(--space-20)}.tips-meta{box-sizing:border-box;max-width:var(--tips-content-max);margin:0 auto;padding:0 var(--tips-content-x)}.tips-last-updated{margin:0 0 var(--space-3);color:var(--text-muted);font-size:.85rem}.tips-anchor,.tips-section,.tips-f2p-note{scroll-margin-top:96px}.tips-jumpbar{position:sticky;top:var(--space-4);z-index:20;box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);border:0;border-bottom:1px solid var(--border-faint);border-radius:0;background:#060912d1;backdrop-filter:blur(10px)}.tips-jump-label{color:var(--text-muted);font-size:.72rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.tips-jump-link{display:inline-flex;align-items:center;padding:0 0 2px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:var(--weight-medium);line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease}.tips-jump-link:hover{background:transparent;border-color:#facc1559;color:var(--text-primary)}.tips-jump-link.is-active{background:transparent;border-color:#facc15b3;color:#fde68a}.eg-content-card{background:var(--bg-surface);padding:var(--space-6) var(--space-7) var(--space-7);border:1px solid var(--border-subtle);border-top-color:var(--border-medium);border-radius:var(--radius-lg);margin-bottom:var(--space-7)}.eg-content-card:hover{border-color:#a855f766}.eg-content-card h2{margin-top:0;margin-bottom:var(--space-5);font-size:1.6rem;color:var(--accent-gold);padding-bottom:var(--space-3);border-bottom:1px solid rgba(250,204,21,.2)}.eg-content-card h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:1.1rem;color:#c4b5fd}.eg-content-card h4{margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-base);color:var(--text-primary)}.eg-content-card p,.eg-content-card li{line-height:1.85;color:var(--text-secondary);margin-bottom:var(--space-3)}.eg-content-card ul,.eg-content-card ol{margin-bottom:var(--space-4);padding-left:20px}.eg-content-card strong{color:var(--text-primary)}.eg-note-card{background:#facc150f;border-color:#facc154d;padding:var(--space-4) var(--space-6)}.eg-note-card p{margin:0;color:var(--text-secondary);line-height:1.7}.eg-team-example{background:#a855f714;border:1px solid rgba(168,85,247,.3);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-radius:var(--radius-sm)}.eg-team-example h4{margin-top:0;color:var(--accent-gold)}.eg-team-example p{margin-bottom:0;margin-top:0;line-height:1.8;color:var(--text-secondary)}.eg-warning-box{background:#dc26260f;border:1px solid rgba(220,38,38,.3);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border-radius:var(--radius-sm)}.eg-warning-box h3{margin-top:0;color:#fca5a5;font-size:var(--text-base)}.eg-warning-box p{margin-bottom:0}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-4) 0}.phase-card{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);border:1px solid}.phase-label{font-size:.78rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-2)}.phase-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0}.phase-early{background:#4ade8012;border-color:#4ade804d}.phase-early .phase-label{color:#86efac}.phase-mid{background:#facc1512;border-color:#facc154d}.phase-mid .phase-label{color:var(--accent-gold)}.phase-late{background:#a855f712;border-color:#a855f74d}.phase-late .phase-label{color:#c4b5fd}.star-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-4) 0}.star-box{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid}.star-box-title{font-size:.78rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-2)}.star-box-note{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-3);line-height:1.5}.star-good{background:#4ade800f;border-color:#4ade8040}.star-good .star-box-title{color:#86efac}.star-invest{background:#fb923c0f;border-color:#fb923c40}.star-invest .star-box-title{color:#fdba74}.hero-pill{display:inline-block;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#c4b5fd;white-space:nowrap}.hero-pill.pill-highlight{background:#a855f740;border-color:#a855f780;color:#e9d5ff}.hero-pill.comp-or{background:none;border-color:transparent;color:var(--text-disabled);font-weight:var(--weight-normal);font-style:italic;padding:var(--space-1)}.hero-pill.comp-flex{background:#facc151a;border-color:#facc154d;color:var(--accent-gold)}.hero-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0;align-items:center}.phase-row-grid{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0}.phase-row{background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.phase-row-label{font-size:.75rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-3)}.early-label{color:#86efac}.late-label{color:#c4b5fd}.support-tiers{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.support-tier{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.support-tier-label{font-size:.75rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-gold);white-space:nowrap}.hero-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-decoration:none;color:inherit;width:64px;flex-shrink:0}.hero-chip:hover .hero-chip-portrait{border-color:#a855f799;box-shadow:0 0 10px #a855f74d}.hero-chip.chip-highlight .hero-chip-portrait{border-color:#a855f780;box-shadow:0 0 6px #a855f733}.comp-entry{background:var(--chip-bg);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.comp-label{font-size:.78rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-gold);margin-bottom:var(--space-3)}.comp-notes{font-size:.85rem;color:var(--text-muted);line-height:1.65;margin:var(--space-3) 0 0}.milestone-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;display:table}.milestone-row{display:table-row}.milestone-chapter,.milestone-unlock,.milestone-why{display:table-cell;padding:var(--space-3);border-bottom:1px solid var(--border-faint);font-size:.9rem;vertical-align:top}.milestone-header .milestone-chapter,.milestone-header .milestone-unlock,.milestone-header .milestone-why{font-size:.75rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);border-bottom:1px solid var(--border-medium)}.milestone-chapter{width:80px;font-weight:var(--weight-bold);color:#a78bfa}.milestone-highlight .milestone-chapter{color:#f59e0b}.milestone-highlight .milestone-unlock,.milestone-highlight .milestone-why{color:#fde68a}.pinion-table{width:100%;display:table;margin:var(--space-4) 0}.pinion-row{display:table-row}.pinion-type,.pinion-pool,.pinion-when{display:table-cell;padding:var(--space-3);border-bottom:1px solid var(--border-faint);font-size:.9rem;vertical-align:top}.pinion-header .pinion-type,.pinion-header .pinion-pool,.pinion-header .pinion-when{font-size:.75rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);border-bottom:1px solid var(--border-medium)}.pinion-type{width:160px;font-weight:var(--weight-semibold);color:#60a5fa}.summon-subheading{margin:var(--space-6) 0 var(--space-2);color:var(--text-bright);font-size:var(--text-base)}.summon-rate-table{width:100%;display:table;margin:var(--space-4) 0;border:1px solid var(--border-faint);border-radius:var(--radius-md);overflow:hidden}.summon-rate-row{display:table-row}.summon-rate-row>div{display:table-cell;padding:var(--space-3);border-bottom:1px solid var(--border-faint);font-size:.88rem;vertical-align:middle}.summon-rate-row:last-child>div{border-bottom:0}.summon-rate-row>div:first-child{color:var(--text-primary);font-weight:var(--weight-semibold)}.summon-rate-row>div:not(:first-child){text-align:center;color:var(--text-secondary)}.summon-rate-header>div{background:var(--chip-bg);color:var(--text-muted)!important;font-size:.72rem;font-weight:var(--weight-bold)!important;letter-spacing:var(--tracking-wide);text-transform:uppercase}.summon-rate-table-target .summon-rate-row>div:first-child{width:72%}.summon-rate-best>div{background:#4ade800d}.summon-rate-best>div:last-child{color:#86efac;font-weight:var(--weight-bold)}.summon-formula-note{padding:var(--space-3) var(--space-4);border-left:3px solid rgba(96,165,250,.65);background:#60a5fa0d;color:var(--text-secondary)}.summon-formula-note p{margin:0;font-size:.88rem;line-height:1.55}.summon-formula-note p+p{margin-top:var(--space-2)}.summon-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-4) 0}.summon-outcome-card{padding:var(--space-4);border:1px solid var(--border-faint);border-radius:var(--radius-md);background:var(--chip-bg)}.summon-outcome-card:last-child{grid-column:1 / -1}.summon-outcome-title{color:var(--text-bright);font-size:.92rem;font-weight:var(--weight-bold)}.summon-outcome-rate{margin-top:2px;color:#93c5fd;font-size:.78rem}.summon-outcome-card ul{margin:var(--space-3) 0 0;padding-left:18px}.summon-outcome-card li{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:.84rem;line-height:1.5}.summon-outcome-weak{border-color:#ef444440;background:#ef44440a}.summon-outcome-best{border-color:#4ade804d;background:#4ade800d}.summon-outcome-best .summon-outcome-rate{color:#86efac}.summon-clarification{margin:var(--space-4) 0}.summon-summary{margin:var(--space-5) 0 var(--space-7);padding:var(--space-4) var(--space-5);border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-md);background:#4ade800d}.summon-summary h4{margin:0 0 var(--space-2);color:#86efac;font-size:var(--text-base)}.summon-summary ol{margin:0;padding-left:20px}.summon-summary li{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:.9rem;line-height:1.55}.mistakes-list{margin:var(--space-3) 0 0;padding-left:20px;line-height:1.75}.mistakes-list li{margin-bottom:var(--space-2)}.eg-core-rule-card{border:1px solid rgba(168,85,247,.3)}.core-rule-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-4) 0}.core-rule-carry,.core-rule-support{border-radius:var(--radius-md);padding:var(--space-4)}.core-rule-carry{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.core-rule-support{background:#3b82f614;border:1px solid rgba(59,130,246,.25)}.core-rule-label{font-size:.78rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-2)}.core-rule-carry .core-rule-label{color:#fca5a5}.core-rule-support .core-rule-label{color:#93c5fd}.core-rule-carry p,.core-rule-support p{margin:0;font-size:.9rem}.gear-priority-list{margin:var(--space-3) 0 var(--space-3);padding-left:20px;line-height:1.9}.diana-dionysus-box{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--chip-bg);border-radius:var(--radius-md);border:1px solid var(--border-faint)}.diana-dionysus-box h3{margin-top:0;font-size:var(--text-base)}.dd-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-3)}.dd-card{border-radius:var(--radius-sm);padding:var(--space-4)}.dd-beginner{background:#4ade8012;border:1px solid rgba(74,222,128,.25)}.dd-advanced{background:#fbbf2412;border:1px solid rgba(251,191,36,.25)}.dd-label{font-size:.78rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-2)}.dd-beginner .dd-label{color:#86efac}.dd-advanced .dd-label{color:#fde68a}.dd-card p{font-size:.88rem;margin:0 0 var(--space-2)}.dd-tag{color:var(--text-muted)!important;font-size:.8rem!important}.comparison-box{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin:var(--space-5) 0}.compare-section{background:var(--chip-bg);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.25)}.compare-section h4{margin-top:0;color:var(--accent-gold)}.eg-priority-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-5) 0}.eg-priority-col{border-radius:var(--radius-md);padding:var(--space-5);border:1px solid}.eg-priority-col-title{font-size:.78rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3)}.eg-priority-col ul{margin:0;padding-left:16px;line-height:1.9}.eg-priority-col li{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--space-1)}.eg-priority-now{background:#4ade800f;border-color:#4ade804d}.eg-priority-now .eg-priority-col-title{color:#86efac}.eg-priority-soon{background:#facc150f;border-color:#facc1540}.eg-priority-soon .eg-priority-col-title{color:var(--accent-gold)}.eg-priority-ignore{background:#9ca3af0f;border-color:#9ca3af40}.eg-priority-ignore .eg-priority-col-title{color:var(--text-muted)}.eg-footnote{font-size:.82rem;color:var(--text-muted);font-style:italic;margin:var(--space-2) 0 0}.eg-pillar-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.eg-pillar{display:flex;gap:var(--space-4);background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:flex-start}.eg-pillar-num{width:32px;height:32px;border-radius:var(--radius-full);background:#facc1526;border:1px solid rgba(250,204,21,.4);color:var(--accent-gold);font-weight:var(--weight-bold);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;flex-shrink:0}.eg-pillar-body{flex:1}.eg-pillar-title{font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-base)}.eg-pillar p{margin:0;font-size:.88rem}.eg-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin:var(--space-4) 0}.eg-role-col{background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.eg-role-label{font-size:.78rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--accent-gold);margin-bottom:var(--space-3)}.eg-role-list{padding-left:18px;margin:0 0 var(--space-4) 0}.eg-role-list li{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.mech-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-4) 0}.mech-counter{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}.mech-counter-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.mech-fac{display:inline-flex;align-items:center;gap:6px;font-weight:var(--weight-semibold);color:var(--fc, var(--text-primary));font-size:.9rem}.mech-fac img{width:18px;height:18px;object-fit:contain}.mech-counter-arrow{font-size:.72rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.mech-grade-ladder{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0;align-items:center}.mech-grade-step{font-size:.8rem;padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--chip-bg);border:1px solid var(--border-faint);color:var(--text-secondary);white-space:nowrap}.mech-grade-step.is-key{border-color:#facc1566;color:var(--accent-gold);background:#facc1514}.mech-grade-step.is-top{border-color:#a855f766;color:#c4b5fd;background:#a855f714}.eg-elixir-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:var(--space-4) 0}.eg-elixir-card{background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.eg-elixir-range{font-size:.75rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin-bottom:var(--space-2)}.eg-elixir-name{font-weight:var(--weight-semibold);color:var(--accent-gold);font-size:.9rem}@media(max-width:768px){.tips-page{padding-top:var(--space-5)}.tips-page .tips-subnav{flex-wrap:nowrap;overflow-x:auto;padding-left:0;padding-right:0;gap:var(--space-5);scrollbar-width:none}.tips-page .tips-subnav::-webkit-scrollbar{display:none}.eg-main-content,.tips-main-content{padding:var(--space-6) 0 60px}.tips-jumpbar{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-4);scrollbar-width:none}.tips-jumpbar::-webkit-scrollbar{display:none}.tips-jump-label,.tips-jump-link{flex:0 0 auto}.eg-content-card{padding:var(--space-5) var(--space-4)}.eg-content-card h2{font-size:1.35rem}.phase-grid{grid-template-columns:1fr;gap:var(--space-3)}.star-split{grid-template-columns:1fr}.hero-chip{width:58px}.hero-chip-portrait{width:58px;height:58px}.hero-chip-name{max-width:58px}.comparison-box,.eg-priority-matrix,.eg-role-grid,.mech-role-grid,.eg-elixir-tiers,.core-rule-split,.dd-split,.summon-outcome-grid{grid-template-columns:1fr}.summon-outcome-card:last-child{grid-column:auto}.milestone-table,.pinion-table,.milestone-row,.pinion-row{display:block}.milestone-header,.pinion-header{display:none}.milestone-row,.pinion-row{background:var(--chip-bg);border:1px solid var(--border-faint);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.milestone-chapter,.milestone-unlock,.milestone-why,.pinion-type,.pinion-when{display:block;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-faint);width:auto}.milestone-why,.pinion-when{border-bottom:0}.milestone-chapter:before{content:"Stage"}.milestone-unlock:before{content:"Unlocks"}.milestone-why:before{content:"Why it matters"}.pinion-type:before{content:"Item"}.pinion-when:before{content:"Action"}.milestone-chapter:before,.milestone-unlock:before,.milestone-why:before,.pinion-type:before,.pinion-when:before{display:block;font-size:.72rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);margin-bottom:2px}.summon-rate-table,.summon-rate-row,.summon-rate-row>div{display:block}.summon-rate-header{display:none}.summon-rate-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-faint)}.summon-rate-row:last-child{border-bottom:0}.summon-rate-row>div,.summon-rate-table-target .summon-rate-row>div:first-child{width:auto;padding:var(--space-1) 0;border:0;text-align:left!important}.summon-rate-row>div:before{content:attr(data-label);display:inline-block;min-width:118px;margin-right:var(--space-2);color:var(--text-muted);font-size:.7rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.summon-summary{padding:var(--space-4)}}@media(max-width:480px){.hero-pills{gap:var(--space-2)}.hero-pill{font-size:.78rem;padding:3px var(--space-3)}}