:root{--gr:255,194,26;--gr2:245,158,11;--gold:#ffc21a;--gold2:#f59e0b;--ink:#1a1400;--r:16px;--hh:60px;--sw:272px;--cw:1240px;--slw:1180px;--bw:183px;--bgap:14px;--font:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif}
[data-theme=dark]{--bg:#0f0f11;--bg2:#141416;--card:#18181b;--line:rgba(255,255,255,.08);--text:#f3f3f5;--dim:#9a9aa3}
[data-theme=light]{--bg:#f4f4f6;--bg2:#ececf0;--card:#ffffff;--line:rgba(0,0,0,.09);--text:#16161a;--dim:#6b6b75}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}
body{font-family:var(--font);font-size:15px;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}picture{display:contents}.dim{color:var(--dim)}.ico{width:20px;height:20px;flex-shrink:0}
h1,h2,h3{line-height:1.25;letter-spacing:-.01em;font-weight:700}h1{font-size:clamp(24px,3vw,32px)}h2{font-size:clamp(18px,2vw,22px)}h3{font-size:16px}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.sec{padding-top:44px}.sec-top{padding-top:20px}
*{scrollbar-width:thin;scrollbar-color:rgba(128,128,140,.35) transparent}
/* üst bar */
.hd{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:10px;height:var(--hh);padding:0 16px}
.logo{flex-shrink:0;margin-left:4px}.logo img{height:42px;width:auto;max-width:none}.hd-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.who{font-size:13px;font-weight:600;color:var(--dim);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ibtn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.ibtn:hover{background:var(--bg2)}
[data-theme=dark] .t-moon,[data-theme=light] .t-sun{display:none}
/* düzen + sol menü */
.app{display:grid;grid-template-columns:var(--sw) minmax(0,1fr);flex:1;align-items:start}
.side-off .app{grid-template-columns:0 minmax(0,1fr)}.side-off .side{transform:translateX(-100%);visibility:hidden;padding:0;border:0}
.side{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));overflow-y:auto;padding:18px 12px 24px;border-right:1px solid var(--line);background:var(--bg);transition:transform .25s}
.side-t{margin:22px 14px 6px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.side a{position:relative;display:flex;align-items:center;gap:12px;height:42px;padding:0 14px;border-radius:10px;font-weight:500;font-size:14.5px;color:var(--dim);transition:background .15s,color .15s}
.side a .mi{display:grid;place-items:center;color:var(--dim)}
.side a:hover{background:var(--bg2);color:var(--text)}
.side a.on{background:rgba(var(--gr),.12);color:var(--text);font-weight:600}.side a.on .mi{color:var(--gold)}
.side a.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--gold)}
.side a .lb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cnt{font-style:normal;font-size:12px;font-weight:600;color:var(--dim)}
.side a.sl .soc{width:26px;height:26px;border-radius:8px}.side a.sl .soc svg{width:15px;height:15px}
.acct{padding:4px 14px 6px;display:flex;align-items:center;gap:12px}.acct .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-weight:800}
.acct small{display:block;color:var(--dim);font-size:12.5px}.acct.cta{display:block;padding:4px 14px 8px}.acct.cta b{display:block;font-size:15px}.acct.cta small{margin:2px 0 12px}.acct.cta .btn{width:100%}
.scrim{display:none}
.main{padding:0 28px 10px;min-width:0;max-width:var(--cw);width:100%;margin:0 auto}
/* butonlar */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;border:0;cursor:pointer;font:600 14px var(--font);color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold2));transition:filter .15s}
.btn:hover{filter:brightness(1.07)}.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:var(--bg2)}
.btn.sm{padding:7px 14px;font-size:13px}.btn.lg{width:100%;padding:12px}
/* slider */
.slider{width:min(100%,var(--slw));margin:0 auto;position:relative;overflow:hidden;border-radius:20px;background:var(--card);height:var(--sh)}
.track{display:flex;height:100%;transition:transform .55s cubic-bezier(.3,.7,.2,1)}
.slide{min-width:100%;height:100%}.slide a{display:block;height:100%}.slide img{width:100%;height:100%;object-fit:cover}
.slide.ph{display:grid;place-items:center;text-align:center;color:var(--dim)}.slide.ph img{height:80px;width:auto;margin:0 auto 10px;opacity:.9}
.sl-b{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:22px;cursor:pointer}.sl-b:hover{background:var(--gold);color:var(--ink)}.prev{left:14px}.next{right:14px}
.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;gap:6px;justify-content:center}.dots i{width:7px;height:7px;border-radius:7px;background:rgba(255,255,255,.5);cursor:pointer;transition:.25s}.dots i.on{width:22px;background:var(--gold)}
/* bento (en fazla 6) */
.bento{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--bgap);margin-top:var(--bgap)}
.bcard{flex:0 1 var(--bw);min-width:0;position:relative;display:block;height:var(--bh);border-radius:var(--r);overflow:hidden;background:var(--card)}
.bcard img{position:absolute;inset:0;width:100%;height:100%}.bcard .bg{object-fit:cover}.bcard .fg{object-fit:contain}.bcard:hover{filter:brightness(1.08)}
/* arama motoru */
.finder{text-align:center;padding:8px 0}
.f-glow{display:none}.f-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold2);margin-bottom:8px}
.finder h2{font-size:clamp(20px,2.6vw,28px)}
.sbox{display:flex;align-items:center;gap:10px;max-width:640px;margin:20px auto 0;padding:6px 6px 6px 18px;border-radius:14px;background:var(--card);color:var(--dim);box-shadow:inset 0 0 0 1px var(--line)}
.sbox:focus-within{box-shadow:inset 0 0 0 2px var(--gold)}
.sbox input,.sbox input:focus{flex:1;min-width:0;border:0;outline:0;box-shadow:none;padding:9px 0;background:transparent;color:var(--text);font:500 16px var(--font)}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.chip-b{padding:5px 13px;border-radius:999px;border:0;background:var(--bg2);color:var(--dim);font:500 13px var(--font);cursor:pointer}.chip-b:hover{color:var(--text)}
.res{max-width:640px;margin:14px auto 0;display:grid;gap:2px;text-align:left}
.ritem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--card)}.ritem+.ritem{margin-top:6px}
.ritem img{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;flex-shrink:0}.ritem .rn{flex:1;min-width:0}.ritem b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rnone{padding:14px;text-align:center;color:var(--dim)}
.f-soc{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.f-soc>span{color:var(--dim);font-size:13px;margin-right:4px}
.soc{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--c);color:#fff}.soc svg{width:18px;height:18px}
[data-theme=dark] .soc[style*="#14120d"]{background:#2a2a30}
/* başlıklar */
.sec-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.more{color:var(--gold2);font-weight:600;font-size:14px}
/* oyunlar */
.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--gh);gap:var(--bgap)}
.gcard{position:relative;overflow:hidden;border-radius:var(--r);background:var(--card)}.gcard:first-child{grid-column:span 2;grid-row:span 2}
.gcard img{width:100%;height:100%;object-fit:cover}.gcard:hover img{filter:brightness(1.08)}
.gmeta{position:absolute;inset:auto 0 0 0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}.gmeta b{display:block;font-size:15px}.gmeta small{opacity:.75}
.gbadge{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:700;font-size:12px}
/* hakkımızda */
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;padding:8px 0}.about p{margin-top:10px;color:var(--dim);max-width:62ch}.about>*,.soc-grid>*,.two>*{min-width:0}
.soc-grid{display:grid;gap:4px}.soc-grid.big{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.soc-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-weight:600}.soc-card:hover{background:var(--card)}.soc-grid.big .soc-card{background:var(--card)}
.soc-card span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* site kartları */
.page-h{margin-bottom:22px}.page-h p{margin-top:4px}
.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.lcard{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r);background:var(--card)}
.lc-logo{height:84px;display:grid;place-items:center;background:#fff;border-radius:12px;padding:10px;color:#222}.lc-logo img{max-height:62px;width:auto;object-fit:contain}
.lc-meta{display:flex;flex-direction:column;gap:6px;align-items:center;min-height:22px}.lc-act{display:grid;gap:6px}.lc-act .btn{width:100%}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.scard{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r);background:var(--card)}.scard.spon{box-shadow:inset 0 0 0 1px rgba(var(--gr),.45)}
.sc-top{display:flex;justify-content:space-between;align-items:center;min-height:22px}.rk{font-size:13px;font-weight:700;color:var(--dim)}
.sp-b{padding:2px 10px;border-radius:999px;background:rgba(var(--gr),.16);color:var(--gold2);font-size:11px;font-weight:700;margin-left:auto}
.sc-head{display:flex;gap:14px;align-items:center}.sc-head h3{font-size:18px}
.slogo{width:84px;height:60px;display:grid;place-items:center;background:#fff;border-radius:12px;padding:8px;color:#222;flex-shrink:0;font-size:12px;text-align:center}.slogo img{max-height:44px;width:auto;object-fit:contain}.slogo.big{width:130px;height:92px}.slogo.big img{max-height:70px}
.rt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rt b{font-size:13px}
.stars{display:inline-block;font-size:15px;letter-spacing:2px;line-height:1;background:linear-gradient(90deg,var(--gold) var(--p),rgba(140,140,150,.35) var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}.stars:before{content:"★★★★★"}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:2px 10px;border-radius:6px;background:var(--bg2);font-size:12px;font-weight:600;color:var(--dim)}.tag.hot{background:rgba(var(--gr),.14);color:var(--gold2)}
.bonus{padding:2px 0 2px 14px;border-left:3px solid var(--gold);display:grid;gap:1px}.bonus small{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold2)}.bonus b{font-size:17px}.bonus span{color:var(--dim);font-size:13px}
.stats{display:flex;gap:0;flex-wrap:wrap;font-size:12.5px;color:var(--dim)}.stats span+span:before{content:"·";margin:0 8px}.stats.col{flex-direction:column;gap:4px}.stats.col span+span:before{content:none}
.sact{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:auto}.sact .btn{padding:10px 8px;font-size:13px}
.empty{padding:36px;text-align:center;border-radius:var(--r);background:var(--card);color:var(--dim);margin:10px 0}.empty a{color:var(--gold2);font-weight:600}
/* site detay */
.shero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:22px;border-radius:var(--r);background:var(--card);margin-bottom:20px}
.shero h1{margin-bottom:6px}.shero-m{display:grid;gap:8px}.shero-a{display:grid;gap:8px;min-width:190px}
.doc{padding:24px;border-radius:var(--r);background:var(--card);margin-bottom:22px}.doc h2{margin:22px 0 8px}.doc h2:first-child{margin-top:0}.doc p{color:var(--dim);margin-bottom:10px}.doc .bonus{margin:10px 0}
.faq{padding:12px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq p{margin-top:8px}
.rate{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.rate input{position:absolute;opacity:0;width:0}.rate label{font-size:30px;line-height:1;color:rgba(140,140,150,.4);cursor:pointer;display:block}
.rate input:checked~label,.rate label:hover,.rate label:hover~label{color:var(--gold)}
/* formlar + forum */
.authbox{max-width:420px;margin:24px auto;padding:26px;border-radius:var(--r);background:var(--card)}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:var(--bg2);margin-bottom:18px}.tabs a{text-align:center;padding:9px;border-radius:8px;font-weight:600;color:var(--dim)}.tabs a.on{background:var(--gold);color:var(--ink)}
.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--dim)}
input,select,textarea{width:100%;padding:11px 13px;border-radius:10px;border:0;background:var(--bg2);color:var(--text);font:400 15px var(--font);box-shadow:inset 0 0 0 1px var(--line)}
textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--gold)}
.authbox input,.panel input,.panel select,.panel textarea,.doc input,.doc textarea{background:var(--bg)}
.alert{padding:11px 14px;border-radius:10px;background:rgba(255,80,80,.12);margin-bottom:14px;font-size:14px}.alert.ok{background:rgba(60,200,120,.14)}
.or{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--dim);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.gbtn{display:flex;justify-content:center;min-height:44px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.panel{padding:20px;border-radius:var(--r);background:var(--card);display:grid;gap:12px;margin-bottom:14px}.two>.panel{position:sticky;top:80px}
.topic,.post,.reply{display:grid;gap:4px;padding:16px 18px;border-radius:var(--r);background:var(--card);margin-bottom:10px}.topic:hover{background:var(--bg2)}
.chip{justify-self:start;display:inline-block;padding:2px 10px;border-radius:6px;background:rgba(var(--gr),.14);color:var(--gold2);font-size:11.5px;font-weight:700}.back{display:inline-block;margin-bottom:12px;color:var(--gold2);font-weight:600}.rh{margin:26px 0 12px}
.ft{margin-top:60px;padding:30px 0;border-top:1px solid var(--line);text-align:center;color:var(--dim);font-size:13px}.ft-logo{height:38px;margin:0 auto 10px;opacity:.85}
/* makale */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.acard{display:flex;flex-direction:column;border-radius:var(--r);background:var(--card);overflow:hidden}.acard:hover{background:var(--bg2)}
.aimg{height:110px;background:#fff;display:grid;place-items:center;padding:14px}.aimg img{max-height:80px;width:auto;object-fit:contain}
.abody{display:grid;gap:6px;padding:14px 16px}.abody b{font-size:15.5px;line-height:1.35}.abody small{color:var(--dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.art h1{margin-bottom:6px}.art p{color:var(--text);opacity:.85}.cover{border-radius:12px;margin:14px 0;max-height:320px;width:100%;object-fit:cover}
.art-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;border-radius:12px;background:var(--bg);margin:16px 0}.art-cta>div{flex:1;min-width:120px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:8px}.rel-i{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:var(--card)}.rel-i:hover{background:var(--bg2)}.rel-i small{color:var(--gold2);font-weight:600}
/* mobil */
@media(max-width:860px){
 :root{--hh:56px}.hd-in{padding:0 10px;gap:6px}.logo img{height:36px}.who{display:none}
 .app{display:block}.side-off .side{transform:none;visibility:visible}
 .side{position:fixed;top:var(--hh);left:0;bottom:0;height:auto;width:min(84vw,310px);z-index:70;transform:translateX(-102%);box-shadow:0 0 40px rgba(0,0,0,.5)}
 .side.open{transform:none}.scrim{position:fixed;inset:var(--hh) 0 0 0;background:rgba(0,0,0,.55);z-index:65;opacity:0;pointer-events:none;transition:.25s;display:block}.scrim.on{opacity:1;pointer-events:auto}
 .main{padding:0 12px 6px}.slider{width:100%;height:var(--shm);border-radius:14px}.sl-b{display:none}
 .bento{gap:10px;flex-wrap:wrap}.bcard{flex:0 0 calc(50% - 5px);height:var(--bhm);border-radius:12px}
 .games{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(var(--gh) * .75);gap:10px}
 .about{grid-template-columns:1fr;gap:20px}.two{grid-template-columns:1fr}.two>.panel{position:static}.sec{padding-top:34px}
 .shero{grid-template-columns:1fr;text-align:center;justify-items:center}.shero-a{width:100%}.rt,.tags{justify-content:center}
 .lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sgrid{grid-template-columns:1fr}
}
@media(max-width:400px){.hd-r .btn.ghost{display:none}}
.side .acct.cta a.btn,.side .acct.cta a.btn:hover{color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold2));height:auto;padding:10px}
/* profil + mesajlar + cuka */
.acct{color:inherit}.acct img.av{width:38px;height:38px;border-radius:50%;object-fit:cover}.bal-s{display:flex!important;align-items:center;gap:4px;color:var(--gold2)!important;font-weight:600}.bal-s .ico{width:14px;height:14px}
.prof-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:22px;border-radius:var(--r);background:var(--card);margin-bottom:18px}
.prof-av{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-size:32px;font-weight:800;flex-shrink:0}
.bal{margin-left:auto;text-align:right}.bal small{color:var(--dim)}.bal b{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-size:32px;color:var(--gold);line-height:1.1}.bal b .ico{width:28px;height:28px}.bal b span{font-size:15px;color:var(--dim);font-weight:600}
.ptabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--line);overflow-x:auto}.ptabs a{padding:10px 16px;font-weight:600;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ptabs a.on{color:var(--text);border-color:var(--gold)}
.led{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.led:last-child{border:0}.led b.pos{color:#4cc38a}.led b.neg{color:#ff7b8a}
.thread{display:grid;gap:10px;margin:16px 0}.bub{max-width:82%;padding:10px 14px;border-radius:14px;background:var(--card)}.bub.me{margin-left:auto;background:rgba(var(--gr),.16)}.bub p{margin-top:2px}
.avrow{display:flex;align-items:center;gap:16px}.avrow label{flex:1}.chk{display:flex!important;align-items:center;gap:8px}.chk input{width:auto}
@media(max-width:860px){.bal{margin-left:0;text-align:left}.bal b{justify-content:flex-start}.bub{max-width:94%}}
.side a.acct{height:auto;padding:8px 14px;color:var(--text);margin-bottom:6px}.side a.acct:hover{background:var(--bg2)}.side a.acct small{font-size:12.5px}

/* arka plan görseli açıkken şeffaf bar/menü */
.has-bg .hd,.has-bg .side{background:rgba(var(--bgr),.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.has-bg .ft{background:rgba(var(--bgr),.8)}
@media(max-width:860px){.has-bg .side{background:rgba(var(--bgr),.97)}}
.bcard .bg.contain{object-fit:contain}
/* hikayeler */
.sec-s{padding-top:18px}
.st-row{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.st-row::-webkit-scrollbar{display:none}
.st{flex:0 0 auto;width:78px;background:none;border:0;color:var(--text);cursor:pointer;text-align:center;font-family:inherit}
.st-ring{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--gold),var(--gold2));margin:0 auto 6px}
.st.seen .st-ring{background:rgba(140,140,150,.4)}
.st-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg);background:var(--card)}
.st-t{display:block;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:none;place-items:center}.sv.on{display:grid}
.sv-box{position:relative;width:min(420px,100vw);height:min(88vh,746px);background:#000;border-radius:18px;overflow:hidden;user-select:none;-webkit-user-select:none}
.sv-box>img,.sv-box>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.sv-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:4}.sv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.sv-bars b{display:block;height:100%;width:0;background:#fff}
.sv-top{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:4;color:#fff;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.sv-top img{width:30px;height:30px;border-radius:50%;object-fit:cover}.sv-x{margin-left:auto;background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}
.sv-p,.sv-n{position:absolute;top:60px;bottom:90px;z-index:3;width:38%}.sv-p{left:0}.sv-n{right:0;width:62%}
.sv-cta{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:5;max-width:86%}
@media(max-width:600px){.sv-box{width:100vw;height:100vh;height:100dvh;border-radius:0}}

/* === CUKKALA V8: layout, cards and members === */
/* Keep a narrow icon rail when the desktop navigation is collapsed. */
@media(min-width:861px){
 .side-off .app{grid-template-columns:72px minmax(0,1fr)!important}
 .side-off .side{transform:none!important;visibility:visible!important;padding:18px 7px!important;border-right:1px solid var(--line)!important;overflow-x:hidden}
 .side-off .side .side-t,.side-off .side .lb,.side-off .side .cnt,.side-off .side .acct,.side-off .side .side-collapse-tip{display:none!important}
 .side-off .side a:not(.acct){justify-content:center;padding:0!important;gap:0!important;height:48px;min-width:0}
 .side-off .side .mi{display:grid;margin:0!important}
 .side-off .side .mi .ico{width:24px;height:24px}
 .side-off .side a.sl .soc{margin:0}
 .side-off .side a.on:before{top:8px;bottom:8px}
}
.side-collapse-tip{display:none}
/* All game images remain inside independent cards; nothing spans rows. */
.games{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:clamp(10px,1.5vw,18px)!important;align-items:stretch}
.gcard,.gcard:first-child{grid-column:auto!important;grid-row:auto!important;display:block;min-width:0;width:100%;height:var(--gh);min-height:0;isolation:isolate;background:#121212;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .35s ease;max-width:none}
.gcard:hover img{transform:scale(1.035)}.gmeta{z-index:2;min-width:0}.gmeta b,.gmeta small{white-space:normal;overflow-wrap:anywhere}
/* Bento luminous ring and gentle hover (controlled from admin settings). */
.bcard{isolation:isolate;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.bcard:after{content:"";position:absolute;z-index:5;inset:0;border:3px solid transparent;border-radius:inherit;pointer-events:none;
 background:conic-gradient(from var(--glowAngle,0deg), transparent 0deg,var(--bento-ring) 95deg,transparent 165deg,transparent 245deg,var(--bento-ring) 315deg,transparent 355deg) border-box;
 -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
 animation:cukaGlow 5s linear infinite;animation-play-state:var(--bento-spin)}
@property --glowAngle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes cukaGlow{to{--glowAngle:360deg}}
.bcard:hover{transform:translateY(-6px);box-shadow:0 14px 30px color-mix(in srgb,var(--bento-ring) 30%,transparent)}
.bento{flex-wrap:wrap;justify-content:center}
/* Forum */
.forum-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}
.forum-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.forum-filters .chip{font-size:13px;padding:7px 12px;border:1px solid var(--line);border-radius:999px}
.forum-filters .chip.selected,.forum-filters .chip:hover{background:rgba(var(--gr),.2);color:var(--gold)}
.forum-feed{display:grid;gap:12px}.forum-feed .topic{position:relative;min-height:90px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-right:110px}
.forum-thumb{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:88px;height:66px;object-fit:cover;border-radius:8px}
.cuka-modal{border:1px solid var(--line);background:var(--card);color:var(--text);width:min(540px,calc(100vw - 24px));max-height:90vh;overflow:auto;border-radius:18px;padding:25px;box-shadow:0 24px 100px #0009;margin:auto}
.cuka-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.evidence-photo{max-height:340px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;margin-top:12px}
/* Profile reward panels */
.rewards-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 25px}
.reward-tile{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;min-width:0}
.reward-tile small{color:var(--dim);font-weight:700}.reward-tile strong{font-size:21px;color:var(--gold)}.reward-tile p{font-size:13px;color:var(--dim)}
.reward-tile form{display:grid;gap:8px;margin-top:auto}.reward-tile form input{width:100%;min-width:0}.reward-tile .invite-copy{display:flex;gap:5px;margin-top:auto}
.invite-copy input{width:100%;min-width:0;font-size:12px}.reward-tile .btn{white-space:nowrap}
/* Shop cards */
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.market-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.market-card>img,.market-placeholder{width:100%;height:220px;object-fit:contain;background:var(--bg2)}.market-placeholder{display:grid;place-items:center;font-size:72px}
.market-body{padding:18px;display:flex;flex:1;flex-direction:column;gap:12px}.market-body h2{font-size:18px}.market-body p{color:var(--dim);font-size:14px;white-space:pre-line}
.market-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto}.market-actions strong{color:var(--gold);white-space:nowrap}.market-actions button:disabled{opacity:.4;cursor:not-allowed}
.market-balance{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.market-balance strong{color:var(--gold)}.market-balance a{color:var(--gold);text-decoration:underline}
@media(max-width:860px){.games{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gcard,.gcard:first-child{height:clamp(190px,35vw,280px)!important}.rewards-panel{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.games{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.gcard,.gcard:first-child{height:190px!important}.gmeta b{font-size:13px}.market-grid{grid-template-columns:1fr}.forum-feed .topic{padding-right:14px}.forum-thumb{position:static;transform:none;margin-top:6px;width:120px;height:75px}}
@media(prefers-reduced-motion:reduce){.bcard:after{animation:none}.bcard:hover,.gcard:hover img{transform:none}}
.article-faq{margin:26px 0}.article-faq details{padding:12px 0;border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;font-weight:700}.article-faq p{color:var(--dim);padding-top:8px}

.cuka-intro{margin:14px 0 4px}.cuka-intro p{margin-top:10px}.favorite-chooser{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.favorite-choice{display:block!important;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg2);cursor:pointer;overflow:hidden}
.favorite-choice input{width:auto;margin:0 0 6px}.favorite-choice img{width:100%;height:78px;object-fit:contain;border-radius:6px;background:#111}.favorite-choice span{font-size:13px;font-weight:700;overflow-wrap:anywhere}

/* Cukkala V9 public refinements */
body{font-family:var(--font,"Inter","Segoe UI",system-ui,sans-serif);font-size:15px;line-height:1.6}
.main h1,.main h2,.main h3{letter-spacing:-.028em;font-weight:780}
.side .mi{border-radius:9px;transition:background .18s,color .18s}.side a:hover .mi,.side a.on .mi{color:var(--gold)}.side .lb{font-weight:550}
.games{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important}
.gcard,.gcard:first-child{height:auto!important;aspect-ratio:3/4!important;border-radius:17px!important;box-shadow:0 8px 30px #0002;transition:box-shadow .2s,border-color .2s}.gcard:hover{box-shadow:0 14px 38px #0005;border-color:var(--gold)}
.gcard img{object-fit:contain!important;background:var(--card)}.gmeta{padding:14px 15px}
.forum-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}.forum-categories{position:sticky;top:74px;padding:17px;background:var(--card);border:1px solid var(--line);border-radius:16px}.forum-categories h3{font-size:16px;margin:0 0 12px}.forum-categories .forum-filters{display:flex;flex-direction:column;align-items:stretch;gap:7px}.forum-categories .forum-filters .chip{padding:10px 14px!important;display:block;border-radius:11px;background:var(--bg);white-space:normal}.forum-categories .forum-filters .chip.selected,.forum-categories .forum-filters .chip:hover{background:rgba(var(--gr),.18)!important}.forum-topic-area{min-width:0}.forum-topic-area .forum-topbar{justify-content:flex-end;margin:0 0 12px}.forum-feed .topic{border:1px solid var(--line);border-radius:15px}.forum-avatar-line{display:flex;align-items:center;gap:12px}.thread-avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,var(--gold),var(--gold2));color:#1d1300;font-weight:900;flex:0 0 auto}.reply.forum-avatar-line{flex-wrap:wrap}.reply.forum-avatar-line p{width:100%}
.site-favorite-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.site-favorite-picker label{border:1px solid var(--line);border-radius:11px;padding:9px 12px;display:flex;gap:8px;align-items:center;background:var(--bg2)}.site-favorite-picker input{width:auto}.claimed-codes{margin:20px 0}.claim-row,.instant-code{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:11px;margin:10px 0}.claim-row>div{flex:1;min-width:150px}.claim-row>div small{display:block}.claim-row code,.instant-code code{padding:9px 13px;border-radius:8px;background:#363024;color:#ffcf3b;overflow-wrap:anywhere}
.article-inline-image{width:auto;max-width:100%;height:auto;display:block;border-radius:13px;margin:16px auto}.article-body ul{margin:16px 0 16px 23px}.article-body li{margin:8px 0}.article-body h3{margin:24px 0 9px}.article-body a{color:var(--gold)}.soc-custom img{width:22px;height:22px;object-fit:contain;border-radius:4px}
@media(max-width:860px){.forum-layout{grid-template-columns:1fr}.forum-categories{position:static}.forum-categories .forum-filters{display:flex;flex-direction:row;overflow-x:auto}.forum-categories .forum-filters .chip{flex-shrink:0}.games{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.games{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gcard,.gcard:first-child{height:auto!important;aspect-ratio:3/4!important}.gmeta{padding:9px}.site-favorite-picker{grid-template-columns:1fr}.forum-categories{padding:12px}}

.favorite-site-inline{margin:10px 0}.fav-site-btn{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:inline-block;color:var(--gold);font-size:13px;cursor:pointer;background:var(--bg2);font-weight:700}.fav-site-btn:hover{background:rgba(var(--gr),.16)}.forum-avatar-line .thread-avatar{display:inline-grid;height:34px;width:34px;min-width:34px;object-fit:cover;vertical-align:middle}

/* V10: typography and visual hierarchy for Cukkala site only. */
.side .mi{width:26px!important;height:26px!important;flex:0 0 26px;display:grid!important;place-items:center!important;border-radius:9px;background:rgba(255,194,26,.045);color:#a9abb5!important;transition:color .15s,background .15s,transform .15s}
.side .mi svg,.side .mi .ico{width:17px!important;height:17px!important;stroke-width:1.9}
.side a:hover .mi{background:rgba(255,194,26,.11)!important;color:#ffbf26!important;transform:translateY(-1px)}
.side a.on .mi{background:rgba(255,194,26,.15)!important;color:var(--gold)!important}
.side a{min-height:44px;height:auto!important;line-height:1.4;letter-spacing:0;font-weight:500!important}
.side a.on{font-weight:700!important}
.side-t{font-size:11px!important;font-weight:800!important;letter-spacing:.10em}
.side .lb{font-size:14px!important}
@media(min-width:861px){.side{background:var(--bg)!important}.has-bg .side{background:rgba(var(--bgr),.95)!important}}