*{box-sizing:border-box}
html{background:#0d0b08}
body{margin:0;background:#0d0b08;color:#e3d7bd;font:14px/1.6 Tahoma,Arial,Helvetica,sans-serif}
a{color:#ffcc33}
a:hover{color:#fff1a8}
strong{color:#fff}
p{margin:0 0 10px}
ul{margin:6px 0 12px;padding-left:20px}
li{margin:4px 0}

/* ust serit: oyunun ahsap baslik seridi */
.ust{border-style:solid;border-width:0 30px;border-image:url(/site/ui/serit.png) 0 30 fill/0 30px stretch}
.ust-in{max-width:1040px;min-height:54px;margin:0 auto;display:flex;align-items:center;gap:16px}
.marka{display:flex;align-items:center;gap:8px;color:#ffe08a;font:bold 17px Arial,Helvetica,sans-serif;text-decoration:none;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.marka:hover{color:#fff1a8}
.marka img{width:36px;height:36px}
.ust nav{display:flex;flex-wrap:wrap;margin-left:auto}
.ust nav a{padding:4px 10px;color:#e8d6a8;font-weight:bold;text-decoration:none;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.ust nav a:hover{color:#fff}
.ust nav a.aktif{color:#ffcc33}

/* sayfa = oyun penceresi; baslik kirmizi bantta (bant pencere.png'de ust 10-34 px) */
.pencere{position:relative;display:block;max-width:1040px;margin:12px auto 18px;padding:46px 30px 30px;border-style:solid;border-width:16px 20px;border-image:url(/site/ui/pencere.png) 64 126 fill/64px 126px stretch}
.pencere>h1{position:absolute;left:0;right:0;top:-6px;height:24px;margin:0;overflow:hidden;color:#ffe9a0;font:bold 16px/24px Arial,Helvetica,sans-serif;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.sayfa-bas{display:flex;align-items:center;gap:14px}
.kirinti{font-size:12px;color:#a89c80}
.kirinti a{color:#d9c48f;text-decoration:none}
.kirinti a:hover{color:#fff1a8}
.giris{margin:4px 0 0;font-size:15px;color:#f0e6cc}
.ayrac{height:17px;margin:10px 0 4px;background:url(/site/ui/cizgi.png) center/contain no-repeat}

/* oyunun esya hucresi */
.hucre{display:inline-block;flex:0 0 auto;width:68px;height:68px;padding:4px;line-height:0;vertical-align:middle;background:url(/site/ui/hucre.png) no-repeat}
.hucre img{display:block;width:60px;height:60px}
.hucre.buyuk{width:89px;height:89px;padding:5px 6px 6px 5px;background-image:url(/site/ui/hucre-buyuk.png)}
.hucre.buyuk img{width:78px;height:78px}
.hucre.kucuk{width:40px;height:40px;padding:4px;background-image:url(/site/ui/hucre-kucuk.png)}
.hucre.kucuk img{width:32px;height:32px}
.para{width:20px;height:20px;margin-right:4px;vertical-align:-5px}

/* bolum basligi: oyunun baslik seridi */
.pencere h2{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font:bold 15px Arial,Helvetica,sans-serif}
.pencere h2 .bar{flex:1;min-width:0;height:32px;line-height:32px;padding:0 4px;border-style:solid;border-width:0 14px;border-image:url(/site/ui/baslik.png) 0 30 fill/0 30px stretch;color:#ffcc33;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
h3{margin:0 0 3px;color:#ffcc33;font:bold 15px Arial,Helvetica,sans-serif;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}

/* kartlar: oyunun altin koseli kutusu */
.kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}
.kartlar.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.kart{display:flex;align-items:center;gap:12px;min-height:96px;padding:6px 8px;border-style:solid;border-width:8px;border-image:url(/site/ui/kart.png) 35 49 fill/35px 49px stretch;color:#e3d7bd;text-decoration:none}
.kart-yazi{min-width:0}
.kart p{margin:0;color:#cdbf9e;font-size:13px;line-height:1.5}
a.kart:hover{color:#e3d7bd;filter:brightness(1.15)}

/* tablolar */
.tablo{margin:10px 0 14px;overflow-x:auto;border:1px solid #5b4a30;background:#15120e}
table{width:100%;border-collapse:collapse}
th,td{padding:8px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #2e261b}
th{background:#2b2116;border-bottom-color:#6b5536;color:#ffcc33;font-weight:bold;white-space:nowrap;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
tr:last-child td{border-bottom:0}
tr:nth-child(even) td{background:#1a1611}
tr:hover td{background:#2a2117}
td.saat{color:#ffe08a;font-weight:bold;font-variant-numeric:tabular-nums}
.ad{display:flex;align-items:center;gap:10px}
.ad small{margin-left:4px;color:#a89c80}
.sira{display:inline-block;width:50px;color:#e3d7bd;font-weight:bold;text-align:center}
.rozet-sira{display:block}

/* etkinlik durumu (betik) */
.simdi{margin:12px 0 0;padding:7px 12px;border:1px solid #4d3d27;background:#17130e}
.simdi b{color:#3f3;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.rozet{margin-left:auto;padding-left:8px;font-size:13px;font-weight:bold;white-space:nowrap;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.rozet.acik{color:#3f3}
.rozet.yakin{color:#ffcc33}
tr.acik td{background:#1b2613}

/* gunler, SSS, foto yeri */
.gunler{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}
.gun{padding:3px 12px;border:1px solid #6b5536;background:#241c13;color:#ffe08a;font-weight:bold;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}
.gun.saatli{color:#3f3}
.soru{padding:10px 0 4px;border-bottom:1px solid #2e261b}
.pencere .soru h2{margin:0 0 4px}
.pencere .soru h2::before{content:"";flex:0 0 22px;height:23px;background:url(/site/ui/soru.png) no-repeat}
.pencere .soru h2 .bar{height:auto;line-height:1.4;padding:0;border:0;border-image:none}
.foto-yer{margin:12px 0;min-height:150px;display:flex;align-items:center;justify-content:center;border:1px dashed #5b4a30;background:#15120e;color:#8c8068;font-size:13px}
.not{color:#a89c80;font-size:13px}

/* oyunun butonlari; ustune gelince yalniz parlaklik (istemci de oyle yapar) */
.dugme{display:inline-block;vertical-align:middle;color:#fff;font:bold 15px Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;white-space:nowrap}
.dugme:hover{color:#fff;filter:brightness(1.15)}
.dugme:active{filter:brightness(.9)}
.dugme.altin{width:167px;height:46px;line-height:46px;background:url(/site/ui/dugme-altin.png) no-repeat;text-shadow:1px 0 0 #5a3200,-1px 0 0 #5a3200,0 1px 0 #5a3200,0 -1px 0 #5a3200}
.dugme.kanat{width:233px;height:63px;line-height:63px;background:url(/site/ui/dugme-kanat.png) no-repeat;font-size:17px;text-shadow:1px 0 0 #3a0800,-1px 0 0 #3a0800,0 1px 0 #3a0800,0 -1px 0 #3a0800}
.dugme.mavi{height:36px;line-height:36px;padding:0 6px;border-style:solid;border-width:0 18px;border-image:url(/site/ui/dugme-mavi.png) 0 18 fill/0 18px stretch;text-shadow:1px 0 0 #00303d,-1px 0 0 #00303d,0 1px 0 #00303d,0 -1px 0 #00303d}
.dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}

/* /wiki/ vitrini (three.js; yoksa sabit arma) */
.vitrin-bolum{display:flex;align-items:center;gap:10px}
.vitrin-yazi{flex:1 1 380px;min-width:0}
.vitrin-yazi p{font-size:15px;color:#f0e6cc}
.vitrin{position:relative;flex:1 1 440px;min-width:0;height:330px}
.vitrin-yedek{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;transition:opacity .8s}
.vitrin canvas{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity 1s;cursor:pointer;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%)}
.vitrin.hazir canvas{opacity:1}
.vitrin.hazir .vitrin-yedek{opacity:0}

/* alt */
.alt{max-width:1040px;margin:0 auto 22px;padding:0 20px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;color:#8c8068;font-size:12px}
.alt a{color:#c9b27a}

@media (max-width:900px){.kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
.ust{border-width:0 10px}
.ust-in{flex-wrap:wrap;gap:2px 12px;padding:6px 0}
.ust .dugme{margin-left:auto}
.ust nav{order:3;width:100%;margin:0 0 0 -10px}
.pencere{margin:8px 4px 14px;padding:42px 16px 18px;border-width:16px 8px}
.kartlar,.kartlar.iki{grid-template-columns:1fr}
.vitrin-bolum{flex-wrap:wrap}
.vitrin{flex-basis:100%;height:260px}
th,td{padding:7px 8px}
}
/* dar ekranda takvim satirlari alt alta: saat, etkinlik, odul (yatay kaydirma yok) */
@media (max-width:600px){
.takvim tr:first-child{display:none}
.takvim tr{display:block;padding:10px;border-bottom:1px solid #2e261b}
.takvim tr:nth-child(even){background:#1a1611}
.takvim td{display:block;padding:0;border:0;background:none!important}
.takvim td.saat{margin-bottom:6px}
.takvim td+td+td{margin-top:6px;color:#cdbf9e;font-size:13px}
.takvim tr.acik{background:#1b2613}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}