/* ================================================
   14 - RETRO PIXEL
   8-bit estetik CSS sınırları, pikselli font ailesi, ana renk
   paleti, bloklu gölge efektleri, grid tabanlı katı düzen,
   CSS sprite arka plan animasyonları, hover durumunda renk
   tersine çevirme, bloklu form girişleri, devre dışı metin
   kenar yumuşatma, retro UI hissi
   ================================================ */

@font-face{
  font-family:'PixelFont';
  src:local('Courier New');
  /* Pikselli font hissi için fallback */
}

:root{
  --rp-bg:#2B2D42;
  --rp-surface:#3D3F5C;
  --rp-text:#EDF2F4;
  --rp-text2:#8D99AE;
  --rp-red:#EF233C;
  --rp-blue:#0096FF;
  --rp-green:#06D6A0;
  --rp-yellow:#FFD60A;
  --rp-white:#EDF2F4;
  --rp-border:#555880;
  --rp-pixel-shadow:4px 4px 0 #1A1B2E;
  --rp-font:'VT323','Courier New',monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--rp-bg);
  color:var(--rp-text);
  font:400 16px/1.5 var(--rp-font);
  -webkit-font-smoothing:none;
  -moz-osx-font-smoothing:auto;
  image-rendering:pixelated;
}
h1{font-size:32px;color:var(--rp-yellow);text-shadow:var(--rp-pixel-shadow);margin:0 0 12px}
h2{font-size:24px;color:var(--rp-green);text-shadow:3px 3px 0 #1A1B2E;margin:0 0 8px}
h3{font-size:20px;color:var(--rp-text);margin:0 0 6px}
a:link,a:visited{color:var(--rp-blue);text-decoration:none}
a:hover{color:var(--rp-yellow);background:var(--rp-blue);padding:0 2px}
img{max-width:100%;height:auto;image-rendering:pixelated}

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

/* == HEADER: Pikselli, 8-bit oyun menüsü == */
#rp-header{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  margin:16px auto;
  max-width:960px;
  padding:0;
}
.rp-title-bar{
  background:var(--rp-red);
  padding:6px 12px;
  color:var(--rp-white);
  font-size:14px;
  display:flex;justify-content:space-between;
  border-bottom:3px solid #B91C2E;
}
.rp-title-bar::before{content:'★ ★ ★ ';color:var(--rp-yellow)}
.rp-header-body{padding:16px}
.rp-logo{
  font-size:36px;
  color:var(--rp-yellow);
  text-shadow:var(--rp-pixel-shadow);
  text-align:center;
  margin-bottom:8px;
}
.rp-logo a{color:var(--rp-yellow);text-decoration:none}
.rp-logo a:hover{color:var(--rp-red);background:none}

/* 8-bit nav: Blok butonlar */
.rp-nav{
  display:flex;gap:4px;list-style:none;
  justify-content:center;
  flex-wrap:wrap;margin-top:12px;
}
.rp-nav a{
  display:block;padding:8px 16px;
  background:var(--rp-blue);
  color:var(--rp-white);
  border:3px solid #0070CC;
  box-shadow:3px 3px 0 #004080;
  font-size:14px;
  transition:none;
}
.rp-nav a:hover{
  background:var(--rp-yellow);color:var(--rp-bg);
  border-color:#CCB000;box-shadow:3px 3px 0 #806D00;
}
.rp-nav a:active{
  box-shadow:1px 1px 0 #004080;
  transform:translate(2px,2px);
}

/* User bar */
.rp-user{
  text-align:center;padding:8px;
  border-top:3px solid var(--rp-border);
  font-size:14px;color:var(--rp-text2);
  margin-top:8px;
}
.rp-user a{color:var(--rp-green)}

/* Breadcrumb */
.navigation{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  padding:8px 12px;margin:12px 0;
  font-size:14px;color:var(--rp-text2);
}
.navigation::before{content:'► ';color:var(--rp-green)}
.navigation a{color:var(--rp-blue)}

/* == FORUM LİSTESİ: Pikselli kutular == */
.rp-cat{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  margin-bottom:16px;
}
.rp-cat-head{
  background:var(--rp-green);
  color:var(--rp-bg);
  padding:8px 12px;
  font-size:20px;
  border-bottom:3px solid #04A880;
  text-shadow:2px 2px 0 rgba(0,0,0,.2);
}
.rp-cat-head::before{content:'♦ ';color:var(--rp-yellow)}
.rp-cat-head a{color:var(--rp-bg);text-decoration:none}
.rp-cat-head a:hover{color:var(--rp-yellow);background:none}

.rp-forum-row{
  display:flex;align-items:center;
  padding:8px 12px;
  border-bottom:2px dashed var(--rp-border);
  font-size:15px;
}
.rp-forum-row:last-child{border-bottom:none}
.rp-forum-row:hover{background:rgba(0,150,255,.08)}

.rp-fr-icon{
  width:24px;
  color:var(--rp-green);
  font-size:16px;
  flex-shrink:0;
  margin-right:8px;
}
.rp-fr-info{flex:1;min-width:0}
.rp-fr-name{color:var(--rp-text)}
.rp-fr-name a{color:var(--rp-text);text-decoration:none}
.rp-fr-name a:hover{color:var(--rp-yellow);background:var(--rp-blue);padding:0 2px}
.rp-fr-desc{font-size:13px;color:var(--rp-text2)}
.rp-fr-nums{
  font-size:14px;color:var(--rp-text2);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.rp-fr-nums b{color:var(--rp-yellow)}

/* == KONU LİSTESİ: Pikselli satırlar == */
.rp-threads{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  margin-bottom:16px;
}
.rp-th-head{
  background:var(--rp-border);
  padding:6px 12px;
  font-size:13px;color:var(--rp-text2);
  display:flex;justify-content:space-between;
  border-bottom:2px solid var(--rp-bg);
}
.rp-th-item{
  display:flex;align-items:center;gap:8px;
  padding:8px 12px;
  border-bottom:1px dashed var(--rp-border);
  font-size:15px;
}
.rp-th-item:last-child{border-bottom:none}
.rp-th-item:hover{background:rgba(0,150,255,.06)}

.rp-th-marker{color:var(--rp-green);font-size:12px;flex-shrink:0}
.rp-th-title{flex:1;min-width:0}
.rp-th-title a{color:var(--rp-text);text-decoration:none}
.rp-th-title a:hover{color:var(--rp-yellow);background:var(--rp-blue);padding:0 2px}
.rp-th-meta{font-size:12px;color:var(--rp-text2)}
.rp-th-meta a{color:var(--rp-text2)}
.rp-th-nums{font-size:13px;color:var(--rp-text2);white-space:nowrap}
.rp-th-nums b{color:var(--rp-yellow)}

/* == MESAJ GÖRÜNÜMÜ: Pikselli pencere == */
.rp-post{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  margin-bottom:12px;
}
/* Pencere başlık çubuğu */
.rp-post-titlebar{
  background:var(--rp-blue);
  color:var(--rp-white);
  padding:4px 12px;
  font-size:13px;
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:2px solid #0070CC;
}
.rp-post-titlebar .rp-post-user a{color:var(--rp-yellow);text-decoration:none}
.rp-post-titlebar .rp-post-user a:hover{background:var(--rp-yellow);color:var(--rp-bg);padding:0 2px}
.rp-post-titlebar .rp-post-date{color:rgba(255,255,255,.7)}

.rp-post-body{
  padding:12px;
  line-height:1.6;
  font-size:15px;
  color:var(--rp-text);
}

/* Buton çubuğu: yeşil blok butonlar */
.rp-post-bar{
  background:var(--rp-bg);
  padding:6px 12px;
  display:flex;justify-content:flex-end;gap:4px;
  border-top:2px solid var(--rp-border);
}
.rp-post-bar a{
  display:block;padding:4px 10px;
  background:var(--rp-green);color:var(--rp-bg);
  border:2px solid #04A880;
  box-shadow:2px 2px 0 #026E52;
  font-size:12px;
  transition:none;
}
.rp-post-bar a:hover{
  background:var(--rp-red);color:var(--rp-white);
  border-color:#B91C2E;box-shadow:2px 2px 0 #7A1220;
}
.rp-post-bar a:active{box-shadow:none;transform:translate(2px,2px)}

/* İstatistikler: HP/MP/XP bar tarzı */
.rp-stats{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  padding:12px;
  margin:16px 0;
}
.rp-stats::before{
  content:'━━ İSTATİSTİKLER ━━';
  display:block;text-align:center;
  color:var(--rp-yellow);font-size:16px;
  margin-bottom:8px;
}
.rp-stat-bar{
  display:flex;align-items:center;gap:8px;
  padding:4px 0;font-size:14px;
}
.rp-stat-bar .label{width:80px;color:var(--rp-text2);text-align:right}
.rp-stat-bar .bar{
  flex:1;height:16px;
  background:var(--rp-bg);
  border:2px solid var(--rp-border);
  position:relative;
  overflow:hidden;
}
.rp-stat-bar .fill{height:100%;position:absolute;left:0;top:0}
.rp-stat-bar .fill.red{background:var(--rp-red)}
.rp-stat-bar .fill.blue{background:var(--rp-blue)}
.rp-stat-bar .fill.green{background:var(--rp-green)}
.rp-stat-bar .val{width:60px;color:var(--rp-yellow);text-align:right}

/* == MYBB UYUMU == */
.tborder{background:var(--rp-surface);border:3px solid var(--rp-border);box-shadow:var(--rp-pixel-shadow);margin-bottom:16px}
.thead{background:var(--rp-green);color:var(--rp-bg);padding:8px 12px;font-size:16px;border-bottom:3px solid #04A880;text-shadow:1px 1px 0 rgba(0,0,0,.15)}
.thead::before{content:'♦ '}
.thead a{color:var(--rp-bg)}
.tcat{background:var(--rp-border);color:var(--rp-text2);padding:4px 12px;font-size:12px;border-bottom:2px solid var(--rp-bg)}
.tcat a{color:var(--rp-text2)}
.trow1{background:var(--rp-surface);padding:8px 12px;border-bottom:1px dashed var(--rp-border);font-size:15px}
.trow2{background:rgba(0,0,0,.1);padding:8px 12px;border-bottom:1px dashed var(--rp-border);font-size:15px}
.trow1:hover,.trow2:hover{background:rgba(0,150,255,.06)}
.trow_shaded{background:rgba(239,35,60,.08);padding:8px 12px;border-bottom:1px dashed rgba(239,35,60,.2)}
.trow_selected{background:rgba(255,214,10,.06);padding:8px 12px}
.trow_sep{background:var(--rp-bg);padding:4px 12px;font-size:12px;color:var(--rp-text2);border-bottom:2px solid var(--rp-border)}

.post{background:var(--rp-surface);border:3px solid var(--rp-border);box-shadow:var(--rp-pixel-shadow);margin-bottom:12px}
.post .post_author{background:var(--rp-blue);color:var(--rp-white);padding:4px 12px;font-size:13px;border-bottom:2px solid #0070CC}
.post .post_content{padding:12px;line-height:1.6;font-size:15px}
.post .post_controls{background:var(--rp-bg);padding:6px 12px;display:flex;justify-content:flex-end;gap:4px;border-top:2px solid var(--rp-border)}
.post .post_controls a{padding:4px 10px;background:var(--rp-green);color:var(--rp-bg);border:2px solid #04A880;box-shadow:2px 2px 0 #026E52;font-size:12px}
.post .post_controls a:hover{background:var(--rp-red);color:var(--rp-white);border-color:#B91C2E;box-shadow:2px 2px 0 #7A1220}
.post.classic .post_author{border-right:3px solid var(--rp-border);width:160px;vertical-align:top}
.postbit_buttons > a{padding:4px 8px;background:var(--rp-green);color:var(--rp-bg);border:2px solid #04A880;box-shadow:2px 2px 0 #026E52;font-size:12px;margin:2px;display:inline-block}
.postbit_buttons > a:hover{background:var(--rp-red);color:var(--rp-white);border-color:#B91C2E}

blockquote{background:var(--rp-bg);border:3px solid var(--rp-yellow);padding:12px;margin:12px 0;color:var(--rp-text)}
blockquote::before{content:'» ';color:var(--rp-yellow)}
blockquote cite{display:block;color:var(--rp-green);margin-bottom:6px;font-size:14px}
.codeblock{background:#1A1B2E;border:3px solid var(--rp-border);padding:12px;font:14px var(--rp-font);color:var(--rp-green);overflow-x:auto}

input.button,a.button{
  background:var(--rp-red);color:var(--rp-white);
  border:3px solid #B91C2E;
  box-shadow:4px 4px 0 #7A1220;
  padding:8px 20px;font:400 16px var(--rp-font);
  cursor:pointer;display:inline-block;
  transition:none;
}
input.button:hover,a.button:hover{background:var(--rp-yellow);color:var(--rp-bg);border-color:#CCB000;box-shadow:4px 4px 0 #806D00}
input.button:active,a.button:active{box-shadow:1px 1px 0 #7A1220;transform:translate(3px,3px)}

input.textbox,select,textarea{
  background:var(--rp-bg);border:3px solid var(--rp-border);
  padding:6px 10px;color:var(--rp-text);font:400 15px var(--rp-font);
  outline:none;box-shadow:inset 2px 2px 0 rgba(0,0,0,.2);
}
input.textbox:focus,select:focus,textarea:focus{border-color:var(--rp-blue)}
textarea{resize:vertical;min-height:100px}
fieldset{border:3px solid var(--rp-border);padding:12px;margin:8px 0}
legend{color:var(--rp-yellow);font-size:16px;padding:0 6px}

.popup_menu{background:var(--rp-surface);border:3px solid var(--rp-border);box-shadow:var(--rp-pixel-shadow);min-width:180px}
.popup_item{padding:6px 12px;display:block;color:var(--rp-text);font-size:15px;border-bottom:1px dashed var(--rp-border)}
.popup_item:hover{background:var(--rp-blue);color:var(--rp-white)}

.pagination{display:flex;gap:0;margin:12px 0;flex-wrap:wrap}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:3px solid var(--rp-border);margin-right:-3px;font-size:15px}
.pagination a{background:var(--rp-surface);color:var(--rp-text)}
.pagination a:hover{background:var(--rp-blue);color:var(--rp-white)}
.pagination .current{background:var(--rp-red);color:var(--rp-white);border-color:#B91C2E}

.red_alert{background:var(--rp-surface);border:3px solid var(--rp-red);box-shadow:3px 3px 0 #7A1220;padding:8px 12px;color:var(--rp-red);font-size:15px;margin:8px 0}
.red_alert::before{content:'⚠ '}
.pm_alert{background:var(--rp-surface);border:3px solid var(--rp-blue);box-shadow:3px 3px 0 #004080;padding:8px 12px;color:var(--rp-blue);font-size:15px;margin:8px 0}
.pm_alert::before{content:'✉ '}

.rp-footer{
  background:var(--rp-surface);
  border:3px solid var(--rp-border);
  box-shadow:var(--rp-pixel-shadow);
  margin:16px auto;max-width:960px;
  padding:12px;
  text-align:center;font-size:14px;color:var(--rp-text2);
}
.rp-footer a{color:var(--rp-green)}
.rp-footer::before{content:'━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━';display:block;color:var(--rp-border);margin-bottom:8px}

.forum_status{width:24px;text-align:center;font-size:14px}
.forum_on{color:var(--rp-green)}.forum_off,.forum_offlock,.forum_offlink{color:var(--rp-border)}
.subforumicon{display:inline-block;margin:0 2px}.subforum_minion{color:var(--rp-green)}
.usercp_nav_item,.modcp_nav_item{display:block;padding:6px 8px;color:var(--rp-text);font-size:15px;border-bottom:1px dashed var(--rp-border)}
.usercp_nav_item::before,.modcp_nav_item::before{content:'► ';color:var(--rp-green);font-size:12px}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:rgba(0,150,255,.06);color:var(--rp-yellow)}
.usercp_container{margin:8px;padding:8px}
.usercp_avatar{width:64px;height:64px;border:3px solid var(--rp-border);image-rendering:pixelated}
.editor_control_bar{background:var(--rp-bg);padding:6px;border:3px solid var(--rp-border)}
.scaleimages img{max-width:100%;image-rendering:pixelated;border:2px solid var(--rp-border)}
.pollbar{height:16px;background:var(--rp-green);border:2px solid #04A880}
.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:13px;color:var(--rp-text2)}.largetext{font-size:24px;color:var(--rp-yellow);text-shadow:var(--rp-pixel-shadow)}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:12px;background:var(--rp-bg);border:2px solid var(--rp-border)}
.pmspace_container .pmspace_used{background:var(--rp-green);height:100%}
.reputation_positive{color:var(--rp-green)}
.reputation_negative{color:var(--rp-red)}
.reputation_neutral{color:var(--rp-text2)}
.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:16px;color:var(--rp-green)}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;background:var(--rp-surface);border:3px solid var(--rp-border);box-shadow:2px 2px 0 #1A1B2E;padding:6px;font-size:14px}

@media(max-width:768px){
  .rp-nav{flex-wrap:wrap}
  .rp-forum-row{flex-wrap:wrap;gap:4px}
  .rp-fr-nums{width:100%;padding-left:32px}
  .rp-th-item{flex-wrap:wrap}
  .rp-th-nums{width:100%;padding-left:20px}
  .rp-stat-bar .label{width:60px;font-size:12px}
  .post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:3px solid var(--rp-border)}
}
@media(max-width:480px){
  body{font-size:14px}
  .rp-logo{font-size:24px}
  .rp-nav a{padding:6px 10px;font-size:12px}
  h1{font-size:24px}
}
@media print{
  #rp-header,.rp-user,.rp-footer,.rp-post-bar,.post_controls,.pagination{display:none!important}
  body{background:#fff;color:#000;font-family:monospace}
  .rp-cat,.rp-threads,.rp-post,.post,.tborder{border:1px solid #ccc;box-shadow:none}
}