:root{
  --c-bg:#0e1712;
  --c-panel:#15221a;
  --c-panel2:#1b2c21;
  --c-panel3:#24392b;
  --c-text:#eef1e4;
  --c-muted:#a3b39e;
  --c-accent:#8fd16a;
  --c-accent-text:#0f1f0c;
  --ft-wood:#c99a5f;
  --ft-wood-dark:#7a5530;
  --ft-fog:rgba(214,232,206,.06);
  --ft-line:rgba(143,209,106,.18);
}
html,body{background:var(--c-bg)!important;color:var(--c-text)!important}
body{
  background-image:
    radial-gradient(1200px 600px at 15% -10%,rgba(143,209,106,.10),transparent 60%),
    radial-gradient(900px 500px at 100% 0%,rgba(201,154,95,.08),transparent 60%),
    radial-gradient(1000px 700px at 50% 110%,rgba(214,232,206,.05),transparent 60%)!important;
  background-attachment:fixed!important;
}
a{color:var(--c-accent)}
a:hover{color:#b6e899}

/* header and side rail */
.header,.header__content{
  background:linear-gradient(180deg,#132019 0%,#101a14 100%)!important;
  border-bottom:1px solid var(--ft-line)!important;
  box-shadow:0 6px 24px rgba(0,0,0,.35)!important;
}
.side{
  background:linear-gradient(180deg,#121e17,#0e1712)!important;
  border-right:1px solid var(--ft-line)!important;
}
.header .menu ul li a,.side a{color:var(--c-muted)!important;border-radius:12px!important;transition:background .2s,color .2s}
.header .menu ul li a:hover,.side a:hover{color:var(--c-text)!important;background:var(--c-panel3)!important}
.header .menu ul li a svg,.side a svg{color:var(--c-accent)}

/* search */
.btn-search{
  background:var(--c-accent)!important;color:var(--c-accent-text)!important;
  border-radius:50%!important;box-shadow:0 0 0 3px rgba(143,209,106,.18)!important;
}
input[type=search],input[type=text]{
  background:var(--c-panel2)!important;color:var(--c-text)!important;
  border:1px solid var(--ft-line)!important;border-radius:999px!important;
}

/* panels */
.main,.content,.description,.catalog__list,.character-games,.game-offer__description{
  background:linear-gradient(180deg,var(--c-panel) 0%,#132018 100%)!important;
  border:1px solid var(--ft-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)!important;
}

/* game window and play button */
.game-offer__window{
  border-radius:18px!important;overflow:hidden;
  border:1px solid rgba(201,154,95,.35)!important;
  box-shadow:0 0 0 4px rgba(201,154,95,.08),0 18px 40px rgba(0,0,0,.45)!important;
}
.game-offer__window button,.game-offer__window .btn,.game-offer__window a{
  background:linear-gradient(180deg,#a4de82,#7cc152)!important;
  color:var(--c-accent-text)!important;
  border-radius:999px!important;font-weight:800!important;
  box-shadow:0 0 0 6px rgba(143,209,106,.18),0 8px 20px rgba(0,0,0,.35)!important;
}

/* cards */
.game-card{
  background:var(--c-panel2)!important;border-radius:16px!important;
  border:1px solid rgba(214,232,206,.08)!important;overflow:hidden;
  transition:transform .2s,box-shadow .2s,border-color .2s!important;
}
.game-card:hover{
  transform:translateY(-3px);
  border-color:rgba(143,209,106,.55)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.4),0 0 0 3px rgba(143,209,106,.12)!important;
}
.game-card .thumb img{border-radius:14px!important}

/* text */
.game-offer__description,.description{color:var(--c-text)!important;line-height:1.7}
.game-offer__description h2,.description h2{
  color:var(--c-text)!important;font-weight:800!important;
  padding-left:14px!important;border-left:4px solid var(--c-accent)!important;
  border-radius:2px;
}
.game-offer__description h3,.description h3{color:var(--ft-wood)!important;font-weight:700!important}
.game-offer__description b,.description b{color:#ffffff}
.game-offer__description ul,.description ul{list-style:none!important;padding-left:0!important}
.game-offer__description ul li,.description ul li{position:relative;padding-left:24px!important;margin:6px 0}
.game-offer__description ul li::before,.description ul li::before{
  content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;
  background:var(--c-accent);box-shadow:0 0 0 3px rgba(143,209,106,.18);
}
.game-offer__description ol,.description ol{padding-left:22px!important}
.game-offer__description ol li::marker,.description ol li::marker{color:var(--ft-wood);font-weight:800}

/* tables look like planks */
table{
  width:100%;border-collapse:separate!important;border-spacing:0!important;
  border:1px solid rgba(201,154,95,.35)!important;border-radius:14px!important;overflow:hidden;
  background:var(--c-panel2)!important;
}
th{background:linear-gradient(180deg,#8a6236,#6f4c28)!important;color:#fff3e2!important;text-align:left;padding:10px 14px!important}
td{padding:10px 14px!important;border-top:1px solid rgba(201,154,95,.15)!important;color:var(--c-text)!important}
tr:nth-child(even) td{background:rgba(201,154,95,.05)!important}
td b{color:var(--ft-wood)!important}

/* content blocks */
.pp-tip{
  background:linear-gradient(135deg,rgba(143,209,106,.14),rgba(143,209,106,.04))!important;
  border:1px solid rgba(143,209,106,.35)!important;border-left:5px solid var(--c-accent)!important;
  border-radius:14px!important;padding:14px 18px!important;color:var(--c-text)!important;
}
.pp-quote{
  background:var(--c-panel3)!important;border-radius:14px!important;
  border-left:5px solid var(--ft-wood)!important;padding:14px 18px!important;font-style:italic;color:#e6dccb!important;
}
.pp-faq-item{
  background:var(--c-panel2)!important;border:1px solid var(--ft-line)!important;
  border-radius:14px!important;padding:14px 18px!important;margin:12px 0!important;
}
.pp-faq-item h3{color:var(--c-accent)!important;margin-top:0!important}
.pp-controls{
  background:repeating-linear-gradient(90deg,rgba(201,154,95,.05) 0 40px,rgba(201,154,95,.02) 40px 80px),var(--c-panel2)!important;
  border:1px solid rgba(201,154,95,.35)!important;border-radius:14px!important;padding:12px 18px!important;
}
.pp-controls li b{
  display:inline-block;background:#f1e6d0!important;color:#3b2a16!important;
  border-radius:7px;padding:1px 8px;margin-right:6px;font-size:.9em;
  box-shadow:0 2px 0 #a88a5f;
}
.eg-character{border-radius:18px!important;border:1px solid var(--ft-line)!important;background:var(--c-panel2)!important}
.eg-pill{background:rgba(143,209,106,.15)!important;color:#cdeebb!important;border-radius:999px!important}

/* pagination */
.pagination li,.pagination li a{
  background:var(--c-panel2)!important;color:var(--c-muted)!important;border-radius:10px!important;
  border:1px solid var(--ft-line)!important;
}
.pagination li.active,.pagination li.active a,.pagination li a:hover{
  background:var(--c-accent)!important;color:var(--c-accent-text)!important;
}

/* footer */
.footer__content{
  background:#0b130f!important;border-top:1px solid var(--ft-line)!important;color:var(--c-muted)!important;
}
.footer__content a{color:var(--c-muted)!important}
.footer__content a:hover{color:var(--c-accent)!important}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--c-bg)}
::-webkit-scrollbar-thumb{background:#2c4434;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#3e5e48}