/* ————— SMF 1.1.19 / bitcointalk 2010 skin ————— */
* { margin:0; padding:0; box-sizing:border-box; }
html { background:#FFFFFF; }
body {
  font: 13px/1.45 Verdana, Arial, Helvetica, sans-serif;
  color:#000; background:#FFFFFF; padding:6px 0 30px 0;
}
#wrap { width:92%; max-width:960px; margin:0 auto; }
a:link, a:visited { color:#0033AA; text-decoration:none; }
a:hover { text-decoration:underline; }
a.vlink:visited { color:#551A8B; }
small { font-size:10px; }


/* hero counter */
#heroCounter { border:2px solid #8A6D00; margin-bottom:6px; background:#FFFDF3; }
.herotitle { font-size:13px; letter-spacing:1px; text-align:center; border:none; border-bottom:1px solid #8A6D00; }
.herolive { color:#FFF; margin-left:10px; font-size:10px; }
.herolive .dot { color:#FF5544; }
.herobody { padding:12px 10px 12px 10px; text-align:center;
  background:repeating-linear-gradient(45deg, #FFFDF3, #FFFDF3 12px, #FdF7E0 12px, #FDF7E0 24px); }
.heronum { font:bold 54px/1.05 "Courier New", Courier, monospace; color:#B35B00;
  letter-spacing:2px; white-space:nowrap; text-shadow:1px 1px 0 #F0E1B2; }
.heronum .herocur { font-size:26px; color:#777; letter-spacing:0; }
.heronum.flash { animation:goldflash 1.4s ease-out; }
@keyframes goldflash {
  0%   { background:#B6F5C0; transform:scale(1); text-shadow:0 0 0 rgba(27,138,27,0); }
  12%  { background:#8CEFA0; transform:scale(1.06); color:#1B8A1B; text-shadow:0 0 18px rgba(27,138,27,0.55); }
  45%  { background:#FFE97A; transform:scale(1.02); }
  100% { background:transparent; transform:scale(1); color:#B35B00; text-shadow:1px 1px 0 #F0E1B2; }
}
/* payout toast */
#heroCounter { position:relative; }
.payout-toast {
  position:absolute; left:50%; top:6px; transform:translate(-50%,0);
  background:linear-gradient(#1FA82F,#137A1E); color:#FFF; font:bold 12px Verdana,Arial,sans-serif;
  padding:4px 12px; border:1px solid #0C5A14; border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  white-space:nowrap; pointer-events:none; opacity:0; z-index:5;
  animation:toastPop 3.2s ease-out forwards;
}
.payout-toast .amt { color:#BFFFC9; }
@keyframes toastPop {
  0%   { opacity:0; transform:translate(-50%,10px) scale(0.9); }
  10%  { opacity:1; transform:translate(-50%,0) scale(1); }
  75%  { opacity:1; transform:translate(-50%,-14px) scale(1); }
  100% { opacity:0; transform:translate(-50%,-30px) scale(0.98); }
}
@media (prefers-reduced-motion: reduce){ .payout-toast { animation:none; opacity:1; } }
.herosub { font-size:12px; color:#444; margin-top:6px; }
.herobtns { margin-top:9px; }
.bigbtn { font-size:12px; padding:5px 16px; border:1px solid #8A6D00;
  background:linear-gradient(#FFE97A, #E8BD00); color:#4A3900; }
.bigbtn:hover { background:linear-gradient(#FFF3A8, #F0CC30); }
@media (max-width:640px){ .heronum { font-size:30px; letter-spacing:1px; } .herotitle { font-size:10px; } }
@media (prefers-reduced-motion: reduce){ .heronum.flash { animation:none; } }
/* news bar */

#newsbar { border:1px solid #B9B9C9; background:#FFFDF3; margin-bottom:4px; }
.newstable { width:100%; border-collapse:collapse; }
.newstable td { padding:6px 8px; vertical-align:middle; }
td.newslabel { width:52px; font-weight:bold; color:#8A6D00; font-size:11px; border-right:1px solid #E4DFC7; }
td.newsbody { font-size:11px; color:#333; }
.newsbig { font:bold 22px/1 "Courier New", Courier, monospace; color:#B35B00; letter-spacing:0.5px; padding:0 3px; white-space:nowrap; }
@media (max-width:640px){ .newsbig { font-size:16px; } }
/* header */
#logoStrip { padding:8px 2px 6px 2px; display:flex; align-items:center; gap:10px; }
#logoStrip img { width:48px; height:48px; border:1px solid #9A9A9A; }
#logoStrip .t1 { font-size:22px; font-weight:bold; font-family:Georgia, 'Times New Roman', serif; letter-spacing:0.5px; }
#logoStrip .t1 .orange { color:#D87F00; }
#logoStrip .t2 { font-size:10px; color:#666; }
#userbar {
  border:1px solid #B9B9C9; background:#ECEDF3; font-size:10px; color:#444;
  padding:4px 8px; margin-bottom:4px;
}
#tickerbar {
  border:1px solid #A88734; background:#FFF7DE; padding:3px 6px; font-size:11px;
  margin-bottom:8px; color:#5A4500; overflow:hidden; white-space:nowrap;
}
.crumbs { font-size:11px; margin:6px 0; color:#333; }
.crumbs b { font-weight:bold; }

/* gold title bars */
.titlebg {
  background:#C8A410;
  background:linear-gradient(#E9C63C, #B8930A);
  color:#FFF; font-weight:bold; font-size:12px; padding:5px 8px;
  border:1px solid #8A6D00; text-shadow:0 1px 0 rgba(0,0,0,0.35);
}
.titlebg a { color:#FFF; }
.catbg {
  background:#7F8FAC; background:linear-gradient(#93A2BD, #6C7E9E);
  color:#FFF; font-size:11px; font-weight:bold; padding:4px 8px;
  border:1px solid #4C5C77; text-shadow:0 1px 0 rgba(0,0,0,0.3);
}

/* thread table */
.postwrap { border:1px solid #B9B9C9; border-top:none; }
table.post { width:100%; border-collapse:collapse; }
table.post td { vertical-align:top; padding:10px; }
td.poster {
  width:165px; min-width:165px; border-right:1px solid #B9B9C9; font-size:11px;
}
.bg1 { background:#ECEDF3; }
.bg2 { background:#F8F8FA; }
.poster .pname { font-weight:bold; font-size:12px; }
.poster .rank { color:#444; }
.poster .stars { color:#C8A410; font-size:11px; letter-spacing:1px; }
.poster img.av { width:100px; height:auto; border:1px solid #999; margin:6px 0; }
.poster .detail { color:#555; font-size:10px; line-height:1.5; }
.phead { border-bottom:1px dotted #AAA; padding-bottom:5px; margin-bottom:8px; }
.phead .subj { font-weight:bold; font-size:12px; }
.phead .pdate { font-size:10px; color:#666; }
.pbody { font-size:13px; }
.pbody p { margin:0 0 10px 0; }
.pfoot { margin-top:12px; border-top:1px dotted #AAA; padding-top:4px; font-size:10px; color:#777; text-align:right; }
.sig { margin-top:14px; border-top:1px solid #CCC; padding-top:6px; font-size:10px; color:#555; }

/* quote + code SMF style */
.qhead { font-size:10px; font-weight:bold; color:#333; margin:8px 0 0 0; }
.quote {
  border:1px solid #9A9A9A; background:#F2F2F2; padding:6px 8px; margin:2px 0 10px 0;
  font-size:12px; font-family:Georgia, 'Times New Roman', serif; color:#222;
}
.chead { font-size:10px; font-weight:bold; color:#333; margin:8px 0 0 0; }
.code {
  border:1px solid #9A9A9A; background:#FFFFFF; padding:8px 10px; margin:2px 0 10px 0;
  font:12px/1.6 "Courier New", Courier, monospace; color:#111; overflow-x:auto;
}

/* the big counter */
.btccounter {
  font:bold 34px/1.1 "Courier New", Courier, monospace;
  letter-spacing:1px; color:#B35B00; padding:4px 0 2px 0; white-space:nowrap;
}
.btccounter .cur { font-size:18px; color:#666; font-weight:normal; }
.subcount { font-size:11px; color:#555; margin-bottom:6px; }
.statgrid { width:100%; border-collapse:collapse; margin:8px 0 4px 0; font-size:11px; }
.statgrid td { border:1px solid #B9B9C9; padding:5px 8px; }
.statgrid td.k { background:#ECEDF3; width:46%; font-weight:bold; color:#333; }
.statgrid td.v { font-family:"Courier New", monospace; font-size:12px; }
.liveTag { color:#B00; font-weight:bold; font-size:10px; }
.liveTag .dot { animation: blink 1.2s steps(1) infinite; }
@keyframes blink { 50% { opacity:0; } }

/* CA box */
.cabox {
  border:1px dashed #A88734; background:#FFFBEA; padding:8px;
  font:12px "Courier New", monospace; word-break:break-all; margin:4px 0 8px 0;
}
.smfbtn {
  display:inline-block; font-size:10px; font-weight:bold; color:#333;
  background:linear-gradient(#FDFDFD,#D8D8D8); border:1px solid #888;
  padding:2px 9px; margin:0 2px 2px 0; cursor:pointer; text-transform:uppercase;
}
.smfbtn:hover { background:linear-gradient(#FFF, #E9E9E9); text-decoration:none; }

/* gallery = forum attachments */
.attachgrid { display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.attach { width:calc(33.33% - 7px); font-size:10px; color:#555; }
.attach img { width:100%; height:auto; border:1px solid #999; display:block; }
.attach .cap { padding:2px 1px; }
.attach .fn { color:#0033AA; }

/* pages + buttons rows */
.pagerow { font-size:11px; padding:6px 2px; color:#444; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px;}
.pagerow .pg b { border:1px solid #888; background:#ECEDF3; padding:0 4px; }
.pagerow .pg a { border:1px solid #CCC; padding:0 4px; }

/* footer */
#footer { text-align:center; font-size:10px; color:#666; margin-top:14px; line-height:1.8; }
#footer .badges span {
  border:1px solid #999; background:#ECEDF3; font-size:9px; padding:1px 5px; margin:0 2px;
}

.mobile-note { display:none; }
@media (max-width: 640px) {
  #wrap { width:97%; }
  table.post, table.post tbody, table.post tr, table.post td { display:block; width:100%; }
  td.poster { border-right:none; border-bottom:1px solid #B9B9C9; min-width:0;
    display:flex !important; gap:10px; align-items:center; flex-wrap:wrap; }
  .poster img.av { width:56px; margin:0; }
  .attach { width:calc(50% - 5px); }
  .btccounter { font-size:24px; }
  #logoStrip .t1 { font-size:17px; }
}

/* SMF tab strip */
#tabs { display:flex; flex-wrap:wrap; gap:2px; margin:0 0 6px 0; border-bottom:2px solid #8A6D00; padding-bottom:0; }
#tabs a { display:inline-block; font-size:11px; font-weight:bold; color:#333; text-decoration:none; padding:4px 12px;
  background:linear-gradient(#FDFDFD,#D8D8D8); border:1px solid #888; border-bottom:none; text-transform:uppercase; }
#tabs a:hover { background:linear-gradient(#FFF,#E9E9E9); }
#tabs a.on { background:linear-gradient(#E9C63C,#B8930A); color:#FFF; border-color:#8A6D00; text-shadow:0 1px 0 rgba(0,0,0,0.35); }