.read-also{background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--white-alpha-06);border-radius:16px;padding:28px 32px;margin:3rem auto;max-width:900px}.read-also-title{font-family:Teko,Rajdhani,sans-serif;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);margin:0 0 16px;display:flex;align-items:center;gap:10px}.read-also-title i{font-size:1.1rem}.read-also-links{display:flex;flex-direction:column;gap:8px}.read-also-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:rgba(255,255,255,.85);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);background:rgba(255,255,255,.02);border:1px solid var(--white-alpha-04)}.read-also-link:hover{transform:translateX(4px)}.read-also-link .ra-icon{width:20px;text-align:center;flex-shrink:0;font-size:.85rem}.read-also-link .ra-arrow{margin-left:auto;opacity:.3;transition:all .3s;font-size:.75rem}.read-also-link:hover .ra-arrow{opacity:1}.related-content{max-width:900px;margin:2rem auto 3rem;padding:0 1.5rem}.related-content .rc-title{font-family:Teko,Rajdhani,sans-serif;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);margin:0 0 20px;display:flex;align-items:center;gap:10px}.related-content .rc-title i{font-size:1.1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.related-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--white-alpha-06);border-radius:14px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1)}.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.related-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.related-card-body{flex:1;min-width:0}.related-card h3{font-size:.88rem;font-weight:700;color:rgba(255,255,255,.9);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-card p{font-size:.75rem;color:var(--white-alpha-60);line-height:1.4;margin:0}.related-card-arrow{color:rgba(255,255,255,.15);font-size:.75rem;flex-shrink:0;transition:all .3s}.related-card:hover .related-card-arrow{opacity:1}.other-modes{max-width:1000px;margin:48px auto;padding:0 20px}.other-modes .om-title{font-family:Teko,Rajdhani,sans-serif;font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);margin:0 0 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.other-modes .om-title i{font-size:1.2rem;color:rgba(255,255,255,.3)}.modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;justify-content:center}.mode-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px 24px;background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--white-alpha-06);border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;position:relative;overflow:hidden}.mode-card::before{content:'';position:absolute;inset:0;border-radius:16px;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at 50% 80%,var(--mc,rgba(255,255,255,.05)),transparent 70%)}.mode-card:hover::before{opacity:1}.mode-card:hover{transform:translateY(-6px);border-color:var(--mc-solid,rgba(255,255,255,.15));box-shadow:0 12px 40px var(--mc,rgba(0,0,0,.2))}.mode-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s;position:relative;z-index:1}.mode-card:hover .mode-card-icon{transform:scale(1.1)}.mode-card-name{font-family:Teko,Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.5);transition:color .3s;position:relative;z-index:1}.mode-card:hover .mode-card-name{color:var(--mc-solid,#fff)}[data-mode=survival]{--mc-solid:#D4A017;--mc-light:#F5D061;--mc-dark:#b8860b;--mc-rgb:212,160,23}[data-mode=bedwars]{--mc-solid:#E74C3C;--mc-light:#FF6347;--mc-dark:#C0392B;--mc-rgb:231,76,60}[data-mode=boxpvp]{--mc-solid:#DC143C;--mc-light:#FF3333;--mc-dark:#a01030;--mc-rgb:220,20,60}[data-mode=prison]{--mc-solid:#E8920B;--mc-light:#FFB84D;--mc-dark:#c07808;--mc-rgb:232,146,11}[data-mode=skyblock]{--mc-solid:#4A90D9;--mc-light:#6BB5FF;--mc-dark:#3070b0;--mc-rgb:74,144,217}[data-mode=skywars]{--mc-solid:#00BFFF;--mc-light:#66D9FF;--mc-dark:#0099cc;--mc-rgb:0,191,255}[data-mode=duels]{--mc-solid:#00D4FF;--mc-light:#66D9FF;--mc-dark:#0099BB;--mc-rgb:0,212,255}[data-mode=uhc]{--mc-solid:#E74C3C;--mc-light:#FF6347;--mc-dark:#C0392B;--mc-rgb:231,76,60}.read-also[data-mode] .read-also-link:hover,/* ---------- READ-ALSO ACCENT (usesmodevars) ---------- */ .read-also[data-mode] .read-also-title i{border-color:rgba(var(--mc-rgb),.2);background:rgba(var(--mc-rgb),.06)}.read-also[data-mode] .read-also-link .ra-icon,.read-also[data-mode] .read-also-title i{color:var(--mc-solid)}.read-also[data-mode] .read-also-link:hover .ra-arrow{color:var(--mc-solid)}.related-content[data-mode] .rc-title i{color:var(--mc-solid)}.related-content[data-mode] .related-card:hover{border-color:rgba(var(--mc-rgb),.25)}.related-content[data-mode] .related-card-icon{background:rgba(var(--mc-rgb),.1);color:var(--mc-solid)}.related-content[data-mode] .related-card:hover .related-card-arrow{color:var(--mc-solid)}.mode-card[data-mode]{--mc:rgba(var(--mc-rgb),.2)}.mode-card[data-mode] .mode-card-icon{background:rgba(var(--mc-rgb),.1);color:var(--mc-solid)}@media(max-width:640px){.read-also{padding:20px;margin:2rem 16px}.read-also-link{padding:10px 12px;font-size:.85rem}.related-grid{grid-template-columns:1fr}.modes-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.mode-card{padding:20px 12px 18px}.mode-card-icon{width:48px;height:48px;font-size:1.3rem}.other-modes{padding:0 16px}}:focus-visible{outline:2px solid var(--gold,#D4A017);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:0}@supports(padding:env(safe-area-inset-top)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-sticky-cta{bottom:calc(16px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right))}}@media(max-width:768px){.modes-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 16px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.modes-grid::-webkit-scrollbar{display:none}.mode-card{flex:0 0 120px;scroll-snap-align:start;min-height:44px}.other-modes .om-title{justify-content:flex-start;padding-left:16px}.read-also-link{min-height:44px}.related-card{min-height:44px}}.mobile-sticky-cta{display:none}@media(max-width:768px){.mobile-sticky-cta{position:fixed;bottom:16px;left:16px;right:16px;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;color:var(--text-primary,#eaeaea);font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;border-radius:50px;box-shadow:0 8px 30px rgba(0,0,0,.4);animation:cta-pulse 3s ease-in-out infinite;-webkit-tap-highlight-color:transparent}.mobile-sticky-cta i{font-size:1rem}.mobile-sticky-cta[data-mode]{background:linear-gradient(135deg,var(--mc-solid),var(--mc-dark))}@keyframes cta-pulse{0%,100%{box-shadow:0 8px 30px rgba(0,0,0,.4)}50%{box-shadow:0 8px 40px rgba(255,255,255,.15)}}body{padding-bottom:80px}}@media(min-width:769px){.mobile-sticky-cta{display:none}}.seo-about{position:relative;padding:64px 0 48px;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.015) 100%);border-top:1px solid var(--white-alpha-04)}.seo-about::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;border-radius:2px;opacity:.6}.seo-about .container{max-width:820px;margin:0 auto;padding:0 24px}.seo-about-header{text-align:center;margin-bottom:36px}.seo-about-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-family:Teko,Rajdhani,sans-serif;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.03);border:1px solid var(--white-alpha-06);margin-bottom:16px}.seo-about-badge i{font-size:.75rem}.seo-about-title{font-family:Orbitron,serif;font-size:1.5rem;font-weight:700;color:rgba(255,255,255,.9);margin:0;line-height:1.3}.seo-about-title span{background:linear-gradient(135deg,var(--mc-solid,#d4a017),var(--mc-light,#f5d061));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-about-body{font-size:.92rem;line-height:1.85;color:rgba(255,255,255,.55)}.seo-about-body h3{font-family:Teko,Rajdhani,sans-serif;font-size:1.3rem;font-weight:600;color:rgba(255,255,255,.8);margin:28px 0 12px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.seo-about-body h3 i{font-size:.9rem;opacity:.5}.seo-about-body p{margin-bottom:16px}.seo-about-body strong{color:rgba(255,255,255,.85);font-weight:600}.seo-about-body a{color:var(--mc-solid,#d4a017);text-decoration:underline;text-decoration-color:rgba(255,255,255,.15);text-underline-offset:3px;transition:text-decoration-color .3s,color .3s}.seo-about-body a:hover{text-decoration-color:var(--mc-solid,#D4A017);color:var(--mc-light,#f5d061)}.seo-about-body ul{list-style:none;padding:0;margin:0 0 16px}.seo-about-body ul li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.seo-about-body ul li:last-child{border-bottom:none}.seo-about-body ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:10px;font-size:.7rem;opacity:.7}.seo-about-more{display:none}.seo-about-more.open{display:block;animation:seoFadeIn .4s ease}@keyframes seoFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.seo-about-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;background:var(--white-alpha-04);border:1px solid rgba(255,255,255,.08);border-radius:24px;color:var(--white-alpha-60);font-family:Rajdhani,sans-serif;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.seo-about-toggle:hover{background:var(--white-alpha-07);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.15)}.seo-about-toggle i{font-size:.65rem;transition:transform .3s}.seo-about::before{background:linear-gradient(90deg,transparent,var(--mc-solid,#d4a017),transparent)}.seo-about-badge i{color:var(--mc-solid,#d4a017)}.seo-about-body ul li::before{color:var(--mc-solid,#d4a017)}.seo-about-toggle:hover{border-color:rgba(var(--mc-rgb,212,160,23),.3)}@media(max-width:640px){.seo-about{padding:40px 0 32px}.seo-about .container{padding:0 16px}.seo-about-title{font-size:1.25rem}.seo-about-body{font-size:.87rem}.seo-about-body h3{font-size:1.15rem}}