/* ============================================
   TRYBY-GRY BOTTOM SECTIONS — Production v1.0
   Shared CSS for: read-also, related-content, other-modes
   ============================================ */

/* ---------- READ ALSO ---------- */
.read-also{background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 32px;margin:3rem auto;max-width:900px}
.read-also-title{font-family:'Teko','Chakra Petch',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 rgba(255,255,255,.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 ---------- */
.related-content{max-width:900px;margin:2rem auto 3rem;padding:0 1.5rem}
.related-content .rc-title{font-family:'Teko','Chakra Petch',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 rgba(255,255,255,.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 h4{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:rgba(255,255,255,.6);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 ---------- */
.other-modes{max-width:1000px;margin:48px auto;padding:0 20px}
.other-modes .om-title{font-family:'Teko','Chakra Petch',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 rgba(255,255,255,.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','Chakra Petch',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)}

/* ---------- ACCENT COLOR VARIANTS ---------- */
/* Survival: gold */
.read-also[data-mode="survival"] .read-also-title i,.read-also[data-mode="survival"] .read-also-link:hover{border-color:rgba(212,160,23,.2);background:rgba(212,160,23,.06)}
.read-also[data-mode="survival"] .read-also-title i,.read-also[data-mode="survival"] .read-also-link .ra-icon{color:#D4A017}
.read-also[data-mode="survival"] .read-also-link:hover .ra-arrow{color:#D4A017}
.related-content[data-mode="survival"] .rc-title i{color:#D4A017}
.related-content[data-mode="survival"] .related-card:hover{border-color:rgba(212,160,23,.25)}
.related-content[data-mode="survival"] .related-card-icon{background:rgba(212,160,23,.1);color:#D4A017}
.related-content[data-mode="survival"] .related-card:hover .related-card-arrow{color:#D4A017}

/* BedWars: red */
.read-also[data-mode="bedwars"] .read-also-title i,.read-also[data-mode="bedwars"] .read-also-link:hover{border-color:rgba(231,76,60,.2);background:rgba(231,76,60,.06)}
.read-also[data-mode="bedwars"] .read-also-title i,.read-also[data-mode="bedwars"] .read-also-link .ra-icon{color:#E74C3C}
.read-also[data-mode="bedwars"] .read-also-link:hover .ra-arrow{color:#E74C3C}
.related-content[data-mode="bedwars"] .rc-title i{color:#E74C3C}
.related-content[data-mode="bedwars"] .related-card:hover{border-color:rgba(231,76,60,.25)}
.related-content[data-mode="bedwars"] .related-card-icon{background:rgba(231,76,60,.1);color:#E74C3C}
.related-content[data-mode="bedwars"] .related-card:hover .related-card-arrow{color:#E74C3C}

/* BoxPvP: crimson */
.read-also[data-mode="boxpvp"] .read-also-title i,.read-also[data-mode="boxpvp"] .read-also-link:hover{border-color:rgba(220,20,60,.2);background:rgba(220,20,60,.06)}
.read-also[data-mode="boxpvp"] .read-also-title i,.read-also[data-mode="boxpvp"] .read-also-link .ra-icon{color:#DC143C}
.read-also[data-mode="boxpvp"] .read-also-link:hover .ra-arrow{color:#DC143C}
.related-content[data-mode="boxpvp"] .rc-title i{color:#DC143C}
.related-content[data-mode="boxpvp"] .related-card:hover{border-color:rgba(220,20,60,.25)}
.related-content[data-mode="boxpvp"] .related-card-icon{background:rgba(220,20,60,.1);color:#DC143C}
.related-content[data-mode="boxpvp"] .related-card:hover .related-card-arrow{color:#DC143C}

/* Prison: orange */
.read-also[data-mode="prison"] .read-also-title i,.read-also[data-mode="prison"] .read-also-link:hover{border-color:rgba(232,146,11,.2);background:rgba(232,146,11,.06)}
.read-also[data-mode="prison"] .read-also-title i,.read-also[data-mode="prison"] .read-also-link .ra-icon{color:#E8920B}
.read-also[data-mode="prison"] .read-also-link:hover .ra-arrow{color:#E8920B}
.related-content[data-mode="prison"] .rc-title i{color:#E8920B}
.related-content[data-mode="prison"] .related-card:hover{border-color:rgba(232,146,11,.25)}
.related-content[data-mode="prison"] .related-card-icon{background:rgba(232,146,11,.1);color:#E8920B}
.related-content[data-mode="prison"] .related-card:hover .related-card-arrow{color:#E8920B}

/* SkyBlock: sky-blue */
.read-also[data-mode="skyblock"] .read-also-title i,.read-also[data-mode="skyblock"] .read-also-link:hover{border-color:rgba(74,144,217,.2);background:rgba(74,144,217,.06)}
.read-also[data-mode="skyblock"] .read-also-title i,.read-also[data-mode="skyblock"] .read-also-link .ra-icon{color:#4A90D9}
.read-also[data-mode="skyblock"] .read-also-link:hover .ra-arrow{color:#4A90D9}
.related-content[data-mode="skyblock"] .rc-title i{color:#4A90D9}
.related-content[data-mode="skyblock"] .related-card:hover{border-color:rgba(74,144,217,.25)}
.related-content[data-mode="skyblock"] .related-card-icon{background:rgba(74,144,217,.1);color:#4A90D9}
.related-content[data-mode="skyblock"] .related-card:hover .related-card-arrow{color:#4A90D9}

/* SkyWars: cyan */
.read-also[data-mode="skywars"] .read-also-title i,.read-also[data-mode="skywars"] .read-also-link:hover{border-color:rgba(0,191,255,.2);background:rgba(0,191,255,.06)}
.read-also[data-mode="skywars"] .read-also-title i,.read-also[data-mode="skywars"] .read-also-link .ra-icon{color:#00BFFF}
.read-also[data-mode="skywars"] .read-also-link:hover .ra-arrow{color:#00BFFF}
.related-content[data-mode="skywars"] .rc-title i{color:#00BFFF}
.related-content[data-mode="skywars"] .related-card:hover{border-color:rgba(0,191,255,.25)}
.related-content[data-mode="skywars"] .related-card-icon{background:rgba(0,191,255,.1);color:#00BFFF}
.related-content[data-mode="skywars"] .related-card:hover .related-card-arrow{color:#00BFFF}

/* Duels: purple */
.read-also[data-mode="duels"] .read-also-title i,.read-also[data-mode="duels"] .read-also-link:hover{border-color:rgba(155,89,182,.2);background:rgba(155,89,182,.06)}
.read-also[data-mode="duels"] .read-also-title i,.read-also[data-mode="duels"] .read-also-link .ra-icon{color:#9B59B6}
.read-also[data-mode="duels"] .read-also-link:hover .ra-arrow{color:#9B59B6}
.related-content[data-mode="duels"] .rc-title i{color:#9B59B6}
.related-content[data-mode="duels"] .related-card:hover{border-color:rgba(155,89,182,.25)}
.related-content[data-mode="duels"] .related-card-icon{background:rgba(155,89,182,.1);color:#9B59B6}
.related-content[data-mode="duels"] .related-card:hover .related-card-arrow{color:#9B59B6}

/* UHC: blood-red */
.read-also[data-mode="uhc"] .read-also-title i,.read-also[data-mode="uhc"] .read-also-link:hover{border-color:rgba(231,76,60,.2);background:rgba(231,76,60,.06)}
.read-also[data-mode="uhc"] .read-also-title i,.read-also[data-mode="uhc"] .read-also-link .ra-icon{color:#E74C3C}
.read-also[data-mode="uhc"] .read-also-link:hover .ra-arrow{color:#E74C3C}
.related-content[data-mode="uhc"] .rc-title i{color:#E74C3C}
.related-content[data-mode="uhc"] .related-card:hover{border-color:rgba(231,76,60,.25)}
.related-content[data-mode="uhc"] .related-card-icon{background:rgba(231,76,60,.1);color:#E74C3C}
.related-content[data-mode="uhc"] .related-card:hover .related-card-arrow{color:#E74C3C}

/* ---------- MODE CARD COLORS ---------- */
.mode-card[data-mode="survival"]{--mc:rgba(212,160,23,.2);--mc-solid:#D4A017}
.mode-card[data-mode="survival"] .mode-card-icon{background:rgba(212,160,23,.1);color:#D4A017}
.mode-card[data-mode="bedwars"]{--mc:rgba(231,76,60,.2);--mc-solid:#E74C3C}
.mode-card[data-mode="bedwars"] .mode-card-icon{background:rgba(231,76,60,.1);color:#E74C3C}
.mode-card[data-mode="boxpvp"]{--mc:rgba(220,20,60,.2);--mc-solid:#DC143C}
.mode-card[data-mode="boxpvp"] .mode-card-icon{background:rgba(220,20,60,.1);color:#DC143C}
.mode-card[data-mode="prison"]{--mc:rgba(232,146,11,.2);--mc-solid:#E8920B}
.mode-card[data-mode="prison"] .mode-card-icon{background:rgba(232,146,11,.1);color:#E8920B}
.mode-card[data-mode="skyblock"]{--mc:rgba(74,144,217,.2);--mc-solid:#4A90D9}
.mode-card[data-mode="skyblock"] .mode-card-icon{background:rgba(74,144,217,.1);color:#4A90D9}
.mode-card[data-mode="skywars"]{--mc:rgba(0,191,255,.2);--mc-solid:#00BFFF}
.mode-card[data-mode="skywars"] .mode-card-icon{background:rgba(0,191,255,.1);color:#00BFFF}
.mode-card[data-mode="duels"]{--mc:rgba(155,89,182,.2);--mc-solid:#9B59B6}
.mode-card[data-mode="duels"] .mode-card-icon{background:rgba(155,89,182,.1);color:#9B59B6}
.mode-card[data-mode="uhc"]{--mc:rgba(231,76,60,.2);--mc-solid:#E74C3C}
.mode-card[data-mode="uhc"] .mode-card-icon{background:rgba(231,76,60,.1);color:#E74C3C}

/* ---------- RESPONSIVE ---------- */
@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}
}

/* ---------- REDUCED MOTION ---------- */
@media(prefers-reduced-motion:reduce){
  .read-also-link,.related-card,.mode-card,.mode-card-icon,.mode-card-name,.related-card-arrow,.read-also-link .ra-arrow{transition:none!important;transform:none!important}
  .mode-card::before{transition:none!important}
}

/* === MOBILE UX v1.0 — Shared mobile improvements === */
@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:#fff;font-family:'Chakra Petch',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="survival"]{background:linear-gradient(135deg,#D4A017,#b8860b)}.mobile-sticky-cta[data-mode="bedwars"]{background:linear-gradient(135deg,#E74C3C,#C0392B)}.mobile-sticky-cta[data-mode="boxpvp"]{background:linear-gradient(135deg,#DC143C,#a01030)}.mobile-sticky-cta[data-mode="prison"]{background:linear-gradient(135deg,#E8920B,#c07808)}.mobile-sticky-cta[data-mode="skyblock"]{background:linear-gradient(135deg,#4A90D9,#3070b0)}.mobile-sticky-cta[data-mode="skywars"]{background:linear-gradient(135deg,#00BFFF,#0099cc)}.mobile-sticky-cta[data-mode="duels"]{background:linear-gradient(135deg,#9B59B6,#7b2d8e)}.mobile-sticky-cta[data-mode="uhc"]{background:linear-gradient(135deg,#E74C3C,#C0392B)}@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}}
@media(prefers-reduced-motion:reduce){.mobile-sticky-cta{animation:none}}

/* ============================================
   SEO ABOUT SECTION — Production v1.0
   Beautiful "O Trybie" bottom-of-page SEO text
   ============================================ */

/* ---------- SECTION WRAPPER ---------- */
.seo-about{position:relative;padding:64px 0 48px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.015) 100%);border-top:1px solid rgba(255,255,255,.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}

/* ---------- HEADER ---------- */
.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","Chakra Petch",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 rgba(255,255,255,.06);margin-bottom:16px}
.seo-about-badge i{font-size:.75rem}
.seo-about-title{font-family:"Cinzel Decorative",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(--seo-accent,#D4A017),var(--seo-accent-light,#F5D061));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ---------- CONTENT BODY ---------- */
.seo-about-body{font-size:.92rem;line-height:1.85;color:rgba(255,255,255,.55)}
.seo-about-body h3{font-family:"Teko","Chakra Petch",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(--seo-accent,#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(--seo-accent,#D4A017);color:var(--seo-accent-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}

/* ---------- EXPANDABLE ("Czytaj wiecej") ---------- */
.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:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;color:rgba(255,255,255,.6);font-family:"Chakra Petch",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:rgba(255,255,255,.07);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.15)}
.seo-about-toggle i{font-size:.65rem;transition:transform .3s}

/* ---------- ACCENT COLOR VARIANTS ---------- */
.seo-about[data-mode="survival"]{--seo-accent:#D4A017;--seo-accent-light:#F5D061;--seo-accent-rgb:212,160,23}
.seo-about[data-mode="bedwars"]{--seo-accent:#E74C3C;--seo-accent-light:#FF6B5A;--seo-accent-rgb:231,76,60}
.seo-about[data-mode="boxpvp"]{--seo-accent:#DC143C;--seo-accent-light:#FF2D55;--seo-accent-rgb:220,20,60}
.seo-about[data-mode="prison"]{--seo-accent:#E8920B;--seo-accent-light:#FFB84D;--seo-accent-rgb:232,146,11}
.seo-about[data-mode="skyblock"]{--seo-accent:#4A90D9;--seo-accent-light:#6BB5FF;--seo-accent-rgb:74,144,217}
.seo-about[data-mode="skywars"]{--seo-accent:#00BFFF;--seo-accent-light:#66D9FF;--seo-accent-rgb:0,191,255}
.seo-about[data-mode="duels"]{--seo-accent:#9B59B6;--seo-accent-light:#C39BD3;--seo-accent-rgb:155,89,182}
.seo-about[data-mode="uhc"]{--seo-accent:#E74C3C;--seo-accent-light:#FF6B5A;--seo-accent-rgb:231,76,60}

.seo-about::before{background:linear-gradient(90deg,transparent,var(--seo-accent,#D4A017),transparent)}
.seo-about-badge i{color:var(--seo-accent,#D4A017)}
.seo-about-body ul li::before{color:var(--seo-accent,#D4A017)}
.seo-about-toggle:hover{border-color:rgba(var(--seo-accent-rgb,212,160,23),.3)}

/* ---------- RESPONSIVE ---------- */
@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}
}

/* ---------- REDUCED MOTION ---------- */
@media(prefers-reduced-motion:reduce){
  .seo-about-more.open{animation:none}
  .seo-about-toggle i{transition:none}
}