/* Rol akışı (21.10.2026; Sources/ViceRolAkisi.php): ana sayfa şeridi, ?action=rolakisi sayfası, sinema penceresi, ▲. */

/* ---------- kart (şerit ve sayfa ortak) ---------- */
.vra-card{--vra-tier:#91ceff;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--vx-line,#2a3441);border-radius:4px;background:var(--vx-surface,#10151c);overflow:hidden;transition:border-color .2s,transform .2s}
.vra-lb__who{--vra-tier:#91ceff}
.vra-card--vipplus,.vra-card--belediye,.vra-card--malibu{--vra-tier:#f49ac1}
.vra-card--partner,.vra-card--adalet,.vra-card--toptier{--vra-tier:#e7cb89}
.vra-card--asgh{--vra-tier:#f17f97}
.vra-card--arti{--vra-tier:#5fe1ff}
.vra-card--toptier .vra-tier{background:var(--vk-sun,linear-gradient(92deg,#f49ac1,#f17f97 45%,#e7cb89));-webkit-background-clip:text;background-clip:text;color:transparent}
.vra-card:hover{border-color:color-mix(in srgb,var(--vra-tier) 45%,var(--vx-line,#2a3441))}
.vra-card__pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0f14;text-decoration:none!important}
.vra-card__pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s}
.vra-card__pic:hover img,.vra-card__pic:focus-visible img{transform:scale(1.045)}
.vra-card__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.35) 0%,rgba(7,9,13,0) 28%,rgba(7,9,13,0) 70%,rgba(7,9,13,.45) 100%);pointer-events:none}
.vra-card__pic:focus-visible{outline:2px solid var(--vx-focus,#91ceff);outline-offset:-2px}
.vra-card__kind,.vra-card__n{position:absolute;top:8px;z-index:1;padding:4px 7px 3px;border-radius:2px;background:rgba(7,9,13,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f4f8;font:600 11px/1 var(--vk-cond,"Barlow Condensed",sans-serif);letter-spacing:.12em;text-transform:uppercase}
.vra-card__kind{left:8px;border-left:2px solid #e7cb89}
.vra-card__kind--k{border-left-color:#f49ac1}
.vra-card__n{right:8px;font:600 10.5px/1 var(--vk-mono,"JetBrains Mono",monospace);letter-spacing:.02em;text-transform:none;color:#cfd8e3}
.vra-card__meta{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 10px 4px}
.vra-card__av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;border:1.5px solid var(--vra-tier);background:var(--vx-raised,#171d26);color:var(--vx-ink,#f2f4f8);font:700 12px/1 var(--vk-cond,sans-serif)}
.vra-card__av img{width:100%;height:100%;object-fit:cover}
.vra-card__who{display:flex;flex-direction:column;gap:3px;min-width:0}
html:root body .vra-card__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vx-ink,#f2f4f8)!important;font:600 14px/1.15 var(--vk-sans,Barlow,sans-serif);text-decoration:none!important}
html:root body .vra-card__nm:hover{color:var(--vx-blue,#91ceff)!important}
.vra-tier{align-self:flex-start;color:var(--vra-tier);font:600 10px/1 var(--vk-mono,"JetBrains Mono",monospace);letter-spacing:.08em;text-transform:uppercase}
html:root body .vra-card__topic{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 10px 11px 47px;color:var(--vx-muted,#b0bccb)!important;font:400 12.5px/1.3 var(--vk-sans,Barlow,sans-serif);text-decoration:none!important}
.vra-card__topic span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vra-card__topic time{flex:none;color:var(--vx-faint,#8391a3);font:500 10.5px/1 var(--vk-mono,"JetBrains Mono",monospace)}
html:root body .vra-card__topic:hover{color:var(--vx-ink,#f2f4f8)!important}

/* ---------- ▲ (kart ve sinema penceresi; konu sayfasındaki eşi vice-topic-view-2026.css) ---------- */
html:root body [data-vra] button.vup,html:root body .vra-lb button.vup{position:relative;display:inline-flex!important;align-items:center;gap:4px;width:auto!important;height:30px!important;min-height:0!important;margin:0!important;padding:0 10px 0 7px!important;border:1px solid var(--vx-line,#2a3441)!important;border-radius:99px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--vx-muted,#b0bccb)!important;font:700 12.5px/1 var(--vk-mono,"JetBrains Mono",monospace)!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}
html:root body [data-vra] button.vup.is-zero,html:root body .vra-lb button.vup.is-zero{padding-right:7px!important}
html:root body [data-vra] button.vup svg,html:root body .vra-lb button.vup svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;transition:transform .2s cubic-bezier(.2,1.6,.4,1)}
html:root body [data-vra] button.vup:hover,html:root body .vra-lb button.vup:hover{color:var(--vx-gold,#e7cb89)!important;border-color:color-mix(in srgb,var(--vx-gold,#e7cb89) 55%,transparent)!important;background:color-mix(in srgb,var(--vx-gold,#e7cb89) 10%,transparent)!important}
html:root body [data-vra] button.vup:hover svg,html:root body .vra-lb button.vup:hover svg{transform:translateY(-2px)}
html:root body [data-vra] button.vup.is-on,html:root body .vra-lb button.vup.is-on{color:var(--vx-on-gold,#14171c)!important;border-color:var(--vx-gold,#e7cb89)!important;background:var(--vx-gold,#e7cb89)!important}
html:root body [data-vra] button.vup.is-on svg,html:root body .vra-lb button.vup.is-on svg{fill:currentColor}
html:root body [data-vra] button.vup.is-pop svg,html:root body .vra-lb button.vup.is-pop svg{animation:vra-pop .5s cubic-bezier(.2,1.6,.4,1)}
html:root body [data-vra] button.vup[aria-disabled="true"],html:root body .vra-lb button.vup[aria-disabled="true"]{cursor:default}
html:root body [data-vra] button.vup[aria-disabled="true"]:hover,html:root body .vra-lb button.vup[aria-disabled="true"]:hover{color:var(--vx-muted,#b0bccb)!important;border-color:var(--vx-line,#2a3441)!important;background:transparent!important}
html:root body [data-vra] button.vup:focus-visible,html:root body .vra-lb button.vup:focus-visible{outline:2px solid var(--vx-focus,#91ceff)!important;outline-offset:2px}
.vra-sr,.vup .vxt-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@keyframes vra-pop{0%{transform:translateY(0) scale(.7)}55%{transform:translateY(-5px) scale(1.25)}100%{transform:translateY(0) scale(1)}}

/* ---------- Seçkin Gruplar (i) ---------- */
.vra-strip .vx-head__text,.vra-page__copy{position:relative}
html:root body button.vra-info{display:inline-grid!important;place-items:center;width:24px!important;height:24px!important;min-height:0!important;margin:0 0 0 12px!important;padding:0!important;border:1.5px solid color-mix(in srgb,var(--vx-gold,#e7cb89) 60%,transparent)!important;border-radius:50%!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--vx-gold,#e7cb89)!important;font:700 13px/1 var(--vk-mono,"JetBrains Mono",monospace)!important;letter-spacing:0!important;text-transform:none!important;vertical-align:.32em;cursor:pointer;transition:background-color .15s,color .15s}
html:root body button.vra-info:hover,html:root body button.vra-info[aria-expanded="true"]{background:var(--vx-gold,#e7cb89)!important;color:var(--vx-on-gold,#14171c)!important}
html:root body button.vra-info:focus-visible{outline:2px solid var(--vx-focus,#91ceff)!important;outline-offset:2px}
html:root body .vra-page__eyebrow button.vra-info{width:20px!important;height:20px!important;margin-left:8px!important;font-size:11px!important;vertical-align:0}
.vra-info__box{position:absolute;top:calc(100% + 10px);left:0;z-index:40;width:min(390px,calc(100vw - 32px));padding:16px 18px 14px;border:1px solid var(--vx-line,#2a3441);border-top:2px solid var(--vx-gold,#e7cb89);border-radius:4px;background:var(--vx-raised,#171d26);box-shadow:0 18px 40px rgba(0,0,0,.5);color:var(--vx-muted,#b0bccb);font:400 14px/1.45 var(--vk-sans,Barlow,sans-serif);letter-spacing:0;text-align:left;text-transform:none}
.vra-info__box[hidden]{display:none}
.vra-info__t{display:block;margin:0 0 6px;color:var(--vx-ink,#f2f4f8);font:400 24px/1 var(--vk-display,"Bebas Neue",Impact,sans-serif);letter-spacing:.01em;text-transform:uppercase}
html:root body .vra-info__box p{margin:0 0 9px;padding:0;color:inherit;font:inherit}
html:root body .vra-info__box ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
html:root body .vra-info__box li{position:relative;margin:0;padding:0 0 0 18px;color:var(--vx-ink,#f2f4f8);list-style:none}
.vra-info__box li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:var(--vx-gold,#e7cb89);transform:rotate(45deg)}
.vra-info__box li i{color:var(--vx-faint,#8391a3);font-style:normal}
html:root body .vra-info__box .vra-info__more{margin:12px 0 0;font:400 24px/1 var(--vk-display,"Bebas Neue",Impact,sans-serif);letter-spacing:.01em;text-transform:uppercase;background:var(--vk-sun,linear-gradient(92deg,#f49ac1,#f17f97 45%,#e7cb89));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- ana sayfa şeridi ---------- */
.vra-strip{container-type:inline-size}
.vra-strip__rail{position:relative}
.vra-strip__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px) / 1.25);gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px}
.vra-strip__track::-webkit-scrollbar{display:none}
.vra-strip__track:focus-visible{outline:2px solid var(--vx-focus,#91ceff);outline-offset:4px}
.vra-strip__track>.vra-card{scroll-snap-align:start}
@container (min-width:480px){.vra-strip__track{grid-auto-columns:calc((100% - 28px) / 2.3)}}
@container (min-width:720px){.vra-strip__track{grid-auto-columns:calc((100% - 28px) / 3)}}
@container (min-width:900px){.vra-strip__track{grid-auto-columns:calc((100% - 42px) / 4)}}
html:root body .vra-strip__nav{position:absolute;top:calc((100% - 74px) / 2);z-index:3;display:grid!important;place-items:center;width:40px!important;height:40px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid rgba(242,244,248,.18)!important;border-radius:50%!important;background:rgba(7,9,13,.78)!important;background-image:none!important;box-shadow:0 8px 22px rgba(0,0,0,.45)!important;color:#f2f4f8!important;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%);transition:background-color .15s,border-color .15s,opacity .2s}
html:root body .vra-strip__nav[hidden]{display:none!important}
html:root body .vra-strip__nav:hover{border-color:var(--vx-gold,#e7cb89)!important;background:rgba(23,29,38,.95)!important}
html:root body .vra-strip__nav:focus-visible{outline:2px solid var(--vx-focus,#91ceff)!important;outline-offset:2px}
.vra-strip__nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vra-strip__nav--prev{left:-14px}
.vra-strip__nav--next{right:-14px}
@media (hover:none),(max-width:760px){html:root body .vra-strip__nav{display:none!important}}
.vra-strip__foot{margin:12px 0 0;color:var(--vx-faint,#8391a3);font:500 11.5px/1.45 var(--vk-mono,"JetBrains Mono",monospace);letter-spacing:.02em}
.vra-strip__foot b{color:var(--vx-gold,#e7cb89);font-weight:700}

/* ---------- sayfa ---------- */
.vra-page{max-width:1360px;margin:0 auto;padding:28px 0 56px}
.vra-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--vx-line,#2a3441)}
.vra-page__eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--vx-pink,#f49ac1);font:600 12px/1 var(--vk-mono,"JetBrains Mono",monospace);letter-spacing:.16em;text-transform:uppercase}
.vra-page__eyebrow::before{content:"";width:26px;height:8px;background:repeating-linear-gradient(115deg,currentColor 0 3px,transparent 3px 7px)}
html:root body .vra-page__title{margin:10px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--vx-ink,#f2f4f8);font:400 clamp(44px,6vw,76px)/.9 var(--vk-display,"Bebas Neue",Impact,sans-serif);letter-spacing:.005em;text-transform:uppercase}
.vra-page__title em{font-style:normal;background:var(--vk-sun,linear-gradient(92deg,#f49ac1,#f17f97 45%,#e7cb89));-webkit-background-clip:text;background-clip:text;color:transparent}
.vra-page__lede{max-width:620px;margin:12px 0 0;color:var(--vx-muted,#b0bccb);font:400 15px/1.5 var(--vk-sans,Barlow,sans-serif)}
.vra-page__lede b{color:var(--vx-gold,#e7cb89)}
.vra-page__stats{display:flex;gap:10px;margin:0}
.vra-page__stats div{min-width:96px;padding:10px 14px;border:1px solid var(--vx-line,#2a3441);border-radius:4px;background:var(--vx-surface,#10151c)}
.vra-page__stats dt{color:var(--vx-faint,#8391a3);font:600 10.5px/1 var(--vk-mono,monospace);letter-spacing:.14em;text-transform:uppercase}
.vra-page__stats dd{margin:6px 0 0;font:400 34px/1 var(--vk-display,"Bebas Neue",sans-serif);background:var(--vk-sun,linear-gradient(92deg,#f49ac1,#e7cb89));-webkit-background-clip:text;background-clip:text;color:transparent}
.vra-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
.vra-tabs,.vra-chips{display:flex;flex-wrap:wrap;gap:6px}
html:root body .vra-tabs a,html:root body .vra-chips a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--vx-line,#2a3441);border-radius:3px;background:var(--vx-canvas,#07090d);color:var(--vx-muted,#b0bccb)!important;font:600 13px/1 var(--vk-cond,"Barlow Condensed",sans-serif);letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;transition:border-color .15s,color .15s}
html:root body .vra-tabs a:hover,html:root body .vra-chips a:hover{border-color:var(--vx-line-strong,#5c6b80);color:var(--vx-ink,#f2f4f8)!important}
html:root body .vra-tabs a[aria-current="page"]{border-color:var(--vx-gold,#e7cb89);background:var(--vx-gold,#e7cb89);color:var(--vx-on-gold,#14171c)!important}
html:root body .vra-chips a{height:30px;padding:0 11px;border-radius:99px;font-size:12px}
html:root body .vra-chips a[aria-current="page"]{border-color:var(--vx-pink,#f49ac1);color:var(--vx-pink,#f49ac1)!important}
.vra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
html:root body .vra-more{display:flex;align-items:center;justify-content:center;width:max-content;height:44px;margin:28px auto 0;padding:0 26px;border:1px solid var(--vx-line-strong,#5c6b80);border-radius:3px;color:var(--vx-ink,#f2f4f8)!important;font:600 14px/1 var(--vk-cond,"Barlow Condensed",sans-serif);letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;transition:border-color .15s,background-color .15s}
html:root body .vra-more:hover{border-color:var(--vx-gold,#e7cb89);background:color-mix(in srgb,var(--vx-gold,#e7cb89) 10%,transparent)}
.vra-more.is-busy{opacity:.6;pointer-events:none}
.vra-end,.vra-empty{margin:28px 0 0;color:var(--vx-faint,#8391a3);font:500 12px/1.5 var(--vk-mono,monospace);text-align:center}
.vra-empty{padding:40px 16px;border:1px dashed var(--vx-line,#2a3441);border-radius:4px}
@media (max-width:760px){
	.vra-page{padding:18px 0 40px}
	.vra-page__head{flex-direction:column;align-items:flex-start}
	.vra-page__stats div{min-width:84px;padding:8px 12px}
	.vra-page__stats dd{font-size:28px}
	.vra-bar{flex-direction:column;align-items:stretch}
	.vra-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
	html:root body .vra-tabs a{justify-content:center;padding:0 6px}
	.vra-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
	.vra-grid{grid-template-columns:1fr;gap:14px}
}
@media (min-width:480px) and (max-width:760px){.vra-grid{grid-template-columns:1fr 1fr}}

/* ---------- sinema penceresi ---------- */
html.vra-lock,html.vra-lock body{overflow:hidden}
.vra-lb{position:fixed;inset:0;z-index:2100;display:grid;grid-template-rows:minmax(0,1fr) auto;background:rgba(4,6,9,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2f4f8;opacity:0;transition:opacity .2s}
.vra-lb[hidden]{display:none}
.vra-lb.is-open{opacity:1}
.vra-lb__stage{position:relative;display:grid;place-items:center;min-height:0;padding:56px 72px 12px}
.vra-lb__img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 24px 60px rgba(0,0,0,.6);transition:opacity .2s}
.vra-lb__img.is-thumb{filter:blur(.4px)}
.vra-lb__state{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:6px 12px;border-radius:99px;background:rgba(23,29,38,.9);color:#cfd8e3;font:500 12px/1 var(--vk-mono,monospace)}
.vra-lb__state[hidden]{display:none}
html:root body .vra-lb button.vra-lb__btn{position:absolute;z-index:2;display:grid!important;place-items:center;width:46px!important;height:46px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid rgba(242,244,248,.2)!important;border-radius:50%!important;background:rgba(16,21,28,.85)!important;background-image:none!important;box-shadow:none!important;color:#f2f4f8!important;cursor:pointer;transition:border-color .15s,background-color .15s}
html:root body .vra-lb button.vra-lb__btn:hover{border-color:var(--vx-gold,#e7cb89)!important;background:rgba(23,29,38,.95)!important}
html:root body .vra-lb button.vra-lb__btn:focus-visible{outline:2px solid var(--vx-focus,#91ceff)!important;outline-offset:2px}
.vra-lb__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html:root body .vra-lb button.vra-lb__x{top:12px;right:14px}
html:root body .vra-lb button.vra-lb__prev{top:50%;left:14px;transform:translateY(-50%)}
html:root body .vra-lb button.vra-lb__next{top:50%;right:14px;transform:translateY(-50%)}
.vra-lb__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:14px;align-items:center;max-width:1100px;width:100%;margin:0 auto;padding:12px 18px 18px}
.vra-lb__who{display:flex;align-items:center;gap:10px;min-width:0}
.vra-lb__who .vra-card__av{width:34px;height:34px;flex:none}
.vra-lb__who .vra-card__who{gap:4px}
.vra-lb__topic{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfd8e3;font:400 14px/1.3 var(--vk-sans,Barlow,sans-serif)}
html:root body .vra-lb__go{flex:none;color:var(--vx-blue,#91ceff)!important;font:600 13px/1 var(--vk-cond,"Barlow Condensed",sans-serif);letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
html:root body .vra-lb__go:hover{color:#f2f4f8!important}
.vra-lb__count{color:#8391a3;font:600 12px/1 var(--vk-mono,monospace);white-space:nowrap}
@media (max-width:760px){
	.vra-lb__stage{padding:52px 8px 8px}
	html:root body .vra-lb button.vra-lb__prev,html:root body .vra-lb button.vra-lb__next{top:auto;bottom:14px;transform:none;width:40px!important;height:40px!important}
	.vra-lb__bar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 12px;padding:10px 12px 14px}
	.vra-lb__topic{grid-column:1/-1;grid-row:2}
	.vra-lb__count{display:none}
}
@media (prefers-reduced-motion:reduce){
	.vra-card,.vra-card__pic img,.vra-lb,.vra-lb__img{transition:none}
	.vra-card__pic:hover img{transform:none}
	html:root body [data-vra] button.vup svg,html:root body .vra-lb button.vup svg{transition:none}
	html:root body [data-vra] button.vup.is-pop svg,html:root body .vra-lb button.vup.is-pop svg{animation:none}
}