/* ================================================
   03 - BRUTALIST RAW
   Şekillendirilmemiş varsayılan HTML estetiği, 4px kalın siyah
   sınırlar, sert ana renk blokları, monospace sistem tipografisi,
   örtüşen flex öğeleri, marquee CSS animasyonları, geniş tıklama
   alanları, belirgin odak halkaları, yüksek kontrastlı metin,
   scroll-snap blok hizalaması
   ================================================ */

:root{
  --br-black:#000;
  --br-white:#FFF;
  --br-red:#FF0000;
  --br-blue:#0000FF;
  --br-yellow:#FFFF00;
  --br-bg:#FFF;
  --br-border:4px solid #000;
  --br-font:'Courier New',Courier,'Liberation Mono',monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--br-bg);
  color:var(--br-black);
  font:400 16px/1.5 var(--br-font);
}

/* Yüksek kontrastlı metin */
h1{font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:1;margin:0 0 16px}
h2{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:1.1;margin:0 0 12px}
h3{font-size:20px;font-weight:700;text-transform:uppercase;margin:0 0 8px}
h4,h5,h6{font-weight:700;text-transform:uppercase;margin:0 0 6px}

a:link,a:visited{color:var(--br-blue);text-decoration:underline;text-underline-offset:3px}
a:hover,a:active{color:var(--br-red);text-decoration:underline wavy}
/* Belirgin odak halkaları */
a:focus,button:focus,input:focus,textarea:focus,select:focus{
  outline:4px solid var(--br-red);
  outline-offset:2px;
}
img{max-width:100%;height:auto}

.br-wrap{max-width:1100px;margin:0 auto;padding:0 16px}
#container{text-align:left}

/* Marquee CSS animasyonu */
@keyframes br-marquee{
  0%{transform:translateX(100%)}
  100%{transform:translateX(-100%)}
}
.br-ticker{
  background:var(--br-black);
  color:var(--br-yellow);
  padding:8px 0;
  overflow:hidden;
  white-space:nowrap;
  font:700 13px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
}
.br-ticker span{
  display:inline-block;
  animation:br-marquee 20s linear infinite;
}

/* == HEADER: Ham, kaba, büyük == */
#br-header{
  border-bottom:var(--br-border);
  padding:0;
}
.br-header-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding:24px 0 16px;
  flex-wrap:wrap;
  gap:12px;
}
.br-logo{
  font:900 56px var(--br-font);
  text-transform:uppercase;
  letter-spacing:-3px;
  line-height:.85;
  color:var(--br-black);
}
.br-logo a{color:inherit;text-decoration:none}
.br-logo a:hover{color:var(--br-red)}

/* Overlapping flex nav */
.br-nav{
  display:flex;gap:0;list-style:none;
  flex-wrap:wrap;
}
.br-nav a{
  display:block;
  padding:12px 20px;
  background:var(--br-black);
  color:var(--br-white);
  font:700 14px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
  text-decoration:none;
  border:2px solid var(--br-black);
  margin:-1px;
  transition:background .1s;
  /* Geniş tıklama alanı */
  min-height:48px;
  display:flex;align-items:center;
}
.br-nav a:hover{
  background:var(--br-red);
  border-color:var(--br-red);
  color:var(--br-white);
  z-index:1;position:relative;
}

/* User bar */
.br-user{
  background:var(--br-yellow);
  color:var(--br-black);
  padding:8px 16px;
  font:700 12px var(--br-font);
  text-transform:uppercase;
  letter-spacing:1px;
  border-bottom:var(--br-border);
}
.br-user a{color:var(--br-black);text-decoration:underline}
.br-user a:hover{color:var(--br-red)}

/* Breadcrumb */
.navigation{
  background:var(--br-black);
  color:var(--br-white);
  padding:8px 16px;
  font:700 12px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
  margin:16px 0;
}
.navigation a{color:var(--br-yellow);text-decoration:none}
.navigation a:hover{text-decoration:underline}

/* == FORUM LİSTESİ: Sert renk blokları + kalın kenarlar == */
.br-cat{
  border:var(--br-border);
  margin-bottom:24px;
}
.br-cat-head{
  background:var(--br-black);
  color:var(--br-white);
  padding:16px 20px;
  font:900 24px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
  display:flex;justify-content:space-between;align-items:center;
}
.br-cat-head a{color:var(--br-white);text-decoration:none}
.br-cat-head a:hover{color:var(--br-yellow)}

/* Her forum satiri: renk bloklu, kalın kenarlı */
.br-forum{
  display:flex;align-items:stretch;
  border-bottom:var(--br-border);
}
.br-forum:last-child{border-bottom:none}
.br-forum:hover{background:var(--br-yellow)}

/* Durum bloğu - sert renk */
.br-f-status{
  width:70px;
  background:var(--br-blue);
  color:var(--br-white);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;
  border-right:var(--br-border);
  flex-shrink:0;
}
.br-f-status.off{background:#CCC;color:#666}

/* Bilgi bloğu */
.br-f-info{
  flex:1;padding:16px 20px;
  border-right:var(--br-border);
  min-width:0;
}
.br-f-name{
  font:700 18px var(--br-font);
  text-transform:uppercase;
}
.br-f-name a{color:var(--br-black);text-decoration:none}
.br-f-name a:hover{color:var(--br-red);text-decoration:underline}
.br-f-desc{font-size:13px;color:#444;margin-top:4px}

/* Sayı blokları */
.br-f-nums{display:flex;align-items:stretch}
.br-f-num{
  width:90px;
  padding:12px;
  text-align:center;
  border-right:var(--br-border);
  display:flex;flex-direction:column;justify-content:center;
}
.br-f-num:last-child{border-right:none}
.br-f-num strong{
  display:block;
  font:900 22px var(--br-font);
}
.br-f-num span{
  font:400 10px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
  color:#666;
}

/* Son mesaj bloğu */
.br-f-last{
  width:180px;padding:12px 16px;
  font-size:12px;color:#444;
}
.br-f-last a{color:var(--br-black)}

/* == KONU LİSTESİ: Sert tablo, kalın kenarlar == */
.br-threads{border:var(--br-border);margin-bottom:16px}
.br-threads-head{
  display:grid;
  grid-template-columns:1fr 80px 80px 160px;
  background:var(--br-black);
  color:var(--br-white);
  font:700 11px var(--br-font);
  text-transform:uppercase;
  letter-spacing:2px;
}
.br-threads-head > div{padding:10px 16px;border-right:2px solid #333}
.br-threads-head > div:last-child{border-right:none}

.br-thread{
  display:grid;
  grid-template-columns:1fr 80px 80px 160px;
  border-bottom:2px solid var(--br-black);
  align-items:center;
}
.br-thread:last-child{border-bottom:none}
.br-thread:hover{background:var(--br-yellow)}
.br-thread > div{padding:12px 16px;border-right:2px solid #DDD}
.br-thread > div:last-child{border-right:none}

.br-t-title{font:700 14px var(--br-font);text-transform:uppercase}
.br-t-title a{color:var(--br-black);text-decoration:none}
.br-t-title a:hover{color:var(--br-red);text-decoration:underline}
.br-t-meta{font-size:11px;color:#666;margin-top:2px;text-transform:none}
.br-t-meta a{color:#666}
.br-t-num{text-align:center;font:900 16px var(--br-font)}
.br-t-last{font-size:11px;color:#444}
.br-t-last a{color:var(--br-black)}

/* == MESAJ GÖRÜNÜMÜ: Ham, bloklu == */
.br-post{
  border:var(--br-border);
  margin-bottom:16px;
}
/* Üstte renk bloğu yazar bilgisi */
.br-post-author{
  background:var(--br-black);
  color:var(--br-white);
  padding:12px 20px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  font:700 13px var(--br-font);
  text-transform:uppercase;
  letter-spacing:1px;
}
.br-post-author a{color:var(--br-yellow);text-decoration:none}
.br-post-author a:hover{color:var(--br-white);text-decoration:underline}
.br-post-date{font-weight:400;color:#999;text-transform:none;letter-spacing:0}

/* İçerik */
.br-post-body{
  padding:24px 20px;
  font-size:15px;
  line-height:1.7;
}

/* Alt buton çubuğu - kırmızı blok */
.br-post-controls{
  background:var(--br-red);
  padding:8px 20px;
  display:flex;justify-content:flex-end;gap:0;
}
.br-post-controls a{
  display:inline-flex;align-items:center;
  padding:8px 16px;
  background:var(--br-black);
  color:var(--br-white);
  font:700 11px var(--br-font);
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration:none;
  border:2px solid var(--br-black);
  margin-left:-2px;
  min-height:40px;
  transition:background .1s;
}
.br-post-controls a:hover{background:var(--br-white);color:var(--br-black)}

/* İstatistikler */
.br-stats{
  display:flex;
  border:var(--br-border);
  margin:24px 0;
}
.br-stat{
  flex:1;
  text-align:center;
  padding:20px 12px;
  border-right:var(--br-border);
}
.br-stat:last-child{border-right:none}
.br-stat:hover{background:var(--br-yellow)}
.br-stat-val{
  font:900 36px var(--br-font);
  line-height:1;
}
.br-stat-lbl{
  font:400 10px var(--br-font);
  text-transform:uppercase;
  letter-spacing:3px;
  color:#666;
  margin-top:6px;
}

/* == MYBB TABLO UYUMU == */
.tborder{border:var(--br-border);margin-bottom:16px}
.thead{background:var(--br-black);color:var(--br-white);padding:10px 16px;font:700 14px var(--br-font);text-transform:uppercase;letter-spacing:2px}
.thead a{color:var(--br-yellow);text-decoration:none}.thead a:hover{text-decoration:underline}
.tcat{background:#EEE;color:#000;padding:6px 16px;font:700 10px var(--br-font);text-transform:uppercase;letter-spacing:3px;border-bottom:2px solid #000}
.tcat a{color:#000}
.trow1{background:#FFF;padding:12px 16px;border-bottom:2px solid #000}
.trow2{background:#F8F8F8;padding:12px 16px;border-bottom:2px solid #000}
.trow1:hover,.trow2:hover{background:var(--br-yellow)}
.trow_shaded{background:#FFE0E0;padding:12px 16px;border-bottom:2px solid #000}
.trow_selected{background:var(--br-yellow);padding:12px 16px;border-bottom:2px solid #000}
.trow_sep{background:#DDD;padding:4px 16px;font:700 10px var(--br-font);text-transform:uppercase;letter-spacing:3px;border-bottom:2px solid #000}

.post{border:var(--br-border);margin-bottom:16px}
.post .post_author{background:var(--br-black);color:var(--br-white);padding:12px 20px;font:700 13px var(--br-font);text-transform:uppercase}
.post .post_content{padding:20px;line-height:1.7}
.post .post_controls{background:var(--br-red);padding:8px 20px;text-align:right}
.post .post_controls a{color:var(--br-white);font:700 11px var(--br-font);text-transform:uppercase;letter-spacing:1px;margin-left:16px;text-decoration:none}
.post .post_controls a:hover{text-decoration:underline}
.post.classic .post_author{border-right:var(--br-border);border-bottom:none;width:200px;vertical-align:top;background:var(--br-black)}
.postbit_buttons > a{display:inline-block;padding:8px 16px;background:var(--br-black);color:var(--br-white);font:700 11px var(--br-font);text-transform:uppercase;letter-spacing:1px;text-decoration:none;margin:2px;border:2px solid var(--br-black)}
.postbit_buttons > a:hover{background:var(--br-white);color:var(--br-black)}

blockquote{border:var(--br-border);border-left:8px solid var(--br-red);padding:16px 20px;margin:16px 0;background:#F8F8F8;font-style:normal}
blockquote cite{display:block;font:700 12px var(--br-font);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:var(--br-red)}
.codeblock{background:var(--br-black);color:#0F0;padding:16px;font:14px var(--br-font);overflow-x:auto;border:2px solid #333}
.codeblock .title{color:var(--br-yellow);font-weight:700;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #333}

input.button,a.button{
  background:var(--br-black);color:var(--br-white);
  border:var(--br-border);
  padding:12px 28px;
  font:700 14px var(--br-font);text-transform:uppercase;letter-spacing:2px;
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  min-height:48px;text-decoration:none;transition:background .1s;
}
input.button:hover,a.button:hover{background:var(--br-red);border-color:var(--br-red)}

input.textbox,select,textarea{
  background:#FFF;border:var(--br-border);
  padding:10px 14px;color:#000;
  font:400 14px var(--br-font);
  outline:none;
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--br-red);outline:4px solid rgba(255,0,0,.2)}
textarea{resize:vertical;min-height:120px}
fieldset{border:var(--br-border);padding:16px;margin:8px 0}
legend{font:700 12px var(--br-font);text-transform:uppercase;letter-spacing:2px;color:var(--br-red);padding:0 8px}

.popup_menu{background:#FFF;border:var(--br-border);min-width:220px}
.popup_item{padding:10px 16px;display:block;color:#000;font:400 14px var(--br-font);border-bottom:2px solid #EEE;text-decoration:none}
.popup_item:hover{background:var(--br-yellow);color:#000}

.pagination{display:flex;gap:0;margin:16px 0;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:2px solid #000;margin-right:-2px;font:700 14px var(--br-font)}
.pagination a{background:#FFF;color:#000;text-decoration:none}
.pagination a:hover{background:#000;color:#FFF}
.pagination .current{background:var(--br-red);color:#FFF;border-color:var(--br-red)}

.red_alert{border:var(--br-border);border-left:8px solid var(--br-red);padding:12px 16px;font:700 13px var(--br-font);text-transform:uppercase;color:var(--br-red);margin:12px 0}
.pm_alert{border:var(--br-border);border-left:8px solid var(--br-blue);padding:12px 16px;font:700 13px var(--br-font);text-transform:uppercase;color:var(--br-blue);margin:12px 0}

.forum_status{width:44px;text-align:center;font:900 20px var(--br-font)}
.forum_on{color:var(--br-blue)}.forum_off,.forum_offlock,.forum_offlink{color:#CCC}
.subforumicon{display:inline-block;margin:0 4px}.subforum_minion{color:var(--br-blue)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:10px 12px;font:400 14px var(--br-font);border-bottom:2px solid #EEE;color:#000;text-decoration:none}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:var(--br-yellow)}
.usercp_container{margin:8px;padding:12px}
.usercp_avatar{width:80px;height:80px;border:var(--br-border)}
.editor_control_bar{background:#EEE;padding:8px;border:var(--br-border)}
.scaleimages img{max-width:100%;border:2px solid #000}
.pollbar{height:24px;background:var(--br-red)}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.tfixed{table-layout:fixed;word-wrap:break-word}.smalltext{font-size:12px;color:#666}.largetext{font:900 24px var(--br-font);text-transform:uppercase}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:10px;background:#EEE;border:2px solid #000}
.pmspace_container .pmspace_used{background:var(--br-red);height:100%}
.reputation_positive{color:var(--br-blue);font-weight:900}
.reputation_negative{color:var(--br-red);font-weight:900}
.reputation_neutral{color:#666;font-weight:900}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:20px}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;border:var(--br-border);background:#FFF;padding:8px;font:700 12px var(--br-font);text-transform:uppercase}

/* Scroll snap */
.br-cat{scroll-snap-align:start}
.br-wrap{scroll-snap-type:y proximity}

/* Responsive */
@media(max-width:768px){
  .br-logo{font-size:36px;letter-spacing:-1px}
  .br-nav{flex-wrap:wrap}
  .br-forum{flex-direction:column}
  .br-f-status{width:100%;height:48px;border-right:none;border-bottom:var(--br-border)}
  .br-f-info{border-right:none;border-bottom:var(--br-border)}
  .br-f-nums{flex-wrap:wrap}
  .br-f-num{flex:1;min-width:60px;border-bottom:2px solid #EEE}
  .br-f-last{width:100%}
  .br-threads-head{grid-template-columns:1fr}
  .br-threads-head > div:not(:first-child){display:none}
  .br-thread{grid-template-columns:1fr}
  .br-thread > div:not(:first-child){display:none}
  .br-stats{flex-direction:column}
  .br-stat{border-right:none;border-bottom:var(--br-border)}
  .br-stat:last-child{border-bottom:none}
  .post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:var(--br-border)}
  h1{font-size:32px}
}
@media(max-width:480px){
  body{font-size:14px}
  .br-logo{font-size:28px}
  .br-nav a{padding:10px 14px;font-size:12px;letter-spacing:1px}
  .br-stat-val{font-size:24px}
}
@media print{
  .br-ticker,#br-header .br-nav,.br-user,.br-post-controls,.post_controls,.pagination{display:none!important}
  body{background:#fff;color:#000}
  .br-cat,.br-threads,.br-post,.post{border:1px solid #ccc}
}