@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --pob-font-display:'Orbitron','Rajdhani',system-ui,sans-serif;
  --pob-font-ui:'Rajdhani','Inter',system-ui,sans-serif;
  --pob-font-body:'Rajdhani','Inter',system-ui,sans-serif;
  --pob-black:#0a0f14;
  --pob-deep:#020609;
  --pob-green:#00ff68;
  --pob-cyan:#00cfff;
  --pob-gold:#ffd000;
  --pob-red:#ff2e2e;
  --pob-steel:#151e27;
  --pob-hero-art:url('/assets/img/pob-home-ui/home-hero-cinematic.webp');
  --pob-hud-grid:url('/assets/img/pob-home-ui/hud-grid.svg');
  --pob-hud-radar:url('/assets/img/pob-home-ui/hud-radar.svg');
}

body .pob-app-install{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;}
.pob-home{font-family:var(--pob-font-body);background:#020609;color:#f4f8ef;}
.pob-home::before{
  background:
    radial-gradient(circle at 74% 16%,rgba(0,207,255,.18),transparent 26%),
    linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.95)),
    var(--pob-hero-art) center top/cover no-repeat!important;
  opacity:.42!important;
}
.pob-home::after{
  background-image:var(--pob-hud-grid),linear-gradient(rgba(0,255,104,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,207,255,.024) 1px,transparent 1px)!important;
  background-size:520px 520px,42px 42px,42px 42px!important;
  opacity:.64!important;
}
.pob-home-topbar{background:linear-gradient(180deg,rgba(3,8,11,.96),rgba(3,8,11,.76))!important;}
.pob-home-brand{width:104px!important;height:86px!important;}
.pob-home-brand img{width:84px!important;height:84px!important;}
.pob-home-nav a,.pob-btn,.pob-section-heading h2,.pob-card-title,.pob-module-card strong,.pob-news-card h3,.pob-player-widget h3,.pob-role-card strong,.pob-home-footer strong{font-family:var(--pob-font-ui)!important;letter-spacing:.055em;}
.pob-hero h1{font-family:var(--pob-font-ui)!important;font-weight:900!important;letter-spacing:-.055em!important;}
.pob-hero{min-height:790px!important;padding-top:128px!important;}
.pob-hero-bg{
  background:
    radial-gradient(circle at 71% 38%,rgba(0,207,255,.18),transparent 25%),
    radial-gradient(circle at 21% 34%,rgba(255,208,0,.10),transparent 25%),
    linear-gradient(90deg,rgba(2,6,9,.99) 0%,rgba(2,6,9,.88) 28%,rgba(2,6,9,.20) 58%,rgba(2,6,9,.78) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.95)),
    var(--pob-hero-art) center/cover no-repeat!important;
  filter:saturate(1.18) contrast(1.12) brightness(.96)!important;
}
.pob-hero-bg::before{background:var(--pob-hud-radar) 8% 18%/230px 230px no-repeat,var(--pob-hud-radar) 94% 20%/170px 170px no-repeat,radial-gradient(circle at 67% 46%,rgba(0,207,255,.16),transparent 28%)!important;opacity:.72!important;}
.pob-hero-copy{max-width:780px!important;}
.pob-eyebrow{font-family:var(--pob-font-ui)!important;color:#bfffd3!important;}
.pob-hero h1{filter:drop-shadow(0 0 18px rgba(255,208,0,.08));}
.pob-hero h1 span{background:linear-gradient(180deg,#ffffff 0%,#b9b9b6 88%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.pob-hero p{font-size:1.18rem!important;max-width:650px!important;color:#effdf2!important;}
.pob-btn{border-radius:6px!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.pob-btn-gold{background:linear-gradient(180deg,#ffd437 0%,#9a6500 100%)!important;border-color:rgba(255,208,0,.85)!important;box-shadow:0 0 22px rgba(255,208,0,.33),inset 0 1px 0 rgba(255,255,255,.22)!important;}
.pob-btn-discord{background:linear-gradient(180deg,rgba(28,85,130,.78),rgba(4,17,28,.92))!important;border-color:rgba(0,207,255,.58)!important;}
.pob-btn-ghost{background:linear-gradient(180deg,rgba(18,25,31,.65),rgba(4,7,10,.86))!important;}

.pob-server-card{width:306px!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(4,21,16,.78),rgba(2,8,11,.92)),url('/assets/img/pob-home-ui/module-player-panel.webp') center/cover!important;border-color:rgba(0,255,104,.28)!important;}
.pob-server-card::after{content:"";position:absolute;inset:8px;background:var(--pob-hud-grid) center/cover no-repeat;opacity:.12;pointer-events:none;}
.pob-map-card{background:linear-gradient(180deg,rgba(0,255,104,.06),rgba(0,207,255,.04)),url('/assets/img/pob-home-ui/event-season.webp') center/cover!important;}

.pob-system-strip-inner::before,.pob-system-strip-inner::after{height:2px!important;background:linear-gradient(90deg,transparent,var(--pob-green),var(--pob-cyan),transparent)!important;box-shadow:0 0 20px rgba(0,255,104,.35)!important;}
.pob-system-core{font-family:var(--pob-font-ui)!important;border-color:rgba(0,255,104,.32)!important;background:linear-gradient(180deg,rgba(0,255,104,.08),rgba(0,207,255,.05))!important;}
.pob-system-core i{background:linear-gradient(180deg,var(--pob-green),#0fae55)!important;box-shadow:0 0 24px rgba(0,255,104,.58)!important;}

.pob-module-grid{gap:18px!important;}
.pob-module-card{
  min-height:340px!important;
  padding:22px 17px 21px!important;
  border-radius:9px!important;
  background:
    linear-gradient(180deg,rgba(1,4,7,.02),rgba(2,8,11,.42) 40%,rgba(0,0,0,.96) 100%),
    var(--module-image) center/cover no-repeat!important;
  border-color:var(--tone-line)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.03) inset!important;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
.pob-module-card::before{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.82)),radial-gradient(circle at 50% 8%,var(--tone-glow),transparent 36%),linear-gradient(135deg,var(--tone-line),transparent 38%,var(--tone-line))!important;opacity:.95!important;}
.pob-module-card::after{inset:9px!important;border-radius:5px!important;background:var(--pob-hud-grid) center/cover no-repeat!important;border-color:rgba(255,255,255,.06)!important;opacity:.34!important;}
.pob-module-card:hover{transform:translateY(-12px) scale(1.016)!important;box-shadow:0 30px 82px rgba(0,0,0,.54),0 0 34px var(--tone-glow)!important;}
.pob-module-icon{width:82px!important;height:82px!important;border-radius:18px!important;background:rgba(0,0,0,.32)!important;backdrop-filter:blur(12px);margin-bottom:auto!important;}
.pob-module-icon::before{content:""!important;width:48px;height:48px;display:block;background:currentColor;mask:center/contain no-repeat;filter:drop-shadow(0 0 12px currentColor);}
.pob-icon-target::before{mask-image:url('/assets/img/pob-home-ui/icon-target.svg');}
.pob-icon-player::before{mask-image:url('/assets/img/pob-home-ui/icon-player.svg');}
.pob-icon-coins::before{mask-image:url('/assets/img/pob-home-ui/icon-coins.svg');}
.pob-icon-shop::before{mask-image:url('/assets/img/pob-home-ui/icon-shop.svg');}
.pob-icon-bag::before{mask-image:url('/assets/img/pob-home-ui/icon-bag.svg');}
.pob-icon-news::before{mask-image:url('/assets/img/pob-home-ui/icon-news.svg');}
.pob-module-card strong{font-size:1.38rem!important;text-shadow:0 2px 18px rgba(0,0,0,.92),0 0 18px var(--tone-glow)!important;}
.pob-module-card p{font-size:.94rem!important;color:#e7f7ee!important;text-shadow:0 2px 12px rgba(0,0,0,.96);}
.pob-module-card em{font-size:1rem!important;}

.pob-section-heading h2{font-size:2.35rem!important;text-shadow:0 0 24px rgba(0,207,255,.16);}
.pob-section-heading span{height:1px!important;background:linear-gradient(90deg,transparent,var(--pob-cyan),var(--pob-gold),transparent)!important;}
.pob-stat-card,.pob-player-widget,.pob-role-card,.pob-join-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));}
.pob-stat-card{background:linear-gradient(180deg,rgba(7,20,25,.82),rgba(2,7,10,.94)),var(--pob-hud-grid) center/520px 520px!important;border-color:var(--tone-line)!important;}
.pob-stat-card strong{font-family:var(--pob-font-ui)!important;letter-spacing:.025em;}
.pob-player-widget{border-color:rgba(0,207,255,.16)!important;}
.pob-profile-widget{background:linear-gradient(180deg,rgba(4,13,18,.62),rgba(2,8,11,.96)),url('/assets/img/pob-home-ui/module-player-panel.webp') center/cover!important;}
.pob-wallet-widget{background:linear-gradient(180deg,rgba(4,13,18,.58),rgba(2,8,11,.96)),url('/assets/img/pob-home-ui/widget-economia.webp') center/cover!important;}
.pob-player-widget:nth-child(3){background:linear-gradient(180deg,rgba(4,13,18,.68),rgba(2,8,11,.96)),url('/assets/img/pob-home-ui/module-inventario.webp') center/cover!important;}
.pob-loot-widget{background:linear-gradient(180deg,rgba(4,13,18,.58),rgba(2,8,11,.96)),url('/assets/img/pob-home-ui/widget-loot.webp') center/cover!important;}
.pob-card-widget{background:linear-gradient(180deg,rgba(4,13,18,.60),rgba(2,8,11,.96)),url('/assets/img/pob-home-ui/widget-card.webp') center/cover!important;}
.pob-check-widget{background:radial-gradient(circle at 50% 40%,rgba(0,255,104,.17),transparent 36%),linear-gradient(180deg,rgba(4,13,18,.88),rgba(2,8,11,.96))!important;}
.pob-inventory-grid span{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.36))!important;border-color:rgba(255,208,0,.19)!important;}
.pob-crate{background:url('/assets/img/pob-home-ui/module-loja.webp') center/cover!important;border-color:rgba(255,208,0,.58)!important;}

.pob-news-card{min-height:285px!important;border-color:rgba(255,255,255,.12)!important;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));}
.pob-news-card::after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.06);background:var(--pob-hud-grid) center/cover no-repeat;opacity:.22;pointer-events:none;}
.pob-news-card h3{font-size:2.18rem!important;text-shadow:0 2px 16px #000,0 0 18px rgba(255,208,0,.12)!important;}
.pob-news-card p{color:#eaf8f0!important;text-shadow:0 2px 12px #000!important;}
.pob-news-card a{z-index:3;background:rgba(0,0,0,.24)!important;}

.pob-community-grid{background:linear-gradient(180deg,rgba(5,17,21,.78),rgba(2,8,11,.95)),url('/assets/img/pob-home-ui/style-system-preview.webp') center/cover!important;}
.pob-role-card,.pob-join-card{background:rgba(0,0,0,.45)!important;backdrop-filter:blur(8px);}
.pob-home-footer{background:linear-gradient(180deg,rgba(2,9,12,.72),rgba(1,4,7,.98)),var(--pob-hud-grid) center/760px 760px!important;}
.pob-footer-socials span{filter:drop-shadow(0 0 10px rgba(0,207,255,.46));}

@media(max-width:980px){
  .pob-hero-bg{background-position:58% center!important;}
  .pob-module-card{min-height:300px!important;}
  .pob-home-brand,.pob-home-brand img{width:68px!important;height:68px!important;}
}
@media(max-width:620px){
  .pob-hero{min-height:720px!important;}
  .pob-hero-bg{background-position:65% center!important;}
  .pob-module-card{min-height:330px!important;}
  .pob-section-heading h2{font-size:1.75rem!important;}
}