.announce.ev{background:linear-gradient(90deg,#3b2a0a,#1a1408);border-color:#e7b84b55;color:#ffd27a}
.plus-p{padding:16px;display:grid;gap:10px;margin:12px 0}
.plus-home{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 4px 12px}
.plus-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0}
.plus-row.wrap{gap:8px}
.plus-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:80}
.plus-box{background:#101816;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;min-width:min(420px,90vw);display:grid;gap:10px}
.plus-press .btn{justify-content:flex-start}
#wxfx{position:fixed;inset:0;pointer-events:none;z-index:3;mix-blend-mode:screen}
#wxfx.rain{background:repeating-linear-gradient(185deg,transparent 0 12px,rgba(180,210,255,.08) 13px,transparent 14px);animation:wxR .55s linear infinite}
#wxfx.snow{background-image:radial-gradient(circle,#fff 1px,transparent 1.6px);background-size:28px 28px;opacity:.35;animation:wxS 7s linear infinite}
@keyframes wxR{to{background-position:18px 80px}}
@keyframes wxS{to{background-position:40px 120px}}
body.night #wxfx{opacity:.5}
/* ---- sezon bileti: stadyum bilet-stub şeridi ---- */
.plus-pass{display:grid;gap:22px;max-width:1180px;margin:0 auto;padding-bottom:28px}
.sp-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:22px;align-items:end;padding:22px 24px 24px;border-radius:22px;border:1px solid rgba(231,184,75,.22);background:
radial-gradient(80% 120% at 100% 0%,rgba(231,184,75,.18),transparent 55%),
linear-gradient(165deg,#12100a 0%,#0c1410 48%,#0a1218 100%);
position:relative;overflow:hidden}
.sp-hero::before{content:"";position:absolute;inset:auto -8% -40% 40%;height:70%;background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(231,184,75,.05) 18px 19px);pointer-events:none}
.sp-hero-txt{position:relative;display:grid;gap:8px}
.sp-hero .h1{font-size:clamp(36px,5vw,58px);letter-spacing:.04em}
.sp-hero p{max-width:42ch;margin:0}
.sp-meter{position:relative;display:grid;gap:6px;padding:16px 18px;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
.sp-meter b{font:900 44px/1 var(--f-d);color:#e7b84b}
.sp-meter span,.sp-meter small{color:var(--muted);font:700 12px/1.3 var(--f-b);letter-spacing:.06em;text-transform:uppercase}
.sp-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.sp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9c7420,#e7b84b,#fff3b0);box-shadow:0 0 12px rgba(231,184,75,.55)}
.sp-rail{display:grid;gap:10px;min-width:0}
.sp-rh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px}
.sp-track{display:flex;gap:10px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}
.sp-track::-webkit-scrollbar{height:8px}
.sp-track::-webkit-scrollbar-thumb{background:rgba(231,184,75,.35);border-radius:99px}
.sp-stub{position:relative;flex:0 0 108px;scroll-snap-align:start;display:grid;justify-items:center;gap:4px;padding:28px 8px 12px;border:0;border-radius:14px;color:var(--text);text-align:center;
background:
radial-gradient(circle at 0 22px,transparent 7px,var(--sp-bg,#141a16) 8px),
radial-gradient(circle at 100% 22px,transparent 7px,var(--sp-bg,#141a16) 8px);
background-color:var(--sp-bg,#141a16);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.28);
transition:transform .18s ease,box-shadow .18s ease,filter .18s}
.sp-stub::after{content:"";position:absolute;left:10px;right:10px;top:22px;border-top:1px dashed rgba(255,255,255,.14);pointer-events:none}
.sp-stub .sp-n{position:absolute;top:5px;font:800 11px var(--f-d);letter-spacing:.12em;color:var(--muted)}
.sp-ic{width:42px;height:42px;display:grid;place-items:center;margin-top:4px}
.sp-ic svg{width:42px;height:42px}
.sp-ttl{font:800 13px/1.1 var(--f-d);letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-stub small{font:700 10px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sp-mark{position:absolute;right:7px;bottom:7px;width:16px;height:16px;color:#35d07f}
.sp-mark.lock{color:var(--muted)}
.sp-mark svg{width:16px;height:16px}
.sp-cta{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font:800 10px var(--f-d);letter-spacing:.16em;color:#1b1400;background:#e7b84b;padding:2px 8px;border-radius:99px}
.sp-stub.mile{flex-basis:124px;--sp-bg:#1a160c;box-shadow:inset 0 0 0 1px rgba(231,184,75,.4),0 10px 24px rgba(0,0,0,.32)}
.sp-stub.tone-coin{--sp-bg:#16140e}
.sp-stub.tone-bronze{--sp-bg:#1a120c}
.sp-stub.tone-silver{--sp-bg:#121820}
.sp-stub.tone-gold{--sp-bg:#1c1608}
.sp-stub.tone-elite{--sp-bg:#16101f}
.sp-stub.tone-tactic{--sp-bg:#0e1a14}
.sp-stub.tone-heal{--sp-bg:#0e1a16}
.sp-stub.open{cursor:pointer;padding-bottom:28px;box-shadow:inset 0 0 0 1px #e7b84b,0 0 0 3px rgba(231,184,75,.22),0 12px 28px rgba(231,184,75,.12);animation:spPulse 1.8s ease-in-out infinite}
.sp-stub.open:hover{transform:translateY(-4px)}
.sp-stub.lock{filter:saturate(.35) brightness(.78);cursor:not-allowed}
.sp-stub.got{filter:saturate(.7);opacity:.72}
.sp-stub.got .sp-cta{display:none}
.sp-rail.prem .sp-stub{box-shadow:inset 0 0 0 1px rgba(231,184,75,.18),0 8px 20px rgba(0,0,0,.28)}
.sp-rail.prem .sp-rh .kicker{color:#e7b84b}
@keyframes spPulse{50%{box-shadow:inset 0 0 0 1px #f2c13a,0 0 0 5px rgba(231,184,75,.12),0 12px 28px rgba(231,184,75,.16)}}
@media (max-width:720px){
.sp-hero{grid-template-columns:1fr;padding:18px}
.sp-hero .h1{font-size:40px}
.sp-stub{flex-basis:96px}
.sp-stub.mile{flex-basis:108px}
}
/* ---- altyapı akademisi + birlik ---- */
.plus-ac,.plus-gu{gap:14px;background:linear-gradient(180deg,rgba(10,16,24,.96),rgba(8,12,18,.94));border:1px solid rgba(255,255,255,.1);position:relative;z-index:2}
.ac-head{display:flex;justify-content:space-between;align-items:end;gap:12px}
.ac-head .h2,.plus-gu .h2{margin:0;font-size:28px;letter-spacing:.04em}
.ac-slots{font:800 12px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:#e7b84b;padding:6px 10px;border-radius:99px;border:1px solid rgba(231,184,75,.35);background:rgba(231,184,75,.08)}
.ac-grid{display:grid;gap:12px}
.ac-card{display:grid;gap:10px;padding:14px;border-radius:16px;background:linear-gradient(165deg,#141c18,#0e1412);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.ac-card.ready{border-color:rgba(53,208,127,.45);box-shadow:0 0 0 1px rgba(53,208,127,.2),0 10px 24px rgba(0,0,0,.28)}
.ac-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.ac-kit{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:800 12px var(--f-d);letter-spacing:.06em;color:#1b1400;background:linear-gradient(160deg,#e7b84b,#9c7420)}
.ac-who{display:grid;gap:2px;min-width:0}
.ac-who b{font:800 16px/1.1 var(--f-d);letter-spacing:.02em}
.ac-who small{color:var(--muted);font:700 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase}
.ac-ovr{display:grid;justify-items:center;min-width:48px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ac-ovr{font:900 22px/1 var(--f-d);color:#e7b84b}
.ac-ovr small{font:800 9px var(--f-b);letter-spacing:.14em;color:var(--muted)}
.ac-pips{display:flex;gap:5px}
.ac-pips i{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.1)}
.ac-pips i.on{background:linear-gradient(90deg,#9c7420,#e7b84b)}
.ac-stats{display:grid;gap:5px}
.ac-bar{display:grid;grid-template-columns:42px 1fr 28px;gap:8px;align-items:center}
.ac-bar span,.ac-bar em{font:800 10px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ac-bar em{text-align:right;color:var(--text)}
.ac-bar b{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.ac-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2a6b4a,#35d07f)}
.ac-drills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ac-drill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);border-radius:10px;padding:8px 4px;font:800 12px var(--f-d);letter-spacing:.06em;cursor:pointer}
.ac-drill.on{border-color:rgba(231,184,75,.5);color:#e7b84b}
.ac-drill:hover:not(:disabled){background:rgba(231,184,75,.12)}
.ac-drill:disabled{opacity:.38;cursor:not-allowed}
.ac-hint,.ac-go{margin:0;font:600 12px var(--f-b);color:var(--muted)}
.ac-go{display:grid;gap:8px}
.ac-empty{padding:18px;border-radius:12px;border:1px dashed rgba(255,255,255,.14);text-align:center;color:var(--muted);font:600 13px var(--f-b)}
.ac-enroll{display:grid;gap:8px;padding-top:4px}
.ac-pos{display:flex;flex-wrap:wrap;gap:6px}
.ac-pos .btn{min-width:52px;padding:8px 10px}
.gu-hero{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.gu-crest{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font:900 18px var(--f-d);letter-spacing:.04em;color:#1b1400;background:
radial-gradient(circle at 30% 25%,#fff3b0,#e7b84b 42%,#9c7420);
box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 8px 18px rgba(0,0,0,.35)}
.gu-crest.sm{width:44px;height:44px;border-radius:12px;font-size:14px}
.gu-goal{display:grid;gap:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.gu-goal-h{display:flex;justify-content:space-between;font:800 13px var(--f-b)}
.gu-actions{display:flex;flex-wrap:wrap;gap:8px}
.gu-chat{display:grid;gap:8px;max-height:220px;overflow:auto;padding:10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06)}
.gu-msg{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.gu-msg:last-child{border:0}
.gu-msg b{font:800 12px var(--f-d)}
.gu-msg span{font:600 13px var(--f-b);color:var(--muted)}
.gu-composer{display:grid;grid-template-columns:1fr auto;gap:8px}
.gu-inp{width:100%;min-width:0;font:600 15px var(--f-b);color:var(--text);background:#0b1222;border:1px solid var(--line2,#2a3344);border-radius:10px;padding:11px 12px}
.gu-inp:focus{outline:2px solid rgba(231,184,75,.45);border-color:#e7b84b}
.gu-create{display:grid;gap:8px;padding:12px;border-radius:14px;background:rgba(231,184,75,.06);border:1px solid rgba(231,184,75,.2)}
.gu-dir-h{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 0}
.gu-dir{display:grid;gap:8px}
.gu-open{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.gu-open-txt{display:grid;gap:3px;min-width:0}
.gu-open-txt b{font:800 14px var(--f-d)}
@media (max-width:720px){
.ac-drills{grid-template-columns:repeat(2,minmax(0,1fr))}
.gu-open{grid-template-columns:auto 1fr; }
.gu-open .btn{grid-column:1/-1}
}
/* ---- ofis: kupa vitrini + onur salonu ---- */
.of-hero{border-radius:20px;border-color:rgba(231,184,75,.18);box-shadow:0 28px 60px -28px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.04)}
.of-scene .of-cup{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));animation:ofCupGlow 3.4s ease-in-out infinite}
@keyframes ofCupGlow{50%{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(231,184,75,.45))}}
.of-hud{gap:8px;left:16px;right:16px;bottom:14px}
.of-chip{position:relative;min-width:168px;padding:10px 14px 10px 52px;border-radius:14px;
background:linear-gradient(180deg,rgba(18,16,12,.9),rgba(8,10,14,.94));
border:1px solid rgba(231,184,75,.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.4)}
.of-chip::before{content:"";position:absolute;left:12px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:9px;
background:rgba(231,184,75,.12) center/18px 18px no-repeat}
.of-chip.of-lv::before{background-image:url("data:image/svg+xml;utf8,")}
.of-chip.of-ks::before{background-image:url("data:image/svg+xml;utf8,")}
.of-chip.of-cp{border-color:rgba(231,184,75,.42)}
.of-chip.of-cp b{color:#e7b84b}
.of-chip.of-cp::before{background-image:url("data:image/svg+xml;utf8,")}
.of-honour{display:grid;gap:14px;padding:18px 20px 16px;border-radius:18px;border:1px solid rgba(231,184,75,.22);
background:
radial-gradient(70% 80% at 100% 0%,rgba(231,184,75,.12),transparent 50%),
linear-gradient(165deg,#16120c 0%,#0c1014 60%,#0a1210 100%);
box-shadow:0 18px 40px rgba(0,0,0,.32)}
.oh-head{display:flex;justify-content:space-between;align-items:end;gap:16px}
.oh-head .h2{margin:0;font-size:30px;letter-spacing:.06em}
.oh-count{display:flex;gap:8px 14px;align-items:baseline;flex-wrap:wrap}
.oh-count b{font:900 28px/1 var(--f-d);color:#e7b84b}
.oh-count span{font:800 11px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.oh-rail{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.oh-cup{flex:0 0 128px;scroll-snap-align:start;display:grid;justify-items:center;gap:4px;padding:16px 10px 12px;border-radius:16px;text-align:center;
background:radial-gradient(90% 70% at 50% 18%,rgba(231,184,75,.16),transparent 58%),#10140f;
border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.28)}
.oh-cup.gold{border-color:rgba(231,184,75,.38);color:#e7b84b}
.oh-cup.silver{color:#c5d0dc;border-color:rgba(197,208,220,.28);
background:radial-gradient(90% 70% at 50% 18%,rgba(197,208,220,.14),transparent 58%),#101418}
.oh-fig{width:78px;height:96px;display:grid;place-items:end center}
.oh-img{width:78px;height:96px;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.45))}
.oh-cup b{font:800 13px var(--f-d);letter-spacing:.04em;color:inherit}
.oh-cup span{font:700 12px var(--f-b);color:var(--text)}
.oh-cup small{font:700 10px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.oh-empty{flex:1;padding:22px;border-radius:14px;border:1px dashed rgba(231,184,75,.28);text-align:center;color:var(--muted);font:600 13px var(--f-b)}
@media (max-width:640px){
.of-chip{padding:8px 10px 8px 42px;min-width:0}
.of-chip::before{width:24px;height:24px;margin-top:-12px;left:8px}
.oh-head{flex-direction:column;align-items:start}
.oh-head .h2{font-size:24px}
}
/* ---- süreli ücretsiz paket ---- */
.fp-box{gap:18px;max-width:none;display:grid;grid-template-columns:minmax(280px,460px) minmax(0,1fr);align-items:center}
.fp-main{display:grid;gap:12px}
.fp-top{display:flex;justify-content:space-between;align-items:end;gap:12px}
.fp-box .h2{margin:0;font-size:clamp(28px,4vw,40px);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.fp-cadence{font:800 11px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1)}
.fp-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.fp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9c7420,#e7b84b,#fff3b0);transition:width .6s linear}
.fp-box .btn{justify-self:start;min-width:220px}
.fp-side{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;min-height:88px}
.fp-pack{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n go" "s go";gap:2px 14px;align-items:center;min-width:168px;padding:12px 14px;border:0;border-radius:14px;cursor:pointer;text-align:left;color:#1a1206;background:linear-gradient(160deg,#fff3c4,#e9c27a 55%,#8c6421)}
.fp-pack b{grid-area:n;font:800 15px var(--f-d);letter-spacing:.04em}
.fp-pack small{grid-area:s;font:600 11px var(--f-b);opacity:.72}
.fp-pack em{grid-area:go;font:800 13px var(--f-b);font-style:normal;letter-spacing:.08em}
.fp-pack.wait{background:linear-gradient(160deg,#3ddc84,#0d4a2b);color:#f4fff8}
@media (max-width:760px){.fp-box{grid-template-columns:1fr}.fp-side{justify-content:flex-start}}
.fp-box .btn:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(.2);pointer-events:none}
/* ---- Ana sayfa mod kartları: Pelade + Penaltı & Frikik ---- */
.mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 6px}
@media (max-width:760px){.mode-row{grid-template-columns:1fr;gap:12px}}
.mode-card{--acc:#f2a94a;--acc2:#e85d04;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:400px;width:100%;padding:0;text-align:left;
border:1px solid color-mix(in srgb,var(--acc) 38%,transparent);border-radius:22px;overflow:hidden;color:#fff8ec;cursor:pointer;background:#0b0f0c;
box-shadow:0 18px 40px -22px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mode-pk{--acc:#3ddc84;--acc2:#0f9d58}
.mode-img{position:absolute;inset:0 0 28% 0;z-index:-2;background:center 20%/cover no-repeat;transform:scale(1.02);transform-origin:50% 30%;transition:transform .6s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.mode-pz .mode-img{background-image:url(img/kart-pelade.webp)}
.mode-pk .mode-img{background-image:url(img/kart-penalti.webp);background-position:center 55%}
.mode-card::before{content:"";position:absolute;inset:0;z-index:-1;
background:linear-gradient(180deg,rgba(6,8,7,0) 0%,rgba(6,8,7,.08) 30%,rgba(6,8,7,.72) 55%,rgba(6,8,7,.96) 78%),
radial-gradient(90% 60% at 0% 100%,color-mix(in srgb,var(--acc2) 40%,transparent),transparent 70%)}
.mode-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--acc) 70%,transparent);box-shadow:0 26px 50px -24px color-mix(in srgb,var(--acc2) 65%,#000)}
.mode-card:hover .mode-img{transform:scale(1.07)}
.mode-card:active{transform:translateY(-1px) scale(.995)}
.mode-live{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:99px;
font:800 10.5px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(8,10,9,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14)}
.mode-live i{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 var(--acc);animation:modePulse 1.8s infinite}
@keyframes modePulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 70%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.mode-body{display:grid;gap:6px;padding:0 20px 4px}
.mode-k{font:800 11px var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.mode-t{font:900 clamp(30px,3.4vw,44px)/.92 var(--f-d);letter-spacing:.04em;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.mode-d{font:500 14px/1.45 var(--f-b);color:rgba(255,244,228,.78);max-width:46ch}
.mode-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mode-tags i{font:700 11.5px var(--f-b);font-style:normal;padding:4px 10px;border-radius:99px;color:rgba(255,248,236,.92);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.mode-go{display:flex;align-items:center;justify-content:space-between;margin:14px 20px 18px;padding:11px 16px;border-radius:13px;
font:800 14px var(--f-b);letter-spacing:.02em;color:#0b0f0c;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 85%,#fff),var(--acc));box-shadow:0 8px 20px -10px var(--acc2)}
.mode-go em{font-style:normal;font-size:18px;transition:transform .25s ease}
.mode-card:hover .mode-go em{transform:translateX(4px)}
@media (max-width:760px){.mode-card{min-height:330px;border-radius:18px}.mode-img{inset:0 0 34% 0}.mode-body{padding:0 16px 2px;gap:5px}.mode-d{font-size:13px}.mode-tags i{font-size:11px;padding:3px 9px}.mode-go{margin:12px 16px 14px;padding:10px 14px}.mode-live{top:12px;left:12px}}
@media (prefers-reduced-motion:reduce){.mode-card,.mode-img,.mode-go em{transition:none}.mode-live i{animation:none}}
/* ana sayfa kısayol çubuğu */
.plus-home .ph-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:12px;font:700 13px var(--f-b);color:rgba(255,246,230,.86);
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s,border-color .2s}
.plus-home .ph-chip b{color:var(--gold,#E9C27A);font-weight:800}
.plus-home span.ph-chip{cursor:default}
.plus-home button.ph-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(233,194,122,.4)}
.plus-home .ph-msg{border-color:rgba(233,194,122,.35);background:rgba(233,194,122,.1)}
.plus-home .btn.primary{min-height:40px}
/* ---- Koleksiyon albümü ---- */
.alb{padding:clamp(16px,2.2vw,24px);gap:16px;border-radius:22px;background:radial-gradient(120% 90% at 100% 0,rgba(233,194,122,.08),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08)}
.alb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.alb-head .kicker{margin:0}
.alb-sub{margin:4px 0 0;font:500 13.5px/1.4 var(--f-b);color:rgba(255,244,228,.62)}
.alb-sum{display:flex;align-items:baseline;gap:3px;padding:8px 14px;border-radius:14px;background:rgba(233,194,122,.1);border:1px solid rgba(233,194,122,.28)}
.alb-sum b{font:900 24px/1 var(--f-d);color:var(--gold,#E9C27A)}
.alb-sum span{font:700 12px var(--f-b);color:rgba(255,244,228,.7)}
.alb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.alb-card{--ac:#7dd3fc;position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 14px 12px;border-radius:16px;overflow:hidden;
background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 14%,transparent),rgba(255,255,255,.02) 60%);border:1px solid color-mix(in srgb,var(--ac) 24%,rgba(255,255,255,.06));transition:transform .2s ease,border-color .2s ease}
.alb-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ac) 50%,transparent)}
.alb-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.alb-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,rgba(0,0,0,.3));border:1px solid color-mix(in srgb,var(--ac) 35%,transparent)}
.alb-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alb-rw{font:700 11.5px var(--f-b);font-style:normal;white-space:nowrap;padding:4px 9px;border-radius:99px;color:#ffe6a8;background:rgba(233,194,122,.12);border:1px solid rgba(233,194,122,.25)}
.alb-rw.pack{color:#d9c6ff;background:rgba(184,146,255,.12);border-color:rgba(184,146,255,.3)}
.alb-name{font:800 16px/1.2 var(--f-b);color:#fff8ec}
.alb-d{font:500 12.5px/1.35 var(--f-b);color:rgba(255,244,228,.6)}
.alb-bar{height:7px;margin-top:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.alb-bar i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 60%,#000),var(--ac));box-shadow:0 0 12px color-mix(in srgb,var(--ac) 50%,transparent);transition:width .6s ease}
.alb-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin-top:2px}
.alb-n{font:600 13px var(--f-b);color:rgba(255,244,228,.55);font-variant-numeric:tabular-nums}
.alb-n b{font:900 18px var(--f-d);color:#fff8ec}
.alb-left{font:700 11.5px var(--f-b);color:rgba(255,244,228,.5)}
.alb-ok{font:800 12px var(--f-b);color:#3ddc84;padding:4px 10px;border-radius:99px;background:rgba(61,220,132,.12)}
.alb-card .alb-claim{min-height:32px;padding:0 14px;font-size:12.5px}
.alb-card.is-lock .alb-ic{filter:saturate(.4);opacity:.75}
.alb-card.is-ready{border-color:color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ac) 40%,transparent),0 12px 30px -16px var(--ac)}
.alb-card.is-done{background:linear-gradient(160deg,rgba(61,220,132,.14),rgba(255,255,255,.02) 60%);border-color:rgba(61,220,132,.35)}
.alb-card.is-done::after{content:"✓";position:absolute;right:-6px;bottom:-14px;font:900 64px/1 var(--f-d);color:rgba(61,220,132,.1);pointer-events:none}
@media (max-width:520px){.alb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.alb-card{padding:12px 11px 10px}.alb-ic{width:34px;height:34px;border-radius:10px}.alb-ic svg{width:19px;height:19px}.alb-rw{font-size:10.5px;padding:3px 7px}.alb-name{font-size:14px}.alb-d{font-size:11.5px}}
/* ---- Pencereler: her zaman en üstte, kapatma düğmeli ---- */
.modal{z-index:150;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.modal .box{position:relative;overscroll-behavior:contain;max-height:calc(var(--vvh,100dvh) - 24px)}
.modal-x{position:sticky;top:0;z-index:5;display:grid;place-items:center;width:40px;height:40px;margin:-10px -10px -30px auto;padding:0;border:0;border-radius:50%;
font:400 26px/1 system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);cursor:pointer;transition:background .2s,transform .2s}
.modal-x:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
@media (max-width:640px){
.modal{place-items:end center;padding:0}
.modal .box{width:100%;max-width:100%!important;max-height:calc(var(--vvh,100dvh) - 20px);border-radius:24px 24px 0 0!important;padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;animation:sheetUp .32s cubic-bezier(.2,.9,.3,1)}
.modal-x{width:38px;height:38px;margin:-6px -4px -32px auto}
.modal .detail{min-width:0!important}
.modal .detail > div{min-width:0!important}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
/* ---- Sayfa kayması: kaydırma çubuğu açılıp kapanınca içerik yana kaymasın, kaydırma zinciri dışarı taşmasın ---- */
.screen{scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:auto}
button,[data-go],[data-plus],[data-act]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
/* ---- Mobil klavye: uygulama görünen alana sığar ---- */
html,body{height:var(--vvh,100%)}
html{overscroll-behavior:none}
#fphone.ph-full .ph-dev{height:var(--vvh,100dvh)!important}
#auth,#setup{height:var(--vvh,100%)!important;max-height:var(--vvh,100dvh)}
@media (max-width:900px){html.kb-open #app>header nav,html.kb-open #phFab{display:none!important}}
/* ---- Mobil düzeltmeler ---- */
.cal{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.cal .day{min-width:0;overflow:hidden}
.cal > :not(.day){grid-column:1/-1}
@media (max-width:640px){
.screen{overflow-x:hidden}
.cal{gap:4px!important}
.cal .day{height:auto!important;min-height:64px;padding:8px 2px!important;border-radius:12px!important;font-size:9px!important;letter-spacing:0}
.cal .day b{font-size:clamp(11px,3.2vw,16px)!important;letter-spacing:-.05em;max-width:100%;overflow:hidden;text-overflow:clip}
.fx-mast{min-height:138px!important;margin-bottom:14px!important}
.fx-mast .fx-m-d,.fx-mast .fx-m-no{display:none!important}
.fx-mast .fx-m-t{font-size:clamp(28px,8.5vw,38px)!important}
.alb-ic{width:30px;height:30px}.alb-ic svg{width:17px;height:17px}
.alb-rw{font-size:10px;padding:3px 7px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.alb-top{gap:6px}
.modal .box .detail{gap:14px}
}
/* ---- Tam ekran düğmesi ---- */
.fs-btn{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:0;border-radius:50%;color:var(--txt,#fff);background:rgba(18,19,25,.72);box-shadow:inset 0 0 0 1px var(--ln,rgba(255,255,255,.12));cursor:pointer;transition:background .2s,transform .2s}
.fs-btn[hidden]{display:none}
.fs-btn:hover{background:rgba(255,255,255,.1)}
.fs-btn:active{transform:scale(.94)}
.fs-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fs-btn .fs-off{display:none}.fs-btn.is-on .fs-on{display:none}.fs-btn.is-on .fs-off{display:inline}
.fs-btn.is-on{color:var(--gold,#E9C27A)}
@media (max-width:640px){.fs-btn{width:36px;height:36px}}
/* ---- Menajer görünümü: ofis kartı + düzenleyici ---- */
.mn-card{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;max-width:1480px;margin:0 auto 22px;padding:18px 22px;border-radius:24px;
background:radial-gradient(90% 120% at 0 100%,rgba(233,194,122,.14),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mn-thumb{position:relative;height:220px;border-radius:18px;overflow:hidden;background:radial-gradient(60% 50% at 50% 70%,rgba(233,194,122,.22),transparent 70%),linear-gradient(180deg,#1a1c24,#0d0e12)}
.mn-thumb canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mn-info{display:grid;gap:8px;justify-items:start}
.mn-info .h2{margin:0}
.mn-info p{margin:0;max-width:56ch}
@media (max-width:640px){.mn-card{grid-template-columns:110px 1fr;gap:12px;padding:12px;border-radius:18px}.mn-thumb{height:150px;border-radius:14px}.mn-info .btn{width:100%;justify-content:center}.mn-info p{font-size:12.5px}}
.mn-ed{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:16px;background:rgba(3,5,10,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .2s}
.mn-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);width:min(980px,100%);height:min(640px,calc(var(--vvh,100dvh) - 32px));border-radius:26px;overflow:hidden;
background:linear-gradient(180deg,rgba(32,33,40,.98),rgba(14,15,19,.99));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 50px 100px -30px #000}
.mn-x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;font:400 26px/1 system-ui;color:#fff;background:rgba(255,255,255,.1);cursor:pointer}
.mn-stage{position:relative;min-height:0;background:radial-gradient(55% 45% at 50% 72%,rgba(233,194,122,.25),transparent 70%),radial-gradient(80% 60% at 50% 0,#262833,#0b0c10)}
.mn-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
.mn-stage canvas:active{cursor:grabbing}
.mn-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 13px var(--f-b);color:rgba(255,244,228,.7);padding:8px 14px;border-radius:99px;background:rgba(0,0,0,.4)}
.mn-load[hidden]{display:none}
.mn-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font:700 11px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,244,228,.45);pointer-events:none}
.mn-side{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;border-left:1px solid rgba(255,255,255,.07)}
.mn-head{display:grid;gap:4px;padding:22px 64px 12px 22px}
.mn-head b{font:900 24px/1.1 var(--f-d);color:#fff8ec}
.mn-head p{margin:0;font:500 13px var(--f-b);color:rgba(255,244,228,.6)}
.mn-opts{overflow:auto;padding:4px 22px 16px;display:grid;gap:14px;align-content:start;overscroll-behavior:contain}
.mn-gender{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mn-g{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:14px;border:0;font:800 14px var(--f-b);color:rgba(255,244,228,.75);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer}
.mn-g i{font-style:normal;font-size:18px}
.mn-g.on{color:#1a1206;background:linear-gradient(135deg,#fbe7b8,#e9c27a);box-shadow:none}
.mn-row{display:grid;gap:8px}
.mn-l{font:800 11px var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--gold,#e9c27a)}
.mn-chips{display:flex;flex-wrap:wrap;gap:6px}
.mn-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:11px;font:700 13px var(--f-b);color:rgba(255,244,228,.82);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer}
.mn-chip i{font-style:normal}
.mn-chip.on{color:#fff;background:rgba(233,194,122,.18);box-shadow:inset 0 0 0 1.5px #e9c27a}
.mn-sw{display:flex;flex-wrap:wrap;gap:8px}
.mn-dot{width:34px;height:34px;border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);cursor:pointer;transition:transform .15s}
.mn-dot:hover{transform:scale(1.08)}
.mn-dot.on{box-shadow:0 0 0 2px #0e0f13,0 0 0 4px #e9c27a}
.mn-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.07)}
@media (max-width:720px){
.mn-ed{padding:0;place-items:end stretch}
.mn-box{grid-template-columns:1fr;grid-template-rows:42% minmax(0,1fr);width:100%;height:calc(var(--vvh,100dvh) - 10px);border-radius:24px 24px 0 0}
.mn-side{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
.mn-head{padding:14px 16px 6px}.mn-head p{display:none}.mn-head b{font-size:20px}
.mn-opts{padding:4px 16px 12px;gap:12px}
.mn-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom))}.mn-foot .btn{flex:1;justify-content:center}
.mn-dot{width:32px;height:32px}
}
/* ---- Ana sayfa mod kartları: daha küçük, yatay düzen (görsel sağda, yazı solda) ---- */
.mode-card{min-height:200px;justify-content:center}
.mode-img{inset:0!important;-webkit-mask-image:none;mask-image:none;background-position:70% 40%!important}
.mode-pk .mode-img{background-position:60% 55%!important}
.mode-card::before{background:linear-gradient(90deg,rgba(6,8,7,.96) 0%,rgba(6,8,7,.82) 36%,rgba(6,8,7,.25) 70%,rgba(6,8,7,.05) 100%),radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--acc2) 35%,transparent),transparent 70%)}
.mode-body{padding:42px 18px 2px;max-width:62%;gap:4px}
.mode-t{font-size:clamp(24px,2.4vw,32px)}
.mode-d{font-size:13px;max-width:36ch}
.mode-tags{display:none}
.mode-live{top:12px;left:14px;padding:4px 9px 4px 8px;font-size:9.5px}
.mode-go{align-self:flex-start;margin:10px 18px 16px;padding:8px 14px;gap:10px;font-size:13px;border-radius:11px}
.mode-go em{font-size:15px}
@media (max-width:760px){
.mode-row{grid-template-columns:1fr 1fr;gap:10px}
.mode-card{min-height:168px;border-radius:16px;justify-content:flex-end}
.mode-card::before{background:linear-gradient(180deg,rgba(6,8,7,.05) 0%,rgba(6,8,7,.35) 40%,rgba(6,8,7,.94) 82%)}
.mode-img{background-position:center 35%!important}
.mode-live{display:none}
.mode-body{padding:0 12px;max-width:100%}
.mode-k{font-size:9px;letter-spacing:.14em}
.mode-t{font-size:clamp(17px,5vw,22px);letter-spacing:.02em}
.mode-d{display:none}
.mode-go{margin:8px 12px 12px;padding:7px 10px;font-size:12px;width:calc(100% - 24px);justify-content:space-between}
}
/* ---- Ana sayfa kısayol kutucukları: görselli, küçük, premium ---- */
.ht-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:6px 0 14px!important}
.ht{--c:#e9c27a;position:relative;display:flex;align-items:center;gap:11px;min-height:66px;padding:9px 12px 12px 10px;border:0;border-radius:16px;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;color:#fff8ec;
background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.06)),0 10px 24px -18px #000;transition:transform .18s ease,box-shadow .18s ease}
.ht:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 14px 28px -16px color-mix(in srgb,var(--c) 60%,#000)}
.ht:active{transform:scale(.98)}
.ht::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);transform:translateX(-100%);transition:transform .7s ease}
.ht:hover::after{transform:translateX(100%)}
.ht-pack{--c:#e9c27a}.ht-msg{--c:#5aa9ff}.ht-pass{--c:#b892ff}.ht-press{--c:#ff6b5a}.ht-clip{--c:#3ddc84}
.ht-art{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--c) 14%,rgba(0,0,0,.35));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.ht-art svg{width:38px;height:38px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.ht-tier{position:absolute;right:-5px;bottom:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;font:900 11px var(--f-d);color:#1a1206;background:linear-gradient(180deg,#fbe7b8,#c9963f);box-shadow:0 0 0 2px #0e0f13}
.ht-tx{display:grid;gap:1px;min-width:0;flex:1}
.ht-tx b{font:800 13.5px/1.2 var(--f-b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-tx small{font:600 11.5px/1.25 var(--f-b);color:rgba(255,244,228,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-bar{position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.ht-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,#000),var(--c));box-shadow:0 0 8px var(--c);transition:width .6s linear}
.ht-badge{position:absolute;top:8px;right:9px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font:800 11px var(--f-b);font-style:normal;color:#fff;background:#ff453a;box-shadow:0 0 0 2px #0e0f13,0 4px 10px rgba(255,69,58,.45)}
.ht-pill{flex:none;margin-left:auto;padding:5px 10px;border-radius:9px;font:900 11px var(--f-b);font-style:normal;letter-spacing:.08em;color:#1a1206;background:linear-gradient(180deg,#fbe7b8,#e9c27a);animation:htPulse 1.6s ease-in-out infinite}
.ht-live{position:absolute;top:8px;right:9px;display:inline-flex;align-items:center;gap:5px;font:900 9.5px var(--f-b);font-style:normal;letter-spacing:.12em;color:#ff8a7a}
.ht-live i{width:6px;height:6px;border-radius:50%;background:#ff453a;animation:htDot 1.2s infinite}
.ht.is-ready{box-shadow:inset 0 0 0 1.5px #e9c27a,0 0 22px -6px rgba(233,194,122,.7)}
.ht.is-off{opacity:.72}.ht.is-off .ht-art{filter:grayscale(.5)}
.ht-faces{display:flex;align-items:center}
.ht-face{position:relative;width:28px;height:28px;margin-left:-11px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#3a4a66,#141822);box-shadow:0 0 0 2px #14161c}
.ht-face:first-child{margin-left:0}
.ht-faces .ht-face:only-child{width:36px;height:36px}
.ht-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.ht-face .sil{position:absolute;inset:0}
@keyframes htPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes htDot{0%{box-shadow:0 0 0 0 rgba(255,69,58,.7)}70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (max-width:640px){
.ht-row{grid-template-columns:1fr 1fr;gap:8px}
.ht{min-height:58px;gap:8px;padding:8px 9px 11px 8px;border-radius:14px}
.ht-art{width:38px;height:38px;border-radius:11px}.ht-art svg{width:31px;height:31px}
.ht-tx b{font-size:12.5px}.ht-tx small{font-size:10.5px}
.ht-pill{display:none}
.ht-face{width:22px;height:22px;margin-left:-9px}.ht-faces .ht-face:only-child{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){.ht,.ht::after{transition:none}.ht-pill,.ht-live i{animation:none}}
.ht-msg .ht-art{overflow:hidden}
.ht-face{width:22px;height:22px;margin-left:-10px}
.ht-faces .ht-face:nth-child(2):last-child,.ht-faces .ht-face:first-child:nth-last-child(2){width:26px;height:26px}
.ht-faces .ht-face:only-child{width:38px;height:38px}
@media (max-width:640px){.ht-face{width:18px;height:18px;margin-left:-8px}.ht-faces .ht-face:only-child{width:32px;height:32px}}
/* ---- Altyapı akademisi v2 (Kadro sayfası) ---- */
.plus-ac{padding:clamp(16px,2.2vw,24px)!important;gap:14px!important;border-radius:22px!important;background:radial-gradient(110% 90% at 100% 0,rgba(61,220,132,.1),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border:1px solid rgba(255,255,255,.08)!important}
.plus-ac .ac-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.plus-ac .ac-head .h2{margin:0}
.plus-ac .ac-slots{padding:7px 13px;border-radius:12px;font:800 12px var(--f-b);color:#9ff0c4;background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.3)}
.plus-ac .ac-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.plus-ac .ac-steps li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;font:600 12.5px var(--f-b);color:rgba(255,244,228,.75);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.plus-ac .ac-steps b{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;font:900 12px var(--f-d);color:#0b0f0c;background:#3ddc84}
.plus-ac .ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.plus-ac .ac-card{--pc:#3ddc84;position:relative;display:grid;gap:10px;padding:14px;border-radius:18px;overflow:hidden;isolation:isolate;
background:linear-gradient(165deg,color-mix(in srgb,var(--pc) 16%,rgba(18,20,26,.95)),rgba(14,15,19,.96) 55%);border:1px solid color-mix(in srgb,var(--pc) 30%,rgba(255,255,255,.06));box-shadow:0 14px 30px -20px #000}
.plus-ac .ac-card::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 30%,transparent),transparent 70%);z-index:-1}
.plus-ac .ac-card.ready{border-color:#e9c27a;box-shadow:0 0 0 1px rgba(233,194,122,.5),0 16px 34px -16px rgba(233,194,122,.55)}
.plus-ac .ac-top{display:flex;align-items:center;gap:11px}
.plus-ac .ac-face{position:relative;flex:none;width:54px;height:54px;display:grid;place-items:center}
.plus-ac .ac-face svg{position:absolute;inset:0;transform:rotate(-90deg)}
.plus-ac .ac-ring0{fill:none;stroke:rgba(255,255,255,.08);stroke-width:3.5}
.plus-ac .ac-ring1{fill:none;stroke:var(--pc);stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--pc))}
.plus-ac .ac-face span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:900 14px var(--f-d);color:#0b0f0c;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--pc) 70%,#fff))}
.plus-ac .ac-who{display:grid;gap:2px;min-width:0;flex:1}
.plus-ac .ac-who b{font:800 16px/1.15 var(--f-b);color:#fff8ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plus-ac .ac-who small{display:flex;align-items:center;gap:6px;font:600 12px var(--f-b);color:rgba(255,244,228,.6)}
.plus-ac .ac-pos{font-style:normal;font:900 10.5px var(--f-b);letter-spacing:.06em;padding:2px 6px;border-radius:6px;color:#0b0f0c;background:var(--pc)}
.plus-ac .ac-ovr{display:grid;justify-items:end;line-height:1}
.plus-ac .ac-ovr b{font:900 28px var(--f-d);color:#fff8ec}
.plus-ac .ac-ovr small{font:800 9.5px var(--f-b);letter-spacing:.14em;color:rgba(255,244,228,.5)}
.plus-ac .ac-ovr em{margin-top:3px;font:800 11px var(--f-b);font-style:normal;color:#9ff0c4}
.plus-ac .ac-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.plus-ac .ac-bar{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:6px;font:700 11.5px var(--f-b);color:rgba(255,244,228,.7)}
.plus-ac .ac-bar b{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.plus-ac .ac-bar b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 55%,#000),var(--pc))}
.plus-ac .ac-bar em{font:800 12px var(--f-b);font-style:normal;text-align:right;color:#fff8ec}
.plus-ac .ac-bar.hot span,.plus-ac .ac-bar.hot em{color:var(--pc)}
.plus-ac .ac-drills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.plus-ac .ac-drill{display:grid;justify-items:center;gap:1px;padding:8px 4px;border:0;border-radius:12px;font:800 12px var(--f-b);color:#fff8ec;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer;transition:transform .15s,background .15s}
.plus-ac .ac-drill i{font-style:normal;font-size:17px;line-height:1.1}
.plus-ac .ac-drill small{font:800 10px var(--f-b);color:#9ff0c4}
.plus-ac .ac-drill:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--pc) 18%,transparent);box-shadow:inset 0 0 0 1px var(--pc)}
.plus-ac .ac-drill.on{box-shadow:inset 0 0 0 1.5px var(--pc)}
.plus-ac .ac-drill:disabled{opacity:.4;cursor:default}
.plus-ac .ac-hint{margin:0;font:600 12px var(--f-b);color:rgba(255,244,228,.55)}
.plus-ac .ac-card.done .ac-hint{color:#9ff0c4}
.plus-ac .ac-go{display:grid;gap:6px}.plus-ac .ac-go .btn{justify-content:center}.plus-ac .ac-go span{font:600 12px var(--f-b);color:rgba(255,244,228,.6)}
.plus-ac .ac-slot{display:grid;place-items:center;align-content:center;gap:4px;min-height:150px;border-radius:18px;border:1.5px dashed rgba(255,255,255,.14);color:rgba(255,244,228,.45);font:700 12.5px var(--f-b)}
.plus-ac .ac-slot i{font-style:normal;font-size:26px;color:rgba(61,220,132,.6)}
.plus-ac .ac-enroll{display:grid;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.plus-ac .ac-enroll-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plus-ac .ac-enroll-h b{font:800 14px var(--f-b);color:#fff8ec}.plus-ac .ac-enroll-h span{font:700 12px var(--f-b);color:#e9c27a}
.plus-ac .ac-pos-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.plus-ac .ac-pick{--pc:#3ddc84;display:grid;justify-items:center;gap:2px;padding:9px 4px;border:0;border-radius:12px;cursor:pointer;color:#fff8ec;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 18%,transparent),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 35%,transparent);transition:transform .15s}
.plus-ac .ac-pick b{font:900 15px var(--f-d)}.plus-ac .ac-pick small{font:600 10px var(--f-b);color:rgba(255,244,228,.6);white-space:nowrap}
.plus-ac .ac-pick:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--pc)}
.plus-ac .ac-pick:disabled{opacity:.4;cursor:default}
.plus-ac .ac-full{margin:0;font:600 12.5px var(--f-b);color:rgba(255,244,228,.55)}
@media (max-width:640px){
.plus-ac .ac-steps{grid-template-columns:1fr;gap:5px}.plus-ac .ac-steps li{padding:6px 9px}
.plus-ac .ac-grid{grid-template-columns:1fr}
.plus-ac .ac-pos-grid{grid-template-columns:repeat(4,1fr)}
.plus-ac .ac-slot{min-height:90px}
}
.plus-ac .ac-top{display:flex!important;padding:0;background:none;border:0;box-shadow:none}
.plus-ac .ac-who small{text-transform:none;letter-spacing:0;font:600 12px var(--f-b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plus-ac .ac-who b{font:800 16px/1.15 var(--f-b);letter-spacing:0}
.plus-ac .ac-ovr{min-width:0;padding:0;background:none;border:0;justify-items:end}
@media (max-width:640px){.plus-ac .ac-head .h2{font-size:24px}.plus-ac .ac-slots{padding:5px 9px;font-size:11px;white-space:nowrap}}
/* ---- Klavye açıkken (iPhone): tam ekran katmanlar görünen alana sabitlenir, yazı alanı klavyenin üstünde kalır ---- */
html.kb-open #fphone,html.kb-open #plaza,html.kb-open #pk,html.kb-open .modal,html.kb-open .mn-ed{top:var(--vvt,0px)!important;bottom:auto!important;height:var(--vvh,100%)!important}
html.kb-open #auth,html.kb-open #setup{top:var(--vvt,0px)!important;bottom:auto!important}
html.kb-open #fphone.ph-full .ph-dev{top:0;bottom:auto;height:100%!important;transform:none!important}
html.kb-open #fphone.ph-full .ch-bar{padding-bottom:8px}
html.kb-open #fphone.ph-full .ph-bar{display:none}
/* ---- Kısa sayfa başlıkları (Kadro, Oyna): içerik ilk ekranda görünsün ---- */
.fx-mast.compact{min-height:clamp(96px,13vh,132px)!important;margin-bottom:14px!important;align-items:center!important}
.fx-mast.compact .fx-m-in{padding-block:14px!important;gap:4px!important}
.fx-mast.compact .fx-m-t{font-size:clamp(26px,3vw,38px)!important;line-height:1!important}
.fx-mast.compact .fx-m-d{display:none!important}
.fx-mast.compact .fx-m-k{font-size:10px!important}
@media (max-width:640px){.fx-mast.compact{min-height:88px!important}.fx-mast.compact .fx-m-t{font-size:24px!important}}
/* ---- Lig merdiveni: mevcut ligin renginde, ışık hüzmeli, animasyonlu ---- */
.lg-top.lg-prem{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--cur) 32%,transparent),transparent 60%),radial-gradient(60% 90% at 100% 100%,color-mix(in srgb,var(--cur2) 14%,transparent),transparent 65%),linear-gradient(180deg,rgba(22,24,31,.96),rgba(12,13,17,.98))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cur) 35%,rgba(255,255,255,.06)),0 30px 60px -36px #000!important}
.lg-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lg-ray{position:absolute;left:-10%;top:-60%;width:38%;height:220%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cur2) 22%,transparent),transparent);transform:rotate(22deg);animation:lgRay 7s ease-in-out infinite;filter:blur(6px)}
.lg-ray.r2{left:30%;width:22%;animation-delay:-3.5s;opacity:.6}
.lg-fx i{position:absolute;left:var(--x);bottom:-10px;width:4px;height:4px;border-radius:50%;background:var(--cur2);box-shadow:0 0 8px var(--cur2);opacity:0;animation:lgSpark var(--s) linear var(--d) infinite}
@keyframes lgRay{0%,100%{transform:translateX(-20%) rotate(22deg);opacity:.4}50%{transform:translateX(160%) rotate(22deg);opacity:1}}
@keyframes lgSpark{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}100%{transform:translateY(-240px) scale(1.2);opacity:0}}
.lg-prem .lg-id .lbadge{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cur2) 65%,transparent));animation:lgFloat 4s ease-in-out infinite}
@keyframes lgFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
.lg-prem .lg-id .h1{background:linear-gradient(100deg,#fff 0%,var(--cur2) 40%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:lgShine 6s linear infinite}
@keyframes lgShine{0%{background-position:120% 0}100%{background-position:-120% 0}}
.lg-prem .road{padding-top:30px}
.lg-prem .road::before{height:4px!important;border-radius:4px;background:linear-gradient(90deg,var(--cur) 0,var(--cur2) var(--prog,0%),rgba(255,255,255,.1) var(--prog,0%))!important;box-shadow:0 0 14px color-mix(in srgb,var(--cur2) 50%,transparent)}
.lg-prem .road::after{content:"";position:absolute;left:6%;bottom:31px;height:4px;width:calc((88%) * var(--p01,1));max-width:calc(var(--prog,0%) - 6%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);background-size:60px 100%;background-repeat:no-repeat;animation:lgRun 2.4s linear infinite;border-radius:4px}
@keyframes lgRun{0%{background-position:-60px 0}100%{background-position:calc(100% + 60px) 0}}
.lg-prem .road li{transition:transform .25s ease}
.lg-prem .road li:hover{transform:translateY(-3px)}
.lg-prem .road li.cur{background:linear-gradient(180deg,color-mix(in srgb,var(--la) 85%,#fff),var(--lc))!important;color:#0d0f14!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--la) 60%,transparent),0 14px 30px -10px color-mix(in srgb,var(--la) 80%,transparent)!important;animation:lgCur 2.2s ease-in-out infinite}
@keyframes lgCur{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--la) 60%,transparent),0 14px 30px -10px color-mix(in srgb,var(--la) 80%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--la) 25%,transparent),0 18px 40px -8px color-mix(in srgb,var(--la) 95%,transparent)}}
.lg-prem .road li.cur em{background:#0d0f14!important;color:var(--la)!important;box-shadow:0 0 0 1px var(--la)}
.lg-prem .road li.past::after{content:"✓";position:absolute;top:-2px;right:calc(50% - 26px);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:900 10px var(--f-b);color:#0b0f0c;background:#3ddc84;box-shadow:0 0 0 2px #12141a}
.lg-prem .road li:not(.cur):not(.past)::after{content:"🔒";position:absolute;top:2px;right:calc(50% - 22px);font-size:10px;opacity:.6}
@media (prefers-reduced-motion:reduce){.lg-ray,.lg-fx i,.lg-prem .lbadge,.lg-prem .h1,.lg-prem .road::after,.lg-prem .road li.cur{animation:none!important}}
/* ---- Puan tablosu: premium ---- */
.tbl2{border-spacing:0 6px!important}
.tbl2 thead th{font:800 10.5px var(--f-b)!important;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,244,228,.45)!important;padding:4px 8px 6px!important}
.tbl2 tbody tr{transition:transform .18s ease,filter .18s}
.tbl2 tbody tr:hover{transform:translateX(4px);filter:brightness(1.12)}
.tbl2 td{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important;padding:10px 8px!important;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,0,0,.25)}
.tbl2 td:first-child{border-left:3px solid transparent}
.tbl2 tr.promo td:first-child{border-left-color:#3ddc84}
.tbl2 tr.releg td:first-child{border-left-color:#ff5a5f}
.tbl2 tr.promo td{background:linear-gradient(90deg,rgba(61,220,132,.11),rgba(255,255,255,.03) 40%)!important}
.tbl2 tr.releg td{background:linear-gradient(90deg,rgba(255,90,95,.1),rgba(255,255,255,.03) 40%)!important}
.tbl2 tr.me td{background:linear-gradient(90deg,rgba(233,194,122,.24),rgba(233,194,122,.07) 55%,rgba(233,194,122,.03))!important;border-top-color:rgba(233,194,122,.35);border-bottom-color:rgba(233,194,122,.2)}
.tbl2 tr.me td:first-child{border-left-color:#e9c27a;box-shadow:inset 6px 0 14px -8px rgba(233,194,122,.6)}
.tbl2 tr.me .tn{color:#fbe7b8}
.tbl2 td.pos span{width:30px!important;height:30px!important;border-radius:50%!important;font:900 15px var(--f-d)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.tbl2 tbody tr:nth-child(1) td.pos span{background:linear-gradient(160deg,#fff3c4,#e9c27a 55%,#9c7420)!important;color:#1a1206!important;box-shadow:0 0 14px rgba(233,194,122,.55)}
.tbl2 tbody tr:nth-child(2) td.pos span{background:linear-gradient(160deg,#ffffff,#c9d3dd 55%,#7d8894)!important;color:#12161c!important}
.tbl2 tbody tr:nth-child(3) td.pos span{background:linear-gradient(160deg,#ffd9b0,#c98a4a 55%,#7a4a22)!important;color:#1a0f06!important}
.tbl2 td.team{gap:12px!important;font-size:14.5px}
.tbl2 td.team svg.crest{width:30px;height:33px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.tbl2 td.pts{font:900 22px var(--f-d)!important;color:#fff8ec;text-shadow:0 0 18px rgba(233,194,122,.35)}
.tbl2 tr.me td.pts{color:#e9c27a}
.tbl2 .form i{width:14px!important;height:14px!important;margin:0 2px!important;border-radius:4px!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.tbl2 .form i.W{background:#3ddc84!important;box-shadow:0 0 8px rgba(61,220,132,.5)}
.tbl2 .form i.L{background:#ff5a5f!important}
.tbl2 .form i.D{background:#c9ced8!important}
/* ---- Stadyum geliştirme kartları: görselli ---- */
.sd-up.sd-up2{display:grid!important;grid-template-rows:auto 1fr;padding:0!important;overflow:hidden;position:relative}
.sd-up2 .sd-art{position:relative;height:112px;overflow:hidden;background:radial-gradient(80% 120% at 50% 0%,rgba(255,255,255,.07),transparent 60%),linear-gradient(180deg,#0f1218,#171b23);border-bottom:1px solid rgba(255,255,255,.06)}
.sd-up2 .sd-svg{position:absolute;inset:0;width:100%;height:100%}
.sd-up2 .sd-lv{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:99px;font:800 10.5px var(--f-b);letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);backdrop-filter:blur(6px)}
.sd-up2.maxed .sd-lv{color:#1a1206;background:linear-gradient(180deg,#fbe7b8,#e9c27a)}
.sd-up2 .sd-ub{display:grid;gap:8px;align-content:start;padding:14px 16px 16px}
.sd-up2 .sd-ub .h3{font-size:16px}
.sd-up2 .sd-pips{display:flex;gap:4px}
.sd-up2 .sd-pips i{width:22px!important;height:6px!important;border-radius:4px!important;background:rgba(255,255,255,.12)!important}
.sd-up2 .sd-pips i.on{background:linear-gradient(90deg,#c9963f,#fbe7b8)!important;box-shadow:0 0 8px rgba(233,194,122,.6)}
.sd-up2 .sd-now{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:12.5px}
.sd-up2 .btn{justify-self:start}
/* animasyonlar */
.sd-crowd circle{animation:sdWave 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s)}
@keyframes sdWave{0%,70%,100%{transform:translateY(0)}35%{transform:translateY(-4px)}}
.sd-light .sd-lamp{fill:#fff6d6;animation:sdLamp 3s ease-in-out infinite;animation-delay:calc(var(--i) * -.21s)}
@keyframes sdLamp{0%,100%{fill:#fff6d6;opacity:1}50%{fill:#ffd36b;opacity:.75}}
.sd-light .sd-beam{transform-origin:110px 34px;animation:sdBeam 4s ease-in-out infinite}
.sd-light .sd-beam.b2{animation-delay:-2s}
@keyframes sdBeam{0%,100%{opacity:.7;transform:rotate(-4deg)}50%{opacity:1;transform:rotate(4deg)}}
.sd-flag .sd-wave{animation:sdFlag 2.2s ease-in-out infinite;transform-origin:32px 38px}
@keyframes sdFlag{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(3deg) scaleX(.97)}}
.sd-up2:hover .sd-art .sd-svg{transform:scale(1.04);transition:transform .5s ease}
@media (prefers-reduced-motion:reduce){.sd-crowd circle,.sd-lamp,.sd-beam,.sd-wave{animation:none!important}}
.tbl2 .form i{display:inline-grid!important;place-items:center;width:18px!important;height:18px!important;font:900 10px/1 var(--f-b)!important;font-style:normal;color:#0b0f0c;text-indent:0}
@media (max-width:640px){
.tbl2 td.team{min-width:0!important;max-width:42vw;font-size:13px;gap:8px!important}
.tbl2 td.team svg.crest{width:24px;height:27px}
.tbl2 th:nth-child(3),.tbl2 td:nth-child(3){display:none}
.tbl2 td{padding:9px 5px!important}
.tbl2 td.pts{font-size:19px!important}
.tbl2 td.pos span{width:26px!important;height:26px!important;font-size:13px!important}
}
/* ---- Bekleyen paket (Paketler sayfası) ---- */
.pend2{--pc:#e9c27a;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 18px;padding:16px 20px;border-radius:20px;overflow:hidden;isolation:isolate;
background:radial-gradient(70% 160% at 0% 50%,color-mix(in srgb,var(--pc) 28%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 45%,transparent),0 18px 40px -24px color-mix(in srgb,var(--pc) 70%,#000)}
.pend2::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);transform:translateX(-100%);animation:pdSweep 3.2s ease-in-out infinite}
@keyframes pdSweep{0%,30%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
.pd-art{position:relative;width:78px;height:70px;flex:none}
.pd-card{position:absolute;left:22px;top:4px;width:40px;height:56px;border-radius:8px;background:linear-gradient(160deg,#fff 0%,var(--pc) 45%,color-mix(in srgb,var(--pc) 45%,#000));box-shadow:0 8px 18px -6px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(255,255,255,.55)}
.pd-card.c3{transform:rotate(-16deg) translate(-14px,4px);opacity:.55}
.pd-card.c2{transform:rotate(-6deg) translate(-6px,2px);opacity:.8}
.pd-card.c1{display:grid;place-items:center;transform:rotate(8deg) translate(8px,0);animation:pdFloat 2.4s ease-in-out infinite}
.pd-card.c1 b{font:900 24px var(--f-d);color:rgba(20,14,4,.75)}
.pd-glow{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 55%,transparent),transparent 65%);z-index:-1;animation:pdPulse 2.4s ease-in-out infinite}
@keyframes pdFloat{0%,100%{transform:rotate(8deg) translate(8px,0)}50%{transform:rotate(10deg) translate(8px,-5px)}}
@keyframes pdPulse{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}
.pd-tx{display:grid;gap:3px;min-width:0}
.pd-k{font:800 10.5px var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:var(--pc)}
.pd-tx b{font:800 clamp(15px,1.6vw,19px)/1.25 var(--f-b);color:#fff8ec}
.pd-tx p{margin:0;font:500 13px/1.4 var(--f-b);color:rgba(255,244,228,.68)}
.pd-go{white-space:nowrap;animation:pdBtn 1.8s ease-in-out infinite}
.pd-go em{font-style:normal;margin-left:4px;display:inline-block;transition:transform .2s}
.pd-go:hover em{transform:translateX(4px)}
@keyframes pdBtn{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 55%,transparent)}50%{box-shadow:0 0 0 8px transparent}}
@media (max-width:640px){
.pend2{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}
.pd-art{width:62px;height:60px;transform:scale(.85);transform-origin:left center}
.pd-go{grid-column:1/-1;justify-content:center;width:100%}
}
@media (prefers-reduced-motion:reduce){.pend2::after,.pd-card.c1,.pd-glow,.pd-go{animation:none}}
/* ---- Taktik kartları (Oyna) ---- */
.tc-wrap{padding:clamp(16px,2vw,22px)!important;gap:14px!important;border-radius:22px!important;background:radial-gradient(100% 120% at 100% 0,rgba(233,194,122,.08),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important}
.tc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tc-head .kicker{margin:0}
.tc-sub{margin:4px 0 0;font:500 13px/1.4 var(--f-b);color:rgba(255,244,228,.62);max-width:62ch}
.tc-now{padding:7px 12px;border-radius:12px;font:700 12px var(--f-b);color:rgba(255,244,228,.75);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.tc-now b{color:#e9c27a}
.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc-card{--tc:#e9c27a;display:grid;grid-template-rows:1fr auto;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,color-mix(in srgb,var(--tc) 14%,rgba(20,22,28,.96)),rgba(13,14,18,.98) 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 28%,rgba(255,255,255,.05)),0 14px 30px -22px #000;transition:transform .2s ease,box-shadow .2s ease}
.tc-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 60%,transparent),0 18px 36px -20px color-mix(in srgb,var(--tc) 55%,#000)}
.tc-card.on{box-shadow:inset 0 0 0 2px var(--tc),0 0 26px -6px color-mix(in srgb,var(--tc) 70%,transparent),0 18px 36px -20px #000;transform:translateY(-3px)}
.tc-pick{display:grid;grid-template-rows:auto 1fr;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.tc-pick:disabled{cursor:default}
.tc-art{position:relative;display:block;padding:10px 10px 0}
.tc-svg{display:block;width:100%;height:auto;border-radius:10px}
.tc-pitch{fill:#0f3a24;stroke:rgba(255,255,255,.25)}
.tc-line{stroke:rgba(255,255,255,.28);stroke-width:.8}
.tc-arr{stroke:var(--tc);stroke-width:2;stroke-dasharray:4 3;animation:tcDash 1.4s linear infinite}
@keyframes tcDash{to{stroke-dashoffset:-14}}
.tc-dot{stroke:#0b0f0c;stroke-width:1;animation:tcBob 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.3s)}
@keyframes tcBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.tc-n{position:absolute;top:16px;right:16px;min-width:30px;padding:3px 8px;border-radius:9px;font:900 13px var(--f-d);font-style:normal;text-align:center;color:#0b0f0c;background:var(--tc);box-shadow:0 4px 12px -2px color-mix(in srgb,var(--tc) 70%,transparent)}
.tc-card.empty .tc-n{color:#fff;background:rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.tc-card.empty .tc-art{filter:grayscale(.65) brightness(.75)}
.tc-sel{position:absolute;left:16px;bottom:6px;padding:3px 8px;border-radius:8px;font:900 10px var(--f-b);letter-spacing:.1em;color:#0b0f0c;background:var(--tc)}
.tc-body{display:grid;gap:6px;padding:10px 12px 10px}
.tc-body b{display:flex;align-items:center;gap:6px;font:800 15px var(--f-b);color:#fff8ec}
.tc-body b i{font-style:normal;font-size:15px}
.tc-body small{font:500 12px/1.35 var(--f-b);color:rgba(255,244,228,.6);min-height:32px}
.tc-efs{display:grid;gap:4px;margin-top:2px}
.tc-ef{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:6px;font:700 10.5px var(--f-b);color:rgba(255,244,228,.55)}
.tc-ef b{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.tc-ef b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 50%,#000),var(--tc))}
.tc-buy{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 12px 12px;padding:8px 10px;border:0;border-radius:11px;font:800 12px var(--f-b);color:#fff8ec;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);cursor:pointer;transition:background .15s}
.tc-buy:hover{background:color-mix(in srgb,var(--tc) 22%,transparent);box-shadow:inset 0 0 0 1px var(--tc)}
.tc-card.empty .tc-buy{color:#0b0f0c;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 75%,#fff),var(--tc));box-shadow:none}
@media (max-width:980px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.tc-grid{gap:8px}.tc-body{padding:8px 10px}.tc-body small{display:none}.tc-ef{grid-template-columns:48px 1fr;font-size:9.5px}.tc-buy{margin:0 8px 8px;font-size:11px;padding:7px 6px}.tc-n{top:14px;right:14px}}
@media (prefers-reduced-motion:reduce){.tc-arr,.tc-dot{animation:none}}
/* ---- Sezon bileti v2: sıradaki bilet vitrini + kademe yolu (yatay kaydırma yok) ---- */
.sp2{gap:18px}
.p2-next{position:relative;display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:0;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#17140c,#0f1014 60%);border:1px solid rgba(233,194,122,.28);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.p2-next.ready{border-color:rgba(233,194,122,.6);box-shadow:0 0 0 3px rgba(233,194,122,.12),0 18px 44px rgba(233,194,122,.12)}
.p2-tkt{position:relative;display:grid;align-content:center;gap:4px;padding:20px 22px;background:linear-gradient(160deg,#E9C27A,#B9853A);color:#1a1206}
.p2-tkt::after{content:"";position:absolute;top:10px;bottom:10px;right:-1px;border-right:2px dashed rgba(14,15,19,.55)}
.p2-tkt .kicker{color:#3a2a0c;opacity:.85}
.p2-num{font:900 76px/.9 var(--f-d,var(--f-ui));letter-spacing:-.01em}
.p2-of{font:800 12px var(--f-b);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.p2-bar{height:7px;border-radius:99px;background:rgba(26,18,6,.22);overflow:hidden;margin-top:8px}
.p2-bar i{display:block;height:100%;background:#1a1206;border-radius:inherit}
.p2-tkt small{font:800 11px var(--f-b);letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.p2-next.ready .p2-tkt{animation:p2Glow 2.2s ease-in-out infinite}
@keyframes p2Glow{50%{filter:brightness(1.12) saturate(1.1)}}
.p2-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.p2-rw{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:9px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text);text-align:left;font:inherit;cursor:default}
.p2-rw.big{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 12px 14px;min-height:0}
.p2-rw.prem{background:linear-gradient(160deg,rgba(184,146,255,.10),rgba(255,255,255,.02));border-color:rgba(184,146,255,.22)}
.p2-ic{flex:none;width:34px;height:34px;display:grid;place-items:center}
.p2-ic svg{width:100%;height:100%}
.p2-rw.big .p2-ic{width:64px;height:64px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.p2-tx{display:grid;gap:1px;min-width:0;flex:1}
.p2-tx small{font:800 9.5px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.p2-tx b{font:800 15px/1.1 var(--f-d,var(--f-ui));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p2-tx i{font:600 11px var(--f-b);font-style:normal;color:var(--muted)}
.p2-rw.big .p2-tx b{font-size:22px}
.p2-chip{display:inline-flex;align-items:center;gap:4px;flex:none;font:800 10px var(--f-b);font-style:normal;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:99px;white-space:nowrap}
.p2-chip svg{width:11px;height:11px}
.p2-chip.go{background:#E9C27A;color:#1a1206;padding:5px 12px;font-size:11px}
.p2-chip.got{background:rgba(53,208,127,.14);color:#5fe3a0}
.p2-chip.lk{background:rgba(255,255,255,.06);color:var(--muted)}
.p2-chip.pr{background:rgba(184,146,255,.14);color:#cdb6ff}
.p2-rw.big .p2-chip.go{padding:9px 26px;font-size:13px;letter-spacing:.14em;box-shadow:0 8px 18px rgba(233,194,122,.28)}
.p2-rw.open{cursor:pointer;border-color:rgba(233,194,122,.55);background:linear-gradient(160deg,rgba(233,194,122,.14),rgba(255,255,255,.02))}
.p2-rw.open:hover{transform:translateY(-2px);border-color:#E9C27A}
.p2-rw.open:active{transform:translateY(0) scale(.98)}
.p2-rw.got{opacity:.6}
.p2-rw.lock .p2-ic,.p2-rw.need .p2-ic{filter:saturate(.5) brightness(.85)}
.p2-rw.open .p2-ic{filter:none}
.p2-rw:disabled{cursor:default}
.p2-all{justify-self:start}
.p2-prem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(184,146,255,.07);border:1px solid rgba(184,146,255,.2)}
.p2-prem>span{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(184,146,255,.16);color:#cdb6ff}
.p2-prem>span svg{width:15px;height:15px}
.p2-prem p{margin:0;flex:1;font:500 13px/1.45 var(--f-b);color:var(--muted)}
.p2-prem p b{color:var(--text)}
.p2-path{display:grid;gap:12px}
.p2-ph{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 2px}
.p2-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.p2-cell{display:grid;gap:7px;padding:10px;border-radius:16px;background:#111318;border:1px solid rgba(255,255,255,.06)}
.p2-cell.done{background:#13140f}
.p2-cell.nextc{border-color:rgba(233,194,122,.35)}
.p2-cell.focus{box-shadow:0 0 0 2px rgba(233,194,122,.5)}
.p2-cell.mile{background:linear-gradient(160deg,#1b160b,#111318);border-color:rgba(233,194,122,.32)}
.p2-ch{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}
.p2-ch b{font:900 22px/1 var(--f-d,var(--f-ui));color:var(--text)}
.p2-cell.done .p2-ch b,.p2-cell.mile .p2-ch b{color:#E9C27A}
.p2-ch span{font:800 9.5px var(--f-b);letter-spacing:.14em;color:var(--muted)}
.p2-cell.nextc .p2-ch span,.p2-cell.mile .p2-ch span{color:#E9C27A}
.p2-more{justify-self:center}
@media (max-width:640px){
.p2-next{grid-template-columns:1fr}
.p2-tkt{grid-template-columns:auto 1fr;align-items:end;column-gap:14px;padding:16px 18px}
.p2-tkt .kicker,.p2-tkt .p2-bar,.p2-tkt small{grid-column:1/-1}
.p2-num{font-size:58px}
.p2-tkt::after{top:auto;left:10px;right:10px;bottom:-1px;border-right:0;border-bottom:2px dashed rgba(14,15,19,.55)}
.p2-pair{gap:10px;padding:12px}
.p2-rw.big{padding:14px 8px 12px}
.p2-rw.big .p2-ic{width:52px;height:52px}
.p2-rw.big .p2-tx b{font-size:18px}
.p2-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.p2-cell .p2-rw{min-height:50px;padding:7px 8px;gap:7px}
.p2-cell .p2-ic{width:28px;height:28px}
.p2-cell .p2-tx b{font-size:13px}
.p2-cell .p2-chip:not(.go){font-size:0;padding:4px}
.p2-cell .p2-chip:not(.go) svg{width:12px;height:12px}
.p2-prem{flex-wrap:wrap}
}
/* bilet: düz (opak) zeminler — yarı saydam zeminde yeniden çizimde eski yazı izi kalıyordu */
.p2-rw{background:#181a20;border-color:#262931}
.p2-rw.prem{background:linear-gradient(160deg,#1d1930,#17181f);border-color:#352d52}
.p2-rw.open{background:linear-gradient(160deg,#2c2414,#1a1a1d);border-color:#8a6c35}
.p2-rw.got{opacity:1;background:#15171b;border-color:#20232a;color:#8b8f99}
.p2-rw.got .p2-ic{filter:grayscale(.6) brightness(.75)}
.p2-rw.got .p2-tx b{color:#9ea2ab}
.p2-cell.done{background:#131410}
.p2-prem{background:#17142a;border-color:#352d52}
.p2-next{background:linear-gradient(135deg,#17140c,#0f1014 60%)}
/* bildirim izni kartı */
.push-ask{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#14161c;border:1px solid rgba(233,194,122,.32);margin-bottom:12px}
.push-ask .pa-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(233,194,122,.14);color:#E9C27A}
.push-ask .pa-ic svg{width:20px;height:20px}
.push-ask p{margin:0;flex:1;display:grid;gap:2px;min-width:0}
.push-ask p b{font:800 14px var(--f-ui,var(--f-b))}
.push-ask p span{font:500 12.5px/1.4 var(--f-b);color:var(--muted)}
.push-ask .btn{flex:none;padding:9px 16px}
.push-ask .pa-x{flex:none;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}