/* GreenCZBrain — BNB sunrise palette and 4-second green rush */
:root{
  --cobalt:#F3BA2F;
  --cobalt-tone:#E7A91B;
  --cobalt-deep:#201B12;
  --ink:#17120A;
  --gold:#FFF2A8;
  --cream:#FFF6D7;
  --pink:#FF9F1C;
  --orange:#F57C00;
  --mint:#27F26C;
  --white:#FFFFFF;
}
body{
  background:linear-gradient(135deg,#FFD65A 0%,#F3BA2F 45%,#F28C18 100%);
  color:#18130A;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 42%,rgba(190,255,196,.96),rgba(26,214,89,.92) 42%,rgba(0,120,58,.96) 100%);
  transition:opacity .55s ease;
}
body.green-rush::before{opacity:1}
body.green-rush .bigtype span{color:rgba(2,77,37,.28)}
body.green-rush .monitor,
body.green-rush .nowplaying,
body.green-rush #languageToggle{border-color:#B8FFC9;box-shadow:0 0 30px rgba(39,242,108,.38)}
.bigtype span{color:rgba(126,73,0,.18);transition:color .45s ease}
.nav,.hud,.marquee,.page{color:#fff}
.brand{color:#17120A;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.brand img{background:#F3BA2F;box-shadow:0 0 0 2px rgba(23,18,10,.22)}
.links a,.iconbtn{color:#17120A}
.links a:hover{background:rgba(23,18,10,.10)}
.iconbtn{border-color:rgba(23,18,10,.58)}
.btn{background:#17120A;color:#F8C637;outline-color:#F8C637}
.btn.ghost{color:#17120A;border-color:#17120A;background:rgba(255,255,255,.16)}
.btn.pink{background:#27F26C;color:#062B17;outline-color:#062B17}
.intro h1{color:#17120A}
.intro p{color:#3E2B08;text-shadow:0 1px rgba(255,255,255,.2)}
.monitor,.nowplaying{
  background:rgba(32,27,18,.82);
  border-color:rgba(255,246,215,.78);
  color:#fff;
  box-shadow:0 18px 48px rgba(73,39,0,.18);
}
#languageToggle{background:rgba(32,27,18,.88);color:#fff;border-color:#FFF6D7}
#languageToggle:hover{background:#17120A}
.hint{color:#3E2B08;font-weight:700}
.page{background:#201B12;border-color:#F3BA2F}
.marquee{background:#17120A;color:#F3BA2F;border-color:#F3BA2F}
.marquee .track i{color:#27F26C}
.pre{background:linear-gradient(135deg,#FFD65A,#F3BA2F 52%,#F28C18);color:#17120A}
.pre ul{color:#3E2B08}.pre ul li span{color:#087A38}
.thought{color:#062B17;background:#C8FFD7;outline-color:#087A38}
.thought.pink{background:#FFB13B}.thought.mint{background:#74FF9D}.thought.gold{background:#FFF2A8}
@media (max-width:760px){
  .brand{font-size:15px}
  .intro{background:rgba(255,214,90,.72);padding:8px 10px;border-radius:12px;backdrop-filter:blur(4px)}
  .links.open{background:#201B12}
  .links.open a{color:#fff}
}