:root{
  --bg:#0b0a09;
  --bg2:#11100e;
  --panel:#1a1815;
  --panel2:#201d18;
  --line:#4b3a22;
  --line2:#6a4d25;
  --gold:#c9973c;
  --gold2:#e5bd6a;
  --cream:#ded3c2;
  --text:#bdb3a4;
  --muted:#81786c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body.tl-body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.tl-wrap{width:min(980px,calc(100% - 36px));margin:0 auto}

.tl-topbar{height:62px;background:#11100f;border-bottom:1px solid #3d2f1f;position:sticky;top:0;z-index:50}
.tl-topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.tl-mini-logo img{width:70px;height:42px;object-fit:contain}
.tl-nav{display:flex;gap:25px;align-items:center;color:#a79d8f;font-size:12px}
.tl-nav a:hover{color:#e0d1b9}
.tl-nav a:last-child{color:#c49a51}

.tl-hero{height:610px;position:relative;overflow:hidden;border-bottom:1px solid #3c3020;background:#08111b}
.tl-hero__image{position:absolute;inset:0;background:url("../img/landing/hero-barbarian.png") center 47%/cover no-repeat;filter:saturate(.82) brightness(.58)}
.tl-hero__veil{position:absolute;inset:0;background:
 linear-gradient(180deg,rgba(5,7,8,.12) 0%,rgba(4,7,9,.04) 45%,rgba(9,9,8,.78) 100%),
 radial-gradient(circle at center,rgba(6,12,18,.05) 0%,rgba(4,7,9,.42) 69%,rgba(7,7,7,.64) 100%)}
.tl-hero__content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:12px;text-align:center;text-shadow:0 3px 14px #000}
.tl-hero__logo{width:270px;max-height:180px;object-fit:contain;margin-bottom:34px;filter:drop-shadow(0 7px 15px #000)}
.tl-hero h1{margin:0 0 26px;color:#d7cbb8;font-family:Georgia,"Times New Roman",serif;font-size:23px;letter-spacing:.08em;font-variant:small-caps}
.tl-rule{display:flex;align-items:center;justify-content:center;gap:11px;color:#aaa090;font-size:10px;letter-spacing:.25em;margin-bottom:18px}
.tl-rule span{height:1px;width:60px;background:linear-gradient(90deg,transparent,#6f5a37)}
.tl-rule span:last-child{background:linear-gradient(90deg,#6f5a37,transparent)}
.tl-rule b{color:#d39a35;font-size:9px}
.tl-rule em{font-style:normal;color:#d1c6b5;font-weight:bold}
.tl-launch{margin:0 0 5px;color:#918675;font-size:11px;text-transform:uppercase;letter-spacing:.16em}
.tl-date{color:#e2d0ae;font:700 18px Georgia,"Times New Roman",serif;letter-spacing:.08em;margin-bottom:22px}
.tl-hero-btn,.tl-btn{min-width:180px;padding:14px 25px;border:1px solid #8a642d;border-radius:3px;background:linear-gradient(#49371f,#2b2116);box-shadow:inset 0 0 0 2px rgba(210,158,70,.12),0 8px 25px rgba(0,0,0,.26);color:#ead4aa;text-transform:uppercase;letter-spacing:.14em;font-family:Georgia,"Times New Roman",serif;font-weight:bold;text-align:center;cursor:pointer}
.tl-hero-btn:hover,.tl-btn:hover{background:linear-gradient(#5b4527,#332619);color:#fff0cf}
.tl-hero__orn{position:absolute;top:31px;width:42px;height:42px;border-top:1px solid rgba(161,126,66,.28)}
.tl-hero__orn--left{left:25px;border-left:1px solid rgba(161,126,66,.28)}
.tl-hero__orn--right{right:25px;border-right:1px solid rgba(161,126,66,.28)}

.tl-section{padding:54px 0 62px;border-bottom:1px solid #31281c;background:#0d0c0b}
.tl-section--pattern{background-color:#11100e;background-image:
 linear-gradient(45deg,transparent 48.8%,rgba(132,101,48,.11) 49%,rgba(132,101,48,.11) 51%,transparent 51.2%),
 linear-gradient(-45deg,transparent 48.8%,rgba(132,101,48,.11) 49%,rgba(132,101,48,.11) 51%,transparent 51.2%);
 background-size:190px 190px}
.tl-title{display:flex;justify-content:center;align-items:center;gap:13px;margin-bottom:34px}
.tl-title h2{margin:0;color:#dfd4c2;font:700 29px Georgia,"Times New Roman",serif;font-variant:small-caps}
.tl-title span{color:#d09b37;font-size:10px}
.tl-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:790px;margin:0 auto}
.tl-news-card{min-height:185px;padding:20px;border:1px solid #423728;border-radius:5px;background:rgba(27,25,22,.96);box-shadow:0 4px 16px rgba(0,0,0,.22)}
.tl-news-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#71695e;font-family:Georgia,"Times New Roman",serif;font-size:10px}
.tl-tag{border:1px solid #74552c;background:#2c2419;color:#caa45f;padding:4px 8px;border-radius:2px;letter-spacing:.08em}
.tl-news-card h3{color:#ded3c2;font:700 16px/1.18 Georgia,"Times New Roman",serif;text-transform:uppercase;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #2e2923}
.tl-news-card p{margin:0;color:#9b9388;line-height:1.55}
.tl-center-link{text-align:center;margin-top:25px}
.tl-center-link a{font:11px Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.2em;color:#8e806b}
.tl-center-link a:before,.tl-center-link a:after{content:"";display:inline-block;vertical-align:middle;width:90px;height:1px;background:#443823;margin:0 12px}

.tl-about{background:#0c0b0a}
.tl-about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:start}
.tl-about-copy p{line-height:1.7;margin:0 0 17px;color:#9f978a}
.tl-about-copy .tl-lead{color:#d0c4b2;font:18px/1.65 Georgia,"Times New Roman",serif}
.tl-timeline{border-left:1px solid #554124;margin-top:4px}
.tl-timeline div{position:relative;padding:0 0 22px 25px;display:flex;flex-direction:column;gap:4px}
.tl-timeline div:before{content:"◆";position:absolute;left:-6px;top:0;color:#b98631;font-size:11px}
.tl-timeline b{color:#cfaa64;font:12px Georgia,"Times New Roman",serif;letter-spacing:.14em}
.tl-timeline span{color:#91887b}
.tl-timeline .is-final b{color:#ead49c}
.tl-screenshot-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.tl-screenshot-strip--two{grid-template-columns:repeat(2,1fr);margin-top:12px}
.tl-screenshot-strip figure{margin:0;border:1px solid #3c3328;border-radius:4px;background:#171511;overflow:hidden}
.tl-screenshot-strip img{width:100%;height:175px;object-fit:cover;object-position:top}
.tl-screenshot-strip--two img{height:235px}
.tl-screenshot-strip figcaption{padding:10px 12px;color:#a99f90;font:12px Georgia,"Times New Roman",serif;text-align:center}

.tl-support{background:#11100e}
.tl-support-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;max-width:820px;margin:0 auto}
.tl-support-copy h3,.tl-play-copy h3{margin:0 0 16px;color:#ddd1bf;font:700 24px Georgia,"Times New Roman",serif}
.tl-support-copy p,.tl-play-copy p{color:#9c9386;line-height:1.7}
.tl-qr-card{display:flex;align-items:center;gap:18px;border:1px solid #443726;background:#1a1713;border-radius:5px;padding:15px}
.tl-qr-card img{width:165px;border-radius:8px;background:#fff}
.tl-qr-card div{display:flex;flex-direction:column;gap:6px}
.tl-qr-card strong{color:#d8c9b0;font-family:Georgia,"Times New Roman",serif}
.tl-qr-card span{color:#81786d;font-size:11px;line-height:1.5}

.tl-play{background:#0c0b0a}
.tl-play-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start;max-width:820px;margin:0 auto}
.tl-login-card{border:1px solid #43382b;background:#181612;border-radius:5px;padding:24px}
.tl-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tl-form label{grid-column:1/-1}
.tl-form label span{display:block;color:#9a9185;font-size:11px;margin-bottom:5px}
.tl-form input,.tl-resend input{width:100%;height:42px;background:#0e0d0c;border:1px solid #3c3328;border-radius:3px;color:#ddd2c0;padding:0 11px;outline:none}
.tl-form input:focus,.tl-resend input:focus{border-color:#7c5d31}
.tl-btn{min-width:0;width:100%;font-size:11px;padding:12px}
.tl-btn--ghost{background:#12110f;border-color:#4b4033;color:#b7aa98}
.tl-forgot{grid-column:1/-1;text-align:right;color:#81786d;font-size:11px}
.tl-alert{padding:10px 12px;margin-bottom:14px;border-radius:3px;font-size:12px}
.tl-alert--error{border:1px solid #6d2d2d;background:#2a1515;color:#d9aaaa}
.tl-alert--info{border:1px solid #31543e;background:#14231a;color:#b5d4bd}
.tl-resend{border-top:1px solid #342b21;margin-top:18px;padding-top:14px}
.tl-resend summary{cursor:pointer;color:#9f8b6b;font-size:11px}
.tl-resend form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.tl-resend button{border:1px solid #4a3a26;background:#241d14;color:#c9bda8;border-radius:3px;padding:0 12px;cursor:pointer}

.tl-footer{background:#11100f;border-top:1px solid #30271d;padding:24px 0;color:#777065;font-size:10px}
.tl-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.tl-footer__brand{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em}
.tl-footer__brand img{width:60px}
.tl-footer nav{display:flex;gap:20px}
.tl-footer a:hover{color:#c9baa3}

@media (max-width:820px){
 .tl-hero{height:560px}
 .tl-hero__image{background-position:58% 47%}
 .tl-news-grid,.tl-about-grid,.tl-support-grid,.tl-play-grid{grid-template-columns:1fr}
 .tl-screenshot-strip,.tl-screenshot-strip--two{grid-template-columns:1fr 1fr}
 .tl-support-grid,.tl-play-grid{gap:28px}
 .tl-qr-card{max-width:430px}
}
@media (max-width:600px){
 .tl-topbar{height:54px}
 .tl-mini-logo img{width:58px}
 .tl-nav{gap:14px;font-size:11px}
 .tl-nav a:nth-child(1),.tl-nav a:nth-child(2),.tl-nav a:nth-child(4){display:none}
 .tl-hero{height:600px}
 .tl-hero__image{background-position:64% center}
 .tl-hero__content{padding:0 20px}
 .tl-hero__logo{width:220px}
 .tl-hero h1{font-size:20px}
 .tl-rule span{width:34px}
 .tl-section{padding:44px 0 50px}
 .tl-title h2{font-size:25px;text-align:center}
 .tl-news-grid,.tl-screenshot-strip,.tl-screenshot-strip--two{grid-template-columns:1fr}
 .tl-screenshot-strip img,.tl-screenshot-strip--two img{height:auto;aspect-ratio:16/9}
 .tl-center-link a:before,.tl-center-link a:after{width:34px}
 .tl-qr-card{flex-direction:column;text-align:center}
 .tl-qr-card img{width:min(230px,100%)}
 .tl-form{grid-template-columns:1fr}
 .tl-btn,.tl-forgot{grid-column:1}
 .tl-resend form{grid-template-columns:1fr}
 .tl-footer__inner{flex-direction:column;align-items:flex-start}
}


/* Live countdown to 10. 9. 2026 */
.tl-countdown{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 20px;
  color:#9f9586;
  font-size:13px;
  white-space:nowrap;
}
.tl-countdown span{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  color:#9a9082;
  text-transform:lowercase;
  letter-spacing:.02em;
}
.tl-countdown strong{
  color:#ead3a6;
  font:700 18px/1 Georgia,"Times New Roman",serif;
  letter-spacing:.04em;
}
.tl-countdown i{
  color:#8a6730;
  font-style:normal;
  opacity:.75;
}
.tl-countdown.is-live{
  display:flex;
}
.tl-countdown__live{
  color:#e0c58f !important;
  font:700 12px Georgia,"Times New Roman",serif !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  padding:8px 18px;
  border-top:1px solid rgba(191,139,53,.28);
  border-bottom:1px solid rgba(191,139,53,.18);
}

/* VIP point in the project timeline */
.tl-timeline .is-vip b{
  color:#d8a742;
}
.tl-timeline .is-vip span{
  color:#b4a895;
}
.tl-timeline .is-vip:before{
  color:#e5ad3d;
  text-shadow:0 0 9px rgba(229,173,61,.35);
}

/* More detailed, trustworthy support copy */
.tl-support-lead{
  color:#c6b9a5 !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
}
.tl-support-options{
  display:grid;
  gap:8px;
  margin:32px 0;
  padding:22px 20px;
  border-left:1px solid #5b4325;
  background:rgba(29,24,18,.42);
}
.tl-support-options div{
  display:grid;
  grid-template-columns:16px 1fr;
  gap:8px;
  align-items:start;
  color:#aaa093;
  line-height:1.55;
}
.tl-support-options b{
  color:#c68f31;
  font-size:9px;
  padding-top:5px;
}
.tl-support-note{
  color:#8e8579 !important;
  font-size:12px;
}

/* Keep long PLAY title elegant instead of oversized */
#play .tl-title h2{
  text-align:center;
  font-size:27px;
}

@media (max-width:600px){
  #play .tl-title h2{font-size:22px}
}


/* Extra spacing requested around the main explanatory paragraph */
.tl-lead--spaced{
  margin-top:18px !important;
  margin-bottom:28px !important;
}

/* Divider and screenshots from the new game version */
.tl-gallery-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:220px;
  margin:34px auto 23px;
}
.tl-gallery-divider span{
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,#6a4d25);
}
.tl-gallery-divider span:last-child{
  background:linear-gradient(90deg,#6a4d25,transparent);
}
.tl-gallery-divider b{
  color:#c9973c;
  font-size:8px;
}
.tl-gallery-subtitle{
  text-align:center;
  margin-bottom:18px;
}
.tl-gallery-subtitle small{
  color:#a77c38;
  font:10px Georgia,"Times New Roman",serif;
  letter-spacing:.2em;
}
.tl-gallery-subtitle h3{
  margin:7px 0 0;
  color:#d9cdbb;
  font:700 21px Georgia,"Times New Roman",serif;
}
.tl-screenshot-strip--new{
  margin-top:0;
}
.tl-screenshot-strip--new figure{
  border-color:#4b3b28;
}
.tl-screenshot-strip--new img{
  height:260px;
  object-position:center;
}

/* Donation specifics */
.tl-support-amount{
  margin:22px 0 16px !important;
  padding:14px 16px;
  border-top:1px solid #4d3b25;
  border-bottom:1px solid #342a1e;
  background:rgba(45,34,22,.28);
  color:#aa9f90 !important;
}
.tl-support-amount strong{
  color:#ddbf80;
}
.tl-support-note strong{
  color:#cbae76;
}
.tl-support-note--spaced{
  margin-top:18px !important;
  padding-top:17px;
  border-top:1px solid #30271d;
}

@media (max-width:480px){
  .tl-countdown{gap:5px;font-size:11px}
  .tl-countdown strong{font-size:15px}
  .tl-screenshot-strip--new img{height:auto;aspect-ratio:16/9}
}


/* New TORCH metallic logo sizing */
.tl-mini-logo img{
  width:76px;
  height:38px;
  object-fit:contain;
}
.tl-hero__logo{
  width:310px;
  max-height:145px;
  object-fit:contain;
  margin-bottom:34px;
  filter:drop-shadow(0 7px 15px #000);
}
.tl-footer__brand img{
  width:72px;
  height:34px;
  object-fit:contain;
}
@media (max-width:600px){
  .tl-mini-logo img{width:64px;height:32px}
  .tl-hero__logo{width:260px;max-height:125px}
  .tl-footer__brand img{width:64px;height:30px}
}


.tl-qr-contact{
  margin-top:8px;
  color:#b9aa95 !important;
  line-height:1.55 !important;
}


/* V.I.P. supporters */
.tl-vip-supporters{
  padding-top:38px;
  padding-bottom:42px;
  background:#0d0c0b;
}
.tl-vip-supporters__inner{
  max-width:820px;
  margin:0 auto;
  padding-top:26px;
  border-top:1px solid #30271d;
}
.tl-vip-supporters h3{
  margin:0 0 22px;
  color:#d9cdbb;
  font:700 20px Georgia,"Times New Roman",serif;
}
.tl-vip-list{
  display:grid;
  gap:10px;
}
.tl-vip-person{
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  column-gap:12px;
  min-height:32px;
}
.tl-vip-star{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tl-vip-star img{
  width:25px;
  height:25px;
  object-fit:contain;
  display:block;
}
.tl-vip-name{
  color:#c9bba6;
  font:16px Georgia,"Times New Roman",serif;
}


/* V.I.P. supporters — compact inline star */
.tl-vip-person{
  display:grid !important;
  grid-template-columns:18px max-content !important;
  align-items:center !important;
  column-gap:9px !important;
  min-height:22px !important;
  width:max-content;
}
.tl-vip-star{
  width:18px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden;
}
.tl-vip-star img{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
  object-fit:contain !important;
  display:block !important;
  flex:none !important;
}
.tl-vip-name{
  font-size:16px !important;
  line-height:1.25 !important;
}