/* Atölye (ops/atolye-20261021/README.md) · #vat sayfa, .vat-strip /vice-city şeridi.
   Renk ve yazı yalnız --vx-* / --vk-* belirteçlerinden (stil kuralı 21.10); şeffaflık için rgba(0/255) ve color-mix. */

#vat,#vat-strip{--vat-pad:clamp(16px,3vw,40px);--vat-cut:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);--vat-body:color-mix(in srgb,var(--vx-ink,#f2f4f8) 86%,var(--vx-canvas,#07090d));color:var(--vx-ink);font-family:var(--vk-sans)}
#vat *,#vat *::before,#vat *::after,#vat-strip *,#vat-strip *::before,#vat-strip *::after{box-sizing:border-box}
#vat a,#vat-strip a{color:inherit;text-decoration:none}
#vat{max-width:1320px;margin:0 auto;padding:0 0 64px;min-width:0}
#vat img,#vat video,#vat-strip img,#vat-strip video{display:block;max-width:100%}
html:root body #vat code,html:root body #vat-strip code{display:inline-block!important;min-height:0!important;height:auto!important;max-width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important;font:600 12.5px/1.2 var(--vk-mono)!important;color:var(--vx-gold)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline}
#vat kbd{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 7px;border:1px solid var(--vx-line-strong);border-bottom-width:3px;border-radius:4px;background:var(--vx-raised);font:700 13px/1 var(--vk-mono);color:var(--vx-ink)}
#vat .vat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#vat em{font-style:normal}
/* sitenin genel mavi düğme kuralı (degrade, gölge, yuvarlak köşe) Atölye düğmelerine sızmasın */
html:root body #vat button{background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-radius:0!important;min-width:0!important;height:auto!important;line-height:1.2!important;text-transform:none}
/* degrade yazı: ViceDisplay'de Ö, Ü, İ noktaları satır kutusunun üstüne taşar; kutu aşağı-yukarı açılmazsa boyanmaz */
#vat .vat-h1,#vat .vat-sh__t{padding:.16em 0 .04em;margin-top:-.16em!important}

/* üç çubuk + eğik çizgili künye (kimlik vk-kicker ile aynı dil) */
#vat .vat-kick,#vat-strip .vat-strip__k{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;font:600 13px/1.2 var(--vk-cond);letter-spacing:.18em;text-transform:uppercase;color:var(--vx-blue)}
#vat .vat-kick b{color:var(--vx-ink);font-weight:600}
#vat .vat-kick span+span::before,#vat .vat-kick span+b::before{content:"/";margin-right:10px;color:var(--vx-faint)}
#vat .vat-kick .vat-bars::before{content:none}
.vat-bars{display:inline-flex;gap:3px}
.vat-bars i{display:block;width:4px;height:14px;transform:skewX(-14deg);background:var(--vx-pink)}
.vat-bars i:nth-child(2){background:var(--vk-sunset)}
.vat-bars i:nth-child(3){background:var(--vx-gold)}
#vat .vat-en{margin:0;font:600 13px/1.35 var(--vk-cond);letter-spacing:.16em;text-transform:uppercase;color:var(--vx-pink)}

/* cetvel: altın çentikler, her 40 px'te uzun çizgi */
.vat-ruler,.vat-strip__ruler{height:14px;opacity:.6;background:repeating-linear-gradient(90deg,var(--vx-gold) 0 1px,transparent 1px 40px) left bottom/100% 14px no-repeat,repeating-linear-gradient(90deg,color-mix(in srgb,var(--vx-gold) 70%,transparent) 0 1px,transparent 1px 8px) left bottom/100% 6px no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}

/* düğmeler */
#vat .vat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--vx-line-strong);background:rgba(255,255,255,.02);font:700 14px/1 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);transition:border-color .2s,background-color .2s,color .2s;cursor:pointer}
#vat .vat-btn:hover{border-color:var(--vx-gold);color:var(--vx-gold)}
html:root body #vat button.vat-btn{min-height:46px!important;padding:0 20px!important;border:1px solid var(--vx-line-strong)!important;font:700 14px/1 var(--vk-cond)!important;letter-spacing:.14em;text-transform:uppercase}
#vat .vat-btn--gold,html:root body #vat button.vat-btn--gold{background:var(--vx-gold-fill)!important;border-color:transparent!important;color:var(--vx-on-gold)!important}
#vat .vat-btn--gold:hover,html:root body #vat button.vat-btn--gold:hover{background:var(--vk-cream)!important;color:var(--vx-on-gold)!important}
#vat a:focus-visible,#vat button:focus-visible,#vat summary:focus-visible,#vat input:focus-visible,#vat textarea:focus-visible,#vat-strip a:focus-visible{outline:2px solid var(--vx-focus);outline-offset:2px}

/* durum etiketleri */
.vat-st{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:2px;font:700 11px/1 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.vat-st--live{color:var(--vx-blue);background:color-mix(in srgb,var(--vx-blue) 12%,transparent);border:1px solid color-mix(in srgb,var(--vx-blue) 40%,transparent)}
.vat-st--live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:vatPulse 2.2s infinite}
.vat-st--arge{color:var(--vx-on-gold);background:var(--vx-gold-fill);border:1px solid transparent}
.vat-st--arge::before{content:"";width:6px;height:6px;background:currentColor;transform:rotate(45deg)}
.vat-st--soon{color:var(--vx-pink);border:1px dashed color-mix(in srgb,var(--vx-pink) 60%,transparent)}
.vat-st--arsiv{color:var(--vx-faint);border:1px solid var(--vx-line)}
.vat-st--ghost{color:var(--vx-muted);border:1px solid var(--vx-line)}
@keyframes vatPulse{50%{opacity:.3}}

/* ------------------------------------------------------------------ kapak */
#vat .vat-hero{position:relative;display:flex;flex-direction:column;overflow:hidden;margin-top:8px;border:1px solid var(--vx-line);background:var(--vx-canvas);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
#vat .vat-hero__art{position:absolute;top:0;right:0;width:64%;height:calc(100% - 110px);object-fit:cover;object-position:62% 22%;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 46%);mask-image:linear-gradient(90deg,transparent 0,black 46%);opacity:.92}
#vat .vat-hero__grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/32px 32px;-webkit-mask-image:linear-gradient(90deg,black 0,black 30%,transparent 62%);mask-image:linear-gradient(90deg,black 0,black 30%,transparent 62%)}
#vat .vat-hero__in{position:relative;z-index:2;max-width:700px;padding:clamp(30px,4.4vw,64px) var(--vat-pad) clamp(28px,3.4vw,48px)}
#vat .vat-h1{margin:0;font:400 clamp(76px,12vw,176px)/.8 var(--vk-display);text-transform:uppercase;letter-spacing:.005em;background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
#vat .vat-hero .vat-en{margin-top:14px}
#vat .vat-hero__lede{max-width:540px;margin:16px 0 0;font-size:18px;line-height:1.55;color:var(--vat-body);text-shadow:0 2px 14px rgba(0,0,0,.6)}
#vat .vat-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
#vat .vat-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--vx-line);border-top:1px solid var(--vx-line)}
#vat .vat-stats>div{padding:16px var(--vat-pad) 18px;background:color-mix(in srgb,var(--vx-surface) 94%,transparent)}
#vat .vat-stats dt{margin:0 0 8px;font:600 12px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-stats dd{margin:0;font:400 clamp(40px,4.6vw,66px)/.86 var(--vk-display);background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
#vat .vat-hero>.vat-ruler{position:absolute;left:0;right:0;bottom:100px;z-index:3;pointer-events:none}

/* ------------------------------------------------------------------ süzgeç */
#vat .vat-filter{position:sticky;top:calc(var(--vk-mast-h,64px) - 1px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;padding:10px 0;background:color-mix(in srgb,var(--vx-canvas) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--vx-line)}
#vat .vat-filter__chips{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,black 92%,transparent);mask-image:linear-gradient(90deg,black 92%,transparent);padding-right:24px}
#vat .vat-filter__chips::-webkit-scrollbar{display:none}
#vat .vat-chip{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--vx-line);border-radius:999px;font:600 13px/1 var(--vk-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-muted);white-space:nowrap;transition:border-color .2s,color .2s,background-color .2s}
#vat .vat-chip em{font:600 11px/1 var(--vk-mono);color:var(--vx-faint)}
#vat .vat-chip:hover{border-color:var(--vx-line-strong);color:var(--vx-ink)}
#vat .vat-chip.is-on{border-color:var(--vx-gold);color:var(--vx-gold);background:color-mix(in srgb,var(--vx-gold) 8%,transparent)}
#vat .vat-chip.is-on em{color:var(--vx-gold)}
#vat .vat-filter__tools{flex:none;display:flex;align-items:center;gap:10px}
#vat .vat-seg{display:flex;border:1px solid var(--vx-line);border-radius:4px;overflow:hidden}
html:root body #vat .vat-seg button{min-height:36px;padding:0 11px!important;border:0!important;border-right:1px solid var(--vx-line)!important;background:transparent!important;font:600 12px/1 var(--vk-cond)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-muted)!important;cursor:pointer}
html:root body #vat .vat-seg button:last-child{border-right:0!important}
html:root body #vat .vat-seg button.is-on{background:var(--vx-raised)!important;color:var(--vx-ink)!important;box-shadow:inset 0 -2px 0 var(--vx-gold)!important}
#vat .vat-search{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--vx-line);border-radius:4px;background:var(--vx-sunken);color:var(--vx-faint)}
#vat .vat-search input{width:190px;min-width:0;border:0;background:transparent;font:500 14px/1 var(--vk-sans);color:var(--vx-ink);outline:0}
#vat .vat-search:focus-within{border-color:var(--vx-focus)}

/* ------------------------------------------------------------------ kutu */
#vat .vat-grid,#vat .vat-bench__list,#vat .vat-rail{list-style:none;margin:0;padding:0}
.vat-box{min-width:0}
.vat-box[hidden]{display:none!important}
#vat .vat-box__a{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--vx-line);background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--vx-surface);clip-path:var(--vat-cut);transition:transform .25s var(--vk-ease),border-color .25s}
#vat .vat-box__a:hover{transform:translateY(-3px);border-color:var(--vx-line-strong)}
#vat .vat-box__pic{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--vx-sunken)}
#vat .vat-box__pic img,#vat .vat-box__pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--vk-ease),opacity .3s}
#vat .vat-box__pic img.is-art{filter:saturate(.8) brightness(.72)}
/* görüntüsü henüz çekilmemiş sistem: tezgâh çizimi (mavi kâğıt + sahne izi + simge) */
.vat-plan{background:linear-gradient(color-mix(in srgb,var(--vx-blue) 11%,transparent) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,color-mix(in srgb,var(--vx-blue) 11%,transparent) 1px,transparent 1px) 0 0/18px 18px,radial-gradient(120% 90% at 50% 40%,var(--vx-raised),var(--vx-sunken))!important}
#vat .vat-plan img.is-art,#vat-strip .vat-plan img{opacity:.16;filter:grayscale(1) contrast(1.2)!important}
.vat-plan__i{position:absolute;left:50%;top:46%;z-index:1;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:1px dashed color-mix(in srgb,var(--vx-gold) 55%,transparent);border-radius:50%;font-size:24px;color:var(--vx-gold)}
.vat-plan__i::before{position:relative;z-index:1}
.vat-plan__i::after{content:"";position:absolute;left:-18px;right:-18px;top:50%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--vx-gold) 40%,transparent) 20%,transparent 38%,transparent 62%,color-mix(in srgb,var(--vx-gold) 40%,transparent) 80%,transparent)}
.vat-plan__t{position:absolute;right:10px;top:12px;z-index:2;font:600 9.5px/1 var(--vk-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--vx-blue) 70%,transparent)}
#vat-strip .vat-plan__i{width:44px;height:44px;font-size:17px;top:50%}
#vat-strip .vat-plan__t{display:none}
#vat .vat-box__pic video{opacity:0}
#vat .vat-box__pic video.is-on{opacity:1}
#vat .vat-box__a:hover .vat-box__pic img{transform:scale(1.05)}
#vat .vat-box__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--vx-surface) 0,rgba(16,21,28,0) 55%);pointer-events:none}
#vat .vat-play{position:absolute;right:10px;bottom:10px;z-index:2;width:26px;height:26px;border-radius:50%;background:rgba(7,9,13,.7);border:1px solid rgba(255,255,255,.25)}
#vat .vat-play::before{content:"";position:absolute;left:10px;top:8px;border:5px solid transparent;border-left:8px solid var(--vx-ink);border-right:0}
/* Dymo etiketi: katalog numarası */
#vat .vat-box__no{position:absolute;top:10px;left:10px;z-index:2;padding:5px 8px 4px;border-radius:2px;background:var(--vx-canvas);font:700 11px/1 var(--vk-mono);letter-spacing:.16em;color:var(--vx-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 8px rgba(0,0,0,.5);transform:rotate(-2deg)}
#vat .vat-box__body{display:flex;flex:1;flex-direction:column;gap:7px;padding:14px 16px 16px;min-width:0}
#vat .vat-box__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
#vat .vat-box__top code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vat .vat-box__ad{font:600 21px/1.08 var(--vk-cond);letter-spacing:.03em;text-transform:uppercase;color:var(--vx-ink);overflow-wrap:anywhere}
#vat .vat-box__oz{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.45;color:var(--vx-muted)}
#vat .vat-box__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:6px;font:600 11.5px/1.3 var(--vk-mono);color:var(--vx-faint)}
#vat .vat-box__meta i{margin-right:3px}
#vat .vat-box__meta .is-yeni{color:var(--vx-gold)}

/* ------------------------------------------------------------------ tezgâhta şimdi (delikli pano) */
#vat .vat-bench{position:relative;margin-top:28px;padding:clamp(20px,3vw,36px) var(--vat-pad) clamp(22px,3vw,36px);border:1px solid var(--vx-line);background:radial-gradient(circle,rgba(0,0,0,.6) 0 2px,rgba(255,255,255,.035) 2.6px,transparent 3.4px) 11px 11px/22px 22px,linear-gradient(180deg,var(--vx-raised),var(--vx-surface));clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
#vat .vat-bench::before{content:"";position:absolute;left:var(--vat-pad);right:var(--vat-pad);top:0;height:3px;background:var(--vk-sun)}
#vat .vat-bench__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:6px 24px;margin-bottom:22px}
#vat .vat-bench__head .vat-kick{grid-column:1/-1;margin:0}
#vat .vat-bench__head p:last-child{margin:0;color:var(--vx-muted);font-size:15.5px;line-height:1.5;justify-self:end;max-width:360px;text-align:right}
#vat .vat-h2{margin:0;font:400 clamp(40px,4.6vw,68px)/.9 var(--vk-display);text-transform:uppercase}
#vat .vat-h2 em{background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
#vat .vat-bench__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

/* ------------------------------------------------------------------ gruplar */
#vat .vat-grp{margin-top:56px;scroll-margin-top:140px}
#vat .vat-grp[hidden]{display:none}
#vat .vat-grp__head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr) auto;align-items:end;gap:6px 22px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px dashed var(--vx-line)}
#vat .vat-grp__no{font:400 clamp(56px,5.4vw,80px)/.78 var(--vk-display);color:transparent;-webkit-text-stroke:1.5px var(--vx-gold)}
#vat .vat-grp__t h2{margin:4px 0 0;font:400 clamp(30px,3vw,44px)/.95 var(--vk-display);text-transform:uppercase}
#vat .vat-grp__not{margin:0;font-size:15px;line-height:1.5;color:var(--vx-muted)}
#vat .vat-grp__n{font:600 12px/1 var(--vk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-faint);white-space:nowrap}
#vat .vat-grp__n b{color:var(--vx-gold);font-weight:700}
#vat .vat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
@media (max-width:1279px){#vat .vat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#vat .vat-empty{margin:48px 0;padding:28px;border:1px dashed var(--vx-line);text-align:center;color:var(--vx-muted)}

/* ------------------------------------------------------------------ alt kartlar */
#vat .vat-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:64px}
#vat .vat-foot__card{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2.6vw,32px);border:1px solid color-mix(in srgb,var(--vx-gold) 30%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--vx-gold) 8%,transparent),transparent 60%),var(--vx-surface);clip-path:var(--vat-cut);transition:border-color .2s}
#vat .vat-foot__card:hover{border-color:var(--vx-gold)}
#vat .vat-foot__card--arsiv{border-color:var(--vx-line);background:var(--vx-surface)}
#vat .vat-foot__k{font:600 12px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-blue)}
#vat .vat-foot__card b{font:400 clamp(30px,3vw,42px)/.95 var(--vk-display);text-transform:uppercase}
#vat .vat-foot__card span:not(.vat-foot__k){color:var(--vx-muted);font-size:15px;line-height:1.5}
#vat .vat-foot__card em,#vat .vat-foot__more{margin-top:6px;font:700 13px/1 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-gold)}
#vat .vat-raf{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--vx-line);border:1px solid var(--vx-line)}
#vat .vat-raf a{display:flex;flex-direction:column;gap:3px;height:100%;padding:10px 12px;background:var(--vx-surface);transition:background-color .2s}
#vat .vat-raf a:hover{background:var(--vx-raised)}
#vat .vat-raf b{font:600 15px/1.2 var(--vk-cond)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-raf span{font-size:13px!important;color:var(--vx-faint)!important}
#vat .vat-doc.vat-doc--wait{grid-template-columns:minmax(0,1fr)}
#vat .vat-doc--wait .vat-art{max-width:820px}
#vat .vat-eski{margin-top:6px;font-size:14px}
#vat .vat-eski a{margin-right:6px}

/* ------------------------------------------------------------------ sistem sayfası */
#vat .vat-back{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px;font:600 12px/1.4 var(--vk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-back a{color:var(--vx-muted)}
#vat .vat-back a:hover{color:var(--vx-gold)}
#vat .vat-sh{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);border:1px solid var(--vx-line);background:var(--vx-surface);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
#vat .vat-sh__media{padding:14px;background:var(--vx-sunken)}
#vat .vat-sh__info{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,3.2vw,44px) var(--vat-pad);min-width:0}
#vat .vat-sh__no{display:flex;align-items:center;gap:12px;margin:0;font:600 12px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-blue)}
#vat .vat-sh__no span{padding:5px 8px 4px;border-radius:2px;background:var(--vx-canvas);color:var(--vx-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 8px rgba(0,0,0,.45);transform:rotate(-2deg)}
#vat .vat-sh__t{margin:0;font:400 clamp(64px,8vw,120px)/.82 var(--vk-display);text-transform:uppercase;background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:anywhere}
#vat .vat-sh__head{margin:0;font:600 clamp(24px,2.4vw,32px)/1.1 var(--vk-cond);letter-spacing:.02em;text-transform:uppercase}
#vat .vat-sh__head em{color:var(--vx-pink)}
#vat .vat-sh__lede{margin:0;max-width:560px;font-size:17px;line-height:1.6;color:var(--vat-body)}
#vat .vat-sh__badges{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0}
#vat .vat-sh__facts{display:flex;flex-wrap:wrap;gap:1px;margin:6px 0 0;padding:0;list-style:none;background:var(--vx-line);border:1px solid var(--vx-line);align-self:flex-start;max-width:100%}
#vat .vat-sh__facts li{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:var(--vx-surface);min-width:0}
#vat .vat-sh__facts small{font:600 10.5px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-sh__facts a,#vat .vat-sh__facts span{font:600 15px/1 var(--vk-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-ink)}
#vat .vat-sh__facts code{font-size:14px}
#vat .vat-stats--sh{grid-column:1/-1}
#vat .vat-stats--sh dd{margin-bottom:8px}
#vat .vat-stats--sh dt{margin:0}
#vat .vat-sh>.vat-ruler{position:absolute;left:0;right:0;bottom:calc(100% - 100%);pointer-events:none;display:none}

/* görsel çerçeve (oyun içi döngü; yoksa sahne + "yolda" etiketi) */
#vat .vat-media{position:relative;margin:0;overflow:hidden;border-radius:6px;background:var(--vx-canvas);aspect-ratio:16/9}
#vat .vat-media img,#vat .vat-media video{width:100%;height:100%;object-fit:cover}
#vat .vat-media.is-yolda img{filter:saturate(.7) brightness(.55)}
#vat .vat-media.is-yolda::before{content:"";position:absolute;inset:10px;border:1px dashed color-mix(in srgb,var(--vx-gold) 45%,transparent);border-radius:4px;pointer-events:none;z-index:1}
#vat .vat-media__soon{position:absolute;left:14px;bottom:14px;z-index:2;max-width:calc(100% - 28px);padding:7px 9px;border:1px solid color-mix(in srgb,var(--vx-gold) 40%,transparent);background:rgba(7,9,13,.85);font:700 11px/1.2 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-gold)}
#vat .vat-media figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 12px 9px;background:linear-gradient(0deg,rgba(7,9,13,.92),transparent);font:600 11px/1.3 var(--vk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-media.is-yolda figcaption{display:none}
#vat .vat-media--big{height:100%;min-height:280px;aspect-ratio:auto}
#vat .vat-media--plan{display:grid;place-items:center;aspect-ratio:16/9;border:1px dashed color-mix(in srgb,var(--vx-blue) 35%,transparent)}
#vat .vat-media__plan{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;text-align:center;font:600 13px/1.3 var(--vk-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-media__plan b{font:700 12px/1 var(--vk-mono);letter-spacing:.14em;color:var(--vx-gold)}
#vat .vat-media__plan small{font:600 10px/1 var(--vk-mono);letter-spacing:.14em;color:color-mix(in srgb,var(--vx-blue) 70%,transparent)}

/* gövde + içindekiler */
#vat .vat-doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,4vw,60px);margin-top:40px;align-items:start}
#vat .vat-toc{position:sticky;top:calc(var(--vk-mast-h,64px) + 18px);min-width:0}
#vat .vat-toc>p{margin:0 0 12px;font:600 12px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-faint);display:flex;align-items:center;gap:10px}
#vat .vat-toc>p::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--vx-line),transparent)}
#vat .vat-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
#vat .vat-toc a{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;font:600 14px/1.2 var(--vk-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted);transition:color .2s}
#vat .vat-toc a span{font:600 11px/1 var(--vk-mono);color:var(--vx-faint)}
#vat .vat-toc a em{margin-left:auto;font:600 11px/1 var(--vk-mono);color:var(--vx-gold)}
#vat .vat-toc a:hover{color:var(--vx-ink)}
#vat .vat-toc a.is-on{color:var(--vx-ink)}
#vat .vat-toc a.is-on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:linear-gradient(180deg,var(--vx-pink),var(--vx-gold));transform:skewX(-12deg)}
#vat .vat-art{min-width:0;max-width:820px}

#vat .vat-sec{padding:44px 0 4px;border-top:1px dashed var(--vx-line);scroll-margin-top:110px}
#vat .vat-sec:first-child{padding-top:0;border-top:0}
#vat .vat-sec__h{display:flex;align-items:baseline;gap:14px;margin:0 0 18px;font:400 clamp(34px,3.4vw,50px)/.95 var(--vk-display);text-transform:uppercase}
#vat .vat-sec__h span{font-size:.72em;color:transparent;-webkit-text-stroke:1px var(--vx-gold)}
#vat .vat-p{margin:0 0 14px;font-size:17px;line-height:1.7;color:var(--vat-body)}
#vat .vat-note{margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--vx-muted)}
#vat .vat-note a,#vat .vat-p a,#vat .vat-sec--wait a{color:var(--vx-gold);border-bottom:1px solid color-mix(in srgb,var(--vx-gold) 40%,transparent)}
html:root body #vat .vat-p code,html:root body #vat .vat-check code,html:root body #vat .vat-step code,html:root body #vat .vat-faq code{padding:2px 6px!important;border:1px solid color-mix(in srgb,var(--vx-gold) 35%,transparent)!important;border-radius:3px;white-space:normal}

/* iş emri (krem kâğıt, bant) */
#vat .vat-check{position:relative;list-style:none;margin:8px 0 0;padding:26px clamp(16px,2.4vw,28px) 18px;background:var(--vk-cream);color:var(--vk-paper-ink);transform:rotate(-.35deg);box-shadow:0 18px 40px rgba(0,0,0,.45);counter-reset:is}
#vat .vat-check::before{content:attr(data-vat-label);position:absolute;top:-12px;left:22px;padding:6px 12px;background:color-mix(in srgb,var(--vx-gold) 80%,transparent);font:700 11px/1 var(--vk-mono);letter-spacing:.14em;color:var(--vk-paper-ink);transform:rotate(-1.5deg)}
#vat .vat-check li+li{border-top:1px dotted rgba(20,23,28,.3)}
html:root body #vat .vat-check button{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;width:100%;padding:13px 0!important;border:0!important;background:none!important;text-align:left;color:var(--vk-paper-ink)!important;cursor:pointer;font:inherit!important;letter-spacing:0}
#vat .vat-check__box{position:relative;width:24px;height:24px;margin-top:1px;border:2px solid var(--vk-paper-ink);border-radius:3px}
#vat .vat-check button[aria-pressed="true"] .vat-check__box{background:var(--vk-paper-ink)}
#vat .vat-check button[aria-pressed="true"] .vat-check__box::after{content:"";position:absolute;left:6px;top:1px;width:7px;height:13px;border:solid var(--vk-cream);border-width:0 3px 3px 0;transform:rotate(42deg)}
#vat .vat-check__t b{display:block;font:700 17px/1.2 var(--vk-cond);letter-spacing:.06em;text-transform:uppercase}
#vat .vat-check__t span{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:rgba(20,23,28,.78)}
#vat .vat-check button[aria-pressed="true"] .vat-check__t b{text-decoration:line-through;text-decoration-thickness:2px}
html:root body #vat .vat-check code{color:var(--vk-paper-ink)!important;border-color:rgba(20,23,28,.35)!important}

/* adımlar */
#vat .vat-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#vat .vat-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 18px;padding:0 0 26px}
#vat .vat-step.has-media{grid-template-columns:44px minmax(0,1fr) minmax(0,.95fr)}
#vat .vat-step::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--vx-gold) 50%,transparent),var(--vx-line))}
#vat .vat-step:last-child::before{display:none}
#vat .vat-step__no{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--vx-gold) 50%,transparent);border-radius:50%;font:600 13px/1 var(--vk-mono);color:var(--vx-gold);background:var(--vx-canvas)}
#vat .vat-step__t{padding-top:8px;min-width:0}
#vat .vat-step__t b{display:block;font:600 19px/1.2 var(--vk-cond);letter-spacing:.05em;text-transform:uppercase}
#vat .vat-step__t p{margin:6px 0 0;font-size:16px;line-height:1.6;color:var(--vat-body)}
#vat .vat-step .vat-media{align-self:start}
#vat .vat-step .vat-media--plan{aspect-ratio:21/9}

/* el işi puanı */
#vat .vat-scale{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 24px;padding:0}
#vat .vat-scale li{padding:12px 12px 13px;background:var(--vx-raised);border-top:3px solid var(--vx-line-strong)}
#vat .vat-scale li:nth-child(1){border-color:var(--vx-gold)}
#vat .vat-scale li:nth-child(2){border-color:var(--vx-blue)}
#vat .vat-scale li:nth-child(3){border-color:var(--vx-pink)}
#vat .vat-scale li:nth-child(4){border-color:var(--vk-sunset)}
#vat .vat-scale b{display:block;font:400 30px/1 var(--vk-display)}
#vat .vat-scale span{display:block;margin-top:4px;font:600 13px/1.2 var(--vk-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-out{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0}
#vat .vat-out li{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--vx-line);background:var(--vx-surface)}
#vat .vat-out b{font:400 28px/.95 var(--vk-display);text-transform:uppercase}
#vat .vat-out span{font-size:14px;line-height:1.5;color:var(--vx-muted)}
#vat .vat-out .is-gold{border-color:color-mix(in srgb,var(--vx-gold) 60%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--vx-gold) 12%,transparent),transparent 70%),var(--vx-surface)}
#vat .vat-out .is-gold b{color:var(--vx-gold)}
#vat .vat-out .is-red{border-style:dashed;border-color:color-mix(in srgb,var(--vk-sunset) 55%,transparent)}
#vat .vat-out .is-red b{color:var(--vk-sunset)}

/* oyundan kesitler: UI paneli kırpıldığı için kapla değil sığdır; arkada mavi kâğıt */
#vat .vat-media.is-ui,#vat .vat-box__pic.is-ui{background:linear-gradient(color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/18px 18px,var(--vx-sunken)}
#vat .vat-media.is-ui img,#vat .vat-media.is-ui video{object-fit:contain;padding:16px}
#vat .vat-box__pic.is-ui img,#vat .vat-box__pic.is-ui video{object-fit:contain;padding:12px 12px 22px}
#vat .vat-box__pic.is-ui::after{background:linear-gradient(0deg,var(--vx-surface) 0,rgba(16,21,28,0) 28%)}
#vat .vat-box__a:hover .vat-box__pic.is-ui img{transform:scale(1.02)}
#vat .vat-akis{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;counter-reset:ak}
#vat .vat-akis figure{display:flex;flex-direction:column;height:100%;margin:0;border:1px solid var(--vx-line);background:var(--vx-surface)}
#vat .vat-akis__pic{display:grid;place-items:center;min-height:150px;padding:12px;background:linear-gradient(color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/18px 18px,var(--vx-sunken)}
#vat .vat-akis__pic img,#vat .vat-akis__pic video{max-width:100%;max-height:260px;width:auto;height:auto;box-shadow:0 8px 22px rgba(0,0,0,.5)}
#vat .vat-akis__pic video{opacity:1}
#vat .vat-akis figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 13px 13px;font-size:14px;line-height:1.5;color:var(--vat-body);border-top:1px solid var(--vx-line)}
#vat .vat-akis figcaption span{font:700 12px/1.6 var(--vk-mono);color:var(--vx-gold)}

/* mini oyun kartları: oyundaki el işi ekranlarının çizilmiş, hareketli karşılığı */
#vat .vat-mgs{--ok:var(--vx-ok,#83c9ac);list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0}
#vat .vat-mg{display:flex;flex-direction:column;border:1px solid var(--vx-line);background:linear-gradient(180deg,var(--vx-raised),var(--vx-surface));min-width:0}
#vat .vat-mg__top{display:flex;justify-content:space-between;gap:10px;margin:0;padding:11px 14px;border-bottom:1px solid var(--vx-line);font:700 10.5px/1.2 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase}
#vat .vat-mg__top span{color:var(--vx-gold)}
#vat .vat-mg__top b{color:var(--vx-ink);text-align:right}
#vat .vat-mg__stage{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:150px;padding:20px 18px 12px}
#vat .vat-mg__bar{position:relative;height:26px;border:1px solid var(--vx-line-strong);background:var(--vx-sunken);overflow:hidden}
#vat .vat-mg__bar--thin{height:10px}
#vat .vat-mg__zone{position:absolute;top:0;bottom:0;left:calc(var(--h) - 9%);width:18%;background:color-mix(in srgb,var(--ok) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 70%,transparent)}
#vat .vat-mg__ticks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 10%)}
#vat .vat-mg__cur{position:absolute;top:-2px;bottom:-2px;left:0;width:4px;margin-left:-2px;background:var(--vx-ink);box-shadow:0 0 10px rgba(255,255,255,.6);animation:vatSweep 1.7s cubic-bezier(.45,0,.55,1) infinite alternate}
#vat .vat-mg__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--vx-gold) 55%,transparent),var(--vx-gold));animation:vatFill 3.2s ease-in infinite}
#vat .vat-mg__line{position:absolute;top:-3px;bottom:-3px;left:var(--h);width:3px;margin-left:-1px;background:var(--ok);box-shadow:0 0 8px var(--ok)}
#vat .vat-mg__read{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font:600 11px/1.3 var(--vk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-mg__read i{font-style:normal;white-space:nowrap}
#vat .vat-mg__read b{margin-left:4px;color:var(--vx-ink);font-weight:700}
#vat .vat-mg__top span{white-space:nowrap}
#vat .vat-mg__keys kbd{white-space:nowrap}
#vat .vat-mg__read .is-ok{color:var(--ok)}
#vat .vat-mg__read .is-bad{color:var(--vk-sunset)}
#vat .vat-mg__gauge{display:block;width:100%;max-width:230px;margin:0 auto;overflow:visible}
#vat .vat-mg__arc{fill:none;stroke:var(--vx-line-strong);stroke-width:12;stroke-linecap:round}
#vat .vat-mg__ok{fill:none;stroke:var(--ok);stroke-width:12}
#vat .vat-mg__needle{transform-origin:100px 100px;transform-box:view-box;animation:vatNeedle 3.4s ease-in-out infinite}
#vat .vat-mg__needle line{stroke:var(--vx-ink);stroke-width:4;stroke-linecap:round}
#vat .vat-mg__gauge circle{fill:var(--vx-gold)}
#vat .vat-mg__pins{display:flex;align-items:flex-end;justify-content:center;gap:9px;height:74px;border-bottom:2px solid var(--vx-line-strong)}
#vat .vat-mg__pins i{display:block;width:20px;height:44px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--vx-ink),var(--vx-muted))}
#vat .vat-mg__pins i:nth-child(1){height:58px;box-shadow:0 3px 0 var(--ok)}
#vat .vat-mg__pins i:nth-child(2){animation:vatPin 2.4s ease-in-out infinite}
#vat .vat-mg__pins i:nth-child(3){height:38px}
#vat .vat-mg__pins i:nth-child(4){height:50px}
#vat .vat-mg__pins i:nth-child(5){height:34px}
#vat .vat-mg__band{position:relative;height:34px;border:1px solid var(--vx-line-strong);background:linear-gradient(90deg,color-mix(in srgb,var(--vk-sunset) 35%,transparent),color-mix(in srgb,var(--vk-sunset) 12%,transparent) 30%,color-mix(in srgb,var(--vk-sunset) 12%,transparent) 70%,color-mix(in srgb,var(--vk-sunset) 35%,transparent))}
#vat .vat-mg__band .vat-mg__zone{border-left:2px solid var(--ok);border-right:2px solid var(--ok)}
#vat .vat-mg__band .vat-mg__cur{animation:vatWobble 2.6s ease-in-out infinite}
#vat .vat-mg__keys{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:4px 18px 14px;font:700 11px/1.4 var(--vk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-mg__keys span{display:inline-flex;align-items:center;gap:7px}
#vat .vat-mg__keys kbd{min-width:24px;height:22px;font-size:10.5px;text-transform:uppercase}
#vat .vat-mg__note{margin:auto 0 0;padding:12px 16px 14px;border-top:1px solid var(--vx-line);font-size:14px;line-height:1.5;color:var(--vat-body)}
#vat .vat-mg__note b{display:block;margin-bottom:2px;font:600 15px/1.2 var(--vk-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-ink)}
@keyframes vatSweep{from{left:4%}to{left:96%}}
@keyframes vatFill{0%{width:0}62%{width:calc(var(--h) - 1%)}74%,90%{width:var(--h)}100%{width:var(--h);opacity:0}}
@keyframes vatNeedle{0%{transform:rotate(-55deg)}38%{transform:rotate(52deg)}50%{transform:rotate(38deg)}64%{transform:rotate(49deg)}78%{transform:rotate(40deg)}100%{transform:rotate(-55deg)}}
@keyframes vatPin{0%,20%{height:30px}55%,80%{height:58px;box-shadow:0 3px 0 var(--ok)}100%{height:30px}}
@keyframes vatWobble{0%{left:44%}20%{left:57%}40%{left:47%}60%{left:60%}80%{left:50%}100%{left:44%}}

/* Dönüşüm'den gelenler: oyundan söz, zincir, bağlantılı sistemler, çizilmiş ekranlar */
#vat .vat-soz{position:relative;margin:22px 0 4px;padding:18px 20px 16px 58px;border-left:3px solid var(--vx-pink);background:linear-gradient(90deg,color-mix(in srgb,var(--vx-pink) 8%,transparent),transparent 70%)}
#vat .vat-soz::before{content:"“";position:absolute;left:16px;top:2px;font:400 64px/1 var(--vk-display);color:var(--vx-pink)}
#vat .vat-soz p{margin:0;font:600 clamp(19px,1.9vw,24px)/1.3 var(--vk-cond);letter-spacing:.02em;color:var(--vx-ink)}
#vat .vat-soz cite{display:block;margin-top:8px;font:600 11px/1 var(--vk-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-soz cite::before,#vat .vat-soz cite::after,#vat .vat-soz p::before,#vat .vat-soz p::after{content:none!important}
#vat .vat-zincir{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:30px}
#vat .vat-zincir__col{position:relative;padding:14px 16px;border:1px dashed var(--vx-line-strong);background:var(--vx-surface)}
#vat .vat-zincir small,#vat .vat-zincir__mid small{display:block;margin-bottom:8px;font:600 10.5px/1 var(--vk-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-faint)}
#vat .vat-zincir ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
#vat .vat-zincir li{padding:6px 9px;border:1px solid var(--vx-line);background:var(--vx-raised);font:600 13px/1.1 var(--vk-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-zincir__mid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;padding:18px 20px;background:var(--vx-gold-fill);color:var(--vx-on-gold);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
#vat .vat-zincir__mid small{color:color-mix(in srgb,var(--vx-on-gold) 65%,transparent)}
#vat .vat-zincir__mid b{font:400 28px/1 var(--vk-display);text-transform:uppercase;text-align:center}
#vat .vat-zincir__col:first-child::after,#vat .vat-zincir__col:last-child::before{content:"→";position:absolute;top:50%;transform:translateY(-50%);font:700 18px/1 var(--vk-mono);color:var(--vx-gold)}
#vat .vat-zincir__col:first-child::after{right:-24px}
#vat .vat-zincir__col:last-child::before{left:-24px}
#vat .vat-bagli{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0}
#vat .vat-bagli a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:14px;border:1px solid var(--vx-line);background:var(--vx-surface);transition:border-color .2s,transform .2s}
#vat .vat-bagli a:hover{border-color:var(--vx-gold);transform:translateY(-2px)}
#vat .vat-bagli b{font:600 17px/1.15 var(--vk-cond);letter-spacing:.04em;text-transform:uppercase;color:var(--vx-ink)}
#vat .vat-bagli small{font-size:13.5px;line-height:1.45;color:var(--vx-muted)}
#vat .vat-mg--sms{grid-column:1/-1}
#vat .vat-sms{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;margin:0 auto;padding:12px;border-radius:18px;border:1px solid var(--vx-line-strong);background:var(--vx-sunken)}
#vat .vat-sms__m{align-self:flex-start;max-width:86%;margin:0;padding:8px 11px;border-radius:12px 12px 12px 3px;background:var(--vx-raised);font-size:13.5px;line-height:1.4;color:var(--vx-ink);animation:vatPop .5s var(--vk-ease) both;animation-delay:calc(var(--i) * .9s)}
#vat .vat-sms__m small{display:block;margin-bottom:2px;font:700 10.5px/1 var(--vk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-gold)}
#vat .vat-sms__m.is-me{align-self:flex-end;border-radius:12px 12px 3px 12px;background:color-mix(in srgb,var(--vx-blue) 22%,var(--vx-raised))}
#vat .vat-sms__act{display:flex;gap:8px;margin:2px 0 0}
#vat .vat-sms__act span{flex:1;padding:7px;text-align:center;border:1px solid var(--vx-line-strong);font:700 11px/1 var(--vk-mono);letter-spacing:.12em;color:var(--vx-ink)}
#vat .vat-sms__act span:first-child{border-color:var(--ok);color:var(--ok)}
#vat .vat-cards-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#vat .vat-card{display:grid;place-items:center;width:44px;height:62px;border-radius:5px;background:var(--vk-cream);color:var(--vk-paper-ink);font:700 17px/1 var(--vk-sans);box-shadow:0 6px 14px rgba(0,0,0,.45);animation:vatDeal .55s var(--vk-ease) both;animation-delay:calc(var(--i) * .18s)}
#vat .vat-card.is-red{color:var(--vk-sunset)}
#vat .vat-dice{display:flex;justify-content:center;gap:16px}
#vat .vat-die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:58px;height:58px;padding:8px;border-radius:10px;background:var(--vk-cream);box-shadow:0 6px 14px rgba(0,0,0,.45);animation:vatRoll 1.1s var(--vk-ease) both;animation-delay:calc(var(--i) * .15s)}
#vat .vat-die i{width:10px;height:10px;margin:auto;border-radius:50%;background:var(--vk-paper-ink)}
#vat .vat-die[data-v="5"] i:nth-child(1){grid-area:1/1}#vat .vat-die[data-v="5"] i:nth-child(2){grid-area:1/3}#vat .vat-die[data-v="5"] i:nth-child(3){grid-area:2/2}#vat .vat-die[data-v="5"] i:nth-child(4){grid-area:3/1}#vat .vat-die[data-v="5"] i:nth-child(5){grid-area:3/3}
#vat .vat-die[data-v="6"] i:nth-child(1){grid-area:1/1}#vat .vat-die[data-v="6"] i:nth-child(2){grid-area:2/1}#vat .vat-die[data-v="6"] i:nth-child(3){grid-area:3/1}#vat .vat-die[data-v="6"] i:nth-child(4){grid-area:1/3}#vat .vat-die[data-v="6"] i:nth-child(5){grid-area:2/3}#vat .vat-die[data-v="6"] i:nth-child(6){grid-area:3/3}
#vat .vat-evre{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:4px;margin:0;padding:0}
#vat .vat-evre li{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-top:3px solid var(--vx-line-strong);background:var(--vx-sunken);animation:vatLight 6s infinite;animation-delay:calc(var(--i) * 1.5s)}
#vat .vat-evre b{font:600 13px/1.1 var(--vk-cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-ink)}
#vat .vat-evre small{font-size:11.5px;line-height:1.3;color:var(--vx-faint)}
#vat .vat-asgh{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center}
#vat .vat-asgh svg{width:90px;height:auto}
#vat .vat-asgh__fig{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2}
#vat .vat-asgh__z{fill:color-mix(in srgb,var(--vk-sunset) 40%,transparent);stroke:var(--vk-sunset);stroke-width:2;animation:vatPulse 2s infinite}
#vat .vat-asgh ul{list-style:none;display:grid;gap:3px;margin:0;padding:0;font:600 11.5px/1.2 var(--vk-mono);text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-asgh li{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;background:var(--vx-sunken)}
#vat .vat-asgh li em{font-style:normal;color:var(--ok)}
#vat .vat-asgh li.is-hit{color:var(--vx-ink)}
#vat .vat-asgh li.is-hit em{color:var(--vx-gold)}
#vat .vat-asgh__tools{display:flex;flex-wrap:wrap;gap:4px;margin:0}
#vat .vat-asgh__tools span{padding:5px 7px;border:1px solid var(--vx-line);font:700 10.5px/1 var(--vk-mono);text-transform:uppercase;color:var(--vx-muted)}
#vat .vat-asgh__tools .is-on{border-color:var(--vx-gold);color:var(--vx-gold)}
@keyframes vatPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vatDeal{from{opacity:0;transform:translateY(-18px) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes vatRoll{0%{transform:rotate(-200deg) scale(.6);opacity:0}70%{transform:rotate(12deg) scale(1.05);opacity:1}100%{transform:none}}
@keyframes vatLight{0%,20%{border-top-color:var(--vx-gold);background:color-mix(in srgb,var(--vx-gold) 10%,var(--vx-sunken))}25%,100%{border-top-color:var(--vx-line-strong);background:var(--vx-sunken)}}

/* sisteme özel kart bölümleri (roller, kurallar, evreler) */
#vat .vat-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}
#vat .vat-cards li{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--vx-line);background:var(--vx-surface);min-width:0}
#vat .vat-cards b{font:600 17px/1.2 var(--vk-cond)!important;letter-spacing:.05em;text-transform:uppercase;color:var(--vx-ink)}
#vat .vat-cards p{margin:0;font-size:15px;line-height:1.55;color:var(--vat-body)}
#vat .vat-cards .is-gold{border-color:color-mix(in srgb,var(--vx-gold) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--vx-gold) 10%,transparent),transparent 70%),var(--vx-surface)}
#vat .vat-cards .is-gold b{color:var(--vx-gold)}
#vat .vat-cards .is-red{border-style:dashed;border-color:color-mix(in srgb,var(--vk-sunset) 55%,transparent)}
#vat .vat-cards .is-red b{color:var(--vk-sunset)}
#vat .vat-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 16px;font-size:15px}
#vat .vat-links a{color:var(--vx-gold);border-bottom:1px solid color-mix(in srgb,var(--vx-gold) 40%,transparent)}

/* komutlar */
#vat .vat-keys{display:grid;gap:1px;margin:0;background:var(--vx-line);border:1px solid var(--vx-line)}
#vat .vat-keys>div{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;background:var(--vx-surface)}
#vat .vat-keys dt code{font-size:14px}
#vat .vat-keys dd{margin:0;font-size:15.5px;line-height:1.5;color:var(--vat-body)}

/* tarif defteri: çizgili fiş kartları */
#vat .vat-recipes{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
#vat .vat-rc{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;background:repeating-linear-gradient(180deg,transparent 0 23px,color-mix(in srgb,var(--vx-blue) 22%,transparent) 23px 24px) 0 46px/100% calc(100% - 46px) no-repeat,var(--vk-cream);color:var(--vk-paper-ink);border-top:4px solid var(--vk-sunset);box-shadow:0 10px 24px rgba(0,0,0,.35)}
#vat .vat-rc:nth-child(3n+2){transform:rotate(.4deg)}
#vat .vat-rc:nth-child(3n){transform:rotate(-.35deg)}
#vat .vat-rc__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#vat .vat-rc__head b{font:700 18px/1.1 var(--vk-cond);letter-spacing:.04em;text-transform:uppercase}
#vat .vat-rc__hp{flex:none;padding:4px 6px;border:1.5px solid var(--vk-paper-ink);font:700 11.5px/1 var(--vk-mono);letter-spacing:.04em}
#vat .vat-rc__steps{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0}
#vat .vat-rc__steps span{padding:4px 7px;background:var(--vk-paper-ink);color:var(--vk-cream);font:700 10.5px/1 var(--vk-cond);letter-spacing:.12em;text-transform:uppercase}
#vat .vat-rc__steps span+span::before{content:"›";margin:0 6px 0 -2px;color:var(--vx-gold)}
#vat .vat-rc__ing summary{cursor:pointer;list-style:none;font:700 11.5px/1 var(--vk-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(20,23,28,.7)}
#vat .vat-rc__ing summary::-webkit-details-marker{display:none}
#vat .vat-rc__ing summary::after{content:" +"}
#vat .vat-rc__ing[open] summary::after{content:" −"}
#vat .vat-rc__ing ul{list-style:none;columns:2;column-gap:12px;margin:8px 0 0;padding:0;font-size:13.5px;line-height:1.75}
#vat .vat-rc__ing li{break-inside:avoid}
#vat .vat-rc__ing em{display:inline-block;min-width:22px;font:700 12px/1 var(--vk-mono)}

/* usta notları */
#vat .vat-tips{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:not}
#vat .vat-tips li{position:relative;padding:14px 16px 14px 74px;border:1px solid var(--vx-line);border-left:3px solid var(--vx-gold);background:color-mix(in srgb,var(--vx-gold) 5%,var(--vx-surface));font-size:15.5px;line-height:1.6;color:var(--vat-body);counter-increment:not}
#vat .vat-tips li::before{content:"NOT " counter(not,decimal-leading-zero);position:absolute;left:14px;top:16px;font:700 11px/1 var(--vk-mono);letter-spacing:.1em;color:var(--vx-gold)}

/* sss */
#vat .vat-faq{display:grid;gap:8px}
#vat .vat-faq details{border:1px solid var(--vx-line);background:var(--vx-surface)}
#vat .vat-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;list-style:none;font:600 16px/1.3 var(--vk-cond);letter-spacing:.04em;text-transform:uppercase}
#vat .vat-faq summary::-webkit-details-marker{display:none}
#vat .vat-faq summary i{position:relative;flex:none;width:14px;height:14px}
#vat .vat-faq summary i::before,#vat .vat-faq summary i::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--vx-gold);transition:transform .2s}
#vat .vat-faq summary i::after{transform:rotate(90deg)}
#vat .vat-faq details[open] summary i::after{transform:rotate(0)}
#vat .vat-faq details p{margin:0;padding:0 16px 16px;font-size:15.5px;line-height:1.6;color:var(--vat-body)}

/* sürüm notları */
#vat .vat-log{list-style:none;margin:0 0 14px;padding:0}
#vat .vat-log li{display:grid;grid-template-columns:130px auto minmax(0,1fr);align-items:baseline;gap:6px 14px;padding:14px 0;border-bottom:1px solid var(--vx-line)}
#vat .vat-log time{font:600 12.5px/1.3 var(--vk-mono);color:var(--vx-faint)}
#vat .vat-log__v{padding:4px 7px;border:1px solid color-mix(in srgb,var(--vx-gold) 50%,transparent);font:700 11px/1 var(--vk-mono);color:var(--vx-gold)}
#vat .vat-log li:first-child .vat-log__v{background:var(--vx-gold-fill);color:var(--vx-on-gold)}
#vat .vat-log p{margin:0;font-size:15.5px;line-height:1.55;color:var(--vat-body)}

/* yorumlar */
#vat .vat-yorum{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
#vat .vat-yorum li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--vx-line);background:var(--vx-surface)}
#vat .vat-yorum__av{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid color-mix(in srgb,var(--vx-gold) 40%,transparent);border-radius:4px;background:var(--vx-sunken);color:var(--vx-faint)}
#vat .vat-yorum__av img{width:100%;height:100%;object-fit:cover}
#vat .vat-yorum__who{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;font:600 16px/1.2 var(--vk-cond);letter-spacing:.04em;text-transform:uppercase}
#vat .vat-yorum__who small{font:600 11px/1 var(--vk-mono);letter-spacing:.08em;color:var(--vx-blue);text-transform:none}
#vat .vat-yorum__who time{margin-left:auto;font:600 11.5px/1 var(--vk-mono);color:var(--vx-faint);text-transform:none;letter-spacing:0}
#vat .vat-yorum__m{font-size:15.5px;line-height:1.6;color:var(--vat-body);overflow-wrap:anywhere}
#vat .vat-yorum__m img{max-width:100%;height:auto}
#vat .vat-yorum__act{display:flex;gap:14px;margin:10px 0 0}
#vat .vat-yorum__act a,html:root body #vat .vat-yorum__act button{padding:0!important;border:0!important;background:none!important;font:600 12px/1.4 var(--vk-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--vx-faint)!important;cursor:pointer}
#vat .vat-yorum__act a:hover,html:root body #vat .vat-yorum__act button:hover{color:var(--vx-gold)!important}
html:root body #vat .vat-yorum__act button.is-emin{color:var(--vk-sunset)!important}
#vat .vat-yorum__bos{padding:22px;border:1px dashed var(--vx-line);text-align:center;color:var(--vx-muted)}
#vat .vat-reply{display:grid;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--vx-gold) 30%,transparent);background:var(--vx-surface)}
#vat .vat-reply__l{font:600 12px/1 var(--vk-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-gold)}
#vat .vat-reply textarea{width:100%;min-height:110px;padding:12px;border:1px solid var(--vx-line);border-radius:4px;background:var(--vx-sunken);color:var(--vx-ink);font:400 15.5px/1.5 var(--vk-sans);resize:vertical}
#vat .vat-reply__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#vat .vat-reply__n{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--vx-muted)}
#vat .vat-reply__msg{margin:0;font-size:14px;color:var(--vx-muted)}
#vat .vat-reply__msg:empty{display:none}

/* komşular */
#vat .vat-komsu{margin-top:72px;padding-top:28px;border-top:1px dashed var(--vx-line)}
#vat .vat-komsu__h{margin:0 0 18px;font:400 clamp(34px,3.4vw,50px)/.95 var(--vk-display);text-transform:uppercase}
#vat .vat-komsu__h em{background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
#vat .vat-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
#vat .vat-rail>li{scroll-snap-align:start}
#vat .vat-komsu__all{margin:18px 0 0}

/* ------------------------------------------------------------------ /vice-city şeridi */
#vat-strip{position:relative;margin:14px 0 4px;border:1px solid var(--vx-line);background:radial-gradient(circle,rgba(0,0,0,.6) 0 2px,rgba(255,255,255,.035) 2.6px,transparent 3.4px) 11px 11px/22px 22px,linear-gradient(180deg,var(--vx-raised),var(--vx-surface));clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);min-width:0}
#vat-strip .vat-strip__ruler{position:absolute;left:0;right:0;top:0;transform:scaleY(-1)}
#vat-strip .vat-strip__in{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:22px;padding:24px 0 20px 24px;min-width:0}
#vat-strip .vat-strip__head{display:flex;flex-direction:column;gap:8px;min-width:0}
#vat-strip .vat-strip__k{margin:0;font-size:12px}
#vat-strip .vat-strip__k span{color:var(--vx-faint)}
#vat-strip h3{margin:0;font:400 64px/.82 var(--vk-display);text-transform:uppercase}
#vat-strip h3 a{background:var(--vk-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
#vat-strip .vat-strip__p{margin:0;font-size:14.5px;line-height:1.5;color:var(--vx-muted)}
#vat-strip .vat-strip__n{display:flex;gap:14px;margin:2px 0 0;font:600 12px/1 var(--vk-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint)}
#vat-strip .vat-strip__n b{color:var(--vx-gold)}
#vat-strip .vat-strip__alt{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font:600 12px/1.3 var(--vk-cond)!important;letter-spacing:.12em;text-transform:uppercase}
#vat-strip .vat-strip__alt a{color:var(--vx-muted);border-bottom:1px dashed var(--vx-line-strong)}
#vat-strip .vat-strip__alt a:hover{color:var(--vx-gold)}
#vat-strip .vat-strip__go{align-self:flex-start;margin-top:auto;padding:10px 14px 11px;background:var(--vx-gold-fill);color:var(--vx-on-gold);font:700 13px/1 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
#vat-strip .vat-strip__go:hover{background:var(--vk-cream)}
#vat-strip .vat-strip__rail{display:flex;gap:10px;margin:0;padding:0 24px 6px 0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--vx-line) transparent;min-width:0}
#vat-strip .vat-strip__rail li{flex:0 0 158px;scroll-snap-align:start}
#vat-strip .vat-strip__rail a{display:flex;flex-direction:column;gap:6px;height:100%;padding:0 0 10px;border:1px solid var(--vx-line);background:var(--vx-surface);transition:border-color .2s,transform .25s var(--vk-ease)}
#vat-strip .vat-strip__rail a:hover{border-color:var(--vx-line-strong);transform:translateY(-2px)}
#vat-strip .vat-strip__pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--vx-sunken)}
#vat-strip .vat-strip__pic img,#vat-strip .vat-strip__pic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#vat-strip .vat-strip__pic video{opacity:0;transition:opacity .3s}
#vat-strip .vat-strip__pic.is-ui{background:linear-gradient(color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/14px 14px,linear-gradient(90deg,color-mix(in srgb,var(--vx-blue) 7%,transparent) 1px,transparent 1px) 0 0/14px 14px,var(--vx-sunken)}
#vat-strip .vat-strip__pic.is-ui img,#vat-strip .vat-strip__pic.is-ui video{object-fit:contain;padding:8px}
#vat-strip .vat-strip__pic video.is-on{opacity:1}
#vat-strip .vat-strip__st{align-self:flex-start;margin:0 10px;font:700 10px/1 var(--vk-cond);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-blue)}
#vat-strip .vat-strip__st--arge{color:var(--vx-gold)}
#vat-strip .vat-strip__st--soon{color:var(--vx-pink)}
#vat-strip .vat-strip__rail b{margin:0 10px;font:600 16px/1.1 var(--vk-cond)!important;letter-spacing:.03em;text-transform:uppercase;color:var(--vx-ink)}
#vat-strip .vat-strip__go,#vat-strip .vat-strip__st,#vat-strip .vat-strip__k{font-family:var(--vk-cond)!important}
#vat-strip h3,#vat-strip .vat-strip__more b{font-family:var(--vk-display)!important;font-weight:400!important}
#vat-strip .vat-strip__p{font-family:var(--vk-sans)!important}
#vat-strip .vat-strip__n,#vat-strip .vat-strip__more span{font-family:var(--vk-mono)!important}
html:root body #vat-strip .vat-strip__rail code{margin:0 10px!important;font-size:11.5px!important;max-width:calc(100% - 20px)}
#vat-strip .vat-strip__more a{justify-content:center;align-items:center;gap:4px;padding:12px;border-style:dashed;background:transparent;text-align:center}
#vat-strip .vat-strip__more b{margin:0;font:400 42px/.9 var(--vk-display);color:var(--vx-gold)}
#vat-strip .vat-strip__more span{font:600 12px/1.2 var(--vk-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}

/* 01'de Sistemler kartı kalkınca 5 kart kalıyor: son kart boş yuvayı doldurur (forum kimlik ızgarasıyla aynı eşikler). */
@media (min-width:1181px){html:root body.vx-kimlik #vc-category-6>.vc-forum-row:last-child:nth-child(3n){grid-column:span 2}}
@media (min-width:701px) and (max-width:1180px){html:root body.vx-kimlik #vc-category-6>.vc-forum-row:last-child:nth-child(2n){grid-column:1/-1}}

/* ------------------------------------------------------------------ dar ekran */
@media (max-width:1180px){
	#vat .vat-grid,#vat .vat-bench__list{grid-template-columns:repeat(3,minmax(0,1fr))}
	#vat .vat-grp__head{grid-template-columns:auto minmax(0,1fr) auto}
	#vat .vat-grp__not{grid-column:2/-1;grid-row:2}
	#vat .vat-recipes{grid-template-columns:repeat(2,minmax(0,1fr))}
	#vat .vat-step.has-media{grid-template-columns:44px minmax(0,1fr)}
	#vat .vat-step.has-media .vat-media{grid-column:2;max-width:520px}
}
@media (max-width:1024px){
	#vat .vat-doc{grid-template-columns:minmax(0,1fr);gap:20px}
	#vat .vat-toc{top:calc(var(--vk-mast-h,64px) - 1px);z-index:15;margin:0 calc(var(--vat-pad) * -1);padding:8px var(--vat-pad);background:color-mix(in srgb,var(--vx-canvas) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--vx-line)}
	#vat .vat-toc>p{display:none}
	#vat .vat-toc ol{flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}
	#vat .vat-toc ol::-webkit-scrollbar{display:none}
	#vat .vat-toc li{flex:none}
	#vat .vat-toc a{min-height:34px;border:1px solid var(--vx-line);border-radius:999px;font-size:12.5px;white-space:nowrap}
	#vat .vat-toc a.is-on{border-color:var(--vx-gold);color:var(--vx-gold)}
	#vat .vat-toc a.is-on::before{display:none}
	#vat .vat-art{max-width:none}
}
@media (max-width:900px){
	#vat .vat-grid,#vat .vat-bench__list{grid-template-columns:repeat(2,minmax(0,1fr))}
	#vat .vat-filter{flex-direction:column;align-items:stretch}
	#vat .vat-filter__tools{justify-content:space-between}
	#vat .vat-search{flex:1}
	#vat .vat-search input{width:100%}
	#vat .vat-sh{grid-template-columns:minmax(0,1fr)}
	#vat .vat-sh__media{padding:10px 10px 0}
	#vat .vat-media--big{min-height:0;aspect-ratio:16/9}
	#vat .vat-foot{grid-template-columns:minmax(0,1fr)}
	#vat .vat-hero__art{width:100%;height:58%;object-position:70% 20%;-webkit-mask-image:linear-gradient(180deg,black 30%,transparent 100%);mask-image:linear-gradient(180deg,black 30%,transparent 100%);opacity:.5}
	#vat .vat-bench__head{grid-template-columns:minmax(0,1fr)}
	#vat .vat-bench__head p:last-child{justify-self:start;text-align:left}
	#vat-strip .vat-strip__in{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 0 16px 16px}
	#vat-strip .vat-strip__head{padding-right:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 12px}
	#vat-strip .vat-strip__k,#vat-strip .vat-strip__p,#vat-strip .vat-strip__n{grid-column:1/-1}
	#vat-strip h3{font-size:52px}
	#vat-strip .vat-strip__go{grid-column:2;grid-row:2;margin:0}
	#vat-strip .vat-strip__alt{grid-column:1/-1}
	#vat-strip .vat-strip__rail{padding-right:16px}
}
@media (max-width:700px){
	#vat .vat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
	#vat .vat-zincir{grid-template-columns:minmax(0,1fr);gap:28px}
	#vat .vat-zincir__mid{min-width:0}
	#vat .vat-zincir__col:first-child::after{right:auto;left:50%;top:auto;bottom:-24px;transform:translateX(-50%) rotate(90deg)}
	#vat .vat-zincir__col:last-child::before{left:50%;top:-24px;transform:translateX(-50%) rotate(90deg)}
	#vat .vat-soz{padding:16px 16px 14px 48px}
	#vat .vat-soz::before{left:10px;font-size:52px}
	#vat .vat-hero>.vat-ruler{display:none}
	#vat .vat-hero__art{height:300px;opacity:.85;object-position:57% 10%;-webkit-mask-image:linear-gradient(180deg,black 45%,transparent 100%);mask-image:linear-gradient(180deg,black 45%,transparent 100%)}
	#vat .vat-hero__in{padding-top:190px}
	#vat .vat-hero__lede{font-size:16px}
	#vat .vat-hero__cta .vat-btn{flex:1 1 auto}
	#vat .vat-grp__head{grid-template-columns:auto minmax(0,1fr);gap:4px 14px}
	#vat .vat-grp__n{grid-column:2;grid-row:1;justify-self:end;align-self:start}
	#vat .vat-grp__t{grid-column:1/-1;grid-row:2}
	#vat .vat-grp__not{grid-column:1/-1;grid-row:3}
	#vat .vat-scale,#vat .vat-out{grid-template-columns:repeat(2,minmax(0,1fr))}
	#vat .vat-cards{grid-template-columns:minmax(0,1fr)}
	#vat .vat-keys>div{grid-template-columns:minmax(0,1fr);gap:6px}
	#vat .vat-log li{grid-template-columns:auto minmax(0,1fr)}
	#vat .vat-log p{grid-column:1/-1}
	#vat .vat-recipes{grid-template-columns:minmax(0,1fr)}
	#vat .vat-rc:nth-child(n){transform:none}
	#vat .vat-check{transform:none}
}
@media (max-width:560px){
	#vat .vat-grid,#vat .vat-bench__list{grid-template-columns:minmax(0,1fr);gap:10px}
	#vat .vat-box__a{flex-direction:row}
	#vat .vat-box__pic{flex:0 0 112px;aspect-ratio:auto;min-height:100%}
	#vat .vat-box__pic::after{background:linear-gradient(270deg,var(--vx-surface) 0,rgba(16,21,28,0) 60%)}
	#vat .vat-box__no{top:8px;left:8px;font-size:10px;padding:4px 6px 3px}
	#vat .vat-plan__t{display:none}
	#vat .vat-plan__i{top:56%;width:52px;height:52px;font-size:20px}
	html:root body #vat .vat-sh__facts code{white-space:normal;overflow-wrap:anywhere}
	#vat .vat-play{display:none}
	#vat .vat-box__body{padding:12px 12px 12px 10px;gap:5px}
	#vat .vat-box__top{flex-wrap:wrap}
	#vat .vat-box__ad{font-size:18px}
	#vat .vat-box__oz{font-size:13.5px}
	#vat .vat-filter__tools{flex-direction:column;align-items:stretch}
	#vat .vat-seg button{flex:1}
	#vat .vat-sh__facts{align-self:stretch}
	#vat .vat-sh__facts li{flex:1 1 30%}
	#vat .vat-step{grid-template-columns:36px minmax(0,1fr);gap:4px 12px}
	#vat .vat-step.has-media{grid-template-columns:36px minmax(0,1fr)}
	#vat .vat-step__no{width:36px;height:36px;font-size:12px}
	#vat .vat-step::before{left:17px;top:36px}
	#vat .vat-step.has-media .vat-media{grid-column:1/-1;margin-top:6px}
	#vat .vat-yorum li{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px}
	#vat .vat-yorum__av{width:36px;height:36px}
	#vat .vat-tips li{padding:34px 14px 12px}
	#vat .vat-tips li::before{top:13px}
	#vat .vat-rail{grid-auto-columns:minmax(78%,1fr)}
	#vat .vat-rail .vat-box__a{flex-direction:column}
	#vat .vat-rail .vat-box__pic{flex:none;aspect-ratio:16/9;min-height:0}
	#vat-strip h3{font-size:46px}
	#vat-strip .vat-strip__rail li{flex-basis:142px}
}
@media (prefers-reduced-motion:reduce){
	#vat *,#vat-strip *{animation:none!important;transition:none!important}
	#vat .vat-mg__cur{left:var(--h)}
	#vat .vat-mg__fill{width:var(--h)}
	#vat .vat-mg__needle{transform:rotate(45deg)}
}