/* Vice Roleplay Dönüşümü: 4.5 (/donusum). Bağımsız sayfa; tema CSS'i yüklenmez. Kaldırma: ops/donusum-20261018/README.md */
@font-face{font-family:ViceDisplay;src:url('../fonts/vice-display-tr-2026.woff2') format('woff2');font-weight:400;font-display:swap}
:root{
--vx-canvas:#07090d;--vx-surface:#10151c;--vx-raised:#171d26;--vx-line:#2a3441;--vx-line-strong:#5c6b80;
--vx-ink:#f2f4f8;--vx-muted:#b0bccb;--vx-faint:#8391a3;--vx-pink:#f49ac1;--vx-blue:#91ceff;--vx-gold:#e7cb89;--vx-on-gold:#14171c;
--vx-night:#16326e;--vx-dusk:#73558c;--vx-sunset:#f17f97;--vx-ocean:#2094a5;--vx-success:#83c9ac;
--neon-pink:#ff4fa3;--neon-cyan:#5fe1ff;
--sun:linear-gradient(92deg,#f49ac1 0%,#f17f97 45%,#e7cb89 100%);
--display:ViceDisplay,"Bebas Neue",Impact,sans-serif;--sans:Barlow,"Segoe UI",Arial,sans-serif;--cond:"Barlow Condensed",Barlow,"Arial Narrow",sans-serif;--mono:"JetBrains Mono",Consolas,monospace;
--wrap:1240px;--gut:max(24px,env(safe-area-inset-left,0px));--mast:60px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:var(--mast);-webkit-text-size-adjust:100%;background:var(--vx-canvas)}
body.dn{margin:0;background:var(--vx-canvas);color:var(--vx-ink);font:400 17px/1.6 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
main{overflow-x:clip}
a{color:inherit}
em{font-style:normal;background:var(--sun);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Marka adı sarmalayıcısı (lang="en") hiçbir bileşen kuralını almasın: yalnız satır içi metin. */
.dn span[lang="en"],.dn span.dn-bl{display:inline!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;opacity:1!important;transform:none!important;width:auto!important;height:auto!important;box-shadow:none!important;position:static!important}
.dn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dn-skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--vx-gold);color:var(--vx-on-gold);padding:10px 16px;font-weight:700;text-decoration:none;border-radius:4px}
.dn-skip:focus{top:12px}
:focus-visible{outline:2px solid var(--vx-blue);outline-offset:3px}
.dn-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:max(24px,env(safe-area-inset-right,0px));position:relative}

/* Hologram: arka planda silik, tekrar eden VICE ROLEPLAY yazısı */
.dn-holo{position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.022;transform:rotate(-14deg);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='90'%3E%3Ctext x='0' y='40' font-family='Impact,Arial Black,sans-serif' font-size='34' letter-spacing='6' fill='%23ffffff'%3EVICE ROLEPLAY%3C/text%3E%3Ctext x='210' y='85' font-family='Impact,Arial Black,sans-serif' font-size='34' letter-spacing='6' fill='%23ffffff'%3EVICE ROLEPLAY%3C/text%3E%3C/svg%3E");background-size:420px 90px}
main,.dn-foot{position:relative;z-index:1}

/* ---------- üst şerit ---------- */
.dn-mast{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--mast);display:flex;align-items:center;gap:16px;padding:0 var(--gut);
background:linear-gradient(180deg,rgba(7,9,13,.92),rgba(7,9,13,.72));backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.06);transition:transform .35s ease}
.dn-mast.is-hidden{transform:translateY(-100%)}
.dn-mast__brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.dn-mast__brand img{width:34px;height:34px}
.dn-mast__brand span{display:flex;flex-direction:column;line-height:1.05}
.dn-mast__brand b{font:400 20px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.dn-mast__brand small{font:600 11px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--vx-pink)}
.dn-mast__chapter{margin:0 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid var(--vx-line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--vx-ink);cursor:pointer;font:600 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;max-width:46vw}
.dn-mast__chapter:hover{border-color:var(--vx-line-strong)}
.dn-mast__no{font-family:var(--mono);color:var(--vx-gold);font-size:12px}
.dn-mast__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dn-mast__chapter .fa-solid{color:var(--vx-muted)}
.dn-mast__nav{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.dn-mast__nav a:not(.dn-btn){font:600 14px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--vx-muted)}
.dn-mast__nav a:not(.dn-btn):hover{color:var(--vx-ink)}
.dn-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
.dn-progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--sun);box-shadow:0 0 12px rgba(244,154,193,.7)}

/* ---------- düğmeler ---------- */
.dn-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:4px;font:600 16px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.dn-btn--gold{background:var(--vx-gold);color:var(--vx-on-gold);padding-right:34px;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 10px) 100%,0 100%)}
.dn-btn--gold:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 30px rgba(231,203,137,.25)}
.dn-btn--ghost{border-color:rgba(255,255,255,.28);color:var(--vx-ink);background:rgba(7,9,13,.35)}
.dn-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.dn-btn--sm{min-height:38px;padding:0 26px 0 16px;font-size:14px}

/* ---------- bölüm rayı (masaüstü) ---------- */
.dn-rail{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:40;display:none}
.dn-rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.dn-rail a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--vx-faint);padding:3px 0;font:600 11px/1 var(--mono)}
.dn-rail a b{width:22px;font-weight:600;transition:color .2s}
.dn-rail a span{font:600 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;white-space:nowrap;background:rgba(7,9,13,.8);padding:4px 8px;border-radius:3px}
.dn-rail a::before{content:"";width:14px;height:2px;background:currentColor;opacity:.5;transition:width .25s,opacity .25s,background-color .25s}
.dn-rail a:hover span,.dn-rail a:focus-visible span{opacity:1;transform:none}
.dn-rail a.is-active{color:var(--vx-ink)}
.dn-rail a.is-active::before{width:30px;opacity:1;background:var(--vx-pink)}
.dn-rail a.is-active b{color:var(--vx-gold)}
.dn-rail{transition:opacity .4s}
.dn-rail.is-cover{opacity:0;pointer-events:none}
@media (min-width:1440px){.dn-rail{display:block}}

/* ---------- içindekiler ---------- */
.dn-index{position:fixed;inset:0;z-index:80;background:rgba(4,6,9,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--mast) + 12px) 16px 16px;animation:dnFade .2s ease}
.dn-index__panel{width:min(560px,100%);max-height:calc(100svh - var(--mast) - 28px);overflow:auto;background:var(--vx-surface);border:1px solid var(--vx-line);border-top:3px solid var(--vx-pink);border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.dn-index__head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--vx-line);position:sticky;top:0;background:var(--vx-surface)}
.dn-index__head p{margin:0;font:400 28px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.dn-index__head small{font:600 12px var(--mono);color:var(--vx-gold);margin-left:8px;letter-spacing:.05em}
.dn-index__head button{width:44px;height:44px;border:1px solid var(--vx-line);background:none;color:var(--vx-ink);border-radius:4px;cursor:pointer;font-size:18px}
.dn-index ol{list-style:none;margin:0;padding:8px}
.dn-index a{display:flex;gap:16px;align-items:baseline;padding:12px 10px;text-decoration:none;border-radius:4px;font:600 18px/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.dn-index a:hover,.dn-index a.is-active{background:rgba(255,255,255,.05)}
.dn-index a b{font:600 13px var(--mono);color:var(--vx-gold);width:28px}
@keyframes dnFade{from{opacity:0}to{opacity:1}}

/* ---------- ortak tipografi ---------- */
.dn-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px;font:600 13px/1.2 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--vx-blue)}
.dn-kicker b{color:var(--vx-ink);font-weight:600}
.dn-kicker span+b::before{content:"/";margin-right:10px;color:var(--vx-faint)}
.dn-bars{display:inline-flex;gap:3px;height:13px}
.dn-bars i{display:block;width:4px;height:100%;background:var(--vx-pink);transform:skewX(-30deg)}
.dn-bars i:nth-child(2){background:var(--vx-sunset)}.dn-bars i:nth-child(3){background:var(--vx-gold)}
.dn-h1,.dn-h2,.dn-h3,.dn-h4{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.01em;margin:0;text-wrap:balance}
.dn-h1{font-size:clamp(56px,9vw,148px)}
.dn-h2{font-size:clamp(46px,6.2vw,96px)}
.dn-h3{font-size:clamp(34px,3.6vw,54px)}
.dn-h4{font-size:30px}
.dn-stand{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--vx-muted);margin:22px 0 0;max-width:60ch}
.dn-note{font:500 14px/1.5 var(--sans);color:var(--vx-faint);margin:18px 0 0}
.dn-more{margin:28px 0 0}
.dn-more a:not(.dn-btn){display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-gold);text-decoration:none;border-bottom:1px solid rgba(231,203,137,.4);padding-bottom:6px}
.dn-more a:not(.dn-btn):hover{border-color:var(--vx-gold)}
.dn-more a:not(.dn-btn) i{transition:transform .2s}.dn-more a:hover i{transform:translateX(4px)}
.dn-badge{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;padding:6px 11px;border-radius:3px;font:700 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.dn-badge--live{background:rgba(131,201,172,.14);color:var(--vx-success);border:1px solid rgba(131,201,172,.4)}
.dn-badge--soon{background:var(--vx-gold);color:var(--vx-on-gold)}
.dn-badge--teaser{background:rgba(95,225,255,.12);color:var(--neon-cyan);border:1px solid rgba(95,225,255,.45);box-shadow:0 0 18px rgba(95,225,255,.18)}

/* ---------- açılma animasyonu ---------- */
.rv{transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.js .rv:not(.in){opacity:0;transform:translateY(28px)}

/* ---------- olay yeri şeridi ---------- */
.dn-tape{position:relative;z-index:2;overflow:hidden;background:repeating-linear-gradient(-45deg,#f2c94c 0 22px,#14171c 22px 44px);padding:4px 0;transform:rotate(-1.2deg);margin:-14px -10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.dn-tape__run{display:flex;width:max-content;background:#f2c94c;animation:dnTape 40s linear infinite}
.dn-tape span{padding:9px 22px;font:700 15px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:#14171c;white-space:nowrap}
.dn-tape span::after{content:"✕";margin-left:22px;opacity:.6}
@keyframes dnTape{to{transform:translateX(-50%)}}

/* ---------- 00 kapak ---------- */
.dn-cover{position:relative;min-height:100svh;min-height:100vh;display:flex;overflow:hidden;isolation:isolate}
@supports (min-height:100svh){.dn-cover{min-height:100svh}}
.dn-cover__art{position:absolute;inset:0;z-index:-2}
.dn-cover__art img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;transform:scale(1.06);animation:dnKen 24s ease-out forwards}
@keyframes dnKen{to{transform:scale(1)}}
.dn-cover__shade{position:absolute;inset:0;z-index:-1;background:
linear-gradient(90deg,rgba(7,9,13,.92) 0%,rgba(7,9,13,.55) 36%,rgba(7,9,13,.05) 62%,rgba(7,9,13,.55) 100%),
linear-gradient(0deg,rgba(7,9,13,1) 0%,rgba(7,9,13,0) 34%),
linear-gradient(180deg,rgba(7,9,13,.75) 0%,rgba(7,9,13,0) 24%)}
.dn-cover__frame{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:calc(var(--mast) + 26px) var(--gut) 34px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 270px;grid-template-rows:auto 1fr auto;gap:18px 32px}
.dn-cover__frame::before{content:"";position:absolute;inset:calc(var(--mast) + 10px) 14px 14px;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.dn-cover__plate{grid-column:1/-1;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;position:relative}
.dn-cover__issue{order:2;margin:0 0 14px auto;display:flex;gap:14px;font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-ink)}
.dn-cover__issue span+span::before{content:"·";margin-right:14px;color:var(--vx-pink)}
.dn-cover__name{margin:0;font:400 clamp(110px,17vw,260px)/.78 var(--display);letter-spacing:.02em;background:var(--sun);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(241,127,151,.35))}
.dn-cover__sub{margin:0 0 .6em;font:400 clamp(28px,3.4vw,52px)/1 var(--display);letter-spacing:.32em;color:#fff}
.dn-cover__main{grid-column:1;grid-row:2;align-self:end;max-width:640px}
.dn-cover__main h1{margin:0;font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.88}
.dn-cover__small{display:block;font-size:clamp(22px,2.2vw,34px);letter-spacing:.2em;color:var(--vx-blue);margin-bottom:.35em}
.dn-cover__big{display:block;font-size:clamp(64px,8.6vw,142px);letter-spacing:.005em}
.dn-cover__num{display:inline-block;font-size:clamp(120px,15vw,250px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--neon-pink);text-shadow:0 0 28px rgba(255,79,163,.55),0 0 2px rgba(255,79,163,.9);margin-top:6px;animation:dnFlicker 6s infinite}
.dn-cover__num i{font-style:normal;color:var(--neon-pink);-webkit-text-stroke:0}
@keyframes dnFlicker{0%,92%,100%{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}97%{opacity:1}}
.dn-cover__lede{font-size:clamp(18px,1.45vw,21px);color:#dfe5ee;max-width:46ch;margin:18px 0 26px}
.dn-cover__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px;align-self:center}
.dn-cover__lines--l{display:none}
.dn-cover__side{grid-column:3;grid-row:2;align-self:center;display:flex;flex-direction:column;gap:14px}
.dn-cover__lines--r{grid-column:auto;grid-row:auto}
@media (min-width:1180px){.dn-cover__lines--l{display:flex;grid-column:2;grid-row:2;align-self:start;margin-top:4vh}}
.dn-cover__lines li{border-left:3px solid var(--vx-pink);padding-left:14px;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.dn-cover__lines li:nth-child(2){border-color:var(--vx-gold)}.dn-cover__lines li:nth-child(3){border-color:var(--neon-cyan)}.dn-cover__lines li:nth-child(4){border-color:#83c9ac}.dn-cover__lines li:nth-child(5){border-color:var(--vx-pink)}
.dn-cover__lines b{display:block;font:400 30px/.95 var(--display);text-transform:uppercase;letter-spacing:.02em}
.dn-cover__lines span{display:block;margin-top:5px;font:500 14px/1.35 var(--sans);color:#d6dde8}
.dn-cover__foot{grid-column:1/-1;display:flex;align-items:flex-end;gap:16px}
.dn-barcode{width:120px;height:44px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px,#fff 8px 11px,transparent 11px 12px,#fff 12px 13px,transparent 13px 16px);opacity:.9}
.dn-cover__price{font:600 12px/1.35 var(--mono);text-transform:uppercase;color:var(--vx-muted);letter-spacing:.06em}
.dn-cover__price b{color:#fff;font-weight:600}
.dn-cover__qr{margin-left:auto;width:58px;height:58px;padding:4px;background:#fff;border-radius:3px}
.dn-cover__logo{width:58px;height:58px;filter:drop-shadow(0 0 16px rgba(244,154,193,.5))}
.dn-cover__cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font:600 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--vx-muted)}
.dn-cover__cue i{width:1px;height:38px;background:linear-gradient(var(--vx-pink),transparent);animation:dnCue 2s ease-in-out infinite}
@keyframes dnCue{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}


/* ---------- 01 manifesto ---------- */
.dn-manifesto{position:relative;padding:clamp(110px,15vw,200px) 0;overflow:hidden;isolation:isolate;text-align:center}
.dn-manifesto__art,.dn-stats__art,.dn-citizen__art,.dn-under__art,.dn-discord__art{position:absolute;inset:0;z-index:-2}
.dn-manifesto__art img,.dn-stats__art img,.dn-citizen__art img,.dn-under__art img,.dn-discord__art img{width:100%;height:100%;object-fit:cover}
.dn-manifesto::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,rgba(7,9,13,.62),rgba(7,9,13,.95) 70%),linear-gradient(180deg,var(--vx-canvas),transparent 18%,transparent 82%,var(--vx-canvas))}
.dn-manifesto__inner{max-width:1100px}
.dn-manifesto .dn-kicker{justify-content:center}
.dn-manifesto__ctx{font:500 clamp(17px,1.4vw,20px)/1.6 var(--sans);color:var(--vx-muted);max-width:56ch;margin:0 auto}
.dn-quote{margin:46px auto;position:relative;max-width:1000px}
.dn-quote::before{content:"“";position:absolute;left:50%;top:-.42em;transform:translateX(-50%);font:400 260px/1 var(--display);color:var(--vx-pink);opacity:.18;pointer-events:none}
.dn-quote p{margin:0;font:600 clamp(28px,3.6vw,52px)/1.18 var(--cond);letter-spacing:.005em;color:#fff;text-wrap:balance}
.dn-quote footer{margin-top:30px;font:600 14px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--vx-gold);display:inline-flex;gap:12px;align-items:center}
.dn-quote footer::before{content:"";width:40px;height:2px;background:var(--vx-gold)}
.dn-quote footer{flex-wrap:wrap;justify-content:center}.dn-quote footer b{font-weight:600}.dn-quote footer span{color:var(--vx-faint)}
.dn-manifesto__after{font-size:clamp(18px,1.45vw,21px);color:#dfe5ee;max-width:58ch;margin:0 auto}

/* ---------- bölüm kabuğu ---------- */
.dn-chapter{position:relative;padding:clamp(90px,11vw,170px) 0;isolation:isolate}
.dn-ghost{position:absolute;top:clamp(30px,5vw,70px);right:max(2vw,16px);z-index:-1;font:400 clamp(180px,30vw,460px)/.8 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;user-select:none}
.dn-head{margin-bottom:clamp(40px,5vw,70px)}
.dn-head--split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:end}
.dn-head--split .dn-stand{margin:0}

/* ---------- 02 rakamlar ---------- */
.dn-stats{overflow:hidden}
.dn-stats::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.86) 22%,rgba(7,9,13,.9) 78%,var(--vx-canvas) 100%)}
.dn-statgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.dn-statgrid li{background:rgba(10,13,18,.82);padding:30px 26px 28px;display:flex;flex-direction:column;gap:6px;min-height:200px;backdrop-filter:blur(4px)}
.dn-statgrid b{font:400 clamp(52px,5vw,80px)/.9 var(--display);background:var(--sun);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.dn-statgrid strong{font:600 19px/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase;margin-top:6px}
.dn-statgrid small{font:500 14px/1.45 var(--sans);color:var(--vx-faint);margin-top:auto}

/* ---------- yayılım (sağlı sollu) ---------- */
.dn-spread{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.dn-spread--rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.dn-spread--rev .dn-spread__media{order:2}
.dn-spread--tight{margin-top:clamp(50px,6vw,90px)}
.dn-spread__media{position:relative;min-width:0}
.dn-spread__art{display:block;border-radius:6px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.dn-spread__art img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.dn-spread__media:hover .dn-spread__art img{transform:scale(1.04)}
.dn-spread__text{min-width:0}

/* tarayıcı çerçeveli ekran */
.dn-screen{margin:0;border-radius:8px;overflow:hidden;background:#0d1117;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4)}
.dn-screen__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#161b23;border-bottom:1px solid rgba(255,255,255,.07)}
.dn-screen__bar i{width:9px;height:9px;border-radius:50%;background:#3a4452}
.dn-screen__bar i:first-child{background:#f17f97}.dn-screen__bar i:nth-child(2){background:#e7cb89}.dn-screen__bar i:nth-child(3){background:#83c9ac}
.dn-screen__bar span{margin-left:10px;flex:1;min-width:0;font:500 11px/1 var(--mono);color:var(--vx-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.04);padding:5px 10px;border-radius:999px}
.dn-screen__view{position:relative;overflow:hidden}
.dn-screen__view img{width:100%}
.dn-screen--scroll .dn-screen__view{aspect-ratio:16/11}
.dn-screen--scroll .dn-screen__view img{position:absolute;top:0;left:0;animation:dnScroll 26s ease-in-out infinite alternate;animation-play-state:paused}
.dn-screen--scroll.in .dn-screen__view img,.dn-screen--scroll.is-play .dn-screen__view img{animation-play-state:running}
@keyframes dnScroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + var(--vh,330px)))}}
.dn-screen--float{position:absolute;right:-6%;bottom:-12%;width:64%;transform:rotate(1.5deg)}
.dn-spread__media:has(.dn-screen--float){padding-bottom:12%}
.dn-screen--phone{position:absolute;right:-4%;bottom:-10%;width:46%;border-radius:22px;border:6px solid #1b2028}
.dn-screen--phone .dn-screen__bar{display:none}
.dn-screen--phone .dn-screen__view{aspect-ratio:9/16}
.dn-spread__media--phone{padding-bottom:10%}

/* özellik listesi */
.dn-feats{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.dn-feats li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}
.dn-feats li>i{width:42px;height:42px;display:grid;place-items:center;border-radius:4px;background:rgba(244,154,193,.1);color:var(--vx-pink);font-size:17px;border:1px solid rgba(244,154,193,.22)}
.dn-feats li:nth-child(3n+2)>i{background:rgba(145,206,255,.1);color:var(--vx-blue);border-color:rgba(145,206,255,.22)}
.dn-feats li:nth-child(3n)>i{background:rgba(231,203,137,.1);color:var(--vx-gold);border-color:rgba(231,203,137,.22)}
.dn-feats b{display:block;font:600 19px/1.2 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.dn-feats span{display:block;margin-top:4px;font-size:15.5px;line-height:1.5;color:var(--vx-muted)}
.dn-feats--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px;margin-top:clamp(40px,5vw,70px)}

/* ---------- 04 forum: geniş sahne bandı ---------- */
.dn-band{position:relative;min-height:min(86vh,820px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;margin-top:calc(clamp(90px,11vw,170px) * -1);padding:clamp(120px,14vw,200px) 0 clamp(50px,6vw,90px)}
.dn-band__art{position:absolute;inset:0;z-index:-2}
.dn-band__art img{width:100%;height:110%;object-fit:cover;object-position:70% 30%;will-change:transform}
.dn-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,13,.95) 0%,rgba(7,9,13,.6) 45%,rgba(7,9,13,.1) 75%),linear-gradient(0deg,var(--vx-canvas) 0%,transparent 40%),linear-gradient(180deg,var(--vx-canvas) 0%,transparent 20%)}
.dn-band__inner .dn-stand{color:#d9e0ea}
.dn-collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-top:clamp(40px,5vw,70px);align-items:start}
.dn-collage__a{grid-column:1/9;grid-row:1}
.dn-collage__b{grid-column:7/13;grid-row:1;margin-top:34%;position:relative;z-index:2;transform:rotate(1deg)}
.dn-collage__c{grid-column:2/7;grid-row:2;margin-top:-12%;position:relative;z-index:3;transform:rotate(-1.5deg)}
.dn-pull{margin:clamp(50px,6vw,90px) auto 0;max-width:900px;text-align:center;border-top:1px solid var(--vx-line);border-bottom:1px solid var(--vx-line);padding:34px 0}
.dn-pull p{margin:0;font:600 clamp(24px,2.6vw,36px)/1.25 var(--cond);color:#fff}
.dn-pull b{color:var(--vx-gold);font-weight:600}

/* ---------- 06 karakterler ---------- */
.dn-trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:center}
.dn-trio__art{margin:0;position:relative;border-radius:6px;overflow:hidden}
.dn-trio__art img{width:100%;aspect-ratio:3/4;object-fit:cover}
.dn-trio__art:first-child img{object-position:60% 30%}
.dn-trio__art:last-child img{object-position:28% 30%}
.dn-trio__art figcaption{position:absolute;left:12px;bottom:12px;font:600 12px/1 var(--mono);background:rgba(7,9,13,.8);padding:7px 10px;border-radius:3px;color:var(--vx-gold)}
.dn-trio__shot{transform:translateY(-4%)}

/* ---------- 07 panel: pasaport ---------- */
.dn-passport-stage{padding:6% 0 14%}
.dn-passport-stage .dn-spread__art{opacity:.55;filter:saturate(.8)}
.dn-passport{position:absolute;left:8%;right:8%;top:20%;transform-style:preserve-3d;transition:transform .25s ease-out;z-index:2}
.dn-passport .vpp{margin:0;box-shadow:0 40px 90px rgba(0,0,0,.65)}
.dn-seals{position:absolute;right:2%;top:2%;display:flex;gap:10px;z-index:3}
.dn-seal{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:12px;font:700 11px/1.1 var(--cond);letter-spacing:.1em;text-transform:uppercase;border:2px dashed currentColor;transform:rotate(-12deg);background:rgba(7,9,13,.75);box-shadow:inset 0 0 0 5px rgba(7,9,13,.75),inset 0 0 0 6px currentColor}
.dn-seal--a{color:var(--vx-pink)}.dn-seal--b{color:var(--vx-gold);transform:rotate(8deg) translateY(18px)}.dn-seal--c{color:var(--neon-cyan);transform:rotate(-4deg)}

/* ---------- 08 yeni vatandaş ---------- */
.dn-chapter--citizen{overflow:hidden}
.dn-citizen__art img{object-position:30% 30%}
.dn-chapter--citizen::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,13,.97) 0%,rgba(7,9,13,.88) 55%,rgba(7,9,13,.55) 100%),linear-gradient(180deg,var(--vx-canvas),transparent 20%,transparent 80%,var(--vx-canvas))}
.dn-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:s;position:relative}
.dn-steps::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--vx-pink),var(--vx-gold));opacity:.5}
.dn-steps li{position:relative;padding:0 18px 0 0}
.dn-steps span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--vx-canvas);border:2px solid var(--vx-pink);font:600 15px var(--mono);color:var(--vx-pink);position:relative}
.dn-steps li:nth-child(n+3) span{border-color:var(--vx-sunset);color:var(--vx-sunset)}
.dn-steps li:nth-child(5) span{border-color:var(--vx-gold);color:var(--vx-gold);background:var(--vx-gold);color:var(--vx-on-gold)}
.dn-steps b{display:block;margin-top:18px;font:400 30px/1 var(--display);text-transform:uppercase}
.dn-steps small{display:block;margin-top:8px;font-size:15px;line-height:1.45;color:var(--vx-muted)}
.dn-desk{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:40px;align-items:center;margin-top:clamp(50px,6vw,80px)}
.dn-desk__file{position:relative;background:#efe6d2;color:#2a2a2a;padding:28px 28px 30px;border-radius:3px;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:rotate(-1.4deg);font:500 15px/1.5 var(--sans)}
.dn-desk__file::before{content:"";position:absolute;top:-10px;left:30px;width:90px;height:20px;background:rgba(244,154,193,.55);transform:rotate(-3deg)}
.dn-desk__file p{margin:0}
.dn-desk__no{font:600 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px!important;color:#6b5a3a}
.dn-desk__no b{color:#2a2a2a;font-size:18px;display:block;margin-top:4px}
.dn-stamp{position:absolute;right:18px;bottom:16px;font:400 40px/1 var(--display);text-transform:uppercase;color:#c2183c;border:4px solid #c2183c;padding:6px 14px 2px;border-radius:6px;transform:rotate(-14deg) scale(2.4);opacity:0;mix-blend-mode:multiply;letter-spacing:.06em}
.dn-stamp.is-on{animation:dnStamp .45s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes dnStamp{to{opacity:.88;transform:rotate(-14deg) scale(1)}}
.dn-desk__text{font-size:17px;color:var(--vx-muted);margin:0}
.dn-desk__text b{color:var(--vx-ink);font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em}

/* ---------- 09 mall ---------- */
.dn-band--mall .dn-band__art img{object-position:60% 50%}
.dn-floors{list-style:none;margin:clamp(40px,5vw,70px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dn-floors li{position:relative;padding:22px 18px 20px;border:1px solid var(--vx-line);border-radius:6px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,0));display:flex;flex-direction:column;gap:6px;min-height:170px;transition:border-color .25s,transform .25s}
.dn-floors li:hover{border-color:var(--vx-pink);transform:translateY(-4px)}
.dn-floors span{font:600 12px var(--mono);color:var(--vx-faint)}
.dn-floors i{font-size:22px;color:var(--vx-pink);margin:8px 0 6px}
.dn-floors li:nth-child(2n) i{color:var(--vx-gold)}
.dn-floors b{font:600 18px/1.15 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.dn-floors small{font-size:14px;color:var(--vx-muted);line-height:1.4}
.dn-giftstage{aspect-ratio:16/12;position:relative}
.dn-gift{position:absolute;width:62%;aspect-ratio:1.6;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.55);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dn-gift::before{content:"";position:absolute;inset:0;background:url('../images/custom/vf-logo-2026.png') no-repeat 108% 120%/46%;opacity:.22}
.dn-gift::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 60%);transform:translateX(-100%);animation:dnShine 5s ease-in-out infinite}
@keyframes dnShine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.dn-gift--1{left:0;top:4%;background:linear-gradient(135deg,#16326e,#73558c 55%,#f17f97);transform:rotate(-8deg)}
.dn-gift--2{left:19%;top:22%;background:linear-gradient(135deg,#0f3d44,#2094a5 55%,#e7cb89);transform:rotate(2deg);z-index:2}
.dn-gift--3{left:38%;top:42%;background:linear-gradient(135deg,#3a1636,#f17f97 50%,#f49ac1);transform:rotate(9deg);z-index:3}
.dn-giftstage:hover .dn-gift--1{transform:rotate(-12deg) translate(-6%,-4%)}
.dn-giftstage:hover .dn-gift--3{transform:rotate(12deg) translate(6%,4%)}
.dn-gift__brand{font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.85;position:relative}
.dn-gift__title{font:400 34px/1 var(--display);text-transform:uppercase;margin-top:auto;position:relative}
.dn-gift__amt{font:600 16px/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase;position:relative}
.dn-gift__msg{font:italic 500 14px/1.3 var(--sans);opacity:.9;margin-top:6px;position:relative}

/* ---------- 10 radyo ---------- */
.dn-cassette{position:absolute;left:-6%;bottom:-14%;width:58%;aspect-ratio:1.58;background:linear-gradient(160deg,#2b2f3a,#16191f);border-radius:12px;padding:5% 6%;box-shadow:0 30px 70px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1);display:flex;flex-direction:column;gap:5%;transform:rotate(-5deg)}
.dn-cassette__label{background:linear-gradient(180deg,#f49ac1 0 30%,#f2f0e6 30%);border-radius:4px;padding:3% 5% 4%;color:#1a1a1a;display:flex;justify-content:space-between;align-items:flex-start}
.dn-cassette__label b{font:400 clamp(18px,2vw,30px)/1 var(--display);text-transform:uppercase;color:#fff}
.dn-cassette__label span{font:600 clamp(8px,.8vw,11px)/1 var(--mono);color:#fff;margin-top:4px}
.dn-cassette__window{flex:1;background:#0a0c10;border-radius:30px;display:flex;justify-content:space-around;align-items:center;border:2px solid #3a3f4b}
.dn-reel{width:22%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#e9e4d8 0 30deg,#1a1d23 30deg 60deg);border:5px solid #e9e4d8;animation:dnSpin 3s linear infinite;box-shadow:0 0 0 4px #4a3428}
@keyframes dnSpin{to{transform:rotate(360deg)}}
.dn-cassette__foot{font:600 clamp(8px,.8vw,11px)/1 var(--mono);color:var(--vx-pink);letter-spacing:.14em;text-align:center}

/* ---------- 11 yeraltı ---------- */
.dn-chapter--under{overflow:hidden}
.dn-under__art img{object-position:70% 40%;filter:saturate(.7)}
.dn-chapter--under::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.82) 18%,rgba(7,9,13,.94) 60%,var(--vx-canvas) 100%)}
.dn-under__tag{margin:0 0 6px;font:600 14px var(--mono);letter-spacing:.1em;color:var(--vx-gold);text-transform:uppercase}
.dn-chapter--under .dn-h1{background:linear-gradient(180deg,#fff 30%,#e7cb89);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em}
.dn-kings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.dn-kings li{border:1px solid rgba(231,203,137,.25);background:linear-gradient(180deg,rgba(231,203,137,.08),rgba(7,9,13,.4));border-radius:6px;padding:22px 18px;display:flex;flex-direction:column;gap:6px}
.dn-kings i{color:var(--vx-gold);font-size:22px;margin-bottom:6px}
.dn-kings b{font:400 30px/1 var(--display);text-transform:uppercase}
.dn-kings span{font-size:14px;color:var(--vx-muted)}

/* ---------- 12 oyun ---------- */
.dn-chapter--game{background:radial-gradient(ellipse at 80% 0%,rgba(115,85,140,.18),transparent 60%),radial-gradient(ellipse at 10% 60%,rgba(32,148,165,.12),transparent 55%)}
.dn-chapter--game .dn-stand .dn-badge{margin-left:6px}
.dn-mission{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid var(--vx-line);border-radius:8px;overflow:hidden;background:var(--vx-surface);margin-bottom:28px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.dn-mission--rev .dn-mission__art{order:2}
.dn-mission__art{position:relative;min-height:380px}
.dn-mission__art picture,.dn-mission__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dn-mission--pd .dn-mission__art img{object-position:50% 30%}
.dn-mission__tag{position:absolute;left:16px;top:16px;background:var(--vx-gold);color:var(--vx-on-gold);font:700 12px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;padding:7px 10px}
.dn-mission__body{padding:clamp(28px,3.4vw,48px)}
.dn-mission--ui{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.dn-mission--ui .dn-mission__art{background:#0b1a1f}
.dn-mission--ui .dn-mission__art img{object-fit:contain;object-position:50% 50%}
.dn-mission__real{position:absolute;left:12px;bottom:12px;background:rgba(7,9,13,.82);color:var(--vx-muted);font:600 11px/1.3 var(--mono);letter-spacing:.04em;padding:6px 9px;border-radius:3px}
.dn-screen--inline{margin-top:28px}
.dn-mission__kick{margin:0 0 12px;font:600 13px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-pink)}
.dn-mission__body>p:not(.dn-mission__kick):not(.dn-mission__foot){color:var(--vx-muted);margin:16px 0 0}
.dn-mission__foot{margin:22px 0 0;font:500 14px/1.5 var(--sans);color:var(--vx-faint);border-top:1px dashed var(--vx-line);padding-top:16px}
.dn-chain{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dn-chain li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--vx-line);border-radius:3px;font:600 14px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-muted);transition:all .35s}
.dn-chain li span{font:600 11px var(--mono);color:var(--vx-faint)}
.dn-chain li.is-on{border-color:var(--vx-blue);color:#fff;background:rgba(145,206,255,.1);box-shadow:0 0 16px rgba(145,206,255,.2)}
.dn-chain li.is-on span{color:var(--vx-blue)}
.dn-objectives{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dn-objectives li{position:relative;padding-left:30px;color:var(--vx-muted);font-size:16px}
.dn-objectives li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border:2px solid var(--vx-gold);border-radius:2px}
.dn-objectives li::after{content:"";position:absolute;left:5px;top:6px;width:5px;height:9px;border:solid var(--vx-gold);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s}
.dn-mission.in .dn-objectives li::after{opacity:1}
.dn-mission.in .dn-objectives li:nth-child(2)::after{transition-delay:.3s}.dn-mission.in .dn-objectives li:nth-child(3)::after{transition-delay:.6s}.dn-mission.in .dn-objectives li:nth-child(4)::after{transition-delay:.9s}.dn-mission.in .dn-objectives li:nth-child(5)::after{transition-delay:1.2s}
.dn-flash{margin:22px 0 0;padding:16px 18px;background:rgba(0,0,0,.35);border-left:3px solid var(--vx-gold);font:500 15px/1.5 var(--mono);color:#e7e1cf}
.dn-flash p{margin:0}
.dn-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.dn-card{border:1px solid var(--vx-line);border-radius:8px;overflow:hidden;background:var(--vx-surface);display:flex;flex-direction:column;transition:transform .3s,border-color .3s}
.dn-card:hover{transform:translateY(-5px);border-color:var(--vx-line-strong)}
.dn-card__art{position:relative;aspect-ratio:16/9;overflow:hidden}
.dn-card__art img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.dn-card:hover .dn-card__art img{transform:scale(1.06)}
.dn-card__art::after{content:"4.5 ile geliyor";position:absolute;right:10px;top:10px;background:rgba(7,9,13,.82);color:var(--vx-gold);font:700 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border:1px solid rgba(231,203,137,.4)}
.dn-card__body{padding:22px 22px 26px}
.dn-card__body p:last-child{margin:10px 0 0;color:var(--vx-muted);font-size:15.5px}

/* ---------- 13 discord ---------- */
.dn-chapter--discord{overflow:hidden}
.dn-chapter--discord::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas),rgba(12,14,30,.9) 20%,rgba(12,14,30,.92) 80%,var(--vx-canvas))}
.dn-dc{background:#313338;border-radius:10px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.6);font:400 15px/1.4 "gg sans","Noto Sans",var(--sans);color:#dbdee1}
.dn-dc__head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#2b2d31;border-bottom:1px solid #1f2023}
.dn-dc__head i{color:#5865f2;font-size:20px}
.dn-dc__head b{color:#f2f3f5}
.dn-dc__head span{margin-left:auto;font:600 11px var(--mono);color:#949ba4}
.dn-dc__msg{display:flex;gap:14px;padding:14px 18px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.dn-dc.in .dn-dc__msg{opacity:1;transform:none}
.dn-dc.in .dn-dc__msg:nth-of-type(3){transition-delay:.7s}.dn-dc.in .dn-dc__msg:nth-of-type(4){transition-delay:1.4s}
.dn-dc__av{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1e3a8a;color:#fff;font-weight:700}
.dn-dc__av--c{background:linear-gradient(135deg,#f17f97,#e7cb89);color:#14171c}
.dn-dc__who{margin:0 0 6px;font-weight:600;color:#f2f3f5}
.dn-dc__who em{font:700 10px/1 var(--sans);background:#5865f2;color:#fff;padding:2px 4px;border-radius:3px;margin-left:4px;-webkit-text-fill-color:#fff}
.dn-dc__embed{background:#2b2d31;border-left:4px solid;border-radius:4px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.dn-dc__embed b{color:#fff}
.dn-dc__embed span{font-size:13.5px;color:#b5bac1}
.dn-dc__embed--red{border-color:#ed4245}.dn-dc__embed--blue{border-color:#5865f2}.dn-dc__embed--gold{border-color:#e7cb89}

/* ---------- 14 launcher ---------- */
.dn-launcher{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:clamp(110px,12vw,180px) 0}
.dn-launcher__art{position:absolute;inset:0;z-index:-2}
.dn-launcher__art img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:saturate(.9)}
.dn-launcher::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.35) 30%,rgba(7,9,13,.55) 70%,var(--vx-canvas) 100%),radial-gradient(ellipse at 50% 60%,transparent 30%,rgba(7,9,13,.7) 100%)}
.dn-launcher__inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.dn-launcher .dn-kicker{justify-content:center}
.dn-launcher .dn-badge{margin-bottom:22px}
.dn-launcher .dn-h1{color:transparent;-webkit-text-stroke:2px #fff;text-shadow:0 0 40px rgba(95,225,255,.35);letter-spacing:.04em}
.dn-launcher .dn-stand{margin-left:auto;margin-right:auto;color:#e7ecf3;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dn-launcher__list{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:1080px;text-align:left}
.dn-launcher__list li{background:rgba(7,9,13,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(95,225,255,.25);border-radius:6px;padding:20px}
.dn-launcher__list b{display:block;font:600 18px/1.2 var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--neon-cyan)}
.dn-launcher__list span{display:block;margin-top:6px;font-size:15px;color:#d9e0ea;line-height:1.45}
.dn-launcher__date{margin:30px 0 0;font:600 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d0d7e2}

/* ---------- 15 altyapı ---------- */
.dn-term{position:absolute;left:-5%;bottom:-12%;width:66%;margin:0;padding:20px 22px;background:rgba(9,12,16,.94);border:1px solid rgba(131,201,172,.3);border-radius:8px;font:500 clamp(11px,1vw,14px)/1.7 var(--mono);color:#cfd8e3;box-shadow:0 30px 70px rgba(0,0,0,.6);white-space:pre-wrap}
.dn-term span{color:var(--vx-blue)}.dn-term i{font-style:normal;color:var(--vx-success)}.dn-term b{color:var(--vx-gold);font-weight:600}
.dn-chapter--infra .dn-spread__media{padding-bottom:12%}

/* ---------- 16 yama notları ---------- */
.dn-patch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dn-patch details{border:1px solid var(--vx-line);border-radius:6px;background:var(--vx-surface);overflow:hidden}
.dn-patch details[open]{border-color:var(--vx-line-strong)}
.dn-patch summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;min-height:64px}
.dn-patch summary::-webkit-details-marker{display:none}
.dn-patch summary span{font:600 12px var(--mono);color:var(--vx-gold)}
.dn-patch summary b{font:600 19px/1.2 var(--cond);letter-spacing:.05em;text-transform:uppercase;flex:1}
.dn-patch summary small{font:500 13px var(--sans);color:var(--vx-faint)}
.dn-patch summary i{color:var(--vx-muted);transition:transform .25s}
.dn-patch details[open] summary i{transform:rotate(45deg)}
.dn-patch ul{margin:0;padding:4px 22px 22px 46px;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--vx-line);padding-top:16px}
.dn-patch li{font-size:15.5px;line-height:1.5;color:var(--vx-muted)}
.dn-patch li::marker{color:var(--vx-pink)}

/* ---------- son ---------- */
.dn-final{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:clamp(110px,12vw,180px) 0;text-align:center}
.dn-final__art{position:absolute;inset:0;z-index:-2}
.dn-final__art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.dn-final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.4) 35%,rgba(7,9,13,.75) 100%)}
.dn-final__inner{display:flex;flex-direction:column;align-items:center}
.dn-final__q{margin:0 0 10px;font:600 clamp(20px,2vw,28px)/1 var(--cond);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.dn-final .dn-h1{text-shadow:0 10px 40px rgba(0,0,0,.5)}
.dn-final .dn-stand{margin-left:auto;margin-right:auto;color:#eef2f7;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dn-final__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px}
.dn-h1__after{margin:16px 0 0;font:600 clamp(19px,2vw,28px)/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-gold)}
/* Açılış kilidi: kapının sayacı ve kilitli sayfadan dönene not */
.dn-btn--gold.is-kilit{cursor:default;background:transparent;color:var(--vx-gold);box-shadow:inset 0 0 0 1px rgba(231,203,137,.7);transform:none}
.dn-kilit__n{font:400 1.3em/1 var(--display);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#fff}
.dn-kilit__note{flex-basis:100%;margin:0;text-align:center;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint)}
.dn-kilit-toast{position:fixed;left:50%;top:78px;z-index:80;width:max-content;max-width:min(92vw,560px);margin:0;padding:12px 18px;transform:translateX(-50%);border:1px solid rgba(231,203,137,.5);border-radius:6px;background:#0d1117;color:#fff;font-size:15px;line-height:1.45;box-shadow:0 20px 50px rgba(0,0,0,.6);transition:opacity .4s,transform .4s}
.dn-kilit-toast.is-out{opacity:0;transform:translate(-50%,-10px);pointer-events:none}
.dn-final__sig{display:flex;align-items:center;gap:12px;margin:60px 0 0;font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e3e8ef}
.dn-foot{border-top:1px solid var(--vx-line);padding:26px 0 calc(26px + env(safe-area-inset-bottom,0px));font:500 14px var(--sans);color:var(--vx-faint)}
.dn-foot .dn-wrap{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.dn-foot a{text-decoration:none;color:var(--vx-muted)}
.dn-foot a:last-child{margin-left:auto}

/* ---------- oyun arası sayfaları ---------- */
.dn-break{position:relative;isolation:isolate;overflow:hidden;padding:clamp(80px,9vw,140px) 0;background:radial-gradient(ellipse at 15% 20%,rgba(241,127,151,.12),transparent 55%),radial-gradient(ellipse at 90% 80%,rgba(32,148,165,.14),transparent 55%),#090c11;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.dn-break::before{content:attr(data-no);position:absolute;right:-1vw;bottom:-6vw;z-index:-1;font:400 clamp(200px,32vw,520px)/.8 var(--display);color:transparent;-webkit-text-stroke:1px rgba(231,203,137,.08);pointer-events:none}
.dn-break__tape{position:absolute;left:0;right:0;top:0;display:flex;gap:28px;overflow:hidden;white-space:nowrap;background:var(--vx-gold);color:var(--vx-on-gold);font:700 13px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;padding:9px 0}
.dn-break__tape span{animation:dnTape 30s linear infinite;padding-left:28px}
.dn-break__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3.4fr);gap:clamp(28px,3.4vw,56px);align-items:center}
.dn-break--rev .dn-break__art{order:3}
.dn-break__art{position:relative;margin:0;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.dn-break__art img{width:100%;aspect-ratio:4/5;object-fit:cover}
.dn-break__art figcaption{position:absolute;left:12px;top:12px;background:var(--vx-pink);color:#14171c;font:700 12px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;padding:7px 10px}
.dn-break__kick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;font:600 13px/1.2 var(--mono);letter-spacing:.06em;color:var(--vx-pink);text-transform:uppercase}
.dn-break__kick b{background:rgba(231,203,137,.14);color:var(--vx-gold);border:1px solid rgba(231,203,137,.4);padding:4px 7px;font-weight:600}
.dn-break .dn-h2{font-size:clamp(44px,5vw,80px)}
.dn-break__steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:b}
.dn-break__steps li{position:relative;padding-left:44px;color:var(--vx-muted);font-size:16px;line-height:1.5}
.dn-break__steps li::before{counter-increment:b;content:counter(b,decimal-leading-zero);position:absolute;left:0;top:1px;width:32px;height:24px;display:grid;place-items:center;font:600 12px var(--mono);color:var(--vx-gold);border:1px solid rgba(231,203,137,.35);border-radius:3px}
.dn-break__steps b{color:var(--vx-ink);font-weight:600}
.dn-break__cmds{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.dn-break__cmds code{font:600 13px/1 var(--mono);color:var(--neon-cyan);background:rgba(95,225,255,.08);border:1px solid rgba(95,225,255,.25);padding:7px 9px;border-radius:3px}
.dn-break__quote{margin:22px 0 0;padding:14px 16px;border-left:3px solid var(--vx-gold);background:rgba(0,0,0,.3);font:500 15px/1.5 var(--mono);color:#e7e1cf}
.dn-break__quote p{margin:0}

/* oyun içi panel (HUD dili): mini oyun canlandırmaları */
.dn-mg{margin:0;background:linear-gradient(180deg,rgba(16,21,28,.96),rgba(10,13,18,.96));border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;font-family:var(--cond)}
.dn-mg__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font:700 11px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--vx-gold)}
.dn-mg__head b{color:var(--vx-ink);letter-spacing:.12em}
.dn-mg__stage{position:relative;padding:22px 18px 18px;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.dn-mg figcaption{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.07);font:500 13px/1.4 var(--sans);color:var(--vx-faint)}
.dn-mg kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:1px solid rgba(255,255,255,.3);border-bottom-width:3px;border-radius:4px;font:700 12px/1 var(--mono);color:#fff;background:rgba(255,255,255,.06);margin-right:6px}
.mg-keys{font:600 13px/1.3 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}
.mg-result{position:relative;height:30px;font:400 28px/30px var(--display);text-transform:uppercase;letter-spacing:.03em}
.mg-result span{position:absolute;left:0;top:0;opacity:0}
.mg-result span:first-child{color:var(--vx-success);animation:mgRes1 4s infinite}
.mg-result span:last-child{color:var(--vx-gold);animation:mgRes2 4s infinite}
@keyframes mgRes1{0%,44%{opacity:0;transform:translateY(6px)}50%,70%{opacity:1;transform:none}76%,100%{opacity:0}}
@keyframes mgRes2{0%,76%{opacity:0;transform:translateY(6px)}82%,96%{opacity:1;transform:none}100%{opacity:0}}
.dn-mg:not(.in) *,.dn-mg:not(.in) *::before,.dn-mg:not(.in) *::after{animation-play-state:paused!important}

/* ibre ve yeşil bölge */
.mg-bar{position:relative;height:26px;border-radius:4px;background:linear-gradient(90deg,#3a1f28,#2a2f3a 40%,#2a2f3a 60%,#3a1f28);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.mg-zone{position:absolute;top:0;bottom:0;left:var(--z,58%);width:var(--zw,16%);background:rgba(131,201,172,.35);border-left:2px solid var(--vx-success);border-right:2px solid var(--vx-success);animation:mgZone 4s infinite}
@keyframes mgZone{0%,42%,64%,100%{background:rgba(131,201,172,.25)}46%,60%{background:rgba(131,201,172,.75);box-shadow:0 0 18px rgba(131,201,172,.8)}}
.mg-needle{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:#fff;box-shadow:0 0 10px #fff;border-radius:2px;animation:mgNeedle 4s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes mgNeedle{0%{left:3%}22%{left:92%}42%{left:var(--hit,66%)}62%{left:var(--hit,66%)}82%{left:20%}100%{left:3%}}
.mg-meters{display:flex;flex-direction:column;gap:10px}
.mg-meters .mg-bar{height:16px}
.mg-meters .mg-bar:nth-child(2) .mg-needle{animation-delay:-1.3s}.mg-meters .mg-bar:nth-child(3) .mg-needle{animation-delay:-2.6s}
.mg-meters .mg-bar:nth-child(2) .mg-zone{animation-delay:-1.3s}.mg-meters .mg-bar:nth-child(3) .mg-zone{animation-delay:-2.6s}

/* kilit pimleri */
.mg-pins{display:flex;justify-content:center;gap:10px;height:96px;align-items:flex-end;padding:0 10px;border-bottom:3px solid #4a5464}
.mg-pin{position:relative;width:16px;height:58px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#d9dee6,#8a94a3);animation:mgPin 5s infinite;animation-delay:calc(var(--i) * .55s)}
.mg-pin::after{content:"";position:absolute;left:-3px;right:-3px;bottom:-3px;height:3px;background:var(--vx-success);opacity:0;animation:mgPinOk 5s infinite;animation-delay:calc(var(--i) * .55s)}
@keyframes mgPin{0%,8%{transform:translateY(0)}14%,86%{transform:translateY(-30px)}100%{transform:translateY(0)}}
@keyframes mgPinOk{0%,12%{opacity:0}16%,86%{opacity:1}100%{opacity:0}}
.mg-tension{display:flex;align-items:center;gap:8px;font:600 11px/1 var(--mono);color:var(--vx-faint);letter-spacing:.1em}
.mg-tension i{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--vx-success) 0 55%,var(--vx-warning) 55% 80%,#ff6b6b 80%);position:relative}
.mg-tension i::after{content:"";position:absolute;top:-4px;width:3px;height:14px;background:#fff;left:40%;animation:mgTen 2.2s ease-in-out infinite alternate}
@keyframes mgTen{to{left:62%}}

/* voltaj ve kadran */
.mg-gauge{position:relative;width:200px;max-width:100%;aspect-ratio:2/1.15;margin:0 auto}
.mg-gauge svg{width:100%;height:100%;overflow:visible}
.mg-gauge .mg-hand{transform-box:view-box;transform-origin:100px 100px;animation:mgHand 4s cubic-bezier(.3,1.4,.5,1) infinite}
@keyframes mgHand{0%,8%{transform:rotate(-88deg)}38%{transform:rotate(var(--deg,38deg))}44%{transform:rotate(calc(var(--deg,38deg) - 6deg))}50%,86%{transform:rotate(var(--deg,38deg))}100%{transform:rotate(-88deg)}}
.mg-gauge b{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font:400 30px/1 var(--display);color:#fff}

/* üretim aşamaları (saksı, tencere) */
.mg-grow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mg-grow li{list-style:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font:700 11px/1.1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint);text-align:center;animation:mgStep 6s infinite;animation-delay:calc(var(--i) * 1.5s)}
.mg-grow li i{font-size:22px;color:var(--vx-faint);animation:mgStepI 6s infinite;animation-delay:calc(var(--i) * 1.5s)}
.mg-grow{margin:0;padding:0}
@keyframes mgStep{0%,24%{border-color:var(--vx-success);color:#fff;background:rgba(131,201,172,.12)}26%,100%{border-color:rgba(255,255,255,.1);color:var(--vx-faint);background:transparent}}
@keyframes mgStepI{0%,24%{color:var(--vx-success);transform:scale(1.15)}26%,100%{color:var(--vx-faint);transform:none}}
.mg-timer{display:flex;align-items:center;gap:10px;font:600 12px/1.2 var(--mono);color:var(--vx-muted)}
.mg-timer i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.mg-timer i::after{content:"";position:absolute;inset:0;width:0;background:linear-gradient(90deg,var(--vx-pink),var(--vx-gold));animation:mgFill 6s linear infinite}
@keyframes mgFill{to{width:100%}}
.mg-warn{font:700 13px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#ff8f8f;animation:mgBlink 1s steps(2) infinite}
@keyframes mgBlink{50%{opacity:.25}}

/* üretim hattı */
.mg-line{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mg-line li{display:flex;align-items:center;gap:10px;font:600 14px/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-faint);animation:mgLine 7s infinite;animation-delay:calc(var(--i) * 1.2s)}
.mg-line li::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;flex:0 0 auto}
@keyframes mgLine{0%,4%{color:var(--vx-faint)}10%,92%{color:var(--vx-success)}100%{color:var(--vx-faint)}}
.mg-line li span{margin-left:auto;font:600 11px var(--mono);opacity:.8}

/* kartlar ve zar */
.mg-cards{display:flex;justify-content:center;gap:8px;perspective:600px}
.mg-card{width:46px;height:66px;position:relative;transform-style:preserve-3d;animation:mgFlip 5s infinite;animation-delay:calc(var(--i) * .3s)}
.mg-card b,.mg-card i{position:absolute;inset:0;border-radius:5px;display:grid;place-items:center;backface-visibility:hidden}
.mg-card i{background:repeating-linear-gradient(45deg,#73558c 0 6px,#16326e 6px 12px);border:2px solid #fff}
.mg-card b{background:#f6f2e8;color:#14171c;transform:rotateY(180deg);font:400 26px/1 var(--display)}
.mg-card b.r{color:#c2183c}
@keyframes mgFlip{0%,10%{transform:rotateY(0)}20%,85%{transform:rotateY(180deg)}95%,100%{transform:rotateY(0)}}
.mg-dice{display:flex;justify-content:center;gap:18px}
.mg-die{width:54px;height:54px;border-radius:10px;background:#f6f2e8;display:grid;grid-template-columns:repeat(3,1fr);padding:8px;gap:2px;animation:mgRoll 3s infinite;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.mg-die:nth-child(2){animation-delay:.15s}
.mg-die i{width:9px;height:9px;border-radius:50%;background:#14171c;place-self:center}
.mg-die i.o{visibility:hidden}
@keyframes mgRoll{0%{transform:rotate(0) translateY(0)}15%{transform:rotate(200deg) translateY(-18px)}30%,100%{transform:rotate(360deg) translateY(0)}}

/* bowling ve bilardo: kuru skor tabelası */
.mg-score{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden}
.mg-score span{padding:8px 0;text-align:center;font:400 22px/1 var(--display);border-right:1px solid rgba(255,255,255,.1);color:var(--vx-muted);animation:mgScore 5s infinite;animation-delay:calc(var(--i) * .6s)}
.mg-score span:last-child{border-right:0}
@keyframes mgScore{0%,6%{color:var(--vx-faint);background:transparent}12%,90%{color:#fff;background:rgba(244,154,193,.12)}100%{color:var(--vx-faint)}}

@media (max-width:1180px){
	.dn-break__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
	.dn-break__mg{grid-column:1/-1;max-width:520px;width:100%;justify-self:center}
	.dn-break--rev .dn-break__art{order:0}
}
@media (max-width:700px){
	.dn-break{padding:70px 0 60px}
	.dn-break__grid{grid-template-columns:minmax(0,1fr);gap:26px}
	.dn-break__art img{aspect-ratio:16/10}
	.dn-break__mg{max-width:none}
	.dn-break__tape{font-size:11px}
}

/* çanta ekranı canlandırması */
.mg-inv{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;align-items:start}
.mg-inv p{margin:0 0 6px;font:700 10px/1 var(--cond);letter-spacing:.16em;color:var(--vx-gold);display:flex;justify-content:space-between}
.mg-inv p span{color:var(--vx-faint);letter-spacing:.04em}
.mg-inv__bag,.mg-inv__trunk{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:8px}
.mg-inv__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.mg-inv__grid--s{grid-template-columns:repeat(3,minmax(0,1fr))}
.mg-slot{position:relative;aspect-ratio:1;border-radius:3px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal}
.mg-slot em{font-size:13px;color:#cfd8e3}
.mg-slot small{position:absolute;right:2px;bottom:1px;font:700 8px/1 var(--mono);color:var(--vx-gold)}
.mg-slot--pick{animation:mgPick 6s infinite}
.mg-slot--pick em,.mg-slot--pick small{animation:mgGone 6s infinite}
.mg-slot--drop em,.mg-slot--drop small{opacity:0;animation:mgArrive 6s infinite}
.mg-slot--drop{animation:mgDrop 6s infinite}
@keyframes mgPick{0%,10%{border-color:rgba(255,255,255,.08)}14%,40%{border-color:var(--vx-pink);box-shadow:0 0 0 2px rgba(244,154,193,.35)}44%,100%{border-color:rgba(255,255,255,.08);box-shadow:none}}
@keyframes mgGone{0%,40%{opacity:1}44%,92%{opacity:0}100%{opacity:1}}
@keyframes mgArrive{0%,64%{opacity:0}68%,92%{opacity:1}100%{opacity:0}}
@keyframes mgDrop{0%,60%{border-color:rgba(255,255,255,.08)}64%,80%{border-color:var(--vx-success);box-shadow:0 0 0 2px rgba(131,201,172,.35)}86%,100%{border-color:rgba(255,255,255,.08);box-shadow:none}}
.mg-inv__fly{position:absolute;left:24%;top:30%;width:26px;height:26px;border-radius:4px;display:grid;place-items:center;background:rgba(244,154,193,.9);color:#14171c;font-size:13px;opacity:0;animation:mgFly 6s infinite;box-shadow:0 8px 20px rgba(0,0,0,.5)}
@keyframes mgFly{0%,40%{opacity:0;left:24%;top:30%;transform:scale(1)}44%{opacity:1;transform:scale(1.25)}62%{opacity:1;left:70%;top:34%;transform:scale(1.1)}66%,100%{opacity:0;left:70%;top:34%}}
.mg-inv__btns{margin:8px 0 0!important;gap:4px;justify-content:flex-start!important}
.mg-inv__btns span{flex:1;text-align:center;padding:5px 0;border:1px solid rgba(255,255,255,.14);border-radius:3px;color:var(--vx-ink)!important;letter-spacing:.1em!important}
.mg-inv__btns span:first-child{background:var(--vx-gold);color:var(--vx-on-gold)!important;border-color:var(--vx-gold)}
/* ---------- oyun içi ekranlar: envanter, HUD, tasarım masası ---------- */
.dn-chapter--screens{background:radial-gradient(ellipse at 50% 0%,rgba(115,85,140,.2),transparent 60%)}
.dn-rules{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dn-rules li{border:1px solid var(--vx-line);border-top:3px solid var(--vx-gold);border-radius:4px;padding:16px;background:rgba(255,255,255,.02)}
.dn-rules b{display:block;font:600 17px/1.2 var(--cond);letter-spacing:.05em;text-transform:uppercase}
.dn-rules span{display:block;margin-top:6px;font-size:14.5px;color:var(--vx-muted);line-height:1.45}
.dn-screens__stage{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:24px;margin-top:clamp(40px,5vw,64px);align-items:start}
.dn-inv,.dn-hud{margin:0}
.dn-inv figcaption,.dn-hud figcaption{margin-top:12px;font-size:14px;color:var(--vx-faint)}
.dn-inv__sky{position:relative;aspect-ratio:640/448;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#5f4f86 0%,#9a6aa0 26%,#e2879d 48%,#2a7f8f 70%,#0f2236 100%);box-shadow:0 40px 90px rgba(0,0,0,.6);container-type:inline-size;font-family:"Barlow Condensed",Arial,sans-serif;color:#f2f4f8}
.dn-inv__sky::after{content:"";position:absolute;inset:0;background:rgba(11,16,22,.28);pointer-events:none}
.dn-inv__sky>*{position:relative;z-index:1}
.dn-inv__cam{position:absolute!important;right:1.4cqw;top:1.2cqw;font:600 1.3cqw/1 var(--mono);color:rgba(255,255,255,.75)}
.dn-inv__tag{position:absolute;left:6.2%;top:10%;margin:0;background:#e7cb89;color:#14171c;font:700 1.35cqw/1 var(--cond);letter-spacing:.1em;padding:.5cqw 1cqw;width:24%}
.dn-inv__title{position:absolute;left:6.2%;top:13.6%;margin:0;font:400 4.2cqw/1 var(--display);letter-spacing:.04em}
.dn-inv__cols{position:absolute;left:6.2%;right:6.2%;top:24%;bottom:12%;display:grid;grid-template-columns:2.85fr 1.17fr 2.85fr;gap:1.4cqw}
.dn-inv__panel{position:relative;background:#141a22;border-radius:1px;padding:1.2cqw;box-shadow:.6cqw .6cqw 0 -.1cqw #10151c,1.2cqw 1.2cqw 0 -.2cqw #0d1117;display:flex;flex-direction:column}
.dn-inv__h{display:flex;justify-content:space-between;margin:0;font:700 1.25cqw/1 var(--cond);letter-spacing:.08em}
.dn-inv__h b{color:#e7cb89}.dn-inv__h span{color:#a3b1c2;font-weight:600}
.dn-inv__kg{display:block;height:.5cqw;margin:.8cqw 0;background:linear-gradient(90deg,#e7cb89 0 47%,#303b49 47%)}
.dn-inv__kg--s{background:linear-gradient(90deg,#e7cb89 0 30%,#303b49 30%)}
.dn-inv__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6cqw;flex:1;align-content:start}
.dn-inv__slot{position:relative;aspect-ratio:1;background:#1a212b;display:grid;place-items:center;font-style:normal;transition:background .2s}
.dn-inv__slot em{font-size:2.6cqw;color:#c9d2dd}
.dn-inv__slot em.fa-bottle-water{color:#5aa36a}.dn-inv__slot em.fa-burger{color:#e3a54a}.dn-inv__slot em.fa-box{color:#c8a46a}.dn-inv__slot em.fa-key{color:#e7cb89}.dn-inv__slot em.fa-smoking{color:#f2f4f8}.dn-inv__slot em.fa-note-sticky{color:#e9edf2}.dn-inv__slot em.fa-gun{color:#6b7380}
.dn-inv__slot small{position:absolute;right:.4cqw;bottom:.3cqw;font:700 1.15cqw/1 Arial,sans-serif;color:#fff}
.dn-inv__slot--pick{animation:invPick 8s infinite}
.dn-inv__slot--pick em,.dn-inv__slot--pick small{animation:invGone 8s infinite}
.dn-inv__slot--drop{animation:invDrop 8s infinite}
.dn-inv__slot--drop em,.dn-inv__slot--drop small{opacity:0;animation:invArrive 8s infinite}
@keyframes invPick{0%,8%{background:#1a212b}12%,22%{background:#7a6a4a}26%,56%{background:#1e3a5c}60%,100%{background:#1a212b}}
@keyframes invGone{0%,56%{opacity:1;transform:none}26%,56%{transform:rotate(-8deg) scale(1.12)}60%,94%{opacity:0}100%{opacity:1}}
@keyframes invDrop{0%,46%{background:#1a212b}50%,58%{background:#7a6a4a}62%,90%{background:#1a212b}}
@keyframes invArrive{0%,58%{opacity:0}62%,94%{opacity:1}100%{opacity:0}}
.dn-inv__pages{display:flex;justify-content:space-between;align-items:center;margin:.8cqw 0 0;font:700 1.2cqw/1 var(--cond);color:#a3b1c2}
.dn-inv__pages span{background:#1a212b;padding:.5cqw 1cqw;color:#fff}
.dn-inv__panel--mid{gap:.7cqw;align-items:stretch}
.dn-inv__preview{aspect-ratio:1.05;background:#0b1016;display:grid;place-items:center;margin-top:.6cqw}
.dn-inv__preview em{font-size:5cqw;color:#5aa36a;opacity:0;animation:invPrev 8s infinite}
@keyframes invPrev{0%,24%{opacity:0;transform:scale(.6) rotate(-10deg)}30%,58%{opacity:1;transform:none}62%,100%{opacity:0}}
.dn-inv__hint{position:relative;margin:0;text-align:center;font:700 1.3cqw/1.5 Arial,sans-serif;height:4cqw}
.dn-inv__hint b{position:absolute;left:0;right:0;top:0}
.dn-inv__hint b:first-child{animation:invT1 8s infinite}.dn-inv__hint b:nth-child(2){opacity:0;color:#91ceff;animation:invT2 8s infinite}
@keyframes invT1{0%,24%{opacity:1}28%,58%{opacity:0}62%,100%{opacity:1}}
@keyframes invT2{0%,24%{opacity:0}28%,58%{opacity:1}62%,100%{opacity:0}}
.dn-inv__hint span{position:absolute;left:0;right:0;top:2cqw;font-size:1.05cqw;color:#a3b1c2;font-weight:600}
.dn-inv__qty{display:flex;justify-content:space-between;align-items:center;margin:0;font:700 1.3cqw/1 Arial,sans-serif}
.dn-inv__qty b{position:relative;flex:1;margin:0 .6cqw;height:2.4cqw;background:#0b1016}
.dn-inv__qty b i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal}
.dn-inv__qty b i:first-child{animation:invT1 8s infinite}.dn-inv__qty b i:last-child{opacity:0;animation:invT2 8s infinite}
.dn-inv__btn{margin:0;padding:.75cqw 0;text-align:center;background:#1a212b;font:700 1.1cqw/1 Arial,sans-serif;letter-spacing:.08em;color:#a3b1c2}
.dn-inv__btn--red{color:#ff9a8f}.dn-inv__btn--close{margin-top:auto;color:#fff}
.dn-inv__btn:first-of-type{animation:invUse 8s infinite}
@keyframes invUse{0%,26%,60%,100%{background:#1a212b;color:#a3b1c2}30%,56%{background:#e7cb89;color:#14171c}}
.dn-inv__note{margin:.8cqw 0 0;font:700 1.15cqw/1.3 Arial,sans-serif;color:#a3b1c2}
.dn-inv__cursor{position:absolute!important;z-index:3!important;left:30%;top:42%;font-size:2.4cqw;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));animation:invCur 8s infinite}
@keyframes invCur{0%{left:20%;top:70%}10%,22%{left:31.5%;top:41%}24%{transform:scale(.85)}26%{transform:none}46%,56%{left:76%;top:52%}57%{transform:scale(.85)}59%{transform:none}80%,100%{left:20%;top:70%}}
.dn-inv:not(.in) *,.dn-hud:not(.in) *{animation-play-state:paused!important}

/* HUD */
.dn-hud__scene{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:url('../images/vice/donusum/street-m.webp') center/cover;box-shadow:0 40px 90px rgba(0,0,0,.6);container-type:inline-size}
.dn-hud__scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.2),rgba(7,9,13,.55))}
.dn-hud__radar{position:absolute;left:5%;bottom:5%;width:30%;aspect-ratio:1;border-radius:50%;border:3px solid rgba(0,0,0,.6);background:radial-gradient(circle,#4c6a52 0 40%,#3a5442 70%);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.dn-hud__card{position:absolute;right:5%;bottom:5%;width:56%;background:rgba(20,26,34,.94);padding:3cqw 3cqw 2.4cqw;animation:hudHue 12s infinite}
.dn-hud__strip{position:absolute;left:0;right:0;top:0;height:1.2cqw;background:#e7cb89}
@keyframes hudHue{0%,22%{filter:none}25%,47%{filter:hue-rotate(290deg)}50%,72%{filter:hue-rotate(170deg)}75%,97%{filter:hue-rotate(95deg)}100%{filter:none}}
.dn-hud__top{display:flex;justify-content:space-between;margin:0;font:700 3cqw/1 var(--cond);letter-spacing:.1em;color:#e7cb89}
.dn-hud__top span:last-child{color:#a3b1c2}
.dn-hud__name{margin:1.6cqw 0 1.4cqw;font:700 4.6cqw/1 Arial,sans-serif;color:#f49ac1}
.dn-hud__bar{display:grid;grid-template-columns:15cqw 1fr 6cqw;align-items:center;gap:1.6cqw;margin:0 0 1.1cqw;font:700 2.6cqw/1 Arial,sans-serif;color:#a3b1c2}
.dn-hud__bar i{height:1.6cqw;background:#303b49;position:relative}
.dn-hud__bar i::after{content:"";position:absolute;inset:0;width:var(--v);background:currentColor}
.dn-hud__bar b{color:#f2f4f8;text-align:right}
.dn-hud__bar--success{color:#83c9ac}.dn-hud__bar--blue{color:#91ceff}.dn-hud__bar--gold{color:#e7cb89}.dn-hud__bar--danger{color:#ff9a8f}
.dn-hud__bar span{color:#a3b1c2}
.dn-hud__pay{display:flex;justify-content:space-between;margin:1.6cqw 0 0;font:700 2.6cqw/1 Arial,sans-serif;color:#8391a3}
.dn-hud__street{position:absolute;left:5%;bottom:calc(5% + 30% + 4cqw);background:rgba(20,26,34,.92);padding:1.8cqw 2.4cqw;border-left:1.2cqw solid #83c9ac}
.dn-hud__street b{display:block;font:700 3.6cqw/1 var(--cond);letter-spacing:.06em;color:#fff}
.dn-hud__street span{display:block;margin-top:.8cqw;font:700 2.4cqw/1 Arial,sans-serif;color:#83c9ac}
.dn-hud__panel{position:absolute;left:5%;top:5%;width:52%;background:rgba(20,26,34,.94);padding:2.4cqw;display:flex;flex-wrap:wrap;gap:1.2cqw;border-top:1.2cqw solid #e7cb89}
.dn-hud__panel p{width:100%;margin:0;font:700 2.6cqw/1 var(--cond);letter-spacing:.14em;color:#e7cb89}
.dn-hud__panel span{font:700 2.3cqw/1 Arial,sans-serif;padding:1.2cqw 1.4cqw;background:#1a212b;color:#a3b1c2}
.dn-hud__panel span.on{background:#91ceff;color:#14171c}
.dn-hud__panel .sw{width:5cqw;height:5cqw;padding:0;background:var(--c);border:2px solid transparent}
.dn-hud__panel .sw:nth-of-type(5){animation:hudSw 12s infinite}.dn-hud__panel .sw:nth-of-type(6){animation:hudSw 12s infinite -9s}.dn-hud__panel .sw:nth-of-type(7){animation:hudSw 12s infinite -6s}.dn-hud__panel .sw:nth-of-type(8){animation:hudSw 12s infinite -3s}
@keyframes hudSw{0%,22%{border-color:#fff}25%,100%{border-color:transparent}}

/* tasarım masası */
.dn-slots-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:clamp(50px,6vw,90px)}
.dn-slots-head p{margin:0;max-width:56ch;color:var(--vx-muted)}
.dn-slots{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dn-slot{border:1px solid var(--vx-line);border-radius:6px;background:var(--vx-surface);overflow:hidden;padding:0 0 16px}
.dn-slot__view{position:relative;aspect-ratio:640/448;background:#0b1016;overflow:hidden}
.dn-slot__view img{width:100%;height:100%;object-fit:cover}
.dn-slot__bp{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;color:rgba(145,206,255,.55);background:linear-gradient(rgba(145,206,255,.07) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,rgba(145,206,255,.07) 1px,transparent 1px) 0 0/16px 16px,#0d1520}
.dn-slot__bp i{font-size:30px}
.dn-slot__bp b{font:600 11px/1 var(--mono);letter-spacing:.1em}
.dn-slot__bp::after{content:"";position:absolute;inset:10px;border:1px dashed rgba(145,206,255,.3)}
.dn-slot__state{position:absolute;left:8px;top:8px;font:700 10.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;padding:5px 7px;background:rgba(7,9,13,.85);color:var(--vx-gold);border:1px solid rgba(231,203,137,.4)}
.dn-slot--done .dn-slot__state{color:var(--vx-success);border-color:rgba(131,201,172,.45)}
.dn-slot__no{margin:14px 16px 0;font:600 12px var(--mono);color:var(--vx-gold)}
.dn-slot h4{margin:4px 16px 0;font:600 18px/1.2 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.dn-slot h4+p{margin:6px 16px 0;font-size:14px;line-height:1.45;color:var(--vx-muted)}
@media (max-width:1180px){.dn-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-screens__stage{grid-template-columns:minmax(0,1fr)}.dn-hud{max-width:420px}.dn-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.dn-rules{grid-template-columns:minmax(0,1fr)}.dn-slots{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.dn-slot h4{font-size:15px;margin:4px 10px 0}.dn-slot h4+p{display:none}.dn-slot__no{margin:10px 10px 0}.dn-slots-head{flex-direction:column;align-items:flex-start}}
/* Hikâyen: otomatik karakter hikâyesi */
.dn-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,5vw,80px);align-items:center;margin-top:clamp(70px,8vw,120px);padding-top:clamp(50px,6vw,80px);border-top:1px solid var(--vx-line)}
.dn-story__kick{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-pink)}
.dn-story__list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.dn-story__list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;color:var(--vx-muted);font-size:16px;line-height:1.5}
.dn-story__list i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(231,203,137,.12);color:var(--vx-gold);border:1px solid rgba(231,203,137,.3)}
.dn-story__list b{color:var(--vx-ink)}
.dn-story__visual{position:relative;padding:0 0 60px}
.dn-book{position:relative;background:#f3ecdc;color:#2a2622;border-radius:4px 10px 10px 4px;padding:34px 38px 30px 46px;box-shadow:0 40px 90px rgba(0,0,0,.6),inset 14px 0 18px -12px rgba(0,0,0,.35);transform:rotate(-1.5deg);font-family:Georgia,"Times New Roman",serif}
.dn-book::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:rgba(194,24,60,.25)}
.dn-book__run{margin:0;font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a7a5a}
.dn-book__title{margin:14px 0 0;font:400 clamp(40px,4vw,58px)/.95 var(--display);text-transform:uppercase;color:#14171c;letter-spacing:.02em}
.dn-book__sub{margin:6px 0 0;font:italic 15px/1.4 Georgia,serif;color:#6b5a3a}
.dn-book__toc{list-style:none;margin:20px 0 0;padding:14px 0;border-top:1px solid rgba(42,38,34,.2);border-bottom:1px solid rgba(42,38,34,.2);display:flex;flex-direction:column;gap:7px}
.dn-book__toc li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:baseline;font-size:15px}
.dn-book__toc b{font:700 13px/1 Georgia,serif;color:#c2183c}
.dn-book__toc small{font:600 11px/1 var(--mono);color:#8a7a5a}
.dn-story__visual.in .dn-book__toc li{animation:bookIn .6s both}
.dn-story__visual.in .dn-book__toc li:nth-child(2){animation-delay:.25s}.dn-story__visual.in .dn-book__toc li:nth-child(3){animation-delay:.5s}.dn-story__visual.in .dn-book__toc li:nth-child(4){animation-delay:.75s}
@keyframes bookIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.dn-book__prose{margin:16px 0 0;font-size:16px;line-height:1.65}
.dn-book__drop{float:left;font:400 56px/.85 var(--display);color:#c2183c;margin:4px 8px 0 0}
.dn-book__seal{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.dn-book__seal span{font:700 11px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;border:1.5px solid #c2183c;color:#c2183c;padding:5px 8px;border-radius:3px}
.dn-serp{position:absolute;right:-4%;bottom:0;width:78%;background:#fff;color:#202124;border-radius:12px;padding:16px 18px;box-shadow:0 30px 60px rgba(0,0,0,.55);font-family:Arial,sans-serif;transform:rotate(1.2deg)}
.dn-serp__url{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:#4d5156}
.dn-serp__url img{width:16px;height:16px;border-radius:50%}
.dn-serp__title{margin:6px 0 0;font-size:18px;line-height:1.3;color:#1a0dab}
.dn-serp__desc{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:#4d5156}
@media (max-width:900px){.dn-story{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.dn-book{padding:26px 22px 24px 32px}.dn-book::before{left:12px}.dn-serp{position:relative;right:auto;width:94%;margin:-24px 0 0 auto}.dn-story__visual{padding-bottom:0}}

.dn-mg-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:-6px 0 28px}
.mg-sms{display:flex;flex-direction:column;gap:8px}
.mg-sms__b{margin:0;max-width:86%;padding:9px 12px;border-radius:16px;font:500 14px/1.35 var(--sans);opacity:0;transform:translateY(8px);animation:mgSms 9s infinite;animation-delay:calc(var(--i) * 1.4s)}
.mg-sms__b b{display:block;font:700 11px/1.2 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-gold);margin-bottom:2px}
.mg-sms__b--them{align-self:flex-start;background:#2a2f3a;color:#e9edf2;border-bottom-left-radius:4px}
.mg-sms__b--me{align-self:flex-end;background:#2f7cf6;color:#fff;border-bottom-right-radius:4px}
@keyframes mgSms{0%{opacity:0;transform:translateY(8px)}6%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.mg-sms__act{display:flex;gap:8px;margin:4px 0 0}
.mg-sms__act span{flex:1;text-align:center;padding:8px 0;border-radius:6px;font:700 12px/1 var(--cond);letter-spacing:.14em;background:rgba(131,201,172,.2);color:var(--vx-success);border:1px solid rgba(131,201,172,.45)}
.mg-sms__act span+span{background:rgba(255,154,143,.12);color:var(--vx-danger,#ff9a8f);border-color:rgba(255,154,143,.4)}
@media (max-width:1180px){.dn-mg-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:700px){.dn-mg-row{grid-template-columns:minmax(0,1fr)}}
.dn-punch{display:block;margin-top:14px;font:600 clamp(20px,1.8vw,26px)/1.3 var(--cond);letter-spacing:.03em;text-transform:uppercase;color:#fff}
.dn-cover__samp{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
@media (max-width:700px){.dn-cover__samp{width:50px;height:50px}}
/* kapak manşetleri: dergi kapağı etiketleri (altın / pembe / krem kâğıt, koyu mürekkep, Vice açısıyla kesik köşe) */
.dn-cover__lines{counter-reset:cl;gap:12px!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.dn-cover__lines--r{counter-reset:cl}
.dn-cover__lines li{position:relative;max-width:286px;padding:10px 34px 12px 14px;border:0!important;border-radius:0;background:var(--vx-gold);color:#14171c;text-shadow:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 12px) 100%,0 100%);transform:rotate(-.7deg)}
.dn-cover__lines li:nth-child(even){transform:rotate(.6deg)}
.dn-cover__lines--l li:nth-child(2),.dn-cover__lines--l li:nth-child(5),.dn-cover__lines--r li:nth-child(3){background:#f3ead6}
.dn-cover__lines--l li:nth-child(4),.dn-cover__lines--r li:nth-child(2){background:var(--vx-pink)}
.dn-cover__lines li::before{content:attr(data-k);display:block;margin-bottom:2px;font:700 10px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(20,23,28,.62)}
.dn-cover__lines li::after{counter-increment:cl;content:counter(cl,decimal-leading-zero);position:absolute;right:10px;top:7px;font:400 22px/1 var(--display);color:rgba(20,23,28,.32)}
.dn-cover__lines b{font-size:22px!important;color:#14171c;letter-spacing:.01em}
.dn-cover__lines span{margin-top:3px;font:600 12.5px/1.35 var(--sans);color:rgba(20,23,28,.78)}

/* ---------- 18 Vice'da neler var: sergi ---------- */
.dn-chapter--sergi{background:radial-gradient(ellipse at 20% 0%,rgba(241,127,151,.12),transparent 55%),radial-gradient(ellipse at 90% 40%,rgba(32,148,165,.1),transparent 55%)}
.dn-sergi__tabs{position:sticky;top:calc(var(--mast) + 8px);z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px;margin:0 0 30px;background:rgba(7,9,13,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--vx-line);border-radius:8px;scrollbar-width:none}
.dn-sergi__tabs::-webkit-scrollbar{display:none}
.dn-sergi__tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--vx-line);border-radius:4px;background:none;color:var(--vx-muted);font:600 14px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.dn-sergi__tabs button img{width:20px;height:20px;border-radius:5px}
.dn-sergi__tabs button b{font:600 11px var(--mono);color:var(--vx-faint)}
.dn-sergi__tabs button:hover{border-color:var(--vx-line-strong);color:var(--vx-ink)}
.dn-sergi__tabs button.is-on{background:var(--vx-gold);border-color:var(--vx-gold);color:var(--vx-on-gold)}
.dn-sergi__tabs button.is-on b{color:rgba(20,23,28,.6)}
.dn-sergi__cat{margin-bottom:46px}
.dn-sergi__cat[hidden]{display:none!important}
.dn-sergi__h{display:flex;align-items:center;gap:14px;margin:0 0 18px;font:400 clamp(30px,3vw,44px)/1 var(--display);text-transform:uppercase}
.dn-sergi__h img{width:36px;height:36px;border-radius:9px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.dn-sergi__h small{margin-left:auto;font:600 12px var(--mono);letter-spacing:.08em;color:var(--vx-faint);text-transform:uppercase}
.dn-sergi__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dn-sergi__card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;border:1px solid var(--vx-line);border-radius:6px;background:linear-gradient(165deg,rgba(255,255,255,.035),rgba(255,255,255,0) 60%),var(--vx-surface);transition:transform .25s,border-color .25s}
.dn-sergi__card:hover{transform:translateY(-3px);border-color:var(--vx-line-strong)}
.dn-sergi__card.is-new{border-color:rgba(231,203,137,.45)}
.dn-sergi__no{font:600 11px var(--mono);color:var(--vx-faint)}
.dn-sergi__new{position:absolute;right:12px;top:12px;font:700 10px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;background:var(--vx-gold);color:var(--vx-on-gold);padding:4px 6px}
.dn-sergi__card h4{margin:2px 0 0;font:600 18px/1.15 var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--vx-ink)}
.dn-sergi__card p{margin:0;font-size:14px;line-height:1.45;color:var(--vx-muted)}
.dn-sergi__card code{margin-top:auto;padding-top:8px;font:600 12px/1.3 var(--mono);color:var(--neon-cyan)}
.dn-sergi__foot{margin:10px 0 0;font-size:13.5px;color:var(--vx-faint)}
@media (max-width:1180px){.dn-sergi__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.dn-sergi__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.dn-sergi__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.dn-sergi__card{padding:12px}.dn-sergi__card h4{font-size:15px}.dn-sergi__card p{font-size:12.5px}.dn-sergi__h{font-size:28px}.dn-sergi__tabs{top:calc(var(--mast) + 4px);padding:8px}}

/* kapak: sağdaki üç etiketin altındaki dergi notu */
.dn-cover__more{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;max-width:286px;padding:6px 2px 0;text-decoration:none;color:#fff;border-top:1px dashed rgba(231,203,137,.55)}
.dn-cover__more b{grid-column:1;font:400 26px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.dn-cover__more span{grid-column:1;font:600 12.5px/1.35 var(--mono);letter-spacing:.02em;color:var(--vx-gold);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.dn-cover__more i{grid-column:2;grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--vx-gold);color:var(--vx-on-gold);font-size:14px;transition:transform .25s}
.dn-cover__more:hover i{transform:translateY(3px)}
/* son iki ay görselleri */
.dn-cortez{margin:0 0 16px;border-radius:8px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.08)}
.dn-cortez img{width:100%}
.dn-cortez figcaption,.dn-launcher__shot figcaption,.dn-txd figcaption{padding:8px 12px;font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-faint);background:rgba(7,9,13,.85)}
.dn-launcher__shot{margin:30px auto 0;width:100%;max-width:760px;border-radius:10px;overflow:hidden;border:1px solid rgba(95,225,255,.3);box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 40px rgba(95,225,255,.12)}
.dn-launcher__shot img{width:100%}
.dn-txd{position:absolute;right:-6%;top:-10%;width:42%;margin:0;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.55);transform:rotate(2deg);border:1px solid rgba(255,255,255,.12);z-index:2}
.dn-txd img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}
@media (max-width:700px){.dn-txd{position:relative;right:auto;top:auto;width:70%;margin:16px 0 0 auto;transform:none}}
/* ---------- duyarlılık ---------- */
@media (max-width:1180px){
	.dn-cover__frame{grid-template-columns:minmax(0,1fr) 250px}
	.dn-cover__side{grid-column:2}
	.dn-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-feats--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-floors{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dn-missions{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-launcher__list{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-kings{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
	.dn-mast__nav a:not(.dn-btn){display:none}
	.dn-spread,.dn-spread--rev{grid-template-columns:minmax(0,1fr);gap:48px}
	.dn-spread--rev .dn-spread__media{order:0}
	.dn-head--split{grid-template-columns:minmax(0,1fr);gap:0}
	.dn-head--split .dn-stand{margin-top:22px}
	.dn-mission,.dn-mission--rev,.dn-mission--ui{grid-template-columns:minmax(0,1fr)}
	.dn-mission--rev .dn-mission__art{order:0}
	.dn-mission__art{min-height:0;aspect-ratio:16/9}
	.dn-steps{grid-template-columns:minmax(0,1fr);gap:22px}
	.dn-steps::before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--vx-pink),var(--vx-gold))}
	.dn-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;padding:0}
	.dn-steps span{grid-row:span 2}
	.dn-steps b{margin-top:6px}
	.dn-desk{grid-template-columns:minmax(0,1fr)}
	.dn-patch{grid-template-columns:minmax(0,1fr)}
	.dn-trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.dn-trio__shot{grid-column:1/-1;grid-row:1;transform:none}
}
@media (max-width:700px){
	:root{--mast:56px}
	body.dn{font-size:16px}
	.dn-wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
	.dn-mast{gap:10px;padding:0 max(12px,env(safe-area-inset-left,0px))}
	.dn-mast__brand span{display:none}
	.dn-mast__chapter{max-width:none;flex:1;min-width:0;margin:0;justify-content:flex-start;padding:0 12px}
	.dn-mast__chapter .fa-solid{margin-left:auto}
	.dn-mast__nav .dn-btn{padding:0 20px 0 12px;font-size:13px}
	.dn-cover__frame{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto auto;padding:calc(var(--mast) + 16px) 16px 22px;gap:14px}
	.dn-cover__frame::before{inset:calc(var(--mast) + 6px) 8px 8px}
	.dn-cover__art img{object-position:55% 20%}
	.dn-cover__shade{background:linear-gradient(0deg,rgba(7,9,13,1) 0%,rgba(7,9,13,.82) 38%,rgba(7,9,13,.15) 66%,rgba(7,9,13,.6) 100%)}
	.dn-cover__plate{gap:0 12px}
	.dn-cover__issue{order:0;width:100%;margin:0 0 8px;font-size:10.5px;gap:8px;flex-wrap:wrap}
	.dn-cover__issue span+span::before{margin-right:8px}
	.dn-cover__name{font-size:30vw}
	.dn-cover__sub{font-size:6.4vw;letter-spacing:.22em}
	.dn-cover__main{grid-row:2}
	.dn-cover__big{font-size:15.5vw}
	.dn-cover__num{font-size:34vw}
	.dn-cover__lede{margin:12px 0 18px}
	.dn-cover__lines--l,.dn-cover__lines--r{display:flex;grid-column:1;flex-direction:row;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none;align-self:auto}
	.dn-cover__side{grid-column:1;grid-row:3;gap:12px}.dn-cover__lines--r{grid-row:auto}
	.dn-cover__lines--l::-webkit-scrollbar,.dn-cover__lines--r::-webkit-scrollbar{display:none}
	.dn-cover__lines--l li,.dn-cover__lines--r li{flex:0 0 72%;scroll-snap-align:start}
	.dn-cover__lines b{font-size:24px}
	.dn-cover__foot{grid-row:5}
	.dn-barcode{width:84px;height:34px}
	.dn-cover__qr,.dn-cover__logo{width:46px;height:46px}
	.dn-cover__cue{display:none}
	.dn-quote::before{font-size:180px}
	.dn-statgrid li{padding:22px 16px;min-height:0}
	.dn-statgrid strong{font-size:16px}
	.dn-statgrid small{font-size:13px}
	.dn-feats--grid{grid-template-columns:minmax(0,1fr);gap:20px}
	.dn-ghost{font-size:44vw;top:20px}
	.dn-screen--float{position:relative;right:auto;bottom:auto;width:88%;margin:-18% 0 0 auto}
	.dn-spread__media:has(.dn-screen--float){padding-bottom:0}
	.dn-screen--phone{width:52%;right:-2%;bottom:-8%}
	.dn-collage{display:flex;flex-direction:column;gap:16px}
	.dn-collage__b,.dn-collage__c{margin-top:0;transform:none}
	.dn-band{min-height:78svh;padding-top:120px}
	.dn-band::after{background:linear-gradient(0deg,var(--vx-canvas) 0%,rgba(7,9,13,.78) 45%,rgba(7,9,13,.2) 80%),linear-gradient(180deg,var(--vx-canvas) 0%,transparent 22%)}
	.dn-trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
	.dn-passport-stage{padding:0 0 4%}
	.dn-passport{position:relative;left:auto;right:auto;top:auto;margin:-30% 4% 0}
	.dn-seals{top:-6px;right:-4px;gap:4px}
	.dn-seal{width:70px;height:70px;font-size:9px;padding:8px}
	.dn-floors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.dn-floors li{min-height:0;padding:16px 14px}
	.dn-gift{width:72%;padding:14px 16px}
	.dn-gift__title{font-size:26px}
	.dn-gift--2{left:14%}.dn-gift--3{left:28%}
	.dn-cassette{width:70%;left:-2%;bottom:-16%}
	.dn-kings{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.dn-kings li:last-child{grid-column:1/-1}
	.dn-missions{grid-template-columns:minmax(0,1fr)}
	.dn-launcher__list{grid-template-columns:minmax(0,1fr)}
	.dn-term{position:relative;left:auto;bottom:auto;width:92%;margin:-16% 0 0 auto}
	.dn-chapter--infra .dn-spread__media{padding-bottom:0}
	.dn-final__cta{flex-direction:column;align-items:stretch;width:100%}
	.dn-final__cta .dn-btn{justify-content:center}
	.dn-tape span{font-size:13px;padding:8px 16px}
	.dn-foot a:last-child{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
	.js .rv:not(.in){opacity:1;transform:none}
	.dn-stamp{opacity:.88;transform:rotate(-14deg)}
}

/* =====================================================================
   v3 (21.10.2026): 19 bölümlük ilk sayının üstüne eklenenler.
   Kapak etiketleri, 01'e dönüş, Vice evreni rehberi, oyundan klipler (numaralı işaretler),
   Oyun arası zinciri, şehir kendini yönetiyor döngüsü, sokak defteri, şehrin hatları,
   VCPD dosya dolabı, Flash panosu, ASGH paneli, Cortez masası, Los Santos, topluluk.
   ===================================================================== */

/* kapak ve 01 */
.dn-cover__aside{font-style:italic;font-size:.84em;color:inherit;opacity:.72}
.dn-cover__lines sup{font:600 .4em/1 var(--mono);color:var(--vx-pink);margin-left:2px;vertical-align:super;letter-spacing:0}
.dn-quote--ellipsis{margin:30px auto 34px}
.dn-quote--ellipsis::before{display:none}
.dn-quote--ellipsis p{font:400 clamp(96px,13vw,190px)/.62 var(--display);letter-spacing:.1em}
.dn-quote--ellipsis a{display:inline-block;text-decoration:none;background:var(--sun);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .3s,filter .3s}
.dn-quote--ellipsis a:hover,.dn-quote--ellipsis a:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 8px 24px rgba(241,127,151,.5))}
.dn-final__kicker{justify-content:center;margin-bottom:4px}
.dn-final__quote{margin:52px auto 30px}
.dn-final__quote p{text-shadow:0 6px 30px rgba(0,0,0,.65)}
.dn-final__q em{letter-spacing:inherit}

/* 03 Vice evreni: kat rehberi */
.dn-chapter--evren{overflow:hidden}
.dn-evren__art{position:absolute;inset:0;z-index:-2}
.dn-evren__art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.2;filter:saturate(.75)}
.dn-chapter--evren::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.84) 20%,rgba(7,9,13,.9) 80%,var(--vx-canvas) 100%)}
.dn-ev{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);grid-template-rows:repeat(11,auto) 1fr;column-gap:clamp(28px,4vw,60px);align-items:start}
.dn-ev__head{grid-column:1;grid-row:1;margin:0;display:flex;justify-content:space-between;padding:0 2px 10px;border-bottom:1px solid rgba(231,203,137,.4);font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-gold)}
.dn-ev__list,.dn-ev__row{display:contents;list-style:none}
.dn-ev__btn{grid-column:1;display:grid;grid-template-columns:28px auto minmax(14px,1fr) auto;align-items:baseline;gap:10px;width:100%;min-height:50px;padding:12px 8px 12px 4px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--vx-muted);cursor:pointer;text-align:left;font:inherit;transition:background-color .25s,padding .25s,box-shadow .25s}
.dn-ev__no{font:600 12px var(--mono);color:var(--vx-faint);transition:color .25s}
.dn-ev__btn b{font:600 19px/1.1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#dfe5ee;white-space:nowrap}
.dn-ev__dots{align-self:center;height:0;border-bottom:2px dotted rgba(255,255,255,.16);transform:translateY(5px)}
.dn-ev__btn small{font:500 12px var(--mono);color:var(--vx-faint)}
.dn-ev__btn:hover b{color:#fff}
.dn-ev__row.is-on .dn-ev__btn{background:linear-gradient(90deg,rgba(244,154,193,.14),rgba(244,154,193,0) 85%);padding-left:14px;box-shadow:inset 3px 0 0 var(--vx-pink)}
.dn-ev__row.is-on .dn-ev__btn b{color:#fff}
.dn-ev__row.is-on .dn-ev__no{color:var(--vx-gold)}
.dn-ev__row.is-on .dn-ev__dots{border-color:rgba(231,203,137,.55)}
.dn-ev__pane{grid-column:2;grid-row:1/-1;align-self:start;position:sticky;top:calc(var(--mast) + 24px);animation:dnEvIn .45s cubic-bezier(.2,.7,.2,1)}
@keyframes dnEvIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dn-ev__pane .dn-screen__view{max-height:min(60vh,540px)}
.dn-ev__pane .dn-screen__view img{object-fit:cover;object-position:top}
.dn-ev__cap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 26px;align-items:end;margin-top:20px}
.dn-ev__kick{grid-column:1/-1;margin:0;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-pink)}
.dn-ev__cap h4{grid-column:1;margin:0;font:400 clamp(32px,3.2vw,48px)/1 var(--display);text-transform:uppercase}
.dn-ev__cap p{grid-column:1;margin:4px 0 0;color:var(--vx-muted);font-size:16.5px;line-height:1.55;max-width:62ch}
.dn-ev__cap a{grid-column:2;grid-row:2/span 2;display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-gold);text-decoration:none;border-bottom:1px solid rgba(231,203,137,.4);padding-bottom:6px;white-space:nowrap}
.dn-ev__cap a:hover{border-color:var(--vx-gold)}

/* oyundan klip ve numaralı işaretler */
.dn-clip{margin:0;position:relative;min-width:0}
.dn-clip__view{position:relative;overflow:hidden;border-radius:8px;background:#05070a;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.55);aspect-ratio:16/9}
.dn-clip__view video{display:block;width:100%;height:100%;object-fit:cover}
.dn-clip__rec{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 8px;background:rgba(7,9,13,.8);font:700 10.5px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:#fff;border-radius:3px;pointer-events:none}
.dn-clip__rec::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4f5e;box-shadow:0 0 8px #ff4f5e;animation:dnRec 1.6s infinite}
@keyframes dnRec{50%{opacity:.25}}
.dn-pins{position:absolute;inset:0;pointer-events:none}
.dn-pin{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:8px;transform:translate(-13px,-50%)}
.dn-pin--l{flex-direction:row-reverse;transform:translate(calc(-100% + 13px),-50%)}
.dn-pin b{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--vx-gold);color:var(--vx-on-gold);font:700 13px/1 var(--mono);box-shadow:0 0 0 4px rgba(231,203,137,.3),0 6px 16px rgba(0,0,0,.55);animation:dnPin 2.4s infinite;animation-delay:calc(var(--i) * .5s)}
@keyframes dnPin{50%{box-shadow:0 0 0 11px rgba(231,203,137,0),0 6px 16px rgba(0,0,0,.55)}}
.dn-pin__t{font:700 12.5px/1.2 var(--cond);letter-spacing:.07em;text-transform:uppercase;color:#fff;background:rgba(7,9,13,.88);padding:6px 9px;border-radius:3px;border-left:2px solid var(--vx-gold);white-space:nowrap}
.dn-pin--l .dn-pin__t{border-left:0;border-right:2px solid var(--vx-gold)}
.dn-clip figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--vx-faint)}
.dn-clip figcaption b{color:var(--vx-ink);font-family:var(--cond);letter-spacing:.06em;text-transform:uppercase}
.dn-pins__legend{list-style:none;margin:0 0 8px;padding:0;display:none;flex-wrap:wrap;gap:6px 14px}
.dn-pins__legend li{display:inline-flex;align-items:center;gap:7px;font:600 13px/1.2 var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--vx-muted)}
.dn-pins__legend b{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--vx-gold);color:var(--vx-on-gold);font:700 10px/1 var(--mono)}

/* Oyun arası: klip sol sütunda, sahne çizimi arka planda; senden önce / senden sonra */
.dn-break__bg{position:absolute;inset:0;z-index:-2}
.dn-break__bg img{width:100%;height:100%;object-fit:cover;opacity:.13;filter:saturate(.75)}
.dn-break--clip .dn-break__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"art copy" "mg copy";align-items:start;row-gap:26px}
.dn-break--clip.dn-break--rev .dn-break__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-areas:"copy art" "copy mg"}
.dn-break--clip .dn-break__art{grid-area:art;order:0;border-radius:0;box-shadow:none;overflow:visible}
.dn-break__art--clip figcaption{position:static;margin-top:12px;padding:0;background:none;color:var(--vx-faint);font:500 14px/1.5 var(--sans);letter-spacing:0;text-transform:none}
.dn-break--clip .dn-break__copy{grid-area:copy}
.dn-break--clip .dn-break__mg{grid-area:mg;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;align-items:start}
.dn-break--clip .dn-break__mg>div[style]{display:none}
.dn-break__chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:22px 0 0;padding:14px 16px;border:1px dashed rgba(231,203,137,.38);border-radius:6px;background:rgba(0,0,0,.28)}
.dn-break__chain p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dn-break__chain p+p::before{content:"→";margin-right:4px;font:600 15px/1 var(--mono);color:var(--vx-gold)}
.dn-break__chain span{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint);margin-right:2px}
.dn-break__chain b{font:600 13px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--vx-line-strong);border-radius:3px;color:#dfe5ee}
.dn-break__chain .is-me span{color:var(--vx-pink)}
.dn-break__chain .is-me b{background:var(--vx-pink);border-color:var(--vx-pink);color:#14171c}

.dn-final__aside{margin:14px auto 0;max-width:58ch;font:italic 500 16px/1.55 var(--sans);color:#d6dde8;text-shadow:0 2px 12px rgba(0,0,0,.6)}

/* ∞ final: kurucunun mektubu (sahibin notu, NOTLAR.md §2) */
.dn-letter{position:relative;width:min(700px,100%);margin:44px auto 6px;padding:44px 48px 36px;text-align:left;background:#efe6d2;color:#2a2a2a;border-radius:3px;box-shadow:0 40px 90px rgba(0,0,0,.55);transform:rotate(-.6deg)}
.dn-letter::before{content:"";position:absolute;top:-11px;left:50%;width:120px;height:22px;margin-left:-60px;background:rgba(244,154,193,.55);transform:rotate(-2deg)}
.dn-letter::after{content:"“";position:absolute;right:26px;top:10px;font:400 130px/1 var(--display);color:#f17f97;opacity:.35;pointer-events:none}
.dn-letter__kick{margin:0 0 10px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9a3b52}
.dn-letter__title{margin:0;font:400 clamp(34px,4vw,50px)/.95 var(--display);text-transform:uppercase;color:#1c1c1c;text-wrap:balance}
.dn-letter__body{margin-top:20px}
.dn-letter__body p{margin:0 0 14px;font:500 16.5px/1.65 var(--sans);color:#33302a}
.dn-letter__body .dn-letter__end{margin:22px 0 0;font:600 21px/1.3 var(--cond);letter-spacing:.02em;color:#1c1c1c}
.dn-letter__sign{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:26px 0 0;padding-top:16px;border-top:1px dashed rgba(60,50,30,.3);text-align:right}
.dn-letter__sign small{display:block;max-width:46ch;margin-bottom:6px;font:italic 500 14px/1.5 var(--sans);color:#5a4a2e}
.dn-letter__sign b{font:400 30px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:#1c1c1c}
.dn-letter__sign span{font:500 12px var(--mono);color:#7a6a4a}
@media (max-width:700px){.dn-letter{padding:36px 22px 26px;transform:none}.dn-letter::after{font-size:90px;right:14px}.dn-letter__body p{font-size:15.5px}}

/* 03 · Artık siteden de oynuyorsun: web oyun ekranı ve sitenin canlı parçaları */
.dn-play{margin:0 0 clamp(70px,8vw,120px)}
.dn-play__copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px 52px;align-items:end;margin-bottom:30px}
.dn-play__kick{grid-column:1/-1;margin:0 0 6px;display:flex;align-items:center;gap:10px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-blue)}
.dn-play__kick span{padding:4px 8px;border:1px solid rgba(145,206,255,.45);border-radius:3px;color:#fff}
.dn-play__title{grid-column:1;margin:0;font:400 clamp(50px,6.6vw,104px)/.9 var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.dn-play__sub{grid-column:1;margin:12px 0 0;font:600 clamp(19px,1.9vw,26px)/1.25 var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 18px rgba(95,225,255,.45)}
.dn-play__text{grid-column:2;grid-row:2/span 2;margin:0;max-width:52ch;color:var(--vx-muted);font-size:17.5px;line-height:1.6}
.dn-play__stage{display:grid;grid-template-columns:250px minmax(0,1fr);grid-auto-rows:auto;row-gap:18px;align-items:start}
.dn-play__screen{grid-column:2;grid-row:1/span 3;position:relative;z-index:1;margin:0;overflow:hidden;border-radius:10px;background:#0d1117;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 120px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.4),0 0 90px rgba(95,225,255,.08)}
.dn-play__view{position:relative;aspect-ratio:1568/772;overflow:hidden;background:#07090d}
.dn-play__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:dnPlay 15s infinite;animation-delay:calc(var(--i) * 5s)}
.dn-play__slide:first-child{opacity:1}
@keyframes dnPlay{0%{opacity:0;transform:scale(1.015)}4%{opacity:1}30%{opacity:1}36%{opacity:0;transform:scale(1)}100%{opacity:0}}
.dn-play__view .dn-clip__rec{left:50%;right:auto;top:10px;transform:translateX(-50%)}
.dn-play__screen figcaption{padding:10px 14px 10px 50px;border-top:1px solid rgba(255,255,255,.07);background:#0d1117}
.dn-play__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dn-play__chips li{padding:6px 10px;border:1px solid var(--vx-line);border-radius:3px;font:600 12.5px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-faint);animation:dnChip 15s infinite;animation-delay:calc(var(--i) * 5s)}
@keyframes dnChip{0%,36%,100%{color:var(--vx-faint);border-color:var(--vx-line);background:transparent}4%,30%{color:#14171c;border-color:var(--vx-gold);background:var(--vx-gold)}}
.dn-play__card{grid-column:1;position:relative;z-index:2;margin:0 -30px 0 0;padding:6px;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.dn-play__card img{display:block;width:100%;border-radius:3px}
.dn-play__card figcaption{padding:7px 3px 2px;font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-gold)}
.dn-play__card--a{transform:rotate(-3deg);margin-top:26px}
.dn-play__card--b{transform:rotate(2deg)}
.dn-play__card--c{transform:rotate(-1.5deg)}

/* 08 · Skin ve haklar */
.dn-skinrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:clamp(56px,7vw,100px)}
.dn-skin{position:relative;padding:clamp(22px,2.6vw,34px);border:1px solid var(--vx-line);border-top:3px solid var(--vx-pink);border-radius:6px;background:linear-gradient(160deg,rgba(244,154,193,.07),rgba(7,9,13,.5))}
.dn-skin--work{border-top-color:var(--neon-cyan);background:linear-gradient(160deg,rgba(95,225,255,.07),rgba(7,9,13,.5))}
.dn-skin__kick{margin:0 0 10px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-gold)}
.dn-skin .dn-h3{margin:0 0 12px}
.dn-skin>p:not(.dn-skin__kick){margin:0;color:var(--vx-muted);font-size:16px;line-height:1.55}
.dn-skin__ticket{margin-top:20px;padding:14px 16px;border:1px solid rgba(131,201,172,.45);border-radius:6px;background:#0a0e14}
.dn-skin__no{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;font:600 15px var(--cond);letter-spacing:.04em}
.dn-skin__no span{color:#83c9ac;font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase}
.dn-skin__no span::before{content:"★ "}
.dn-skin__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.dn-skin__steps li i{display:block;height:5px;border-radius:3px;background:var(--vx-gold);transform-origin:0 50%;transition:transform .5s ease-out calc(var(--i) * .3s + .3s)}
.js .dn-skin:not(.in) .dn-skin__steps li i{transform:scaleX(0)}
.dn-skin__steps span{display:block;margin-top:6px;font:700 10.5px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-muted)}
.dn-skin__foot{margin:12px 0 0;font-size:14px;color:var(--vx-faint)}
.dn-skin__foot code{font:600 13px var(--mono);color:var(--neon-cyan)}
.dn-skin__parts{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.dn-skin__parts li{padding:14px 8px;text-align:center;background:#0a0e14}
.dn-skin__parts b{display:block;font:400 clamp(26px,2.4vw,34px)/1 var(--display);background:var(--sun);-webkit-background-clip:text;background-clip:text;color:transparent}
.dn-skin__parts span{display:block;margin-top:4px;font:600 11px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-muted)}
.dn-korundu{grid-column:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:20px 24px;border:1px solid rgba(231,203,137,.35);border-left:4px solid var(--vx-gold);border-radius:6px;background:#0c1016}
.dn-korundu__seal{width:98px;height:98px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid var(--vx-gold);box-shadow:inset 0 0 0 5px #0c1016,inset 0 0 0 6px rgba(231,203,137,.6);color:var(--vx-gold);transform:rotate(-10deg)}
.dn-korundu__seal small{font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.dn-korundu__seal b{font:400 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.dn-korundu__kick{margin:0;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-gold)}
.dn-korundu__lead{margin:6px 0 0;font:600 18px/1.45 var(--sans);color:#fff}
.dn-korundu__small{margin:6px 0 0;font-size:14.5px;color:var(--vx-muted)}
/* Vice Work gerçek ekranı + ağ görünümü kartı; oyun ekranındaki Atölye fişi (skin satırının sağında, iki satır boyu) */
.dn-vw__media{position:relative;min-width:0}
.dn-vw__ag{position:absolute;left:-26px;bottom:-30px;z-index:2;width:min(30%,170px);margin:0;padding:6px 6px 0;background:#ece8dc;border-radius:3px;box-shadow:0 24px 50px rgba(0,0,0,.6);transform:rotate(-4deg)}
.dn-vw__ag img{display:block;width:100%;height:auto;border-radius:2px}
.dn-vw__ag figcaption{padding:6px 2px 7px;font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#1d2b22}
.dn-skinrow--fis .dn-fis{grid-column:2;grid-row:2/span 2;margin:0;align-self:start}
.dn-skinrow--fis .dn-korundu{grid-column:1}
.dn-fis__cap{margin:12px 2px 0;font-size:14.5px;line-height:1.5;color:var(--vx-muted)}
@media (max-width:1180px){.dn-play__stage{grid-template-columns:200px minmax(0,1fr)}}
@media (max-width:900px){
	.dn-play__copy{grid-template-columns:minmax(0,1fr);gap:8px}
	.dn-play__text{grid-column:1;grid-row:auto;margin-top:12px}
	.dn-play__stage{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
	.dn-play__screen{grid-column:1/-1;grid-row:1}
	.dn-play__screen figcaption{padding:10px 14px}
	.dn-play__card{grid-column:auto;grid-row:2;margin:0;align-self:start}
	.dn-play__card--a{margin-top:0}
	.dn-play__card--c{display:none}
	.dn-skinrow{grid-template-columns:minmax(0,1fr)}
	.dn-skinrow--fis .dn-fis{grid-column:auto;grid-row:auto}
	.dn-korundu{grid-template-columns:minmax(0,1fr);justify-items:start}
}
@media (max-width:700px){
	.dn-play .dn-pins{display:none}
	.dn-play__chips li{font-size:11px;padding:5px 8px}
	.dn-skin__parts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-vw__ag{left:auto;right:-6px;bottom:-20px;width:30%}
}
@media (prefers-reduced-motion:reduce){.dn-play__slide{animation:none}.dn-play__slide:not(:first-child){display:none}.dn-play__chips li{animation:none}}

/* 08 · Vice Work: skin yaratıcısı (ekranın çizimi; gerçek görüntü konunca .dn-vw__shot) */
.dn-vw{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(26px,4vw,56px);align-items:center;padding:clamp(22px,3vw,40px);border:1px solid var(--vx-line);border-top:3px solid #c3e07a;border-radius:6px;background:linear-gradient(160deg,rgba(195,224,122,.07),rgba(7,9,13,.55))}
.dn-vw .dn-h2{margin:0}
.dn-vw__lede{margin:14px 0 0;color:#dfe5ee;font-size:17px;line-height:1.55}
.dn-vw__steps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dn-vw__steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:baseline}
.dn-vw__steps span{font:600 12px var(--mono);color:#c3e07a}
.dn-vw__steps b{font:600 17px var(--cond);letter-spacing:.06em;text-transform:uppercase}
.dn-vw__steps small{display:block;margin-top:2px;font-size:14.5px;line-height:1.45;color:var(--vx-muted)}
.dn-vw__flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:20px 0 0}
.dn-vw__flow span{padding:6px 9px;border:1px solid rgba(195,224,122,.45);border-radius:3px;font:600 12.5px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#e6f2c8}
.dn-vw__flow span:last-child{background:#c3e07a;border-color:#c3e07a;color:#14171c}
.dn-vw__flow i{font-style:normal;color:#c3e07a}
.dn-vw__note{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--vx-faint)}
.dn-vw__shot{margin:0}
.dn-vw__lab{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.6);background:#122019}
.dn-vw__stage{position:relative;min-height:360px;background:radial-gradient(ellipse at 50% 40%,#f1f2ec,#d9dbd2 70%);color:#2a2f2a}
.dn-vw__file{position:absolute;left:12px;top:10px;margin:0;font:600 9.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6f746c}
.dn-vw__file b{display:block;font-size:12px;color:#2a2f2a}
.dn-vw__tag{position:absolute;right:10px;top:10px;padding:4px 6px;border:1px solid #9aa094;font:700 10px var(--mono);color:#6f746c;transform:rotate(4deg)}
.dn-vw__figure{position:absolute;left:50%;bottom:34px;width:58%;height:auto;transform:translateX(-50%)}
.dn-vw__mesh path,.dn-vw__mesh ellipse{fill:url(#dnVwMesh);stroke:#24493b;stroke-width:.8}
.dn-vw__mesh{opacity:0;animation:dnVwMesh 8s infinite}
.dn-vw__body{animation:dnVwSpin 8s ease-in-out infinite;transform-origin:100px 200px}
@keyframes dnVwMesh{0%,45%{opacity:0}55%,90%{opacity:1}100%{opacity:0}}
@keyframes dnVwSpin{0%,100%{transform:scaleX(1)}25%{transform:scaleX(.82)}}
.dn-vw__hint{position:absolute;left:12px;bottom:30px;margin:0;font:500 9.5px var(--mono);color:#7b8076}
.dn-vw__views{position:absolute;left:8px;right:8px;bottom:6px;margin:0;padding:0;list-style:none;display:flex;gap:4px}
.dn-vw__views li{padding:4px 6px;background:#1d2a23;color:#e6f2c8;font:700 9.5px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.dn-vw__v1{animation:dnVwV1 8s infinite}.dn-vw__v2{animation:dnVwV2 8s infinite}
@keyframes dnVwV1{0%,45%,100%{background:#c3e07a;color:#14171c}55%,90%{background:#1d2a23;color:#e6f2c8}}
@keyframes dnVwV2{0%,45%,100%{background:#1d2a23;color:#e6f2c8}55%,90%{background:#c3e07a;color:#14171c}}
.dn-vw__panel{padding:12px;display:flex;flex-direction:column;gap:8px;background:#162a21;color:#dfe9d6;font-family:var(--cond)}
.dn-vw__panel p{margin:0}
.dn-vw__seg,.dn-vw__chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dn-vw__seg span,.dn-vw__chips span{padding:7px 4px;text-align:center;border:1px solid #3a5546;font:600 11.5px/1 var(--cond);letter-spacing:.04em}
.dn-vw__seg .is-on,.dn-vw__chips .is-on{background:#c3e07a;border-color:#c3e07a;color:#14171c}
.dn-vw__tabs{display:flex;flex-wrap:wrap;gap:4px 10px;border-bottom:1px solid #3a5546;padding-bottom:6px}
.dn-vw__tabs span{font:600 10px var(--mono);color:#9fb39a;white-space:nowrap}
.dn-vw__tabs .is-on{color:#c3e07a;box-shadow:0 7px 0 -5px #c3e07a}
.dn-vw__label{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#c3e07a}
.dn-vw__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.dn-vw__list li{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid #3a5546;font:600 12px/1 var(--sans)}
.dn-vw__list li b{font:600 10px var(--mono);color:#9fb39a}
.dn-vw__list .is-on{background:#c3e07a;border-color:#c3e07a;color:#14171c}.dn-vw__list .is-on b{color:#14171c}
.dn-vw__btn{display:block;padding:8px;text-align:center;background:#c3e07a;color:#14171c;font:700 12px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase}
.dn-vw__ok{margin-top:2px;padding:8px;border:1px dashed #3a5546;display:flex;flex-direction:column;gap:6px}
.dn-vw__ok p{font:500 11px var(--sans);color:#c9d6c2}
.dn-vw__btn--gold{background:var(--vx-gold)}
.dn-vw__ok small{font:500 10px var(--mono);color:#9fb39a}
@media (max-width:1180px){.dn-vw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.dn-vw__lab{grid-template-columns:minmax(0,1fr)}.dn-vw__stage{min-height:320px}}
@media (prefers-reduced-motion:reduce){.dn-vw__mesh,.dn-vw__body,.dn-vw__v1,.dn-vw__v2{animation:none}}

/* Atölye bağlantıları ve eski çapalar için takma adlar */
.dn-anchor{display:block;height:0;overflow:hidden}
.dn-more a+a{margin-left:22px}
.dn-dolap__more{display:inline-flex;align-items:center;gap:8px;margin:10px 0 4px;font:700 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#9a3b52;text-decoration:none;border-bottom:1px solid rgba(154,59,82,.4);padding-bottom:4px}
.dn-dolap__more:hover{border-color:#9a3b52}

/* Oyun arası 03: tezgâhın teknik çizimi (tarif ağacı) */
.dn-bp{margin:0}
.dn-bp__sheet{position:relative;overflow:hidden;padding:18px 18px 16px;border-radius:6px;color:#e9f2ff;border:1px solid rgba(255,255,255,.18);background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(160deg,#14487f,#0c2f5e);box-shadow:0 30px 70px rgba(0,0,0,.55),inset 0 0 0 6px rgba(255,255,255,.04)}
.dn-bp__head{display:flex;justify-content:space-between;gap:10px;margin:0 0 4px;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#bcd6f5}
.dn-bp__head b{font-weight:600;color:#fff}
.dn-bp__draw{display:block;width:100%;height:auto;margin:6px 0 2px}
.dn-bp__draw .ln *{fill:rgba(255,255,255,.04);stroke:#eaf3ff;stroke-width:1.6;stroke-linejoin:round}
.dn-bp__draw .ln .th{fill:none;stroke:rgba(234,243,255,.45);stroke-width:1}
.dn-bp__draw .dash path{fill:none;stroke:#9cc3ef;stroke-width:1.2;stroke-dasharray:4 4}
.dn-bp__draw .dim path{fill:none;stroke:#f2c94c;stroke-width:1}
.dn-bp__draw .dim text{fill:#f2c94c;font:600 10px var(--mono);letter-spacing:.08em;text-anchor:middle}
.dn-bp__draw .tag circle{fill:#0c2f5e;stroke:#f2c94c;stroke-width:1.6}
.dn-bp__draw .tag text{fill:#f2c94c;font:700 11px var(--mono);text-anchor:middle}
.dn-bp__draw .stamp rect{fill:rgba(12,47,94,.55);stroke:#ff5d73;stroke-width:3}
.dn-bp__draw .stamp text{fill:#ff5d73;font:400 22px var(--display);letter-spacing:.06em;text-anchor:middle}
.dn-bp__parts{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px dashed rgba(255,255,255,.25);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.dn-bp__parts li{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:8px;align-items:baseline}
.dn-bp__parts span{grid-row:span 2;align-self:center;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #f2c94c;color:#f2c94c;font:700 10px/1 var(--mono)}
.dn-bp__parts b{font:600 14px/1.1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.dn-bp__parts small{font:500 11.5px/1.2 var(--mono);color:#bcd6f5}
.dn-bp__tiers{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.25)}
.dn-bp__tiers p{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#bcd6f5}
.dn-bp__tiers p small{font-size:10.5px;letter-spacing:.04em;text-transform:none;color:#f2c94c}
.dn-bp__tiers ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dn-bp__tiers li{position:relative;padding:7px 0;text-align:center;font:700 11px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,calc(.04 + var(--i) * .05))}
.dn-bp__tiers li:last-child{background:#f2c94c;border-color:#f2c94c;color:#14171c}
.dn-bp__tiers li+li::before{content:"›";position:absolute;left:-6px;top:50%;transform:translate(-50%,-50%);color:#9cc3ef;font:700 12px/1 var(--mono)}

/* 10 Şehir kendini yönetiyor */
.dn-chapter--meydan{overflow:hidden}
.dn-meydan__art{position:absolute;left:0;right:0;top:0;height:76%;z-index:-2}
.dn-meydan__art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.28;filter:saturate(.85)}
.dn-chapter--meydan::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--vx-canvas) 0%,rgba(7,9,13,.66) 18%,rgba(7,9,13,.9) 52%,var(--vx-canvas) 76%)}
.dn-loop__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.dn-loop__tabs button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--vx-line-strong);border-radius:3px;background:rgba(7,9,13,.7);color:#dfe5ee;font:600 15px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.dn-loop__tabs button span{font:600 11px var(--mono);color:var(--vx-faint)}
.dn-loop__tabs button:hover{border-color:var(--vx-gold)}
.dn-loop__tabs button[aria-selected="true"]{background:var(--vx-gold);border-color:var(--vx-gold);color:var(--vx-on-gold)}
.dn-loop__tabs button[aria-selected="true"] span{color:rgba(20,23,28,.55)}
.dn-loop__case{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.dn-loop__paper{position:relative;margin:0;background:#efe6d2;color:#2a2a2a;padding:26px 28px 132px;border-radius:3px;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:rotate(-1.2deg);font:500 15px/1.5 var(--sans)}
.dn-loop__paper::before{content:"";position:absolute;top:-10px;left:34px;width:96px;height:20px;background:rgba(244,154,193,.55);transform:rotate(-3deg)}
.dn-loop__code{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px;font:700 14px var(--mono);letter-spacing:.08em;color:#9a3b52}
.dn-loop__code small{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7a6a4a}
.dn-loop__paper h4{margin:0;font:400 38px/.95 var(--display);text-transform:uppercase;color:#1c1c1c}
.dn-loop__to{margin:12px 0 0;font:600 12.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#6b5a3a}
.dn-loop__to b{color:#1c1c1c}
.dn-loop__sum{margin:8px 0 0;color:#3d3a33}
.dn-loop__lines{display:block;height:52px;margin-top:14px;background:repeating-linear-gradient(180deg,transparent 0 16px,rgba(60,50,30,.22) 16px 17px)}
.dn-loop__stamps{position:absolute;left:20px;right:20px;bottom:18px;height:96px;pointer-events:none}
.dn-loop__stamp{position:absolute;bottom:4px;font:400 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 3px;border:3px solid currentColor;border-radius:5px;mix-blend-mode:multiply;opacity:.88;white-space:nowrap;transition:opacity .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.dn-loop__stamp:nth-child(1){left:0;color:#c2183c;--rot:-11deg;transform:rotate(-11deg)}
.dn-loop__stamp:nth-child(2){left:30%;bottom:34px;color:#1d5fa8;--rot:5deg;transform:rotate(5deg)}
.dn-loop__stamp:nth-child(3){right:0;bottom:2px;color:#2f7d4f;--rot:-6deg;transform:rotate(-6deg)}
.dn-loop__case[data-step] .dn-loop__stamp{opacity:0;transform:rotate(var(--rot)) scale(2.2)}
.dn-loop__case[data-step="2"] .dn-loop__stamp:nth-child(1),.dn-loop__case[data-step="3"] .dn-loop__stamp:nth-child(-n+2),.dn-loop__case[data-step="4"] .dn-loop__stamp,.dn-loop__case[data-step="5"] .dn-loop__stamp{opacity:.88;transform:rotate(var(--rot)) scale(1)}
.dn-loop__track{list-style:none;margin:0;padding:0;position:relative}
.dn-loop__track::before{content:"";position:absolute;left:21px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,var(--vx-pink),var(--vx-gold));opacity:.55}
.dn-loop__track li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:12px 0;transition:opacity .4s}
.dn-loop__track li>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--vx-pink);border:2px solid var(--vx-pink);font:600 13px var(--mono);color:#14171c;position:relative;z-index:1;transition:background-color .4s,border-color .4s,color .4s,box-shadow .4s}
.dn-loop__track li:last-child>span{background:var(--vx-gold);border-color:var(--vx-gold)}
.dn-loop__track b{display:block;font:400 28px/1 var(--display);text-transform:uppercase}
.dn-loop__track p{margin:4px 0 0;color:var(--vx-muted);font-size:15.5px;line-height:1.5}
.dn-loop__case[data-step] .dn-loop__track li{opacity:.42}
.dn-loop__case[data-step] .dn-loop__track li>span{background:var(--vx-canvas);border-color:var(--vx-line-strong);color:var(--vx-muted)}
.dn-loop__case[data-step="1"] .dn-loop__track li:nth-child(1),.dn-loop__case[data-step="2"] .dn-loop__track li:nth-child(-n+2),.dn-loop__case[data-step="3"] .dn-loop__track li:nth-child(-n+3),.dn-loop__case[data-step="4"] .dn-loop__track li,.dn-loop__case[data-step="5"] .dn-loop__track li{opacity:1}
.dn-loop__case[data-step="1"] .dn-loop__track li:nth-child(1)>span,.dn-loop__case[data-step="2"] .dn-loop__track li:nth-child(-n+2)>span,.dn-loop__case[data-step="3"] .dn-loop__track li:nth-child(-n+3)>span,.dn-loop__case[data-step="4"] .dn-loop__track li>span,.dn-loop__case[data-step="5"] .dn-loop__track li>span{background:var(--vx-pink);border-color:var(--vx-pink);color:#14171c;box-shadow:0 0 18px rgba(244,154,193,.45)}
.dn-loop__case[data-step="4"] .dn-loop__track li:last-child>span,.dn-loop__case[data-step="5"] .dn-loop__track li:last-child>span{background:var(--vx-gold);border-color:var(--vx-gold);box-shadow:0 0 18px rgba(231,203,137,.5)}
.dn-povs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(64px,7vw,110px);align-items:start}
.dn-pov{margin:0;min-width:0}
.dn-pov:nth-child(2){margin-top:64px}
.dn-pov figcaption{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 14px;font:400 32px/1 var(--display);text-transform:uppercase}
.dn-pov figcaption span{font:600 12px var(--mono);color:var(--vx-gold)}
.dn-pov figcaption small{width:100%;font:500 12.5px/1.3 var(--mono);color:var(--vx-faint);letter-spacing:.02em;text-transform:none}

/* 12 şehrin sesi: radyo stüdyosu ekranları */
.dn-radio-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:clamp(56px,6vw,96px);align-items:start}
.dn-radio-shots .dn-screen:nth-child(2){margin-top:56px}
.dn-radio-shots .dn-screen__view{max-height:500px}
.dn-radio-shots .dn-screen__view img{object-fit:cover;object-position:top}

/* 13 sokağın sahibi: gelir defteri */
.dn-ledger{margin-top:clamp(50px,6vw,80px);border:1px solid rgba(231,203,137,.3);border-radius:6px;background:linear-gradient(180deg,rgba(231,203,137,.07),rgba(7,9,13,.55));padding:clamp(22px,3vw,40px)}
.dn-ledger__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:center}
.dn-ledger__head p{margin:10px 0 0;color:var(--vx-muted);max-width:62ch}
.dn-ledger__sign{margin:0;display:flex;flex-direction:column;align-items:flex-start;min-width:200px;padding:12px 16px 14px;background:#1f6b45;border:3px solid #e9efe6;border-radius:7px;box-shadow:0 14px 30px rgba(0,0,0,.45),inset 0 0 0 2px #1f6b45,inset 0 0 0 3px rgba(233,239,230,.6);transform:rotate(-2deg)}
.dn-ledger__sign span{font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#cfe3d4}
.dn-ledger__sign b{margin-top:6px;font:400 42px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;color:#fff}
.dn-ledger__sign small{margin-top:8px;padding:4px 7px;font:700 10px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#14171c;background:#f2c94c}
.dn-ledger__rows{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.09)}
.dn-ledger__rows li{display:grid;grid-template-columns:36px auto minmax(24px,1fr) auto;column-gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.dn-ledger__rows span{font:600 12px var(--mono);color:var(--vx-gold)}
.dn-ledger__rows b{font:400 32px/1 var(--display);text-transform:uppercase}
.dn-ledger__rows i{border-bottom:2px dotted rgba(255,255,255,.18);transform:translateY(-6px)}
.dn-ledger__rows em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--vx-gold);font:600 18px/1.2 var(--cond);letter-spacing:.05em;text-transform:uppercase;text-align:right}
.dn-ledger__rows small{grid-column:2/-1;margin-top:5px;font-size:14px;color:var(--vx-faint)}
.dn-ledger__foot{margin:20px 0 0;font-size:15.5px;line-height:1.55;color:var(--vx-muted)}
.dn-ledger__foot b{color:var(--vx-ink);font:600 15px var(--cond);letter-spacing:.08em;text-transform:uppercase}

/* 14 şehrin hatları */
.dn-lines-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:end;margin:0 0 26px}
.dn-lines-head p{margin:0;color:var(--vx-muted);font-size:17px;line-height:1.55}
.dn-lines{margin:0 0 clamp(70px,8vw,120px);padding:clamp(18px,3vw,34px) clamp(18px,3vw,34px) 20px;border:1px solid var(--vx-line);border-radius:8px;background:linear-gradient(rgba(145,206,255,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(145,206,255,.035) 1px,transparent 1px) 0 0/28px 28px,#0a0e14}
.dn-line{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:center;padding:16px 0}
.dn-line+.dn-line{border-top:1px dashed rgba(255,255,255,.07)}
.dn-line--pink{--c:#f49ac1}.dn-line--blue{--c:#91ceff}.dn-line--gold{--c:#e7cb89}.dn-line--green{--c:#83c9ac}
.dn-line__name{margin:0;display:flex;flex-direction:column;gap:4px}
.dn-line__name span{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.dn-line__name b{font:600 19px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.dn-line__name small{font:500 12px var(--mono);color:var(--vx-faint)}
.dn-line__stops{list-style:none;margin:0;padding:0 0 4px;display:flex;position:relative;overflow-x:auto;scrollbar-width:none}
.dn-line__stops::-webkit-scrollbar{display:none}
.dn-line__stops::before{content:"";position:absolute;left:30px;right:30px;top:13px;height:6px;border-radius:3px;background:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 45%,transparent);transform-origin:0 50%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .25s}
.js .dn-line:not(.in) .dn-line__stops::before{transform:scaleX(0)}
.dn-line__stops li{flex:1 1 0;min-width:96px;position:relative}
.dn-line__stops a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;padding:0 4px}
.dn-line__stops i{width:20px;height:20px;margin-top:6px;border-radius:50%;background:#0a0e14;border:4px solid var(--c);position:relative;z-index:1;transition:transform .2s}
.dn-line__stops .is-x i{width:26px;height:26px;margin-top:3px;background:#fff;border:5px solid #0a0e14;box-shadow:0 0 0 3px #fff}
.dn-line__stops b{font:600 14px/1.15 var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--vx-ink)}
.dn-line__stops small{font:500 11px/1.25 var(--mono);color:var(--vx-faint)}
.dn-line__stops a:hover i,.dn-line__stops a:focus-visible i{transform:scale(1.25)}
.dn-line__stops a:hover b{color:var(--c)}
.dn-lines__key{display:flex;align-items:center;gap:10px;margin:16px 0 0;font:500 13px/1.4 var(--mono);color:var(--vx-faint)}
.dn-lines__key i{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #0a0e14;box-shadow:0 0 0 2px #fff}

/* Görev 01: gerçek karakol klibi, VCPD dosya dolabı */
.dn-mission__art--clip{background:#05070a}
.dn-mission__art--clip .dn-clip,.dn-mission__art--clip .dn-clip__view{position:absolute;inset:0;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
.dn-mission__art--clip .dn-clip__rec{display:none}
.dn-dolap-head{margin:clamp(44px,5vw,64px) 0 24px}
.dn-dolap{list-style:none;margin:0 0 clamp(70px,8vw,120px);padding:6px 0 0;columns:3 290px;column-gap:24px}
.dn-dolap__card{break-inside:avoid;display:block;position:relative;margin:0 0 26px;padding:16px 16px 12px;background:#efe6d2;color:#2a2a2a;border-radius:3px;box-shadow:0 18px 40px rgba(0,0,0,.45);transform:rotate(var(--r,0deg));transition:transform .35s,box-shadow .35s,opacity .8s}
.dn-dolap__card::before{content:"";position:absolute;top:-9px;right:24px;width:13px;height:34px;border:2px solid #a9b1ba;border-radius:7px;transform:rotate(7deg);z-index:2}
.dn-dolap__card:hover{transform:rotate(0) translateY(-3px);box-shadow:0 26px 50px rgba(0,0,0,.55)}
.dn-dolap__tab{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding-bottom:10px;border-bottom:1px dashed rgba(60,50,30,.3)}
.dn-dolap__tab span{font:700 12px var(--mono);letter-spacing:.08em;color:#9a3b52}
.dn-dolap__tab i{margin-right:26px;color:#1d5fa8;font-size:15px}
.dn-dolap__card h4{margin:12px 0 0;font:400 29px/.95 var(--display);text-transform:uppercase;color:#1c1c1c}
.dn-dolap__line{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:#3d3a33}
.dn-dolap__who{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:12px 0 0}
.dn-dolap__who small{width:100%;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7a6a4a}
.dn-dolap__who span{padding:5px 7px;border:1.5px solid #2a2a2a;border-radius:2px;font:700 11.5px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#2a2a2a}
.dn-dolap details{margin-top:12px;border-top:1px solid rgba(60,50,30,.18);padding-top:4px}
.dn-dolap summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:34px;cursor:pointer;font:700 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#6b5a3a}
.dn-dolap summary::-webkit-details-marker{display:none}
.dn-dolap summary i{transition:transform .25s}
.dn-dolap details[open] summary i{transform:rotate(45deg)}
.dn-dolap details ol{margin:4px 0 4px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:#3d3a33}
.dn-clip--card .dn-clip__view{aspect-ratio:16/10;border:0;border-radius:2px;box-shadow:0 0 0 4px #fff,0 8px 18px rgba(0,0,0,.25)}
.dn-clip--card .dn-clip__rec{right:6px;top:6px;padding:4px 6px;font-size:9px}
.dn-dolap__objwrap{display:grid;place-items:center;padding:6px 0 2px}
.dn-dolap__obj{width:auto;max-width:58%;max-height:126px;object-fit:contain;padding:4px 4px 14px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.25);transform:rotate(-2.5deg)}
.dn-dolap__photo{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:2px;box-shadow:0 0 0 4px #fff,0 8px 18px rgba(0,0,0,.25)}

/* Görev 02: Flash panosu */
.dn-hb{margin:28px 0 30px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 30% 0%,rgba(241,127,151,.1),transparent 60%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/22px 22px,#0c1016;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.dn-hb__top{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px 34px;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.35)}
.dn-hb__job{margin:0;font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.dn-hb__job span{margin-right:10px;color:var(--vx-gold)}
.dn-hb__target{margin:0;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint)}
.dn-hb__target b{margin-left:8px;font:400 26px/1 var(--display);letter-spacing:.05em;color:#ff5d73}
.dn-hb__prog{display:flex;align-items:center;gap:12px;justify-self:end;width:min(320px,100%)}
.dn-hb__prog span{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-faint)}
.dn-hb__prog i{flex:1;height:8px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.08)}
.dn-hb__prog s{display:block;height:100%;background:var(--sun);text-decoration:none}
.dn-hb__prog b{font:400 24px/1 var(--display)}
.dn-hb__grid{display:grid;grid-template-columns:minmax(0,1fr) 350px}
.dn-hb__board{list-style:none;margin:0;padding:clamp(26px,3vw,40px) clamp(20px,3vw,36px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
.dn-hb__card{position:relative;padding:10px 10px 14px;background:#f4f1ea;color:#1e1e1e;box-shadow:0 16px 34px rgba(0,0,0,.5);transform:rotate(var(--r,0deg));transition:transform .35s,opacity .8s}
.dn-hb__card:hover{transform:rotate(0) scale(1.02);z-index:3}
.dn-hb__card::before{content:"";position:absolute;top:-8px;left:50%;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9a9a,#c0182c 60%,#7a0d1a);box-shadow:0 3px 6px rgba(0,0,0,.5);z-index:2}
.dn-hb__card::after{content:"";position:absolute;top:-1px;left:calc(50% + 6px);width:calc(100% + 30px);height:2px;background:#d2263f;opacity:.85;transform:rotate(3deg);transform-origin:0 50%;z-index:1;pointer-events:none}
.dn-hb__card:nth-child(3n)::after,.dn-hb__card:last-child::after{display:none}
.dn-hb__photo{aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center;background:#11161d}
.dn-hb__photo img{width:100%;height:100%;object-fit:cover}
.dn-hb__photo>i{font-size:34px;color:rgba(255,255,255,.38)}
.dn-hb__card--next .dn-hb__photo,.dn-hb__card--wait .dn-hb__photo{background:repeating-linear-gradient(-45deg,#161b23 0 10px,#11161d 10px 20px)}
.dn-hb__card--next .dn-hb__photo>i{color:var(--vx-gold)}
.dn-hb__no{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font:700 12px var(--mono);color:#7a7066}
.dn-hb__no span{padding:4px 6px;border-radius:2px;font:700 10px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase}
.dn-hb__card--done .dn-hb__no span{background:#2f7d4f;color:#fff}
.dn-hb__card--next .dn-hb__no span{background:#e7cb89;color:#14171c}
.dn-hb__card--wait .dn-hb__no span{background:#d8d2c6;color:#5a534a}
.dn-hb__card>b{display:block;margin-top:6px;font:400 25px/1 var(--display);text-transform:uppercase}
.dn-hb__card>p{margin:5px 0 0;font-size:13.5px;line-height:1.4;color:#3a3530}
.dn-hb__card>small{display:inline-block;margin-top:8px;font:700 11px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#9a3b52}
.dn-hb__side{display:flex;flex-direction:column;gap:22px;padding:clamp(22px,3vw,30px);border-left:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.25)}
.dn-hb__label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px;font:600 15px var(--cond);letter-spacing:.12em;text-transform:uppercase}
.dn-hb__label small{font:500 11px var(--mono);letter-spacing:.02em;text-transform:none;color:var(--vx-faint)}
.dn-hb__cut ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dn-hb__cut li{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;color:var(--vx-muted)}
.dn-hb__cut li i{position:relative;height:10px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.06)}
.dn-hb__cut li i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--w);border-radius:5px;background:linear-gradient(90deg,#83c9ac,#e7cb89);transform-origin:0 50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1) .3s}
.js .dn-hb__cut:not(.in) li i::after{transform:scaleX(0)}
.dn-hb__cut li b{font:600 13px var(--mono);color:#83c9ac}
.dn-hb__note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--vx-faint)}
.dn-hb__side .dn-mg{box-shadow:none}
.dn-hb__side .mg-sms__b{animation-duration:12s}

/* Görev 03: ASGH muayene paneli */
.dn-mission__art--ui{display:grid;place-items:center;padding:28px;min-height:460px}
.dn-mission__art--ui>picture img{opacity:.32;filter:saturate(.8)}
.dn-asgh{position:relative;z-index:1;width:min(430px,100%);margin:0;overflow:hidden;background:rgba(10,14,20,.95);border:1px solid rgba(131,201,172,.38);border-radius:8px;box-shadow:0 30px 70px rgba(0,0,0,.6);font-family:var(--cond)}
.dn-asgh__head{display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);font:700 11px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:#83c9ac}
.dn-asgh__head b{color:#fff}
.dn-asgh__body{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding:16px}
.dn-asgh__fig{width:100%;height:auto}
.dn-asgh__fig .z{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.25);stroke-width:1.5}
.dn-asgh__fig .z--hit{fill:rgba(255,79,94,.35);stroke:#ff4f5e;animation:dnHit 1.8s infinite}
@keyframes dnHit{50%{fill:rgba(255,79,94,.08)}}
.dn-asgh__zones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.dn-asgh__zones li{display:flex;justify-content:space-between;gap:4px;padding:7px 8px;border:1px solid rgba(255,255,255,.08);border-radius:3px;font:600 12px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-faint)}
.dn-asgh__zones li.is-hit{color:#fff;border-color:rgba(255,79,94,.5);background:rgba(255,79,94,.1)}
.dn-asgh__zones em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff8a95;font:600 10px/1 var(--mono);text-transform:none}
.dn-asgh__tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 16px}
.dn-asgh__tools span{padding:8px 0;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:3px;font:700 11px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--vx-muted)}
.dn-asgh__tools .is-on{background:#83c9ac;border-color:#83c9ac;color:#0c1a14}
.dn-asgh__check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px}
.dn-asgh__check>span{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx-faint)}
.dn-asgh__check kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:1px solid rgba(255,255,255,.3);border-bottom-width:3px;border-radius:4px;font:700 12px/1 var(--mono);color:#fff;background:rgba(255,255,255,.06)}
.dn-asgh figcaption{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.07);font:500 13px/1.45 var(--sans);color:var(--vx-faint)}
.dn-asgh figcaption b{color:var(--vx-ink)}

/* 15 ekranlar: telefon klibi kendi satırında */
.dn-phone-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;margin-top:clamp(50px,6vw,90px)}
.dn-phone-row__text p:not(.dn-under__tag){margin:16px 0 0;color:var(--vx-muted);font-size:17px;line-height:1.55;max-width:56ch}
.dn-phone-row__apps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dn-phone-row__apps li{padding:7px 11px;border:1px solid var(--vx-line-strong);border-radius:999px;font:600 13px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#dfe5ee}
.dn-clip--phone .dn-clip__view{aspect-ratio:9/15;max-width:290px;margin:0 auto;border:0;border-radius:30px;background:#0b0e13;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.09)}
.dn-clip--phone video{object-position:98% 50%}
.dn-clip--phone .dn-clip__rec{left:16px;right:auto;top:16px}
@media (min-width:1181px){.dn-slots{grid-template-columns:repeat(5,minmax(0,1fr))}}
.dn-slots__next{margin:16px 0 0;font:500 14.5px/1.5 var(--sans);color:var(--vx-faint)}
.dn-slots__next span{margin-right:10px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-gold)}

/* 16 Cortez'in masası */
.dn-cortez-more{margin:16px 0;border:1px solid rgba(231,203,137,.32);border-radius:6px;background:rgba(10,12,24,.8);overflow:hidden}
.dn-cortez-more summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;cursor:pointer}
.dn-cortez-more summary::-webkit-details-marker{display:none}
.dn-cortez-more summary span{font:600 18px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--vx-gold)}
.dn-cortez-more summary small{flex:1;font:500 12px var(--mono);color:var(--vx-faint)}
.dn-cortez-more summary i{color:var(--vx-muted);transition:transform .25s}
.dn-cortez-more[open] summary i{transform:rotate(45deg)}
.dn-cortez-more__body{padding:2px 16px 18px;border-top:1px solid rgba(255,255,255,.06)}
.dn-cortez-more__status{display:flex;align-items:center;gap:8px;margin:12px 0 0;font:500 13.5px/1.4 var(--sans);color:#b5bac1}
.dn-cortez-more__status i{font-size:9px;color:#23a55a}
.dn-cortez-more__label{margin:18px 0 8px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-blue)}
.dn-cortez-more__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dn-cortez-more__steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:rgba(255,255,255,.02)}
.dn-cortez-more__steps span{font:600 12px var(--mono);color:var(--vx-gold)}
.dn-cortez-more__steps b{display:block;font:600 14.5px/1.2 var(--cond);letter-spacing:.04em;text-transform:uppercase}
.dn-cortez-more__steps p{margin:3px 0 0;font-size:13px;line-height:1.4;color:var(--vx-muted)}
.dn-cortez-more__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:var(--vx-muted)}
.dn-cortez-more__list b{color:var(--vx-ink)}
.dn-cortez-more__shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.dn-cortez-more__shots figure{margin:0}
.dn-cortez-more__shots img{border-radius:4px;border:1px solid rgba(255,255,255,.08)}
.dn-cortez-more__shots figcaption{margin-top:6px;font:500 12px var(--mono);color:var(--vx-faint)}

/* 21 Los Santos */
.dn-chapter--ls{overflow:hidden;background:radial-gradient(ellipse at 18% 30%,rgba(95,225,255,.08),transparent 55%),radial-gradient(ellipse at 90% 85%,rgba(231,203,137,.06),transparent 55%)}
.dn-ls-stage{position:relative;min-height:470px}
.dn-ls-stage__card{position:absolute;width:min(470px,84%)}
.dn-ls-stage__card .vpp{margin:0;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.dn-ls-stage__card--vc{left:0;top:0;transform:rotate(-5deg);opacity:.85;filter:saturate(.85)}
.dn-ls-stage__card--ls{right:0;bottom:0;transform:rotate(3deg);z-index:2}
.dn-ls__punch{margin:22px 0 0;padding-left:16px;border-left:3px solid var(--neon-cyan);font:600 clamp(20px,1.8vw,26px)/1.3 var(--cond);color:#fff}

/* 22 topluluk konusu */
.dn-chapter--tepki{padding:clamp(70px,8vw,120px) 0}
.dn-topluluk{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:30px 60px;align-items:end;padding:clamp(26px,4vw,48px);border:1px solid var(--vx-line);border-top:3px solid var(--vx-gold);border-radius:6px;background:linear-gradient(135deg,rgba(231,203,137,.07),rgba(7,9,13,.4))}
.dn-topluluk__go{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.dn-topluluk__stats{display:flex;gap:18px;margin:0;font:600 14px var(--mono);color:var(--vx-muted)}
.dn-topluluk__stats i{margin-right:7px;color:var(--vx-pink)}

/* v3 duyarlılık */
@media (max-width:1180px){
	.dn-ev{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
	.dn-break--clip .dn-break__grid,.dn-break--clip.dn-break--rev .dn-break__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art art" "copy mg"}
	.dn-break--clip .dn-break__mg{grid-column:auto;max-width:none;grid-template-columns:minmax(0,1fr)}
	.dn-hb__grid{grid-template-columns:minmax(0,1fr)}
	.dn-hb__side{border-left:0;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
	.dn-loop__case{grid-template-columns:minmax(0,380px) minmax(0,1fr)}
}
@media (max-width:900px){
	.dn-ev{display:block}
	.dn-ev__head{display:none}
	.dn-ev__list{display:block;margin:0;padding:0;border-top:1px solid rgba(231,203,137,.4)}
	.dn-ev__row{display:block}
	.dn-ev__pane{position:static;padding:14px 0 26px}
	.dn-ev__cap{grid-template-columns:minmax(0,1fr)}
	.dn-ev__cap a{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}
	.dn-loop__case{grid-template-columns:minmax(0,1fr);gap:34px}
	.dn-loop__paper{max-width:460px}
	.dn-povs{grid-template-columns:minmax(0,1fr)}
	.dn-pov:nth-child(2){margin-top:0}
	.dn-lines-head{grid-template-columns:minmax(0,1fr);gap:14px}
	.dn-line{grid-template-columns:minmax(0,1fr);gap:12px}
	.dn-line__name{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
	.dn-line__stops{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
	.dn-hb__board{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-hb__card::after{display:none}
	.dn-hb__top{grid-template-columns:minmax(0,1fr) auto}
	.dn-hb__prog{grid-column:1/-1;justify-self:stretch;width:auto}
	.dn-mission--asgh{grid-template-columns:minmax(0,1fr)}
	.dn-mission__art--ui{min-height:0;aspect-ratio:auto}
	.dn-mission__art--clip{aspect-ratio:16/9}
	.dn-ledger__head{grid-template-columns:minmax(0,1fr)}
	.dn-ledger__sign{justify-self:start}
	.dn-ls-stage{min-height:0;display:flex;flex-direction:column}
	.dn-ls-stage__card{position:relative;width:86%}
	.dn-ls-stage__card--ls{align-self:flex-end;margin-top:-34%}
	.dn-topluluk{grid-template-columns:minmax(0,1fr)}
	.dn-topluluk__go{align-items:flex-start}
	.dn-radio-shots{grid-template-columns:minmax(0,1fr)}
	.dn-radio-shots .dn-screen:nth-child(2){margin-top:0}
	.dn-phone-row{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:700px){
	.dn-pin__t{display:none}
	.dn-pin,.dn-pin--l{transform:translate(-50%,-50%)}
	.dn-pin b{width:22px;height:22px;flex-basis:22px;font-size:11px}
	.dn-pins__legend{display:flex}
	.dn-break--clip .dn-break__grid,.dn-break--clip.dn-break--rev .dn-break__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "copy" "mg"}
	.dn-break__chain{padding:12px}
	.dn-loop__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-loop__tabs button{justify-content:flex-start;padding:0 12px;font-size:14px}
	.dn-loop__paper{padding:22px 20px 124px}
	.dn-loop__paper h4{font-size:32px}
	.dn-loop__stamp{font-size:18px}
	.dn-dolap{columns:auto;display:flex;align-items:flex-start;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px clamp(60px,8vw,90px);padding:14px 16px 22px;scrollbar-width:none}
	.dn-dolap::-webkit-scrollbar{display:none}
	.dn-dolap__card{flex:0 0 80%;margin:0;scroll-snap-align:center}
	.dn-hb__top{padding:14px 16px}
	.dn-hb__board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 14px;padding:24px 14px}
	.dn-hb__card{padding:7px 7px 10px}
	.dn-hb__card>b{font-size:19px}
	.dn-hb__card>p{font-size:12px}
	.dn-hb__side{grid-template-columns:minmax(0,1fr)}
	.dn-hb__cut li{grid-template-columns:96px minmax(0,1fr) auto}
	.dn-asgh__body{grid-template-columns:84px minmax(0,1fr)}
	.dn-ledger__rows li{grid-template-columns:30px auto minmax(12px,1fr)}
	.dn-ledger__rows em{grid-column:2/-1;text-align:left;margin-top:6px}
	.dn-ledger__rows b{font-size:27px}
	.dn-cortez-more__steps{grid-template-columns:minmax(0,1fr)}
	.dn-ev__btn b{font-size:17px}
	.dn-ev__btn small{display:none}
	.dn-ls-stage__card{width:92%}
	.dn-bp__sheet{padding:14px 12px 12px}
	.dn-bp__parts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dn-bp__tiers li{font-size:9.5px;letter-spacing:.02em}
}
@media (prefers-reduced-motion:reduce){
	.dn-ev__pane{animation:none}
	.dn-pin b,.dn-clip__rec::before,.dn-asgh__fig .z--hit{animation:none}
}