/*
Theme Name: EMIRCANDUMOGLU 1000 IN 1
Theme URI: https://emircandumoglu.com
Author: Emircan Dumoğlu
Description: Portfolyo sitesi: 1000 in 1 oyun kartuşu menüsü. İşler, oyunlar ve skor tablosu içerir.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ed
*/
:root{--bg:#14140a;--frame:#6b6a2e;--frame2:#3a3a18;--or:#e8782a;--lav:#b9a9ee;--cream:#e9e2c0;--dim:#6f6c48;--grn:#9fd6a8;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html,body{height:100%;margin:0}
body{background:#0b0b06;font-family:'Press Start 2P',monospace;color:var(--lav)}
#tv{position:relative;box-sizing:border-box;height:100%;padding:18px;background:repeating-linear-gradient(45deg,#6b6a2e 0 4px,#4a4920 4px 8px)}
#in{height:100%;box-sizing:border-box;background:var(--bg);border:4px solid #23230d;box-shadow:inset 0 0 0 3px var(--frame2),inset 0 0 0 6px var(--bg),inset 0 0 0 8px var(--frame);display:flex;overflow:hidden}
.k{position:absolute;width:34px;height:34px;box-sizing:border-box;background:#8a8836;border:4px solid #23230d}
.k::after{content:"";position:absolute;inset:7px;background:var(--or)}
.tl{top:0;left:0}.tr{top:0;right:0}.bl{bottom:0;left:0}.br{bottom:0;right:0}
#em{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:7px 16px;background:var(--bg);border:4px solid #23230d;box-shadow:0 0 0 3px var(--frame);color:var(--or);font-size:12px}
.col{width:100%;min-width:0;display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:46px 40px 14px}
#scr{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.more{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:'VT323',monospace;font-size:22px;color:var(--cream);padding:26px 0 2px;background:linear-gradient(transparent,var(--bg) 70%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){#scr.fx{animation:fl .3s steps(3)}.blink{animation:bl 1s steps(1) infinite}.pb i{animation:fill .6s steps(8) forwards}}
@keyframes fl{0%{opacity:.2;transform:translateX(-5px)}50%{opacity:1;transform:translateX(4px)}100%{transform:none}}
@keyframes bl{50%{opacity:0}}
@keyframes fill{to{width:100%}}
.hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
h1{font-size:clamp(16px,2.6vw,26px);color:var(--or);font-weight:400;margin:0}
#pg{font-family:'VT323',monospace;font-size:24px;color:var(--cream)}
ul{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow:hidden}
li{font-size:clamp(10px,1.7vw,16px);line-height:2.25;cursor:pointer;white-space:nowrap;padding:0 8px}
li b{display:inline-block;width:1.6em;font-weight:400;visibility:hidden}
li.on{background:var(--or);color:var(--bg)}li.on b{visibility:visible}
li.lock{color:var(--dim)}li.game{color:var(--grn)}li.contact{color:var(--lav)}
li.sh{animation:sh .3s}
@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
#hint{font-family:'VT323',monospace;font-size:24px;color:var(--cream);border-top:2px dashed var(--frame);margin-top:10px;padding-top:8px;min-height:30px}
.c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}
.stamp{margin:0;font-size:10px;color:var(--dim)}
.big{font-size:clamp(14px,5.4vw,72px);color:var(--or);font-weight:400;margin:0;line-height:1.2;text-shadow:4px 4px 0 #7a3a10,8px 8px 0 #3a1c08}
.slg{font-family:'VT323',monospace;font-size:clamp(26px,3.6vw,40px);color:var(--cream);margin:0}
.pr{font-size:clamp(11px,1.6vw,15px);color:var(--lav);margin:14px 0 0}
.pb{width:220px;height:16px;border:2px solid var(--lav);padding:2px;box-sizing:content-box}
.pb i{display:block;height:100%;width:0;background:var(--or)}
.det{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;color:var(--cream);padding-right:8px;outline:none}
.det::-webkit-scrollbar{display:none}.det *{min-width:0;box-sizing:border-box}.det p{margin:0 0 12px;max-width:70ch}.hdr{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}.body{column-width:420px;column-gap:40px;margin-top:18px}.body p{max-width:none;break-inside:avoid}
h2{font-size:clamp(14px,2.1vw,26px);color:var(--or);font-weight:400;line-height:1.6;margin:0 0 10px}
.cover{display:block;width:100%;aspect-ratio:5/3;max-height:52vh;object-fit:contain;image-rendering:pixelated;border:3px solid var(--frame);background:#000}
.meta{color:var(--lav)}.tags{color:var(--grn)}.lead{color:#fff}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.gal img{display:block;width:100%;aspect-ratio:5/3;object-fit:contain;background:#000;border:2px solid var(--frame)}
.lk{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0}
.lk a,#cp{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--or);text-decoration:none;background:none;border:2px solid var(--or);padding:10px 12px;cursor:pointer}
.lk a:hover,#cp:hover,.lk a:focus-visible,#cp:focus-visible{background:var(--or);color:var(--bg)}
.hdr .lk a:first-child{background:var(--or);color:var(--bg)}.hdr .lk a:first-child:hover{background:none;color:var(--or)}.cr{display:flex;justify-content:space-between;max-width:440px;border-bottom:1px dotted var(--dim)}
.hs div{font-size:28px;color:var(--lav)}
#ft{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:'VT323',monospace;font-size:22px;color:var(--dim);padding-top:10px;min-height:34px}
#ft button{font:inherit;color:var(--lav);background:none;border:2px solid var(--frame);padding:0 12px;cursor:pointer}
#ft small{display:none;font-size:18px;color:var(--dim);margin-left:6px}#ft button:hover small,#ft button:focus-visible small{color:var(--bg)}#ft button:hover,#ft button:focus-visible{background:var(--lav);color:var(--bg);border-color:var(--lav)}
.kb{margin-left:auto}
@media (hover:none){.kb{display:none}}
@media (max-width:860px){.hdr{grid-template-columns:minmax(0,1fr)}.cover{max-height:40vh}}@media (max-width:560px){#tv{padding:10px}.k{width:22px;height:22px}.k::after{inset:4px}.col{padding:40px 16px 8px}#em{font-size:9px;padding:5px 10px}}

.det{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(17px,1.5vw,20px);line-height:1.7}
.lead{font-size:1.15em;color:#fff}.cr,.hs div{font-family:'VT323',monospace}.cr{font-size:24px}
.wk{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"cv kn" "tt kn" "bd kn" "gl kn";column-gap:36px;align-items:start}
.cover{grid-area:cv;background:#0b0b06;cursor:zoom-in}.tt{grid-area:tt;margin-top:18px}.bd{grid-area:bd;max-width:68ch}.gl{grid-area:gl}
.kn{grid-area:kn;position:sticky;top:0;border:3px solid var(--frame);padding:16px}
.kn h4{font:400 9px 'Press Start 2P',monospace;color:var(--dim);margin:0 0 6px}
.kn dt{font:20px 'VT323',monospace;color:var(--dim);margin-top:12px}.kn dd{margin:0;font:26px/1.1 'VT323',monospace;color:var(--cream)}.kn dd.tg{color:var(--grn)}
.kn .lk{flex-direction:column;margin:18px 0 0}.kn .lk a{text-align:center}
.kn .lk a:first-child{background:var(--or);color:var(--bg)}.kn .lk a:first-child:hover{background:none;color:var(--or)}
.bd h3{font:400 11px/1.6 'Press Start 2P',monospace;color:var(--or);margin:28px 0 10px}
.bd blockquote{margin:22px 0;padding:4px 0 4px 20px;border-left:4px solid var(--or);font-size:1.2em;font-style:italic;color:#fff}
.bd figure{margin:22px 0}.bd figcaption{font:20px 'VT323',monospace;color:var(--dim);margin-top:6px}
.bd figure img,.gl img{display:block;width:100%;object-fit:contain;background:#0b0b06;border:2px solid var(--frame);cursor:zoom-in}
.bd figure img{max-height:50vh}.gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.gl img{aspect-ratio:4/3}
.zi:hover{border-color:var(--lav)}
@media (max-width:900px){.wk{grid-template-columns:minmax(0,1fr);grid-template-areas:"cv" "tt" "kn" "bd" "gl"}.kn{position:static;margin-top:18px}}
#lb{position:fixed;inset:0;z-index:50;background:rgba(11,11,6,.96);display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;font-family:'VT323',monospace}
#lb.on{display:flex}#lb img{max-width:94vw;max-height:78vh;object-fit:contain;border:3px solid var(--frame);background:#0b0b06}
#lbc{font-size:22px;color:var(--cream)}#lb .b{display:flex;gap:10px}
#lb button{font:22px 'VT323',monospace;color:var(--lav);background:none;border:2px solid var(--frame);padding:0 14px;cursor:pointer}#lb button:hover,#lb button:focus-visible{background:var(--lav);color:var(--bg)}

.top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.cvw{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;max-height:52vh;border:3px solid var(--frame);background:#0b0b06;cursor:zoom-in}.cvw:hover{border-color:var(--lav)}
.cvw .blr{position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(22px);opacity:.55}
.cvw canvas{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.tx h2{margin-top:0}.cr span:first-child{color:var(--dim)}.cr span:last-child{text-align:right}.tx .cr{max-width:none}
.top .lk a:first-child{background:var(--or);color:var(--bg)}.top .lk a:first-child:hover{background:none;color:var(--or)}
.gl{display:flex;flex-wrap:wrap;gap:12px}.gl::after{content:"";flex:999 1 0}
.gl .gi{min-width:0}.gl .gi img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:fill;background:none}
@media (max-width:900px){.top{grid-template-columns:minmax(0,1fr)}}

.cvw{aspect-ratio:auto;height:clamp(220px,44vh,480px);max-height:none}
.rd{max-width:780px;margin:0 auto;padding-top:22px}.rd .bd{max-width:none}
.mt{font:26px 'VT323',monospace;color:var(--lav);margin:0 0 6px}.mt .tg{color:var(--grn);margin-left:16px}
.rd .lk{margin:12px 0 20px}.rd .lk a:first-child{background:var(--or);color:var(--bg)}.rd .lk a:first-child:hover{background:none;color:var(--or)}
.gl{margin-top:26px}
@media (max-width:900px){.cvw{height:clamp(180px,32vh,320px)}}

.inf{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;margin-top:22px;align-items:start}
.inf p{max-width:60ch}.inf .cr{max-width:none}.inf .lk{margin:16px 0 0}
.inf .lk a:first-child{background:var(--or);color:var(--bg)}.inf .lk a:first-child:hover{background:none;color:var(--or)}
.sl{font:22px 'VT323',monospace;color:var(--dim);margin:28px 0 10px}.sl+.gl{margin-top:0}
@media (max-width:900px){.inf{grid-template-columns:minmax(0,1fr);gap:8px}}

.rw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:34px 0}.rw.rv .im{order:-1}
.tc h3,.sh{font:400 12px/1.6 'Press Start 2P',monospace;color:var(--or);margin:0 0 12px}.sh{margin:34px 0 12px}.tc p{max-width:60ch}
.bu{position:relative;font-family:'VT323',monospace;font-size:26px;color:var(--cream);padding:2px 0 2px 28px}.bu::before{content:'>';position:absolute;left:6px;color:var(--or)}
.im{display:flex;justify-content:center}.im img{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;border:2px solid var(--frame);cursor:zoom-in}
@media (max-width:900px){.rw{grid-template-columns:minmax(0,1fr);gap:16px}.rw.rv .im{order:0}}

.tp{margin-top:22px}.tp h2{margin:0 0 8px}.tp .lead{margin:12px 0 0;max-width:70ch}.tp .lk{margin:16px 0 0}
.tp .lk a:first-child{background:var(--or);color:var(--bg)}.tp .lk a:first-child:hover{background:none;color:var(--or)}
.sx{font:400 13px/1.6 'Press Start 2P',monospace;color:var(--or);margin:44px 0 0;padding-bottom:10px;border-bottom:2px dashed var(--frame)}.sx+.rw{margin-top:24px}
.sw{display:flex;gap:8px;margin:14px 0}.sw i{display:block;width:44px;height:44px;border:2px solid var(--frame)}.sn{font:22px 'VT323',monospace;color:var(--dim)}

.fa{max-width:1360px;margin:34px auto 0;font-size:clamp(18px,1.45vw,21px);line-height:1.75}.fa::after{content:"";display:block;clear:both}
.fa p{max-width:none;margin:0 0 18px}.fa figcaption{font:20px 'VT323',monospace;color:var(--dim);margin-top:6px}
.fl{width:44%;margin:6px 0 18px}.fl.r{float:right;margin-left:40px}.fl.l{float:left;margin-right:40px}.fl.mo{width:24%}
.fl img,.fw img{display:block;width:100%;height:auto;border:2px solid var(--frame);cursor:zoom-in}
.fw{clear:both;margin:30px 0}.fw img{max-height:62vh;object-fit:contain;background:#0b0b06}
@media (max-width:900px){.fl,.fl.mo{float:none!important;width:100%;margin:12px 0}.fl.mo{width:60%}}

.bu{position:static;padding:2px 0}.bu::before{content:'> ';position:static}.fl.mo{width:20%}

.fl.r.ab{width:30%}
.up{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border:2px dashed var(--frame);background:rgba(255,255,255,.03);cursor:pointer;text-align:center;font:24px/1.2 'VT323',monospace;color:var(--dim);padding:12px}.up:hover{border-color:var(--lav);color:var(--cream)}
.up small{font-size:20px}.up.ok{display:block;aspect-ratio:auto;border:0;padding:0}.up.ok img{cursor:pointer}
@media (max-width:900px){.fl.r.ab{width:70%;float:none}}

.pg{max-width:1360px;margin:30px auto 0}.pg .tp{margin-top:0;padding-bottom:24px;border-bottom:2px dashed var(--frame)}.pg .tp h2{margin:0 0 14px}
.pg .lead{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.4;border-left:4px solid var(--or);padding-left:18px;max-width:50ch}.pg .fa{margin:26px 0 0;max-width:none}
.ab img{cursor:default}
.cs{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;justify-content:space-between;border:2px solid var(--frame);padding:12px 16px;margin:24px 0;font:26px 'VT323',monospace;color:var(--cream)}.cs span{color:var(--dim)}
.dot{display:inline-block;width:12px;height:12px;background:var(--grn);margin-right:10px}
.cg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;font-size:clamp(18px,1.45vw,21px);line-height:1.6}
.cl{font:400 11px/1.6 'Press Start 2P',monospace;color:var(--or);margin:0 0 14px}
.sp{display:flex;gap:14px;margin:0 0 16px}.sp b{font:400 28px/1 'VT323',monospace;color:var(--or);min-width:20px}.sp p{margin:0;max-width:none}.sp strong{color:#fff;font-weight:600}
.sv{margin:0 0 6px}.sv::before{content:'> ';color:var(--or)}
.ad{font:32px 'VT323',monospace;color:#fff;margin:6px 0 12px}
.cg .lk{margin:0}.cg .lk a:first-child{background:var(--or);color:var(--bg)}.cg .lk a:first-child:hover{background:none;color:var(--or)}
@media (max-width:900px){.cg{grid-template-columns:minmax(0,1fr);gap:28px}}

#in{position:relative}#tr{position:absolute;inset:0;z-index:30;display:grid;pointer-events:none}#tr i{display:block;margin:-.5px}
.tp{max-width:1360px;margin-left:auto;margin-right:auto}
.fa .kj{font:26px 'VT323',monospace;color:var(--lav);margin:22px 0 10px}
#em,.k{z-index:5}
@supports (height:100dvh){html,body{height:100dvh}}

html,body{overscroll-behavior:none}#scr.mn{touch-action:none}
#ft button{display:inline-flex;align-items:center;height:34px;line-height:1;white-space:nowrap;box-sizing:border-box}
@media (max-width:560px){.col{padding-bottom:22px}#ft{gap:6px;flex-wrap:nowrap}#ft button{flex:1 1 auto;justify-content:center;padding:0 8px;font-size:19px}li{line-height:2.7}.fa .lk a{flex:1 1 100%;text-align:center}.fl.r.ab{margin-left:auto;margin-right:auto}}

@media (max-width:900px){.fl,.fl.r,.fl.l,.fl.mo,.fl.r.ab{float:none!important;width:100%!important;margin:14px 0!important}.fl.mo{width:62%!important;margin-left:auto!important;margin-right:auto!important}.fl.r.ab{width:70%!important;margin-left:auto!important;margin-right:auto!important}.fl figcaption{text-align:center}}
@media (max-width:560px){.fa{font-size:16px;line-height:1.65}.tp .lead{font-size:20px}.mt{font-size:22px}.mt .tg{display:block;margin:4px 0 0}.tp .lk a{flex:1 1 40%;text-align:center}}
#gf{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:50;background:#14140a}

/* ---- WordPress içeriği için ek stiller ---- */
.seo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#gf{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:50;background:#14140a}
.fa img{max-width:100%;height:auto}
.fa figure{margin:0}.fa figure.fw{margin:22px 0;clear:both}
.fa figure.fw img{display:block;width:100%;height:auto;border:2px solid var(--frame);cursor:zoom-in}
.fa a{color:var(--or)}
.fa h2,.fa h3,.fa h4{font-family:'Press Start 2P',monospace;font-size:clamp(13px,1.1vw,16px);line-height:1.6;color:var(--lav);margin:30px 0 14px;clear:both}
.fa ul{list-style:none;margin:0 0 18px;padding:0}
.fa ul li{position:relative;font-family:'VT323',monospace;font-size:26px;line-height:1.3;color:var(--cream);padding:2px 0 2px 28px}
.fa ul li::before{content:'>';position:absolute;left:6px;color:var(--or)}
.fa ol{margin:0 0 18px;padding-left:1.4em}
.fa blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:4px solid var(--or);color:var(--lav)}
.fa .wp-element-caption,.fa figcaption{font:20px 'VT323',monospace;color:var(--dim);margin-top:6px}
.fa iframe,.fa video{max-width:100%;border:2px solid var(--frame)}