.guide-page{min-height:100vh;background:#000000;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.guide-nav{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(46,204,113,.2)}.guide-nav-content{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;justify-content:space-between}.guide-nav-content,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.75rem;font-size:1.25rem;font-weight:700;color:#ffffff;text-decoration:none;transition:color .2s}.nav-logo:hover{color:#2ecc71}.nav-logo img{width:32px;height:32px}.nav-link-timer{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#ffffff;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s}.nav-link-timer:hover{background:linear-gradient(135deg,#27ae60,#229954);transform:translateY(-1px);box-shadow:0 4px 12px rgba(46,204,113,.4)}.guide-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.guide-header{text-align:center;margin-bottom:4rem}.guide-header h1{font-size:3.5rem;font-weight:900;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#2ecc71,#27ae60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-intro{font-size:1.25rem;color:#cccccc;line-height:1.7;max-width:800px;margin:0 auto}.guide-section{display:flex;flex-direction:column;gap:3rem;margin-bottom:4rem}.comeback-card{background:rgba(46,204,113,.03);border-radius:16px;padding:2.5rem;transition:all .3s;border:1px solid rgba(46,204,113,.15);border-left:4px solid #2ecc71}.comeback-card:hover{background:rgba(46,204,113,.08);border-color:rgba(46,204,113,.3);transform:translateY(-4px);box-shadow:0 8px 30px rgba(46,204,113,.2)}.mechanics-overview{border-left-color:#2ecc71}.comeback-gold{border-left-color:#f1c40f}.xp-catchup{border-left-color:#3498db}.playstyle{border-left-color:#9b59b6}.smoke-ganks{border-left-color:#6b7280}.buyback-timing{border-left-color:#e74c3c}.highground-defense{border-left-color:#3b82f6}.split-push{border-left-color:#f39c12}.mindset{border-left-color:#2ecc71}.card-header{gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(46,204,113,.1)}.card-header,.card-icon{display:flex;align-items:center}.card-icon{width:64px;height:64px;border-radius:12px;justify-content:center;flex-shrink:0}.comeback-icon{background:rgba(46,204,113,.15);color:#2ecc71}.gold-icon{background:rgba(241,196,15,.15);color:#f1c40f}.xp-icon{background:rgba(52,152,219,.15);color:#3498db}.playstyle-icon{background:rgba(155,89,182,.15);color:#9b59b6}.smoke-icon{background:rgba(107,114,128,.15);color:#6b7280}.buyback-icon{background:rgba(231,76,60,.15);color:#e74c3c}.defense-icon{background:rgba(59,130,246,.15);color:#3b82f6}.splitpush-icon{background:rgba(243,156,18,.15);color:#f39c12}.mindset-icon{background:rgba(46,204,113,.15);color:#2ecc71}.card-header h2{font-size:2rem;font-weight:700;margin:0;color:#ffffff}.timing-badge{display:inline-block;padding:.25rem .75rem;background:rgba(46,204,113,.15);color:#2ecc71;border-radius:12px;font-size:.875rem;font-weight:600;margin-top:.5rem}.card-content{gap:2rem}.card-content,.info-block{display:flex;flex-direction:column}.info-block{gap:1rem}.info-block h3{font-size:1.5rem;font-weight:700;color:#2ecc71;margin:0}.info-block h4{font-size:1.25rem;color:#ffffff}.info-block h4,.info-block h5{font-weight:600;margin:.5rem 0}.info-block h5{font-size:1.1rem;color:#2ecc71}.info-block ol,.info-block p,.info-block ul{color:#cccccc;line-height:1.7;margin:0}.info-block ol,.info-block ul{padding-left:1.5rem}.info-block li{margin:.5rem 0}.info-block li strong{color:#ffffff;font-weight:600}.highlight-box{background:rgba(46,204,113,.05);border:1px solid rgba(46,204,113,.2);border-radius:12px;padding:2rem}.highlight-box.aggressive{background:rgba(231,76,60,.05);border-color:rgba(231,76,60,.2)}.pro-tip{background:linear-gradient(135deg,rgba(46,204,113,.1),rgba(39,174,96,.05));border-left:4px solid #2ecc71;border-radius:8px;padding:1.5rem;margin-top:1rem}.pro-tip h4{font-size:1.1rem;font-weight:700;color:#2ecc71;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.pro-tip h4:before{content:"💡";font-size:1.25rem}.pro-tip p{color:#cccccc;line-height:1.7;margin:0}.formula-section{background:rgba(52,152,219,.05);border:1px solid rgba(52,152,219,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.formula-section h4{color:#3498db;margin-bottom:.75rem}.formula{font-family:Courier New,monospace;background:rgba(0,0,0,.3);padding:.75rem 1rem;border-radius:6px;font-size:1rem;color:#3498db;margin:.5rem 0}.formula-note{font-size:.9rem;color:#999;font-style:italic;margin:.5rem 0}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.example-card{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s}.example-card:hover{border-color:rgba(46,204,113,.3);transform:translateY(-2px)}.example-card.highlight{background:rgba(46,204,113,.05);border-color:rgba(46,204,113,.3)}.scenario-setup{font-weight:600;color:#f1c40f;margin-bottom:.5rem}.scenario-kill{font-weight:600;color:#e74c3c;margin:.75rem 0 .5rem}.scenario-note{font-size:.9rem;color:#2ecc71;font-style:italic;margin-top:.75rem;padding:.75rem;background:rgba(46,204,113,.1);border-radius:6px}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.strategy-card{background:rgba(0,0,0,.3);border:1px solid rgba(155,89,182,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.strategy-card:hover{border-color:rgba(155,89,182,.5);transform:translateY(-2px)}.strategy-card h4{color:#9b59b6;margin-bottom:.75rem}.strategy-points{display:flex;flex-direction:column;gap:1.5rem}.strategy-point{background:rgba(0,0,0,.2);border-left:3px solid #2ecc71;border-radius:8px;padding:1.25rem}.strategy-point h4{color:#2ecc71;margin-bottom:.75rem}.playstyle-scenarios{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.scenario{background:rgba(0,0,0,.3);border-left:4px solid #3498db;border-radius:8px;padding:1.5rem}.scenario.safe{border-left-color:#3498db}.scenario.aggressive{border-left-color:#e74c3c}.scenario h4{color:#ffffff;margin-bottom:.75rem}.decision-tree{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.decision-step{background:rgba(155,89,182,.1);border:1px solid rgba(155,89,182,.3);border-radius:12px;padding:1.5rem}.decision-step h4{color:#9b59b6;margin-bottom:.75rem}.decision-step p strong{color:#ffffff}.xp-mechanism{background:rgba(52,152,219,.05);border:1px solid rgba(52,152,219,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.xp-mechanism h4{color:#3498db;margin-bottom:.75rem}.xp-formula{background:rgba(0,0,0,.3);border-radius:8px;padding:1rem;margin:1rem 0}.execution-steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.execution-step{display:flex;gap:1.5rem;align-items:flex-start;background:rgba(0,0,0,.3);border-radius:12px;padding:1.5rem;border:1px solid rgba(107,114,128,.2);transition:all .3s}.execution-step:hover{border-color:rgba(107,114,128,.4);transform:translateX(4px)}.step-number{min-width:48px;height:48px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1 1}.step-content h4{color:#ffffff;margin-bottom:.75rem}.target-priority-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.priority-tier{background:rgba(0,0,0,.3);border-radius:12px;padding:1.5rem;border-left:4px solid}.priority-tier.S-tier{border-left-color:#f1c40f;background:rgba(241,196,15,.05)}.priority-tier.A-tier{border-left-color:#3498db;background:rgba(52,152,219,.05)}.priority-tier.B-tier{border-left-color:#95a5a6;background:rgba(149,165,166,.05)}.priority-tier h4{color:#ffffff;margin-bottom:.5rem}.tier-label{color:#999;margin-bottom:1rem}.tier-label,.tier-note{font-size:.9rem;font-style:italic}.tier-note{color:#e74c3c;margin-top:.75rem;padding:.75rem;background:rgba(231,76,60,.1);border-radius:6px}.mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.mistake-card{background:rgba(231,76,60,.05);border:1px solid rgba(231,76,60,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.mistake-card:hover{border-color:rgba(231,76,60,.4);transform:translateY(-2px)}.mistake-icon{font-size:2rem;margin-bottom:.75rem}.mistake-card h4{color:#e74c3c;margin-bottom:.75rem}.buyback-scenarios{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.buyback-scenario{background:rgba(0,0,0,.3);border-left:4px solid;border-radius:12px;padding:1.5rem}.buyback-scenario.must-buyback{border-left-color:#e74c3c;background:rgba(231,76,60,.05)}.buyback-scenario.should-buyback{border-left-color:#f39c12;background:rgba(243,156,18,.05)}.buyback-scenario.maybe-buyback{border-left-color:#f1c40f;background:rgba(241,196,15,.05)}.buyback-scenario.never-buyback{border-left-color:#95a5a6;background:rgba(149,165,166,.05)}.buyback-scenario h4{color:#ffffff;margin-bottom:.75rem}.team-buyback-guide{background:rgba(231,76,60,.05);border:1px solid rgba(231,76,60,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.buyback-coordination{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.coordination-step{background:rgba(0,0,0,.3);border-radius:8px;padding:1.25rem}.coordination-step h4{color:#e74c3c;margin-bottom:.75rem}.pro-example{background:rgba(46,204,113,.1);border-left:4px solid #2ecc71;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.pro-example h4{color:#2ecc71;margin-bottom:.75rem}.example-context{color:#f1c40f;font-weight:600;margin-bottom:.75rem}.example-lesson{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(46,204,113,.2)}.example-note{font-size:.9rem;color:#2ecc71;font-style:italic;margin-top:.75rem}.economy-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.economy-tip{background:rgba(241,196,15,.05);border:1px solid rgba(241,196,15,.2);border-radius:12px;padding:1.5rem}.economy-tip h4{color:#f1c40f;margin-bottom:.75rem}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.advantage-card{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.advantage-card:hover{border-color:rgba(59,130,246,.4);transform:translateY(-2px)}.advantage-card h4{color:#3b82f6;margin-bottom:.75rem}.defense-strategy{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.strategy-phase{background:rgba(59,130,246,.05);border-left:4px solid #3b82f6;border-radius:12px;padding:1.5rem}.strategy-phase h4{color:#3b82f6;margin-bottom:.75rem}.hero-tier-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.hero-tier{background:rgba(0,0,0,.3);border-left:4px solid;border-radius:12px;padding:1.5rem}.hero-tier.S-tier{border-left-color:#f1c40f;background:rgba(241,196,15,.05)}.hero-tier.A-tier{border-left-color:#3498db;background:rgba(52,152,219,.05)}.hero-tier.B-tier{border-left-color:#95a5a6;background:rgba(149,165,166,.05)}.hero-tier.ultra-late{border-left-color:#9b59b6;background:rgba(155,89,182,.05)}.hero-tier.mid-late{border-left-color:#3498db;background:rgba(52,152,219,.05)}.hero-tier.timing{border-left-color:#f39c12;background:rgba(243,156,18,.05)}.hero-tier h4{color:#ffffff;margin-bottom:.5rem}.tier-description{font-size:.9rem;color:#999;font-style:italic;margin-bottom:1rem}.glyph-guide{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.glyph-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.glyph-use{background:rgba(0,0,0,.3);border-left:4px solid;border-radius:8px;padding:1.25rem}.glyph-use.must{border-left-color:#2ecc71}.glyph-use.avoid{border-left-color:#e74c3c}.glyph-use h5{color:#ffffff;margin-bottom:.75rem}.splitpush-heroes{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.hero-category{background:rgba(0,0,0,.3);border-left:4px solid;border-radius:12px;padding:1.5rem}.hero-category.S-tier{border-left-color:#f1c40f;background:rgba(241,196,15,.05)}.hero-category.A-tier{border-left-color:#3498db;background:rgba(52,152,219,.05)}.hero-category.B-tier{border-left-color:#95a5a6;background:rgba(149,165,166,.05)}.hero-category h4{color:#ffffff;margin-bottom:.5rem}.category-desc{font-size:.9rem;color:#999;font-style:italic;margin-bottom:1rem}.hero-detailed{background:rgba(0,0,0,.3);border-radius:8px;padding:1.25rem;margin-top:1rem}.hero-detailed h5{color:#f39c12;margin-bottom:.75rem}.execution-guide,.team-coordination{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.coordination-scenario{background:rgba(243,156,18,.05);border:1px solid rgba(243,156,18,.2);border-radius:12px;padding:1.5rem}.coordination-scenario h4{color:#f39c12;margin-bottom:.75rem}.coordination-scenario p strong{color:#ffffff}.mistakes-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.mistake-item{background:rgba(231,76,60,.05);border:1px solid rgba(231,76,60,.2);border-radius:12px;padding:1.5rem;display:flex;gap:1.5rem;align-items:flex-start}.mistake-item h4{color:#e74c3c;margin-bottom:.5rem}.mistake-fix{margin-top:.75rem;padding:.75rem;background:rgba(46,204,113,.1);border-radius:6px;font-size:.95rem}.mindset-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.mindset-card{background:rgba(0,0,0,.3);border-left:4px solid;border-radius:12px;padding:1.5rem;transition:all .3s}.mindset-card.positive{border-left-color:#2ecc71;background:rgba(46,204,113,.05)}.mindset-card.negative{border-left-color:#e74c3c;background:rgba(231,76,60,.05)}.mindset-card:hover{transform:translateY(-2px)}.mindset-card h4{color:#ffffff;margin-bottom:.75rem}.surrender-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.scenario.unwinnable{border-left-color:#e74c3c;background:rgba(231,76,60,.05)}.scenario.winnable{border-left-color:#2ecc71;background:rgba(46,204,113,.05)}.pro-examples{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.principle-card{background:rgba(243,156,18,.05);border:1px solid rgba(243,156,18,.2);border-radius:12px;padding:1.5rem;transition:all .3s}.principle-card:hover{border-color:rgba(243,156,18,.4);transform:translateY(-2px)}.principle-card h4{color:#f39c12;margin-bottom:.75rem}.buyback-cost-info{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.cost-examples,.cost-formula{background:rgba(0,0,0,.3);border-radius:8px;padding:1.25rem}.cost-examples h4{color:#f1c40f;margin-bottom:1rem}.smoke-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.smoke-point{background:rgba(107,114,128,.05);border:1px solid rgba(107,114,128,.2);border-radius:12px;padding:1.5rem}.smoke-point h4{color:#6b7280;margin-bottom:.75rem}.guide-summary{background:rgba(46,204,113,.05);border:1px solid rgba(46,204,113,.2);border-radius:16px;padding:3rem 2rem;margin:4rem 0}.guide-summary h2{text-align:center;font-size:2rem;font-weight:700;color:#2ecc71;margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.summary-card{background:rgba(0,0,0,.3);border:1px solid rgba(46,204,113,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.summary-card:hover{border-color:rgba(46,204,113,.5);transform:translateY(-4px);box-shadow:0 8px 20px rgba(46,204,113,.2)}.summary-card h3{font-size:1.25rem;font-weight:600;color:#2ecc71;margin-bottom:.75rem}.summary-value{font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.summary-detail{font-size:.9rem;color:#999;line-height:1.5}.guide-cta{background:linear-gradient(135deg,rgba(46,204,113,.1),rgba(39,174,96,.05));border:1px solid rgba(46,204,113,.3);border-radius:16px;padding:3rem 2rem;text-align:center;margin:4rem 0}.guide-cta h2{font-size:2rem;font-weight:700;color:#2ecc71;margin-bottom:1rem}.guide-cta p{font-size:1.1rem;color:#cccccc;line-height:1.7;max-width:700px;margin:0 auto 2rem}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#ffffff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s}.cta-button:hover{background:linear-gradient(135deg,#27ae60,#229954);transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,204,113,.4)}.guide-footer{background:rgba(0,0,0,.5);border-top:1px solid rgba(46,204,113,.2);padding:3rem 2rem;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-content p{color:#999;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:#2ecc71;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#27ae60}@media (max-width:768px){.guide-header h1{font-size:2.5rem}.guide-intro{font-size:1.1rem}.card-header{flex-direction:column;align-items:flex-start}.card-icon{width:48px;height:48px}.advantages-grid,.economy-tips,.example-grid,.mindset-principles,.strategy-grid{grid-template-columns:1fr}.execution-step{flex-direction:column}.step-number{min-width:40px;height:40px;font-size:1.25rem}.summary-grid{grid-template-columns:1fr}}