/*! (c) 2026 Musa Yildirim · WAPI Solutions (wapiso.com) - All rights reserved.
 * Licensed ONLY for musayildirim.com.tr. Copying, redistributing or reusing this code,
 * its 3D assets, effects or design on any other site is prohibited. */
:root{--bg:#0d0b09;--panel:#17130e;--line:#4a3a22;--gold:#e2bf72;--gold2:#f5d68a;--text:#e3dac6;--mute:#a99d84;--link:#9fd4ff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#2a2114 0,transparent 60%),var(--bg);color:var(--text);font:16px/1.65 'Segoe UI',Tahoma,Verdana,sans-serif}
a{color:var(--link)}a:hover{color:#fff}
.wrap{max-width:920px;margin:0 auto;padding:0 18px}
header.top{border-bottom:1px solid var(--line);background:rgba(0,0,0,.35)}
header.top .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{font:700 18px/1.2 Georgia,serif;color:var(--gold2);text-decoration:none;letter-spacing:.04em}
nav.main{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}nav.main a{color:var(--text);text-decoration:none}nav.main a[aria-current]{color:var(--gold2)}
.play{margin-left:auto;font-size:14px;padding:6px 12px;border:1px solid var(--gold);color:var(--gold2);text-decoration:none;border-radius:3px;background:linear-gradient(#3a2c17,#20180d)}
main{padding:28px 0 40px}
.crumbs{font-size:13px;color:var(--mute);margin-bottom:10px}.crumbs a{color:var(--mute)}
h1{font:700 clamp(28px,5vw,40px)/1.15 Georgia,serif;color:var(--gold2);margin:0 0 6px}
h2{font:700 20px/1.3 Georgia,serif;color:var(--gold);margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.tag{font-size:18px;color:var(--mute);margin:0 0 18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:16px 18px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.grid img{width:100%;height:auto;border-radius:3px;border:1px solid var(--line);display:block}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.chips li{border:1px solid var(--line);padding:2px 10px;border-radius:2px;font-size:14px;background:#120f0b}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stats div{background:var(--panel);border:1px solid var(--line);padding:10px;text-align:center}.stats b{display:block;font-size:22px;color:var(--gold2)}.stats span{font-size:13px;color:var(--mute)}
.meta{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:15px}.meta dt{color:var(--mute)}.meta dd{margin:0}
.yt{display:block;position:relative;text-decoration:none;color:var(--text)}.yt span{display:block;font-size:14px;margin-top:6px}
video{width:100%;height:auto;border:1px solid var(--line);border-radius:3px;background:#000}
.proj h3{margin:0 0 4px;font:700 20px/1.3 Georgia,serif}.proj h3 a{color:var(--gold2);text-decoration:none}.proj p{margin:0}
.playcard{float:right;margin:0 0 14px 18px;max-width:260px;display:block;padding:10px 14px;border:1px solid var(--gold);border-radius:3px;background:linear-gradient(#3a2c17,#1b140b);color:var(--text);text-decoration:none;font-size:13px}
.playcard b{display:block;color:var(--gold2);font-size:15px;margin-bottom:2px}.playcard:hover{border-color:#fff}
@media (max-width:600px){.playcard{float:none;margin:0 0 16px;max-width:none}}
footer{border-top:1px solid var(--line);padding:18px 0 30px;font-size:13px;color:var(--mute)}
img.portrait{float:right;width:140px;height:auto;margin:0 0 10px 18px;border:1px solid var(--gold);border-radius:3px}
@media (max-width:600px){img.portrait{float:none;margin:0 0 12px}}