/* PASTICUAN • Emerald Growth / Silver Tech
   Rebrand styling layer. Retains the existing navigation, functionality and game covers.
   Local artwork: /assets/brand/pasticuan-*.png|webp
*/
:root {
  color-scheme:dark;
  --accent:#8be828;
  --dark:#061b16;
  --dark2:#09271f;
  --card:#102d25;
  --card2:#17392c;
  --border:#2d5c43;
  --text:#effff1;
  --muted:#aecdbc;
  --faint:#8aac98;
  --green:#b5ff67;
  --shadow:0 20px 55px #00170e9c;
  --pasticuan-green:#98f336;
  --pasticuan-deep:#06291d;
}
html {scroll-padding-top:100px}
body {background:#071e17;background-image:radial-gradient(ellipse 60% 30% at 85% 0,#276d3c55,transparent 85%),radial-gradient(ellipse 50% 35% at 0 65%,#20553e55,transparent 88%)}
::selection{background:#91f23f;color:#063523}
a:hover{color:#bbff77}
:focus-visible{outline:2px solid #a9ff54;outline-offset:3px}
.topline{background:#04160f;color:#d8f7db;border-bottom:1px solid #244f32}
.header,body[data-page="home"] .header{background:#071f18f7;border-bottom:1px solid #367b47a8;box-shadow:0 10px 24px #02150c60;backdrop-filter:blur(16px)}
.header .brand-image-link,.footer .brand-image-link{background:transparent;line-height:1}
.header .brand-image-link .brand-logo,.footer .brand-image-link .brand-logo{mix-blend-mode:normal;filter:drop-shadow(0 1px 7px #8ee83318)}
.header-inner .brand-image-link{width:216px;max-width:31vw}
.header .brand-image-link .brand-logo{height:65px;max-width:220px;width:auto}
.nav-links a{transition:background .2s,color .2s,box-shadow .2s}
.nav-links a:hover,.nav-links a.active,body[data-page="home"] .nav-links a.active{background:#1d5034;color:#c7ff91;box-shadow:inset 0 -2px 0 #a8fa5e;border:0}
.ticker,body[data-page="home"] .ticker{background:#0b2c22;border-bottom:1px solid #345f3f}
.ticker-label{background:#9eed4f!important;color:#09230f!important}
.online-dot{background:#91f52f!important;box-shadow:0 0 16px #92f52d80}
.eyebrow,.lp-section-kicker{color:#b5ff6a}
.btn-gold,body[data-page="home"] .btn-gold,
button.btn-gold {background:linear-gradient(125deg,#d7ffa4,#a3f343 49%,#50b632);color:#0b2918!important;border:1px solid #b7f678;box-shadow:inset 0 1px #f7ffdda0,0 8px 20px #2c9e3440;font-weight:900}
.btn-gold:hover,body[data-page="home"] .btn-gold:hover{background:linear-gradient(125deg,#eeffbb,#b9ff69 52%,#62d442);box-shadow:0 12px 32px #54d42d63;transform:translateY(-2px)}
.btn-outline,.btn-dark{border-color:#4a795d;color:#eaffeb;background:#133426a3}
.btn-outline:hover,.btn-dark:hover{background:#24573a;border-color:#88e957}
.btn,.category-chip,.provider-chip,.game-card,.nav-links a{will-change:transform}
input:focus,select:focus,textarea:focus{border-color:#85e842;box-shadow:0 0 0 3px #85e84224}
input,textarea,select{accent-color:#9cf64b}
/* Responsive first viewport / site branded panoramic banners */
.pasticuan-banner-section{padding:22px 24px 6px}
.pasticuan-banner-shell{max-width:1600px;margin:0 auto;overflow:hidden;border-radius:22px;border:1px solid #71cc5699;background:#0b3524;box-shadow:0 0 0 1px #cdfc6520,0 25px 70px #001b1199,0 0 55px #71e6401b}
.pasticuan-banner-shell picture,.pasticuan-banner-shell img{display:block;width:100%}
.pasticuan-banner-shell img{height:auto;aspect-ratio:1920 / 430;object-fit:cover}
/* Home hero: greenery replaces the former gold/navy/blue palette */
body[data-page="home"]{background:#071d17;background-image:radial-gradient(ellipse 70% 40% at 70% 0%,#216c3359,transparent 90%),radial-gradient(ellipse 65% 35% at 10% 50%,#0c4f2e61,transparent 88%)}
body[data-page="home"] .topline{background:#061c14}
body[data-page="home"] .container{max-width:1280px}
.lp-hero-section{padding-top:22px}
.lp-hero{min-height:465px;background:radial-gradient(ellipse 50% 70% at 84% 55%,#31843c66,transparent 95%),radial-gradient(ellipse 42% 75% at 8% 90%,#1f5c3950,transparent 95%),linear-gradient(130deg,#153e2b 0%,#081e1a 50%,#102d23 100%);border:1px solid #72ac60a0;box-shadow:0 25px 65px #00140eb0,inset 0 1px 0 #c3ff8e23;padding-top:34px;padding-bottom:30px}
.lp-hero:after{background:linear-gradient(140deg,#e7ffe80d,transparent 30%,transparent 75%,#74d24716)}
.lp-hero-grid{background-image:linear-gradient(#a5f7680a 1px,transparent 1px),linear-gradient(90deg,#a5f7680a 1px,transparent 1px)}
.lp-hero-glow{background:#68e34c3c}
.lp-status{color:#d2ff9f;background:#2c7a352f;border-color:#8ce96270;box-shadow:inset 0 1px #e5ff8a16}
.lp-status-sep{color:#b5d5b9}
.lp-above-brand{color:#baf1a1}
.lp-brand-word{background:linear-gradient(112deg,#f9fff9 6%,#e0ffe3 31%,#b6ff58 62%,#65d141 91%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 6px 16px #0d280e99);font-size:clamp(46px,5.5vw,75px)}
.lp-hero-title{color:#f7fff4}.lp-hero-title em{color:#b8ff66}
.lp-hero-desc{color:#bfd7c8}
.lp-hero-perks{color:#bddac4}
.lp-hero-perks i{color:#c9ff97;background:#6caf3429;border-color:#8dea666d}
.lp-second-action{background:#194a3296;border-color:#4d9b65;color:#f2fff1!important}
.lp-second-action:hover{background:#2a6b47;border-color:#aaff69}
.lp-showcase-halo{background:radial-gradient(circle,#91ff4c32 0%,#133e2911 62%,transparent 72%)}
.lp-showcase-orbit{border-color:#8fe65b55;box-shadow:inset 0 0 45px #84e43516,0 0 60px #71ff2816}
.lp-showcase-orbit:before,.lp-showcase-orbit:after{border-color:#9fd36d3d}
.lp-showcase-card{border-color:#a9eb6b9c;background:radial-gradient(ellipse at 42% 28%,#225a3a,#09251c 78%);box-shadow:0 18px 43px #0009,0 0 25px #a7f26a28}
.lp-showcase-card:hover{border-color:#c9ff9d;box-shadow:0 25px 45px #00170fbb,0 0 22px #8fe35b42}
.lp-showcase-stamp{color:#133119;background:linear-gradient(115deg,#d8ff9b,#83db36);border-color:#427c37ad}
.lp-facts{background:linear-gradient(100deg,#133e2c,#0c3025);border-color:#3b7951}
.lp-facts>div{border-color:#346346}.lp-facts-icon{color:#c9ff8e;background:linear-gradient(145deg,#8bd23a2b,#0b48313b);border-color:#77c75c6a}
.lp-facts strong,.lp-section-heading h2 span{color:#c4ff85}
.lp-facts small{color:#b1d0b9}
.lp-benefit,.lp-editorial-card{border-color:#366b4a;background:linear-gradient(140deg,#153d2b,#0a2a20)}
.lp-benefit-symbol{color:#caff90;border-color:#84e65e80;background:#6cbd3130}
.lp-benefit strong{color:#f1ffe3}.lp-benefit p{color:#b2cdbb}
.lp-section-kicker i,.lp-section-heading h2 span{color:#c9ff8a}
.lp-section-heading p{color:#b6d5c0}
.lp-section-link{color:#e5ffb7;border-color:#63934b;background:#83c23c29}
.lp-editorial-card:hover{border-color:#a3fa71;box-shadow:0 17px 38px #00110cc0}
.lp-editorial-art{background:#092a1e}
.lp-brand-intro{border-color:#3c7652;background:linear-gradient(105deg,#103d28,#173d2c 55%,#112b21)}
.lp-brand-intro-heading h2 span{color:#d1ff9b}
.lp-brand-intro-copy p{color:#bad4c0}.lp-brand-intro-copy strong{color:#bfff73}
.lp-faq details,.lp-faq .faq-card{border-color:#346a4c;background:#0f3026}
/* Cards, providers, promotion, navigation */
.game-card,.panel,.promo-banner,.provider-chip,.category-chip,.search-wrap,.filter-btn,.auth-card{border-color:#315f47}
.game-card:hover,.category-chip:hover,.provider-chip:hover{border-color:#94ed54;box-shadow:0 10px 27px #001a119e}
.category-chip.selected,.provider-chip.selected{background:linear-gradient(130deg,#215d36,#17402a);color:#dcffc6;border-color:#84eb5e}
.promo-banner{background:linear-gradient(118deg,#185333,#0a291f);border-color:#70b94f}
.promo-banner:before{color:#9cf45f}
.panel,.auth-card{background:#102e24}
.notice.info{background:#173c2c;border-color:#529a61;color:#eaffea}
/* Admin panel: keep editor hierarchy, show a consistent green/silver identity */
.admin-page .panel,.admin-page .admin-card,.admin-page .admin-stat,.admin-page .admin-form-panel,.admin-page .admin-section-title{border-color:#386c4f}
.admin-page input,.admin-page textarea,.admin-page select{background:#0b2b20;color:#efffed;border-color:#477359}
.admin-page input::placeholder,.admin-page textarea::placeholder{color:#9fbaa8}
.admin-page .admin-sidebar,.admin-page .admin-nav,.admin-page .admin-menu{background:#0b261e;border-color:#356548}
.admin-page .admin-nav a:hover,.admin-page .admin-nav a.active{color:#c4ff8e;background:#205434}
.admin-faq-metrics>div{background:linear-gradient(125deg,#153c2c,#102e25);border-color:#427852}
.admin-faq-metrics strong,.admin-faq-order{color:#b8ff77}
.admin-faq-item{background:linear-gradient(130deg,#12382a,#174332);border-color:#3d7554}
.footer-article{background:linear-gradient(125deg,#12382b,#0c2a22);border-color:#3a7851}
.footer-article h2,.game-seo-content .game-seo-summary{color:#c9ffa5}
.footer-article-content p{color:#cce4d0}
.game-seo-content{background:linear-gradient(140deg,#14382b,#09271f);border-color:#528c50;color:#d8f1dc}
.logo-preview-box,.provider-logo-preview-wrap{background:#0e2d22}
:where(button,.btn,.game-card,.lp-editorial-card){transition-duration:.25s}
@media(prefers-reduced-motion:reduce){:where(button,.btn,.game-card,.lp-editorial-card){transition:none!important}}
@media(max-width:900px){.header-inner .brand-image-link{width:187px}.header .brand-image-link .brand-logo{height:59px;max-width:187px}}
@media(max-width:700px){
 .pasticuan-banner-section{padding:12px 11px 4px}
 .pasticuan-banner-shell{border-radius:14px;border-color:#68b54db9;box-shadow:0 12px 35px #001b12b3}
 .pasticuan-banner-shell img{aspect-ratio:600 / 350}
 .header-inner .brand-image-link{width:161px;max-width:46vw}
 .header .brand-image-link .brand-logo{height:53px;max-width:165px}
 .lp-hero-section{padding-top:15px}
 .lp-hero{min-height:0;padding:27px 19px 23px}
 .lp-brand-word{font-size:clamp(43px,11vw,65px)}
 .lp-status{letter-spacing:.6px}
}
@media(max-width:390px){.header-inner .brand-image-link{width:146px;max-width:44vw}.header .brand-image-link .brand-logo{height:48px;max-width:148px}}


/* V2 — unified home layout alignment (desktop / tablet / mobile).
   Each visible section shares a single horizontal baseline:
   navigation, ticker, banner, hero, stats, about and game cards.
   No absolute pixel positioning and no changes to game imagery.
*/
body[data-page="home"] .container {
  width:100%;
  max-width:1600px;
}
body[data-page="home"] .pasticuan-banner-section {
  box-sizing:border-box;
  width:100%;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  padding:18px 24px 0;
}
body[data-page="home"] .pasticuan-banner-shell {
  box-sizing:border-box;
  max-width:none;
  width:100%;
  margin:0;
  border-radius:19px;
}
body[data-page="home"] .lp-hero-section {padding-top:16px}
body[data-page="home"] .lp-hero,
body[data-page="home"] .lp-facts {width:100%;max-width:100%;box-sizing:border-box}
body[data-page="home"] .lp-brand-intro {
  box-sizing:border-box;
  width:calc(100% - 48px);
  max-width:1552px;
  margin-left:auto;
  margin-right:auto;
}
body[data-page="home"] .lp-showcase {max-width:100%}
@media(max-width:1100px){
 body[data-page="home"] .pasticuan-banner-section {padding-left:19px;padding-right:19px}
 body[data-page="home"] .lp-brand-intro {width:calc(100% - 38px)}
}
@media(max-width:600px){
 body[data-page="home"] .pasticuan-banner-section {padding:12px 14px 0}
 body[data-page="home"] .pasticuan-banner-shell {border-radius:14px}
 body[data-page="home"] .lp-hero-section {padding-top:12px}
 body[data-page="home"] .lp-brand-intro {width:calc(100% - 28px)}
}