/* P.O.B. public redesign pack 02 - global public shell + canvas style */
:root{
  --pob-ink:#020609;
  --pob-ink-2:#051012;
  --pob-panel:rgba(5,17,21,.78);
  --pob-panel-2:rgba(3,10,14,.92);
  --pob-border:rgba(96,255,166,.16);
  --pob-border-strong:rgba(96,255,166,.34);
  --pob-text:#f4fbf6;
  --pob-muted:#adc2b8;
  --pob-green:#42ff87;
  --pob-cyan:#10cfff;
  --pob-blue:#2a8cff;
  --pob-gold:#f6bd16;
  --pob-gold-2:#bb7e00;
  --pob-red:#ff5b5b;
  --pob-shadow:0 24px 70px rgba(0,0,0,.46);
  --pob-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --pob-display:Rajdhani,Impact,"Arial Narrow",var(--pob-font);
}

body.pob-public-shell{
  margin:0;
  min-height:100vh;
  color:var(--pob-text);
  background:
    radial-gradient(circle at 15% 8%, rgba(66,255,135,.12), transparent 32rem),
    radial-gradient(circle at 82% 12%, rgba(16,207,255,.14), transparent 34rem),
    radial-gradient(circle at 78% 62%, rgba(246,189,22,.08), transparent 32rem),
    linear-gradient(180deg,#020609 0%,#031011 42%,#020609 100%);
  font-family:var(--pob-font);
  overflow-x:hidden;
}
body.pob-public-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-4;
  background:
    linear-gradient(180deg,rgba(2,6,9,.55),rgba(2,6,9,.88)),
    url('/assets/img/bannerd.jpg') center top/cover no-repeat;
  opacity:.38;
  filter:saturate(1.1) contrast(1.05);
}
body.pob-public-shell::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(66,255,135,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,207,255,.03) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 85%);
}
body.pob-public-shell a{color:inherit;text-decoration:none}
body.pob-public-shell img{max-width:100%;display:block}
body.pob-public-shell .container{width:min(1220px,calc(100% - 36px));margin-inline:auto}
body.pob-page-home .pob-global-canvas,body.pob-page-home .pob-global-orbit{display:none!important}

.pob-global-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  mix-blend-mode:screen;
}
.pob-global-orbit{
  position:fixed;
  right:4vw;
  top:150px;
  width:260px;
  height:260px;
  border-radius:50%;
  z-index:-1;
  opacity:.33;
  pointer-events:none;
  background:
    radial-gradient(circle,transparent 45%,rgba(16,207,255,.12) 46%,transparent 47%),
    conic-gradient(from 0deg,transparent,rgba(66,255,135,.48),transparent 34%,rgba(246,189,22,.38),transparent 67%,rgba(16,207,255,.42),transparent);
  filter:drop-shadow(0 0 24px rgba(16,207,255,.18));
  animation:pobOrbit 16s linear infinite;
}
@keyframes pobOrbit{to{transform:rotate(360deg)}}

body.pob-public-shell main{padding:112px 0 78px;position:relative;z-index:1}
body.pob-public-shell.pob-page-home main{padding:0!important}

body.pob-public-shell .topbar-pob-redesign{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:90;
  background:linear-gradient(180deg,rgba(2,6,9,.94),rgba(2,6,9,.72));
  border-bottom:1px solid rgba(66,255,135,.16);
  box-shadow:0 18px 55px rgba(0,0,0,.44);
  backdrop-filter:blur(18px);
}
body.pob-public-shell .topbar-pob-redesign::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(66,255,135,.72),rgba(16,207,255,.5),rgba(246,189,22,.42),transparent);
}
body.pob-public-shell .topbar-inner{
  min-height:86px;
  padding:0;
  display:flex;
  align-items:center;
  gap:22px;
}
body.pob-public-shell .brand{gap:14px;min-width:max-content;position:relative;z-index:2}
body.pob-public-shell .brand-mark{
  width:76px;
  height:76px;
  border-radius:0;
  background:transparent!important;
  border:0!important;
  box-shadow:0 0 30px rgba(246,189,22,.18);
  overflow:visible;
}
body.pob-public-shell .brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px rgba(246,189,22,.22))}
body.pob-public-shell .brand-copy{display:none}
body.pob-public-shell .nav{margin-inline:auto;gap:6px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
body.pob-public-shell .nav a{
  position:relative;
  padding:15px 14px;
  border-radius:0;
  color:#eef5ef;
  font-family:var(--pob-display);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.9rem;
  transition:.22s ease;
  background:transparent;
}
body.pob-public-shell .nav a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:2px;
  height:2px;
  transform:scaleX(0);
  transform-origin:center;
  background:linear-gradient(90deg,var(--pob-green),var(--pob-cyan));
  box-shadow:0 0 13px rgba(66,255,135,.8);
  transition:.22s ease;
}
body.pob-public-shell .nav a:hover,body.pob-public-shell .nav a.active{color:var(--pob-green);background:rgba(66,255,135,.05)}
body.pob-public-shell .nav a:hover::after,body.pob-public-shell .nav a.active::after{transform:scaleX(1)}
body.pob-public-shell .mobile-auth-link{display:none!important}
body.pob-public-shell .social-mini{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body.pob-public-shell .btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border-radius:5px;
  font-family:var(--pob-display);
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:.22s ease;
}
body.pob-public-shell .btn-secondary{
  color:#e8f5ff;
  border:1px solid rgba(42,140,255,.48);
  background:linear-gradient(180deg,rgba(42,140,255,.18),rgba(9,31,48,.5));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(42,140,255,.1);
}
body.pob-public-shell .btn-primary{
  color:#1a1200;
  border:1px solid rgba(255,223,102,.65);
  background:linear-gradient(180deg,#ffe074,#f6bd16 54%,#9d6700);
  box-shadow:0 0 26px rgba(246,189,22,.24),inset 0 1px 0 rgba(255,255,255,.34);
}
body.pob-public-shell .btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
body.pob-public-shell .nav-toggle{
  display:none;
  width:48px;
  height:44px;
  border:1px solid rgba(66,255,135,.22);
  border-radius:7px;
  background:rgba(5,17,21,.86);
  color:#fff;
  padding:0;
}
body.pob-public-shell .nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:#eafdf1;box-shadow:0 0 10px rgba(66,255,135,.45)}

/* Inner page hero treatment */
body.pob-public-shell .section:first-of-type,
body.pob-public-shell .blog-page,
body.pob-public-shell .sobre-page,
body.pob-public-shell .season-page,
body.pob-public-shell .pvp-page{
  position:relative;
}
body.pob-public-shell .section-head{
  position:relative;
  margin:0 0 28px;
  padding:26px;
  border:1px solid rgba(66,255,135,.15);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(5,17,21,.78),rgba(2,8,11,.92));
  box-shadow:var(--pob-shadow);
  overflow:hidden;
}
body.pob-public-shell .section-head::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 8% 0,rgba(66,255,135,.15),transparent 32%),radial-gradient(circle at 86% 20%,rgba(16,207,255,.12),transparent 36%);
  pointer-events:none;
}
body.pob-public-shell .section-head h1,
body.pob-public-shell .section-head h2,
body.pob-public-shell .sobre-hero h1,
body.pob-public-shell .season-hero h1,
body.pob-public-shell .blog-empty h1,
body.pob-public-shell .blog-empty h2{
  position:relative;
  margin:0;
  color:#f5f7ef;
  font-family:var(--pob-display);
  text-transform:uppercase;
  letter-spacing:.035em;
  line-height:.92;
  text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 22px rgba(66,255,135,.1);
}
body.pob-public-shell .section-head h2,
body.pob-public-shell .sobre-hero h1,
body.pob-public-shell .season-hero h1{font-size:clamp(2.3rem,6vw,4.8rem)}
body.pob-public-shell .section-head p,
body.pob-public-shell .sobre-hero p,
body.pob-public-shell .season-hero p{
  position:relative;
  color:#c8d8cf;
  max-width:760px;
  line-height:1.75;
}
body.pob-public-shell .section-head .btn{position:relative}

/* Premium cards */
body.pob-public-shell .glass-card,
body.pob-public-shell .contact-card,
body.pob-public-shell .server-card,
body.pob-public-shell .roadmap-card,
body.pob-public-shell .team-card,
body.pob-public-shell .ticket-card,
body.pob-public-shell .stat-card,
body.pob-public-shell .blog-card,
body.pob-public-shell .blog-single,
body.pob-public-shell .sobre-card,
body.pob-public-shell .sobre-scroll-card,
body.pob-public-shell .sobre-timeline,
body.pob-public-shell .season-panel,
body.pob-public-shell .season-flow-card,
body.pob-public-shell .season-large-panel,
body.pob-public-shell .season-reward-card{
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(5,17,21,.82),rgba(3,9,12,.95));
  box-shadow:0 22px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(10px);
}
body.pob-public-shell .contact-card,
body.pob-public-shell .glass-card,
body.pob-public-shell .stat-card,
body.pob-public-shell .roadmap-card,
body.pob-public-shell .ticket-card{border-radius:12px}
body.pob-public-shell .contact-card{padding:28px;position:relative;overflow:hidden}
body.pob-public-shell .contact-card::before,
body.pob-public-shell .glass-card::before,
body.pob-public-shell .stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(66,255,135,.06),transparent 48%,rgba(246,189,22,.05));
}
body.pob-public-shell .contact-card h3,
body.pob-public-shell .glass-card h3,
body.pob-public-shell .stat-card h3,
body.pob-public-shell .roadmap-card h3,
body.pob-public-shell .team-card h3{
  color:#fff7d2;
  font-family:var(--pob-display);
  text-transform:uppercase;
  letter-spacing:.04em;
}
body.pob-public-shell .contact-card p,
body.pob-public-shell .glass-card p,
body.pob-public-shell .roadmap-card p,
body.pob-public-shell .team-card p{color:#c5d4cc;line-height:1.68}
body.pob-public-shell .grid-2{gap:22px}

body.pob-public-shell .contact-method,
body.pob-public-shell .contact-list-item{
  border-radius:8px;
  border:1px solid rgba(66,255,135,.14);
  background:rgba(255,255,255,.045);
}
body.pob-public-shell .contact-method:hover{
  border-color:rgba(66,255,135,.42);
  box-shadow:0 0 24px rgba(66,255,135,.1);
}
body.pob-public-shell .contact-method-arrow{color:var(--pob-gold)}

/* Blog integration */
body.pob-public-shell .blog-clean-container{padding-top:18px}
body.pob-public-shell .blog-grid{gap:20px}
body.pob-public-shell .blog-card{
  border-radius:10px!important;
  overflow:hidden;
  transition:.25s ease;
}
body.pob-public-shell .blog-card:hover{transform:translateY(-6px);border-color:rgba(66,255,135,.28);box-shadow:0 26px 70px rgba(0,0,0,.44),0 0 28px rgba(66,255,135,.08)}
body.pob-public-shell .blog-card-image{border-radius:0!important;overflow:hidden}
body.pob-public-shell .blog-card-image img{filter:saturate(1.1) contrast(1.05);transition:.35s ease}
body.pob-public-shell .blog-card:hover .blog-card-image img{transform:scale(1.045)}
body.pob-public-shell .blog-tag,
body.pob-public-shell .blog-kicker{
  font-family:var(--pob-display);
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.pob-public-shell .blog-card-body h2,
body.pob-public-shell .blog-single h1{
  font-family:var(--pob-display)!important;
  text-transform:uppercase;
  letter-spacing:.035em;
}
body.pob-public-shell .blog-card-body p,.blog-content{color:#c8d8cf}
body.pob-public-shell .blog-btn,
body.pob-public-shell .blog-back,
body.pob-public-shell .blog-pagination a,
body.pob-public-shell .blog-pagination span{
  border-radius:6px!important;
}

/* Sobre / temporada polishing without changing PHP */
body.pob-public-shell .sobre-hero,
body.pob-public-shell .season-hero{
  border:1px solid rgba(66,255,135,.16)!important;
  background:linear-gradient(180deg,rgba(5,17,21,.76),rgba(2,8,11,.94)),url('/assets/img/bannerd.jpg') center/cover!important;
  box-shadow:var(--pob-shadow)!important;
  overflow:hidden;
}
body.pob-public-shell .sobre-hero::after,
body.pob-public-shell .season-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,6,9,.92),rgba(2,6,9,.56),rgba(2,6,9,.22)),radial-gradient(circle at 80% 20%,rgba(16,207,255,.16),transparent 35%);
}
body.pob-public-shell .sobre-hero-inner,
body.pob-public-shell .season-hero-inner{position:relative;z-index:1}
body.pob-public-shell .sobre-kicker,
body.pob-public-shell .section-kicker,
body.pob-public-shell .season-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--pob-green)!important;
  font-family:var(--pob-display);
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.pob-public-shell .sobre-kicker::before,
body.pob-public-shell .section-kicker::before,
body.pob-public-shell .season-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pob-green);box-shadow:0 0 14px var(--pob-green)}
body.pob-public-shell .sobre-logo-card img{filter:drop-shadow(0 0 28px rgba(246,189,22,.24))}

/* Buttons and forms */
body.pob-public-shell input,
body.pob-public-shell textarea,
body.pob-public-shell select{
  border-radius:8px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(66,255,135,.14);
}
body.pob-public-shell input:focus,
body.pob-public-shell textarea:focus,
body.pob-public-shell select:focus{border-color:rgba(66,255,135,.55);box-shadow:0 0 0 4px rgba(66,255,135,.11)}
body.pob-public-shell .chip,
body.pob-public-shell .rank-tag,
body.pob-public-shell .panel-chip{
  border-radius:999px;
  border:1px solid rgba(66,255,135,.18);
  background:rgba(66,255,135,.08);
}

/* Public footer */
.pob-public-footer{
  position:relative;
  z-index:1;
  border-top:1px solid rgba(66,255,135,.16);
  background:linear-gradient(180deg,rgba(2,9,12,.72),rgba(1,4,7,.98));
  padding:34px 0 42px;
  box-shadow:0 -24px 70px rgba(0,0,0,.35);
}
.pob-public-footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr .8fr;gap:28px;align-items:start}
.pob-public-footer strong{display:block;margin:0 0 12px;color:#fff8d6;font-family:var(--pob-display);text-transform:uppercase;letter-spacing:.055em;font-size:1.08rem}
.pob-public-footer p,.pob-public-footer a,.pob-public-footer small{color:#aebfb7;line-height:1.65}
.pob-public-footer a{display:block;transition:.2s ease}.pob-public-footer a:hover{color:var(--pob-green)}
.pob-footer-brand-block{display:flex;gap:16px;align-items:center}.pob-footer-brand-block img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(246,189,22,.22))}.pob-footer-brand-block p{margin:0;max-width:390px}
.pob-footer-status span{display:flex;align-items:center;gap:8px;color:var(--pob-green);font-family:var(--pob-display);text-transform:uppercase;font-weight:900}.pob-footer-status i{width:10px;height:10px;border-radius:50%;background:var(--pob-green);box-shadow:0 0 14px var(--pob-green)}
.pob-footer-discord{margin-top:12px;display:inline-flex!important;width:max-content;padding:10px 13px;border-radius:5px;border:1px solid rgba(42,140,255,.42);background:rgba(42,140,255,.12);color:#eaf6ff!important;font-family:var(--pob-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em}

@media (max-width:1120px){
  body.pob-public-shell .social-mini .btn-secondary{display:none}
  body.pob-public-shell .nav a{font-size:.82rem;padding-inline:9px}
  .pob-public-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  body.pob-public-shell main{padding-top:96px}
  body.pob-public-shell .topbar-inner{min-height:76px}
  body.pob-public-shell .brand-mark{width:64px;height:64px}
  body.pob-public-shell .nav-toggle{display:block;margin-left:auto;position:relative;z-index:3}
  body.pob-public-shell .nav{
    display:none;
    position:absolute;
    left:18px;
    right:18px;
    top:82px;
    margin:0;
    padding:12px;
    border:1px solid rgba(66,255,135,.18);
    border-radius:10px;
    background:rgba(2,9,12,.98);
    box-shadow:var(--pob-shadow);
  }
  body.pob-public-shell .nav.open{display:grid;grid-template-columns:1fr}
  body.pob-public-shell .nav a{padding:14px 12px}
  body.pob-public-shell .mobile-auth-link{display:flex!important}
  body.pob-public-shell .social-mini{display:none}
  body.pob-public-shell .section-head{padding:22px}
  body.pob-public-shell .section-head h2,body.pob-public-shell .sobre-hero h1,body.pob-public-shell .season-hero h1{font-size:2.75rem}
}
@media (max-width:620px){
  body.pob-public-shell .container{width:min(100% - 26px,1220px)}
  body.pob-public-shell main{padding-bottom:46px}
  body.pob-public-shell .grid-2,.pob-public-footer-grid{grid-template-columns:1fr!important}
  .pob-footer-brand-block{align-items:flex-start}
  body.pob-public-shell .section-head h2,body.pob-public-shell .sobre-hero h1,body.pob-public-shell .season-hero h1{font-size:2.25rem}
}