/* Eski tuslu telefon tarayicilari (Opera Mini vb.) icin sade stil: gradyan, golge, flex yok */
body{margin:0;padding:0;background:#101018;color:#eee;font:13px/1.35 Arial,Helvetica,sans-serif}
a{color:#7cf}
h1{font-size:16px;margin:2px 0;color:#fd5}
small{font-size:11px}

/* ust serit */
.hd{background:#1d2b53;border-bottom:2px solid #fd5;padding:3px 4px;font-size:14px;color:#fff;min-height:18px}
.hd span{float:right;color:#fd5;font-size:12px;padding-top:1px}
.hd .bk{display:inline-block;background:#fd5;color:#102;padding:0 7px;margin-right:6px;text-decoration:none;font-weight:bold}

/* icerik alani */
.pg{padding:3px}
.msg{text-align:center;color:#fd5;font-weight:bold;padding:3px 2px}
.box{background:#1b1b26;border:1px solid #334;padding:4px;margin:3px 3px}
.tip{color:#aab;font-size:11px;text-align:center;padding:2px 4px}
.sec{color:#fd5;font-size:12px;margin:6px 3px 2px;border-bottom:1px solid #334;font-weight:bold}
.ft{font-size:11px;color:#99a;text-align:center;border-top:1px solid #334;margin:6px 3px 0;padding:3px 0 6px}
.ft a{color:#9cf}

/* liste menusu ve dugmeler (joystickle secilen satirlar) */
.menu{list-style:none;margin:3px;padding:0}
.menu li{margin:0}
.menu a,.btn,.btn2{display:block;background:#1d2b53;color:#fff;text-decoration:none;padding:5px 6px;border-left:4px solid #fd5;font-size:14px;margin:2px 3px}
.menu a{margin:2px 0}
.btn2{background:#5b2a2a}
.cont{background:#14532d;border-left-color:#2ecc71}
.menu b{color:#fd5}
.menu small{color:#aab}
/* odaklanan baglanti belirgin olsun (yon tusuyla gezerken) */
a:focus,.menu a:focus,.btn:focus,.btn2:focus{background:#fd5;color:#000;outline:0}
.menu a:focus b,.menu a:focus small{color:#000}
.off{display:block;background:#2a2a38;color:#889;border-left:4px solid #445;padding:5px 6px;font-size:14px;margin:2px 3px}

.g{color:#2ecc71}.y{color:#f1c40f}.r{color:#e74c3c}.b{color:#5dade2}

/* oyun tahtalari */
.bd{margin:3px auto;background:#000}
.bd td{padding:0;text-align:center;color:#fff;font-weight:bold;font-size:13px}
.bd a{color:#fff;text-decoration:none;display:block}
.bd a:focus{background:#fd5;color:#000}
.c0{background:#1b1b26}
.c1{background:#c0392b}
.c2{background:#27ae60}
.c3{background:#2ecc71}
.c4{background:#e74c3c}
.c5{background:#f1c40f;color:#000}
.c6{background:#2980b9}
.c7{background:#8e44ad}
.c8{background:#5d6d7e}
.c9{background:#e67e22}
.c10{background:#16a085}
.c11{background:#d35400}
.c12{background:#34495e}
.c13{background:#252536}
.c14{background:#3a3a4a}
.c15{background:#ecf0f1;color:#000}
.sel{background:#f90;color:#000}
input{font-size:14px}
pre{font:12px/1.1 "Courier New",monospace;margin:2px 6px}
form{margin:3px}