/* EŞİK — Arc 7 / 26–110 kartları, rozetleri ve kalıcı katmanları (Claude). Animasyonlar !important: static-reader.css tüm animasyonları kapatır. */ /* ---------- Ortak sahne zemini ---------- */ #ekFx .a7Stage{background:radial-gradient(ellipse 75% 70% at 50% 46%,rgba(8,7,10,.86),rgba(4,3,6,.96));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center} #ekFx .a7Stage small{display:block;font:500 9px Ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--c2,#e9c98d)} #ekFx .a7Stage strong{display:block;font:400 clamp(28px,4.8vw,56px)/1.08 Georgia,serif;color:#f4ecdf;letter-spacing:.4px;text-shadow:0 2px 18px #000} #ekFx .a7Stage em{display:block;font:italic 400 clamp(15px,2vw,21px)/1.3 Georgia,serif;color:var(--c2,#e9c98d);margin-top:6px} #ekFx .a7Stage span{display:block;font:400 12px/1.5 Ui,sans-serif;color:#cfc6b8;margin-top:10px;letter-spacing:.3px} /* ---------- Giriş kartı ---------- */ #ekFx .a7PersonWrap{display:flex;align-items:center;gap:clamp(18px,4vw,48px);padding:0 max(16px,4vw);max-width:min(92vw,980px);animation:a7Rise 5.2s ease-out both!important} #ekFx .a7PersonFig{position:relative;margin:0;flex:0 0 auto;width:clamp(150px,30vw,340px);aspect-ratio:3/4;display:grid;place-items:center} #ekFx .a7PersonImg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 40px #000c);opacity:0;transition:opacity .6s} #ekFx .a7PersonFig.hasImg .a7PersonImg{opacity:1} #ekFx .a7PersonFig.hasImg .a7Mono{display:none} #ekFx .a7Mono{width:72%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:400 clamp(70px,13vw,150px)/1 Georgia,serif;color:var(--c2); border:1px solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--c) 45%,transparent),inset 0 0 50px color-mix(in srgb,var(--c) 30%,transparent); background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 30%,#0b0a0e),#07060a 70%);text-shadow:0 0 24px var(--c)} #ekFx .a7PersonCap{max-width:44ch} #ekFx .a7PersonCap strong{color:#fff4e8} @keyframes a7Rise{0%{opacity:0;transform:translateY(18px) scale(.98)}14%{opacity:1;transform:none}86%{opacity:1}100%{opacity:1;transform:scale(1.01)}} #ekFx .a7fx-shinobi .a7PersonWrap{animation:a7Late 5.2s ease-out both!important} @keyframes a7Late{0%,30%{opacity:0;filter:blur(8px)}44%{opacity:1;filter:none}100%{opacity:1}} #ekFx .a7fx-bolt .a7PersonWrap{animation:a7Bolt 5.2s ease-out both!important} @keyframes a7Bolt{0%{opacity:0;transform:translateX(-30px)}6%{opacity:1;transform:translateX(6px)}9%{transform:none}100%{opacity:1}} #ekFx .a7fx-stone .a7PersonWrap{animation:a7Stone 5.2s ease-out both!important} @keyframes a7Stone{0%{opacity:0;transform:translateY(40px)}12%{opacity:1;transform:translateY(-4px)}16%{transform:none}100%{opacity:1}} @media(max-width:640px){#ekFx .a7PersonWrap{flex-direction:column;text-align:center;gap:12px}#ekFx .a7PersonFig{width:min(56vw,240px)}} /* ---------- Mekân kartı ---------- */ #ekFx .a7PlaceWrap{position:relative;text-align:center;padding:0 16px;max-width:min(90vw,720px);animation:a7Rise 4.3s ease-out both!important} #ekFx .a7PlaceArt{width:min(64vw,360px);margin:0 auto 18px;opacity:.9} #ekFx .a7PlaceArt svg{width:100%;height:auto;stroke-dasharray:900;stroke-dashoffset:900;animation:a7Draw 2.6s ease-out .2s forwards!important} @keyframes a7Draw{to{stroke-dashoffset:0}} #ekFx .a7PlaceImg{display:block;width:min(80vw,620px);max-height:46vh;object-fit:cover;margin:0 auto 18px;border-radius:2px;box-shadow:0 20px 50px #000a;opacity:0;transition:opacity .8s} #ekFx .a7PlaceWrap.hasImg .a7PlaceImg{opacity:1} #ekFx .a7PlaceWrap.hasImg .a7PlaceArt{display:none} #ekFx .a7PlaceWrap:not(.hasImg) .a7PlaceImg{display:none} /* ---------- Yolculuk ---------- */ #ekFx .a7JourneyWrap{text-align:center;padding:0 16px;animation:a7Rise 4.2s ease-out both!important} #ekFx .a7Route{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:clamp(18px,5vw,64px);align-items:center;justify-content:center;flex-wrap:wrap} #ekFx .a7Route li{position:relative;font:400 clamp(18px,2.6vw,28px) Georgia,serif;color:#8d8577;opacity:0;animation:a7Stop .6s ease-out calc(.4s + var(--i)*.5s) forwards!important} #ekFx .a7Route li.here{color:#f4ecdf;text-shadow:0 0 16px #e9c98d} #ekFx .a7Route li.past{color:#b8ad9a} #ekFx .a7Route li+li::before{content:"";position:absolute;right:calc(100% + 6px);top:50%;width:clamp(8px,4vw,52px);border-top:1px dashed #8d8577} @keyframes a7Stop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- Dokuz İlahi General ---------- */ #ekFx .a7NineWrap{text-align:center;padding:0 16px;max-width:min(94vw,760px);animation:a7Rise 8.2s ease-out both!important} #ekFx .a7NineList{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:6px} #ekFx .a7NineList li{display:grid;grid-template-columns:3.2em 1fr 1fr;align-items:baseline;gap:12px;text-align:left;opacity:0;animation:a7Stop .5s ease-out calc(.5s + var(--i)*.42s) forwards!important} #ekFx .a7NineList b{font:600 15px Condensed,Ui,sans-serif;letter-spacing:1px;color:#e9c98d;text-align:right} #ekFx .a7NineList span{font:400 clamp(15px,2.1vw,21px) Georgia,serif;color:#f4ecdf} #ekFx .a7NineList em{margin:0;font-size:clamp(12px,1.6vw,15px);color:#b8ad9a} #ekFx .a7NineNote{margin:20px 0 0;font:italic 400 13px Georgia,serif;color:#cfc6b8;opacity:0;animation:a7Stop .8s ease-out 4.6s forwards!important} @media(max-width:520px){#ekFx .a7NineList li{grid-template-columns:2.4em 1fr}#ekFx .a7NineList em{grid-column:2}} /* ---------- Natchuki: ayna ---------- */ #ekFx .a7MirrorWrap{text-align:center;padding:0 16px;animation:a7Rise 5.6s ease-out both!important} #ekFx .a7MirrorGlass{position:relative;width:clamp(150px,26vw,260px);aspect-ratio:3/4;margin:0 auto 20px;border-radius:50% 50% 8px 8px/40% 40% 8px 8px;overflow:hidden; border:3px solid #6d5a3c;box-shadow:0 0 0 6px #2a2118,0 24px 50px #000c,inset 0 0 60px rgba(180,200,230,.25);background:linear-gradient(160deg,#36404d,#151a21 60%,#262d38)} #ekFx .a7MirrorImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s} #ekFx .a7MirrorGlass.hasImg .a7MirrorImg{opacity:1} #ekFx .a7MirrorGlass.hasImg .a7MirrorKid{display:none} #ekFx .a7MirrorKid{position:absolute;left:50%;bottom:-6%;width:46%;height:70%;transform:translateX(-50%) scale(1.25);transform-origin:50% 100%; background:radial-gradient(circle at 50% 18%,#0d0d10 0 17%,transparent 17.5%),radial-gradient(ellipse 50% 46% at 50% 82%,#0d0d10 0 99%,transparent 100%);animation:a7Shrink 2.4s cubic-bezier(.5,0,.2,1) .6s forwards!important} @keyframes a7Shrink{to{transform:translateX(-50%) scale(.82)}} #ekFx .a7MirrorGlass::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 42%,transparent 54%);animation:a7Glint 3s ease-in-out .8s infinite!important} @keyframes a7Glint{0%,100%{transform:translateX(-60%)}50%{transform:translateX(60%)}} /* ---------- Dönüş rozetleri: çeşitler ---------- */ .flow .rbdBadge.rbd-sparka{color:#d8a24a} .flow .rbdBadge.rbd-sparka span{border-color:#d8a24a66} .flow .rbdBadge.rbd-sparka span:after{border-color:#d8a24a;border-right-color:transparent} .flow .rbdBadge.rbd-sparka span:before{border-bottom-color:#d8a24a} .flow .rbdBadge.rbd-biliyorum{color:#c79bff} .flow .a7Mark{display:block;margin:10px 0 4px;font:600 9px Ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#c6343c;opacity:.85} .flow .a7Mark b{font-weight:600;color:#9aa0aa;margin-left:8px;letter-spacing:1.6px} html:not(.night) .flow .a7Mark{color:#a0222a} /* ---------- Kalıcı göstergeler (HUD) ---------- */ #a7Hud{position:fixed;inset:0;pointer-events:none;z-index:46} #a7Hud>*{position:absolute} @media (prefers-reduced-motion:reduce){#ekFx .a7Stage *{animation-duration:.01s!important;animation-delay:0s!important}} /* ---------- Ortak: yankı, göz kapağı ---------- */ #a7Hud .a7Echo{margin:0;transform-origin:50% 50%;pointer-events:none;white-space:normal;will-change:transform,opacity} #a7Hud .a7Lid{left:0;right:0;height:51%;background:#020102} #a7Hud .a7Lid.top{top:0}#a7Hud .a7Lid.bot{bottom:0} /* ---------- Süper event 1: On Birinci Saniye (7-52/53) ---------- */ .flow .rbdBadge.rbd-onsaniye{color:#d0303a} .flow .rbdBadge.rbd-onsaniye span{border-color:#d0303a66} .flow .rbdBadge.rbd-onsaniye span:after{border-color:#d0303a;border-right-color:transparent} .flow .rbdBadge.rbd-onsaniye span:before{border-bottom-color:#d0303a} .flow .a7Deja{text-shadow:calc(var(--k,1)*1px) 0 rgba(198,52,60,.3),calc(var(--k,1)*-1.3px) calc(var(--k,1)*.4px) rgba(110,150,215,.2)} .flow .a7VoiceOn{text-shadow:0 0 14px color-mix(in srgb,var(--vc) 60%,transparent);transition:text-shadow 1.2s ease!important} html.a7Void .flow .a7Love{color:#d8cdf2;text-shadow:0 0 16px rgba(170,140,230,.55);transition:color 1.5s,text-shadow 1.5s!important} html.a7Void:not(.night) .flow .a7Love{color:#4d3584;text-shadow:0 0 12px rgba(150,110,220,.4)} #a7Hud .a7Dial{left:0;top:0;width:92px;opacity:0;transition:opacity .9s ease,transform .5s ease!important;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))} #a7Hud .a7Dial.on{opacity:1} #a7Hud .a7Dial.on.gone{opacity:0;transition:opacity 1.1s ease .15s!important} .a7Dial svg{display:block;width:92px;height:92px;overflow:visible} .a7Dial .halo{fill:rgba(8,5,7,.5);transition:fill .5s!important} .a7Dial .rim{fill:rgba(14,8,10,.88);stroke:#6e2329;stroke-width:1.3;transition:stroke .5s!important} .a7Dial .tk{stroke:#8d8279;stroke-width:1.1;stroke-linecap:round} .a7Dial .tk0{stroke:#d92a35;stroke-width:2.4} .a7Dial .hand{transform-box:view-box;transform-origin:50px 50px} .a7Dial .hand line{stroke:#f1e6da;stroke-width:1.8;stroke-linecap:round} .a7Dial .hand circle{fill:#f1e6da} .a7Dial .scr line{stroke:#c3141f;stroke-width:1.3;stroke-linecap:round;opacity:.85} .a7Dial .eleven{fill:none;stroke:#f2c76a;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1.5 3;opacity:0;transition:opacity 1.2s!important} .a7Dial.hint .eleven{opacity:.5} .a7Dial.win .eleven{opacity:1;stroke-dasharray:none;filter:drop-shadow(0 0 3px #f2c76a)} .a7Dial.die .rim{stroke:#ff3b3b}.a7Dial.die .halo{fill:rgba(110,0,10,.55)} .a7Dial.warm .rim{stroke:#d9b26a}.a7Dial.warm .tk0{stroke:#f2c76a}.a7Dial.warm .scr line{stroke:#9c6a3c;opacity:.5} .a7Dial .fr circle{filter:drop-shadow(0 0 2.5px var(--vc))} .a7Dial small{display:block;text-align:center;margin-top:3px;font:600 7.5px Ui,sans-serif;letter-spacing:2.6px;color:#c6343c;text-shadow:0 1px 4px #000} .a7Dial.warm small,.a7Dial.win small{color:#e9c98d} @media(max-width:640px){#a7Hud .a7Dial,.a7Dial svg{width:62px}.a7Dial svg{height:62px}#a7Hud .a7Dial small{font-size:6.5px;letter-spacing:1.8px}} #ekFx .a7Stage.a7Eleven{background:linear-gradient(180deg,rgba(104,158,218,.95),rgba(178,208,238,.96) 58%,rgba(232,239,246,.97))} #ekFx .a7ElevenWrap{text-align:center;padding:0 16px;animation:a7Rise 4.6s ease-out both!important} #ekFx .a7Eleven small{color:#21436d} #ekFx .a7ElevenNum{display:block;font:400 clamp(110px,22vw,220px)/.92 Georgia,serif;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.85),0 8px 30px rgba(30,70,130,.35);animation:a7Eleven 4.6s ease-out both!important} @keyframes a7Eleven{0%{opacity:0;transform:scale(.86);letter-spacing:-.08em}30%{opacity:1;transform:none;letter-spacing:0}100%{opacity:1}} #ekFx .a7Eleven strong{color:#132c4a;text-shadow:none} #ekFx .a7Eleven span{color:#21436d} /* ---------- Süper event 2: Büyük Felaket (7-54 → 7-60) ---------- */ html.a7Mute #ekFx .ekGrey{opacity:.72} #a7Hud .a7White{inset:0;background:#fff} #ekFx .a7Stage.a7Calamity{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(30,14,34,.9),rgba(2,1,3,.98))} #ekFx .a7CalamityWrap{position:relative;text-align:center;padding:0 16px;max-width:min(90vw,700px);animation:a7Rise 5.6s ease-out both!important} #ekFx .a7CalamityWrap strong{font-size:clamp(40px,7vw,84px);letter-spacing:1px;color:#f1e6f4;text-shadow:0 0 30px rgba(120,60,150,.6),0 4px 22px #000} #ekFx .a7CalamityWrap em{color:#cdb6d8} #ekFx .a7CalamityWrap small{color:#b48ec4} #ekFx .a7CalamityMass{position:absolute;left:50%;bottom:-36vh;width:min(130vw,1400px);height:70vh;transform:translateX(-50%);border-radius:50% 50% 0 0/36% 36% 0 0; background:radial-gradient(ellipse 60% 70% at 50% 100%,#020103 55%,rgba(2,1,3,.85) 70%,rgba(2,1,3,0) 82%);animation:a7Mass 5.6s cubic-bezier(.3,0,.2,1) both!important;z-index:-1} @keyframes a7Mass{0%{transform:translateX(-50%) translateY(40vh) scaleX(.7)}60%{transform:translateX(-50%) translateY(0) scaleX(1)}100%{transform:translateX(-50%) translateY(-3vh) scaleX(1.04)}} /* ---------- Süper event 4: Sparka (7-62 → 7-64) ---------- */ #a7Hud .a7Tally{left:0;top:0;width:96px;padding:8px 8px 7px;border-radius:4px 4px 10px 10px;opacity:0;transition:opacity .9s ease,transform .5s ease,background .8s,box-shadow .8s!important; background:linear-gradient(170deg,#7d6a4f,#5a4a35 55%,#4a3c2b);box-shadow:inset 0 1px 0 rgba(255,240,210,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.55)} #a7Hud .a7Tally.on{opacity:.96} .a7Tally small{display:block;text-align:center;font:600 7.5px Ui,sans-serif;letter-spacing:2.6px;color:#f1dfbf;text-shadow:0 1px 0 rgba(0,0,0,.6);margin-bottom:5px} .a7TallyMarks{position:relative;min-height:22px;display:flex;flex-wrap:wrap;gap:0 3px;align-items:center;justify-content:center;padding:2px 0} .a7Notch{display:inline-block;width:2.5px;height:18px;border-radius:1px;background:#1e160d;box-shadow:1px 0 0 rgba(255,235,200,.3);transform-origin:50% 100%} .a7Notch.cross{width:26px;height:2.5px;margin:0 2px 0 -24px;transform:rotate(-62deg);transform-origin:50% 50%} .a7Scratch{position:absolute;width:14px;height:1.6px;background:rgba(30,20,12,.8);box-shadow:0 1px 0 rgba(255,235,200,.22);transform:rotate(var(--r))} .a7Tally.worn .a7TallyMarks::after{content:"";position:absolute;inset:-4px 8px;background:linear-gradient(115deg,transparent 46%,rgba(20,14,8,.9) 47%,rgba(20,14,8,.9) 49%,transparent 50%)} .a7TallyNote{display:block;text-align:center;font:600 8px Ui,sans-serif;letter-spacing:2px;color:#2a1c0c;min-height:0} #a7Hud .a7Tally.won{background:linear-gradient(170deg,#e9c46a,#c99a3a 55%,#a77b28);box-shadow:inset 0 1px 0 rgba(255,250,220,.6),0 0 26px rgba(240,190,90,.55),0 8px 22px rgba(0,0,0,.5)} #a7Hud .a7Tally.won small{color:#3a2508;text-shadow:none} #a7Hud .a7Tally.hit{animation:a7TallyHit .6s ease-out!important} #a7Hud .a7Tally.burst{animation:a7TallyHit .25s ease-out 4!important} @keyframes a7TallyHit{0%{filter:brightness(2) drop-shadow(0 0 8px #ff6040)}100%{filter:none}} @media(max-width:640px){#a7Hud .a7Tally{width:78px;padding:6px}.a7Notch{height:14px}.a7Notch.cross{width:21px;margin-left:-19px}} #ekFx .a7Stage.a7Sparka{background:radial-gradient(ellipse 80% 70% at 50% 45%,rgba(120,84,40,.88),rgba(30,20,10,.97))} #ekFx .a7SparkaWrap{text-align:center;padding:0 16px;animation:a7Rise 5.2s ease-out both!important} #ekFx .a7SparkaWrap strong{font-size:clamp(48px,9vw,110px);letter-spacing:6px;text-transform:uppercase;color:#f6e6c4;text-shadow:0 0 30px rgba(230,170,80,.45),0 4px 18px #000} #ekFx .a7SparkaWrap small,#ekFx .a7SparkaWrap em{color:#e6c48a} /* ---------- Kilit sözler ---------- */ :is(.flow,.a7Lift) .a7Key.speech p{width:fit-content;max-width:100%} #a7Hud .a7Lift{margin:0;pointer-events:none} #a7Hud .a7Lift .a7Key{margin:0!important} #a7Hud .a7Lift .speaker{visibility:hidden} :is(.flow,.a7Lift) .a7Key{margin-top:30px!important;margin-bottom:26px!important} :is(.flow,.a7Lift) .a7Key p,:is(.flow,.a7Lift) p.a7Key{font-size:var(--ks,clamp(30px,5vw,60px));line-height:1.18;letter-spacing:.01em;position:relative} :is(.flow,.a7Lift) .a7Key .a7W{display:inline-block;white-space:nowrap} :is(.flow,.a7Lift) .a7Key .a7Ch{display:inline-block} :is(.flow,.a7Lift) .a7Key.still .a7Ch{animation:none!important;opacity:1!important;filter:none!important;transform:none!important} /* Todd · "Beklemeyeceğim." — bulanık bekleyen harfler soğukça keskinleşir; baltanın ağzı satırdan geçer */ :is(.flow,.a7Lift) .a7Key-todd p{color:#e4eee6;text-shadow:0 0 22px rgba(90,255,130,.14)} html:not(.night) :is(.flow,.a7Lift) .a7Key-todd p{color:#15221a} :is(.flow,.a7Lift) .a7Key-todd:not(.on) .a7Ch{opacity:.2;filter:blur(3px)} :is(.flow,.a7Lift) .a7Key-todd.on .a7Ch{animation:a7KTodd .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*55ms) both!important} @keyframes a7KTodd{0%{opacity:.2;filter:blur(3px);transform:translateX(10px)}60%{opacity:1;filter:blur(0);transform:translateX(-1px)}100%{opacity:1;filter:none;transform:none}} /* (a46) satırın ortasından geçen 2px'lik ağız çizgisi kaldırıldı: üstü çizili yazı gibi okunuyordu; bıçak parıltısını artık toddAura'nın yumuşak ışık geçişi veriyor */ :is(.flow,.a7Lift) .a7Key-todd.on:not(.still) p{animation:a7KCold 2.6s ease-out .9s both!important} @keyframes a7KCold{0%{letter-spacing:.01em}40%{letter-spacing:.035em;text-shadow:0 0 30px rgba(120,255,150,.35)}100%{letter-spacing:.02em}} /* Subaru · "――Bekle." — küçük, titrek bir yakarış */ :is(.flow,.a7Lift) .a7Key-plea p{font-size:inherit;letter-spacing:0;color:inherit} :is(.flow,.a7Lift) .a7Key-plea.on:not(.still) p{animation:a7KPlea .07s linear 14 alternate!important} @keyframes a7KPlea{from{transform:translateX(-1.2px)}to{transform:translateX(1.2px)}} /* "Neredesin?" — boşluktan uzaklaşarak gelen leylak harfler */ :is(.flow,.a7Lift) .a7Key-void p{color:#dcd0f6;text-shadow:0 0 20px rgba(170,140,230,.55)} html:not(.night) :is(.flow,.a7Lift) .a7Key-void p{color:#4d3584} :is(.flow,.a7Lift) .a7Key-void.on .a7Ch{animation:a7KVoid 2.6s cubic-bezier(.2,.6,.2,1) calc(var(--j)*900ms) both!important} @keyframes a7KVoid{0%{opacity:0;filter:blur(8px);transform:scale(1.8) translateY(-6px)}100%{opacity:1;filter:none;transform:none}} /* "Hepinizi seviyorum." — sıcak altın, harfler yükselir, ardından nefes alan ışık */ :is(.flow,.a7Lift) .a7Key-warm{color:#f6e2b8;text-shadow:0 0 24px rgba(240,190,100,.45)} html:not(.night) :is(.flow,.a7Lift) .a7Key-warm{color:#7a4f12;text-shadow:0 0 18px rgba(240,190,100,.4)} :is(.flow,.a7Lift) .a7Key-warm.on .a7Ch{animation:a7KWarm 1.2s cubic-bezier(.2,.8,.2,1) calc(var(--i)*60ms) both!important} @keyframes a7KWarm{0%{opacity:0;transform:translateY(18px);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}} :is(.flow,.a7Lift) .a7Key-warm.on:not(.still){animation:a7KBreath 3.2s ease-in-out 1.6s 3!important} @keyframes a7KBreath{0%,100%{text-shadow:0 0 18px rgba(240,190,100,.35)}50%{text-shadow:0 0 40px rgba(255,210,130,.75)}} /* "Ben, kazandıııııım…!" — mavi gök altında zıplayan harfler */ :is(.flow,.a7Lift) .a7Key-sky p{color:#cfe3ff} html:not(.night) :is(.flow,.a7Lift) .a7Key-sky p{color:#1f4f8a} :is(.flow,.a7Lift) .a7Key-sky.on .a7Ch{animation:a7KSky .7s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*35ms) both!important} @keyframes a7KSky{0%{opacity:0;transform:translateY(14px) scale(.8)}100%{opacity:1;transform:none}} /* "Seni buldum." · "Büyük Felaket." — mürekkep gibi yayılan kara harfler */ :is(.flow,.a7Lift) .a7Key-found p,:is(.flow,.a7Lift) p.a7Key-found{color:#1d1026;text-shadow:0 0 1px rgba(244,236,255,1),0 0 2px rgba(226,210,255,.9),0 0 6px rgba(180,140,250,.55),0 0 28px rgba(110,70,170,.7)} html:not(.night) :is(.flow,.a7Lift) .a7Key-found p{color:#0c0610;text-shadow:0 0 18px rgba(80,40,120,.45)} :is(.flow,.a7Lift) .a7Key-found.on .a7Ch{animation:a7KInk 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--i)*90ms) both!important} @keyframes a7KInk{0%{opacity:0;filter:blur(10px);transform:scale(1.5)}50%{opacity:1}100%{opacity:1;filter:none;transform:none}} /* Madelyn — altın gözlü, yukarıdan çarpan harfler */ :is(.flow,.a7Lift) .a7Key-dragon p{color:#f6dc9a;text-shadow:0 0 18px rgba(240,180,60,.4)} html:not(.night) :is(.flow,.a7Lift) .a7Key-dragon p{color:#7a4c08} :is(.flow,.a7Lift) .a7Key-dragon.on .a7Ch{animation:a7KDrop .5s cubic-bezier(.5,0,.75,0) calc(var(--i)*14ms) both!important} @keyframes a7KDrop{0%{opacity:0;transform:translateY(-40px)}80%{opacity:1;transform:translateY(2px)}100%{opacity:1;transform:none}} /* "Ben, seni sevmiyorum." — mor alevle tutuşan harfler */ :is(.flow,.a7Lift) .a7Key-yorna p{color:#f6dcff;text-shadow:0 0 14px rgba(200,90,220,.6),0 0 34px rgba(220,60,120,.35)} html:not(.night) :is(.flow,.a7Lift) .a7Key-yorna p{color:#5a1a6a} :is(.flow,.a7Lift) .a7Key-yorna.on .a7Ch{animation:a7KFire 1.1s ease-out calc(var(--i)*70ms) both!important} @keyframes a7KFire{0%{opacity:0;filter:brightness(3) blur(3px);transform:translateY(6px)}40%{opacity:1;filter:brightness(2) blur(0)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-yorna.on:not(.still) p{animation:a7KFlick 1.8s steps(9) 1.4s 2!important} @keyframes a7KFlick{0%,100%{text-shadow:0 0 14px rgba(200,90,220,.6),0 0 34px rgba(220,60,120,.35)}50%{text-shadow:0 0 22px rgba(230,110,240,.85),0 0 48px rgba(240,80,140,.5)}} /* Cecilus — mavi şimşek: harfler rastgele sırayla çakar */ :is(.flow,.a7Lift) .a7Key-blue p{color:#d6ebff;text-shadow:0 0 16px rgba(80,160,255,.55)} html:not(.night) :is(.flow,.a7Lift) .a7Key-blue p{color:#14457e} :is(.flow,.a7Lift) .a7Key-blue.on .a7Ch{animation:a7KBolt .45s steps(3) calc(var(--j)*700ms) both!important} @keyframes a7KBolt{0%{opacity:0}34%{opacity:1;color:#fff;text-shadow:0 0 24px #6fb6ff}67%{opacity:.4}100%{opacity:1}} /* "Sıradaki!" — kum ve inat */ :is(.flow,.a7Lift) .a7Key-next p{color:#f0d7a6;text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 20px rgba(220,160,70,.35)} html:not(.night) :is(.flow,.a7Lift) .a7Key-next p{color:#6b4512} :is(.flow,.a7Lift) .a7Key-next.on .a7Ch{animation:a7KSlam .35s cubic-bezier(.5,0,.75,0) calc(var(--i)*30ms) both!important} @keyframes a7KSlam{0%{opacity:0;transform:scale(2.2)}80%{opacity:1;transform:scale(.96)}100%{transform:none}} @media (prefers-reduced-motion:reduce){:is(.flow,.a7Lift) .a7Key .a7Ch,:is(.flow,.a7Lift) .a7Key p,:is(.flow,.a7Lift) .a7Key{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}} /* ---------- Süper event 5: Biliyorum (7-75) ---------- */ html.a7Blue .pageBurn{filter:hue-rotate(188deg) saturate(1.35) brightness(1.05)} html.a7Brace .book{filter:saturate(.4) contrast(1.06);transition:filter .5s ease!important} html.a7Brace #ekFx .ekGrey{opacity:.4} .flow .rbdBadge.rbd-biliyorum span{border-color:#c79bff66} .flow .rbdBadge.rbd-biliyorum span:after{border-color:#e9d2ff;border-right-color:transparent} :is(.flow,.a7Lift) .a7Key-taboo p{color:#f2c9c9;text-shadow:0 0 14px rgba(200,30,40,.45)} html:not(.night) :is(.flow,.a7Lift) .a7Key-taboo p{color:#7a1018} :is(.flow,.a7Lift) .a7Key-taboo.on .a7Ch{animation:a7KTaboo .9s ease-out calc(var(--i)*30ms) both!important} @keyframes a7KTaboo{0%{opacity:0;transform:translateY(4px)}30%{opacity:1;transform:translateX(-1px)}45%{transform:translateX(1px)}60%{transform:none}100%{opacity:1}} :is(.flow,.a7Lift) .a7Key-unseen p{color:#e8dcff;text-shadow:0 0 2px #000,0 0 22px rgba(120,60,200,.7)} html:not(.night) :is(.flow,.a7Lift) .a7Key-unseen p{color:#2a0f52} :is(.flow,.a7Lift) .a7Key-unseen.on .a7Ch{animation:a7KSlam .4s cubic-bezier(.5,0,.75,0) calc(var(--i)*25ms) both!important} :is(.flow,.a7Lift) .a7Key-resolve,:is(.flow,.a7Lift) .a7Key-resolve p{color:#fff4dc;text-shadow:0 0 26px rgba(255,220,150,.7)} html:not(.night) :is(.flow,.a7Lift) .a7Key-resolve,html:not(.night) :is(.flow,.a7Lift) .a7Key-resolve p{color:#6b4210} :is(.flow,.a7Lift) .a7Key-resolve.on .a7Ch{animation:a7KWarm 1.4s cubic-bezier(.2,.8,.2,1) calc(var(--i)*55ms) both!important} :is(.flow,.a7Lift) .a7Key-know p{color:#fffaf0;text-shadow:0 0 18px rgba(255,236,190,.85),0 0 46px rgba(255,214,140,.45)} html:not(.night) :is(.flow,.a7Lift) .a7Key-know p{color:#5e3c08} :is(.flow,.a7Lift) .a7Key-know.on .a7Ch{animation:a7KKnow 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--i)*45ms) both!important} @keyframes a7KKnow{0%{opacity:0;filter:blur(6px) brightness(2.5);transform:scale(.9)}60%{opacity:1;filter:brightness(1.6)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-todd2 p{color:#dfe9e1;text-shadow:0 0 16px rgba(90,255,130,.18)} html:not(.night) :is(.flow,.a7Lift) .a7Key-todd2 p{color:#15221a} :is(.flow,.a7Lift) .a7Key-todd2:not(.on) .a7Ch{opacity:.25;filter:blur(2px)} :is(.flow,.a7Lift) .a7Key-todd2.on .a7Ch{animation:a7KTodd .45s cubic-bezier(.2,.8,.2,1) calc(var(--i)*22ms) both!important} html.ekStill.a7Blue .pageBurn{opacity:.28;filter:grayscale(1) brightness(.6)} /* ---------- Süper event 6: Chisha Gold (7-106/107) ---------- */ /* 7-107 hatıra: sayfa beyaz bir hatıra kâğıdına döner (gece temasında bile), kenarları beyaz pusla solar */ #reading .book .paper{transition:background-color 1.6s ease,color 1.6s ease!important} html.a7Memory #reading .book{--paper:#eeeae1;--ink:#2b2723;--muted:#7a7268;--hair:#d6d0c4} html.a7Memory #reading .book .paper{background-color:#eeeae1;color:#2b2723;box-shadow:inset 0 0 120px rgba(255,255,255,.9),inset 0 0 40px rgba(255,255,255,.7)} html.a7Memory #reading .book .flow{color:#2b2723} :is(.flow,.a7Lift) .a7Key-web p,:is(.flow,.a7Lift) p.a7Key-web{color:#f4f2ee;text-shadow:0 0 14px rgba(255,255,255,.35);letter-spacing:.02em} html:not(.night) :is(.flow,.a7Lift) .a7Key-web p,html:not(.night) :is(.flow,.a7Lift) p.a7Key-web{color:#2c2a27} :is(.flow,.a7Lift) .a7Key-web.on .a7Ch{animation:a7KWeb 1.4s ease-out calc(var(--i)*38ms) both!important} @keyframes a7KWeb{0%{opacity:0;filter:blur(3px);transform:translateY(-6px)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-ash,:is(.flow,.a7Lift) .a7Key-ash p{color:#bdb8b2;letter-spacing:.06em} html:not(.night) :is(.flow,.a7Lift) .a7Key-ash,html:not(.night) :is(.flow,.a7Lift) .a7Key-ash p{color:#615a55} :is(.flow,.a7Lift) .a7Key-ash.on .a7Ch{animation:a7KAsh 2.2s ease-out calc(var(--i)*90ms) both!important} @keyframes a7KAsh{0%{opacity:0}40%{opacity:1}100%{opacity:.85}} /* İmparator ilanı · Ölülerin sesi */ :is(.flow,.a7Lift) .a7Key-emperor p{color:#f1e1b6;text-shadow:0 0 18px rgba(200,40,40,.4),0 2px 0 rgba(0,0,0,.4)} html:not(.night) :is(.flow,.a7Lift) .a7Key-emperor p{color:#5a1010} :is(.flow,.a7Lift) .a7Key-emperor.on .a7Ch{animation:a7KSlam .45s cubic-bezier(.5,0,.75,0) calc(var(--i)*18ms) both!important} :is(.flow,.a7Lift) .a7Key-cold p{color:#d9dde2;letter-spacing:.08em;text-shadow:none} html:not(.night) :is(.flow,.a7Lift) .a7Key-cold p{color:#2a2d31} :is(.flow,.a7Lift) .a7Key-cold.on .a7Ch{animation:a7KCold2 .3s steps(2) calc(var(--i)*30ms) both!important} @keyframes a7KCold2{0%{opacity:0}50%{opacity:.6}100%{opacity:1}} /* Pleiades kartı */ #ekFx .a7Stage.a7Pleiades{background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(28,30,58,.9),rgba(6,6,14,.97))} #ekFx .a7PleiadesWrap{position:relative;text-align:center;padding:0 16px;animation:a7Rise 5.4s ease-out both!important} #ekFx .a7Stars{position:relative;width:min(70vw,320px);height:120px;margin:0 auto 14px} #ekFx .a7Stars i{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#fff6dc;box-shadow:0 0 12px #ffd98a,0 0 26px rgba(255,217,138,.6);opacity:0;animation:a7Star .7s ease-out calc(.3s + var(--i)*.22s) forwards!important} @keyframes a7Star{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.6)}100%{opacity:1;transform:none}} #ekFx .a7PleiadesWrap strong{font-size:clamp(40px,7vw,84px);color:#fff1cf;text-shadow:0 0 26px rgba(255,210,120,.45)} #ekFx .a7PleiadesWrap small,#ekFx .a7PleiadesWrap em{color:#f0c97a} /* Kapanış kartı */ #ekFx .a7Stage.a7End{background:radial-gradient(ellipse 80% 70% at 50% 45%,rgba(30,26,24,.92),rgba(4,3,3,.98))} #ekFx .a7EndWrap{text-align:center;padding:0 16px;animation:a7Rise 6.2s ease-out both!important} #ekFx .a7EndWrap strong{font-size:clamp(40px,7vw,84px);color:#e9e4da;text-shadow:0 0 1px #000,0 4px 22px #000} #ekFx .a7EndWrap small,#ekFx .a7EndWrap em{color:#b9b2a6} /* Beş Burç kartı (7-90) */ #ekFx .a7BurcWrap{text-align:center;padding:0 16px;max-width:min(94vw,640px);animation:a7Rise 6.4s ease-out both!important} #ekFx .a7BurcArt{width:min(42vw,170px);margin:0 auto 10px} #ekFx .a7BurcArt svg{width:100%;height:auto;stroke-dasharray:1200;stroke-dashoffset:1200;animation:a7Draw 2.4s ease-out .2s forwards!important} #ekFx .a7BurcList{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:5px} #ekFx .a7BurcList li{display:grid;grid-template-columns:2.6em 1fr 1fr;gap:12px;align-items:baseline;text-align:left;opacity:0;animation:a7Stop .5s ease-out calc(1.2s + var(--i)*.45s) forwards!important} #ekFx .a7BurcList b{font:600 14px Condensed,Ui,sans-serif;color:#e9c98d;text-align:right} #ekFx .a7BurcList span{font:400 clamp(15px,2vw,20px) Georgia,serif;color:#f4ecdf} #ekFx .a7BurcList em{margin:0;font-size:clamp(12px,1.5vw,14px);color:#b8ad9a} @media(max-width:520px){#ekFx .a7BurcList li{grid-template-columns:2em 1fr}#ekFx .a7BurcList em{grid-column:2}} /* ---------- Dokuz İlahi General panosu ---------- */ #ekFx .a7Stage.a7Board{background:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(28,18,22,.93),rgba(5,4,6,.98))} #ekFx .a7BoardWrap{text-align:center;padding:0 12px;width:min(96vw,980px)} #ekFx .a7BoardTitle{font-size:clamp(24px,min(4vw,5vh),44px)!important;margin-bottom:6px} #ekFx .a7Pyr{display:grid;gap:clamp(4px,1.2vh,12px);margin:4px auto 0} #ekFx .a7PyrRow{display:flex;justify-content:center;gap:clamp(6px,1.6vw,22px)} #ekFx .a7Slot{position:relative;margin:0;width:clamp(54px,min(10vw,12.5vh),122px);display:grid;justify-items:center;transform-origin:50% 88%} #ekFx .a7Slot .a7SlotImg{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:50% 6%; filter:brightness(0) drop-shadow(0 0 1px rgba(200,170,255,.55)) drop-shadow(0 0 10px rgba(120,80,170,.35));-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)} #ekFx .a7Slot.open .a7SlotImg{filter:brightness(1) saturate(1) drop-shadow(0 0 8px rgba(255,220,160,.25))} #ekFx .a7Slot .a7SlotGlow{position:absolute;left:50%;top:38%;width:130%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none; background:radial-gradient(circle,rgba(255,226,170,.55),rgba(255,190,110,.18) 40%,transparent 68%)} #ekFx .a7Slot b{font:600 11px Condensed,Ui,sans-serif;letter-spacing:1px;color:#e9c98d;margin-top:-14px;position:relative} #ekFx .a7Slot span{font:400 clamp(10px,1.15vw,14px)/1.2 Georgia,serif;color:#cfc6b8;margin-top:2px} #ekFx .a7Slot em{font:italic 400 clamp(9px,.95vw,12px)/1.2 Georgia,serif;color:#8f8679;margin:0} #ekFx .a7Slot.open span{color:#f4ecdf} #ekFx .a7Slot.focus span{color:#fff4e0} #ekFx .a7BoardPlate{margin-top:clamp(8px,2vh,20px);min-height:64px} #ekFx .a7BoardPlate strong{font-size:clamp(24px,3.6vw,40px)!important} #ekFx .a7BoardPlate span{color:#cfc6b8} @media(max-width:560px){#ekFx .a7Slot{width:17vw}#ekFx .a7Slot em{display:none}#ekFx .a7Slot span{font-size:9.5px}} #ekFx .a7PersonImg{transition:opacity .6s!important} /* ---- Dokuz General: tanışılmamış ---- */ #ekFx .a7Slot.unknown span,#ekFx .a7Slot.unknown em{color:#6d5a86;letter-spacing:2px} #ekFx .a7Slot.unknown .a7SlotImg{opacity:.85} /* ---- Sinema karesi (Codex çizimleri) ---- */ #ekFx .a7Stage.a7Cinema{background:#030204;display:block;overflow:hidden} #ekFx .a7Cinema .a7CineFrame{position:absolute;inset:11vh 0;overflow:hidden} #ekFx .a7Cinema .a7CineImg{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 45%;will-change:transform} #ekFx .a7Cinema .a7CineImg.grey{filter:grayscale(.92) contrast(1.08) brightness(.86)} #ekFx .a7Cinema .a7Bar{position:absolute;left:0;right:0;height:11vh;background:#000;z-index:2} #ekFx .a7Cinema .a7Bar.top{top:0;transform-origin:50% 0}#ekFx .a7Cinema .a7Bar.bot{bottom:0;transform-origin:50% 100%} #ekFx .a7Cinema .a7Grain{position:absolute;inset:-50%;pointer-events:none;opacity:.16;mix-blend-mode:overlay; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); animation:a7Grain .5s steps(4) infinite!important} @keyframes a7Grain{0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(0,0)}} #ekFx .a7Cinema .a7CineFrame::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 55%,rgba(0,0,0,.65))} #ekFx .a7Cinema .a7CineCap{position:absolute;left:0;right:0;bottom:2.2vh;z-index:3;text-align:center;padding:0 16px} #ekFx .a7Cinema .a7CineCap small{color:#9c93a8} #ekFx .a7Cinema .a7CineCap span{font:italic 400 clamp(14px,2vw,20px)/1.3 Georgia,serif;color:#e9e1d6;margin-top:4px} @media(max-width:560px){#ekFx .a7Cinema .a7CineFrame{inset:17vh 0}#ekFx .a7Cinema .a7Bar{height:17vh}} /* ---- Cadı'nın bedeni (7-75) ---- */ #a7Hud .a7Witch{position:fixed;right:-2vw;bottom:-4vh;height:94vh;aspect-ratio:2/3;pointer-events:none;opacity:0; mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 18%);mask-composite:intersect; -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 80%,transparent);filter:drop-shadow(0 0 30px rgba(60,10,70,.6))} #a7Hud .a7Witch img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;display:block} @media(max-width:820px){#a7Hud .a7Witch{right:-30vw;height:80vh}} /* ---- Geri sarılış ---- */ #a7Hud .a7Rewind{position:fixed;inset:0;pointer-events:none;overflow:hidden} #a7Hud .a7RwLine{position:absolute;top:0;max-width:min(52ch,48vw);font:italic 400 clamp(12px,1.3vw,16px)/1.35 Georgia,serif;color:#d7d9ef;text-shadow:0 0 12px rgba(120,140,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #a7Hud .a7RwClock{position:fixed;left:50%;top:50%;width:min(62vmin,520px);aspect-ratio:1;transform:translate(-50%,-50%);color:#aab4ff} #a7Hud .a7RwClock svg{width:100%;height:100%;overflow:visible} /* ---- Cadı sekansı: üst kenardan sarkan, okura bakan Cadı (7-75) ---- */ #a7Hud .a7Sat{position:fixed;left:0;right:0;top:0;height:48vh;max-height:520px;pointer-events:none;overflow:hidden; -webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 52%,transparent 100%)} #a7Hud .a7SatVeil{position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(8,2,12,.78),rgba(8,2,12,.35) 60%,transparent 85%)} #a7Hud .a7SatBody{position:absolute;left:50%;top:0;height:100%;width:auto;max-width:none;transform-origin:50% 0;will-change:transform,filter; filter:drop-shadow(0 10px 40px rgba(70,20,100,.55))} #a7Hud .a7SatHands{position:absolute;left:50%;top:6%;height:84%;width:auto;max-width:none;transform-origin:50% 10%;will-change:transform} @media(max-width:700px){#a7Hud .a7Sat{height:36vh;max-height:320px}} #ekFx .a7Cinema .a7CineBleed{position:absolute;inset:-30%;pointer-events:none;transform-origin:var(--bx,80%) 40%; background:radial-gradient(ellipse 45% 55% at var(--bx,80%) 40%,rgba(2,0,4,.92),rgba(10,2,16,.75) 40%,rgba(20,4,30,.25) 65%,transparent 80%);mix-blend-mode:multiply} /* ---- On Birinci Saniye: kaset yırtılması ---- */ #a7Hud .a7Vhs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:3} #a7Hud .a7VhsScan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:overlay} #a7Hud .a7VhsBand{position:absolute;left:-4%;right:-4%;-webkit-backdrop-filter:blur(.6px) saturate(2.4) hue-rotate(-24deg) contrast(1.3);backdrop-filter:blur(.6px) saturate(2.4) hue-rotate(-24deg) contrast(1.3); background:linear-gradient(90deg,rgba(255,40,60,.08),rgba(255,255,255,.1) 30%,rgba(40,220,255,.08) 70%,rgba(255,255,255,.06));box-shadow:0 -1px 0 rgba(255,60,80,.35),0 1px 0 rgba(60,220,255,.35)} #a7Hud .a7VhsRoll{position:absolute;left:0;right:0;bottom:0;height:9%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14) 45%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.1) 55%,transparent); -webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)} #a7Hud .a7VhsOsd{position:absolute;left:22px;top:18%;font:700 22px/1 'Courier New',monospace;color:#f2f2f2;letter-spacing:-2px;text-shadow:2px 0 rgba(255,40,60,.7),-2px 0 rgba(40,220,255,.7)} /* ---- kadranın çevresindeki portreler ---- */ #a7Hud .a7Orbit{position:absolute;left:46px;top:46px;width:0;height:0;pointer-events:none} #a7Hud .a7Av{position:absolute;left:0;top:0;width:0;height:0} #a7Hud .a7AvIn{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;overflow:hidden;border:1.5px solid var(--vc,#fff);background:#120c10; display:grid;place-items:center;font:600 13px Georgia,serif;color:var(--vc,#fff);box-shadow:0 0 10px -2px var(--vc,#fff)} #a7Hud .a7AvIn img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block} @media(max-width:700px){#a7Hud .a7AvIn{left:-11px;top:-11px;width:22px;height:22px;font-size:10px}} /* ---- montaj: kenarlardan akan, tekrar yaşanmış satırlar ---- */ #a7Hud .a7LoopLine{position:fixed;font:italic 400 13px/1.35 Georgia,serif;color:#f1c7c7;text-shadow:1px 0 rgba(255,40,60,.6),-1px 0 rgba(40,220,255,.5);pointer-events:none} /* ---- 11 kartı: çatının göğü ---- */ #ekFx .a7Eleven .a7ElevenBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:.3;filter:blur(4px) saturate(1.1); -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 95%);mask-image:linear-gradient(180deg,#000 30%,transparent 95%)} #ekFx .a7Eleven .a7ElevenWrap{position:relative} /* ---- yeni kilit söz tavırları ---- */ :is(.flow,.a7Lift) .a7Key-victory p{color:#ffe8b0;text-shadow:0 0 20px rgba(255,200,100,.6),0 0 60px rgba(255,170,60,.3)} html:not(.night) :is(.flow,.a7Lift) .a7Key-victory p{color:#6a4206} :is(.flow,.a7Lift) .a7Key-victory.on .a7Ch{animation:a7KVict .9s cubic-bezier(.2,.9,.25,1.2) calc(var(--i)*55ms) both!important} :is(.flow,.a7Lift) .a7Key-victory.on:not(.still) p{animation:a7KBreath 3s ease-in-out 1.8s 3!important} @keyframes a7KVict{0%{opacity:0;transform:translateY(.55em) scale(.55);filter:blur(6px)}60%{opacity:1;transform:translateY(-.08em) scale(1.1);filter:blur(0)}100%{opacity:1;transform:none}} :is(.flow,.a7Lift) .a7Key-hero p{color:#eef4ff;text-shadow:0 0 18px rgba(150,190,255,.55)} html:not(.night) :is(.flow,.a7Lift) .a7Key-hero p{color:#1d3a6a} :is(.flow,.a7Lift) .a7Key-hero.on .a7Ch{animation:a7KHero 1.3s cubic-bezier(.2,.7,.2,1) calc(var(--i)*65ms) both!important} @keyframes a7KHero{0%{opacity:0;transform:translateY(-.35em);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}} :is(.flow,.a7Lift) .a7Key-natsumi p{color:#ffd8ec;font-style:italic;text-shadow:0 0 16px rgba(255,150,210,.5)} html:not(.night) :is(.flow,.a7Lift) .a7Key-natsumi p{color:#7a1e52} :is(.flow,.a7Lift) .a7Key-natsumi.on .a7Ch{animation:a7KPop .7s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*40ms) both!important} @keyframes a7KPop{0%{opacity:0;transform:rotate(-24deg) scale(.3)}70%{opacity:1;transform:rotate(5deg) scale(1.15)}100%{opacity:1;transform:none}} :is(.flow,.a7Lift) .a7Key-sun p{color:#ffe2b4;text-shadow:0 0 14px rgba(255,140,60,.6),0 0 40px rgba(220,40,40,.3)} html:not(.night) :is(.flow,.a7Lift) .a7Key-sun p{color:#7a2a06} :is(.flow,.a7Lift) .a7Key-sun.on .a7Ch{animation:a7KSun 1.2s ease-out calc(var(--i)*45ms) both!important} @keyframes a7KSun{0%{opacity:0;filter:brightness(3) blur(3px)}100%{opacity:1;filter:none}} /* Atlama ve hareket azaltma: sonraki tavır kuralları da canlanmayı yeniden açmasın. */ :is(.flow,.a7Lift) .a7Key.on.still, :is(.flow,.a7Lift) .a7Key.on.still p, :is(.flow,.a7Lift) .a7Key.on.still .a7Ch{animation:none!important} :is(.flow,.a7Lift) .a7Key.on.still .a7Ch{opacity:1!important;filter:none!important;transform:none!important} :is(.flow,.a7Lift) .a7Key.on.still p::before, :is(.flow,.a7Lift) .a7Key.on.still p::after{animation:none!important;opacity:0!important;transform:none!important} @media (prefers-reduced-motion:reduce){ /* Tekrarlanan .a7Key, .on:not(.still) tavırlarıyla aynı önceliği korur. */ :is(.flow,.a7Lift) .a7Key.a7Key.on, :is(.flow,.a7Lift) .a7Key.a7Key.on p, :is(.flow,.a7Lift) .a7Key.a7Key.on .a7Ch{animation:none!important;opacity:1!important;filter:none!important;transform:none!important} :is(.flow,.a7Lift) .a7Key.a7Key.on p::before, :is(.flow,.a7Lift) .a7Key.a7Key.on p::after{animation:none!important;opacity:0!important;transform:none!important} } /* ---- yol haritası ---- */ #a7Hud .a7Map{left:0;top:0;width:200px;padding:10px 10px 6px;border-radius:10px;background:radial-gradient(ellipse at 50% 40%,rgba(30,24,20,.86),rgba(10,8,8,.92)); border:1px solid rgba(233,201,141,.28);box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none} #a7Hud .a7Map small{display:block;font:600 9px Ui,sans-serif;letter-spacing:2.5px;color:#e9c98d;text-align:center;margin-bottom:4px} #a7Hud .a7Map svg{display:block;width:100%;height:auto;overflow:visible} #a7Hud .a7Map .grid{fill:none;stroke:rgba(233,201,141,.12);stroke-width:.4} #a7Hud .a7Map .pt circle{fill:#e9c98d} #a7Hud .a7Map .pt text{font:600 4.6px Ui,sans-serif;fill:#f4ecdf;letter-spacing:.2px} #a7Hud .a7Map .route{fill:none;stroke:rgba(233,201,141,.35);stroke-width:.8;stroke-dasharray:1.6 1.8} #a7Hud .a7Map .routeLit{fill:none;stroke:#ffe2a8;stroke-width:1.1;filter:drop-shadow(0 0 1.5px #ffcf7a)} #a7Hud .a7Map .runner{fill:#fff4dc;filter:drop-shadow(0 0 2px #ffcf7a)} #a7Hud .a7Map .flame path{fill:#ff8a3a;stroke:#ffd27a;stroke-width:.4;filter:drop-shadow(0 0 2px #ff6a20)} @media(max-width:700px){#a7Hud .a7Map{width:150px}} /* çizimi henüz gelmemiş sinema karesi: yalnız yazı, ortada */ #ekFx .a7Cinema.noImg .a7CineCap{bottom:auto;top:50%;transform:translateY(-50%)} #ekFx .a7Cinema.noImg .a7CineCap span{font-size:clamp(20px,3vw,34px)} /* kükreme: satırlar şok dalgasıyla sarsılır (dalganın satıra varış gecikmesiyle) */ .flow .a7Jolt{animation:a7Jolt .7s cubic-bezier(.2,.7,.3,1) var(--jd,0ms) both!important} @keyframes a7Jolt{0%{transform:none}15%{transform:translate(-7px,2px) skewX(-2deg)}35%{transform:translate(5px,-1px)}55%{transform:translate(-3px,1px)}75%{transform:translate(2px,0)}100%{transform:none}} /* Ölümden Dönüş sayacı: köşede, sessiz; yeni ölümde kızıl çentik ve kısa bir parlama */ #a7Hud .a7Deaths{left:14px;bottom:14px;top:auto;width:132px;padding:7px 8px 8px;border-radius:6px;background:rgba(10,8,9,.55);border:1px solid rgba(233,201,141,.14);opacity:.42;transition:opacity .8s ease!important} #a7Hud .a7Deaths small{display:block;font:600 8px Ui,sans-serif;letter-spacing:2.6px;color:#b9a27a;margin-bottom:5px} #a7Hud .a7Deaths.hide{display:none} #a7Hud .a7Deaths.pulse{animation:a7DPulse 3.2s ease-out both!important} @keyframes a7DPulse{0%{opacity:.42}12%{opacity:1;box-shadow:0 0 22px rgba(255,48,64,.45)}70%{opacity:1}100%{opacity:.42}} #a7Hud .a7DeathMarks{display:flex;flex-wrap:wrap;gap:3px 1px;align-items:flex-end} #a7Hud .a7DMark{display:inline-block;width:2px;height:10px;background:#d8cdbb;margin-right:2px;border-radius:1px} #a7Hud .a7DMark.x{width:14px;height:2px;margin:0 6px 4px -14px;transform:rotate(-60deg);transform-origin:50% 50%;background:#c7372f} @media(max-width:900px){#a7Hud .a7Deaths{opacity:0}#a7Hud .a7Deaths.pulse{animation:a7DPulse 3.2s ease-out both!important}} /* sahne kartı açıkken kalıcı göstergeler (sayaç, kadran, levha, harita) kartın önünde durmasın */ body:has(#ekFx .ekStage) #a7Hud>*{visibility:hidden!important} /* Dokuz General panosu düğmesi */ #a7Hud .a7GenBtn{right:14px;bottom:14px;left:auto;top:auto;width:42px;height:42px;padding:5px;border-radius:50%;pointer-events:auto;cursor:pointer; background:rgba(14,11,10,.72);border:1px solid rgba(233,201,141,.32);box-shadow:0 6px 18px rgba(0,0,0,.45);opacity:.55;transition:opacity .3s ease,transform .3s ease!important} #a7Hud .a7GenBtn:hover,#a7Hud .a7GenBtn:focus-visible{opacity:1;transform:scale(1.08)} #a7Hud .a7GenBtn svg{width:100%;height:100%;display:block} #a7Hud .a7GenBtn circle{fill:rgba(233,201,141,.18);stroke:rgba(233,201,141,.35);stroke-width:.8} #a7Hud .a7GenBtn circle.on{fill:#e9c98d;stroke:#fff3d6} @media(max-width:700px){#a7Hud .a7GenBtn{width:36px;height:36px;right:10px;bottom:10px}} .flow .plate.a7Dup{display:none!important} /* 7-75: Cadı'nın "seni seviyorum" harfleri satıra vardığında satır mor ışıkla yanar */ .flow .a7SatLit{animation:a7SatLit 2.6s ease-out both!important} @keyframes a7SatLit{0%{text-shadow:0 0 0 rgba(170,110,250,0)}25%{text-shadow:0 0 18px rgba(190,140,255,.95),0 0 40px rgba(150,90,240,.6);color:#f4ecff}100%{text-shadow:0 0 16px rgba(170,140,230,.55)}} /* ---------- 7-52 yeniden ---------- */ /* kızıl görüş: sayfa Subaru'nun gözü — kızıl çarpma perdesi, bulanıklık ve kayan çift görüntü */ body>.a7RedVeil{position:fixed;inset:0;background:#c41428;mix-blend-mode:multiply;opacity:0;pointer-events:none;z-index:40} html.a7Eyes #flow{filter:blur(var(--a7blur,0px)) drop-shadow(var(--a7dbl,0px) 0 0 rgba(255,46,46,.42)) drop-shadow(calc(var(--a7dbl,0px) * -.6) 1px 0 rgba(120,0,0,.3))} /* Louis öldüğünde konuşma portreleri solar ve çatlar; döngüde (209) yeniden renklenir */ html.a7LouisGone .speech[data-voice="louis"] .portraitButton img{filter:grayscale(1) brightness(.42) contrast(1.2)!important;transition:filter 1.6s ease!important} html.a7LouisGone .speech[data-voice="louis"] .portraitButton{position:relative} html.a7LouisGone .speech[data-voice="louis"] .portraitButton::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 46%,rgba(150,0,14,.9) 47%,rgba(150,0,14,.9) 49%,transparent 50%),linear-gradient(64deg,transparent 58%,rgba(150,0,14,.7) 59%,transparent 60.5%);pointer-events:none} /* sol göz kör: ekranın sol yanı kararır (metin şeridine taşmaz); sarkan sağ gözle görüş salınır */ #a7Hud .a7BlindL{position:fixed;left:0;top:0;bottom:0;width:calc(50vw - 360px);min-width:24px;background:linear-gradient(90deg,#000 0,#000 60%,rgba(0,0,0,.55) 85%,transparent);pointer-events:none;animation:a7BlindIn 2.2s ease-out both!important} @keyframes a7BlindIn{from{opacity:0}to{opacity:1}} html.a7Sway .book{animation:a7Sway 4.8s ease-in-out infinite!important;transform-origin:50% var(--a7oy,50vh)} @keyframes a7Sway{0%,100%{transform:rotate(-.55deg) translateY(0)}50%{transform:rotate(.6deg) translateY(6px)}} /* kafa uçtuktan sonra görüş yan yatmış kalır */ html.a7Fallen .book{transform:translate(0,14px) rotate(6deg) scale(.95);transform-origin:50% var(--a7oy,50vh)} @media (prefers-reduced-motion:reduce){html.a7Sway .book{animation:none!important}html.a7Fallen .book{transform:rotate(3deg)}} /* Dönüş sayacı: 7-52 sonunda "BAŞKA BİR ŞEY" sırası */ #a7Hud .a7Deaths .a7DOtherL,#a7Hud .a7Deaths .a7DOther{display:none} #a7Hud .a7Deaths.other .a7DOtherL{display:block;margin-top:7px;color:#ff5a5a} #a7Hud .a7Deaths.other .a7DOther{display:flex} #a7Hud .a7DMark.o{background:#d4303a} #a7Hud .a7Deaths.lit{opacity:1} #a7Hud .a7Deaths.reveal .a7DOtherL{animation:a7DReveal 2.4s ease-out both!important} @keyframes a7DReveal{0%{opacity:0;letter-spacing:6px;text-shadow:0 0 0 #f00}40%{opacity:1;text-shadow:0 0 12px #ff3040}100%{opacity:1;letter-spacing:2.6px;text-shadow:none}} #a7Hud .a7Deaths.lit{background:rgba(10,8,9,.9)} /* ---------- 7-53 ---------- */ /* Refleks: kulak · göz · çığlık — öğrenilmiş kural ekranın tepesinde sırayla yanar; dördüncüden sonra "otomatik" (daha hızlı, daha soluk) */ #a7Hud .a7Reflex{left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 12px 7px 12px;border-radius:999px;background:rgba(8,6,8,.72);border:1px solid rgba(220,60,60,.25);opacity:0} #a7Hud .a7Reflex small{font:600 8px Ui,sans-serif;letter-spacing:2.4px;color:#d9a3a3;margin-left:4px} #a7Hud .a7Reflex i{display:block;width:18px;height:18px;border-radius:50%;border:1.5px solid #b98a8a;position:relative;opacity:.45} #a7Hud .a7Reflex i.ear::after{content:"";position:absolute;inset:3px 5px 3px 4px;border:1.5px solid #b98a8a;border-left:0;border-radius:0 9px 9px 0} #a7Hud .a7Reflex i.eye::after{content:"";position:absolute;left:2px;right:2px;top:7px;height:2px;background:#b98a8a;border-radius:2px} #a7Hud .a7Reflex i.mouth::after{content:"";position:absolute;left:5px;right:5px;top:5px;bottom:4px;border:1.5px solid #b98a8a;border-radius:50%} #a7Hud .a7Reflex.go{animation:a7RfxIn 3.2s ease-out both!important} #a7Hud .a7Reflex.go i{animation:a7RfxOn .5s ease-out both!important} #a7Hud .a7Reflex.go i.eye{animation-delay:.14s!important}#a7Hud .a7Reflex.go i.mouth{animation-delay:.28s!important} #a7Hud .a7Reflex.auto.go{animation-duration:2s!important}#a7Hud .a7Reflex.auto.go i{animation-duration:.25s!important} #a7Hud .a7Reflex.auto.go i.eye{animation-delay:.06s!important}#a7Hud .a7Reflex.auto.go i.mouth{animation-delay:.12s!important} @keyframes a7RfxIn{0%{opacity:0;transform:translate(-50%,-8px)}10%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0}} @keyframes a7RfxOn{0%{opacity:.45;border-color:#b98a8a;box-shadow:none}100%{opacity:1;border-color:#ff5050;box-shadow:0 0 10px rgba(255,60,60,.6)}} /* "Diğerleri burada olsa ne yapardı?" — her tekrarında biraz daha ısınır */ .flow .a7Ask{color:color-mix(in srgb,var(--ink) calc(100% - var(--ak,1)*18%),#ffd38a);text-shadow:0 0 calc(var(--ak,1)*6px) rgba(255,200,110,calc(var(--ak,1)*.12));transition:color 1.2s,text-shadow 1.2s!important} /* ---------- Büyük Felaket: açlık ---------- */ /* Kapılan sözcük yerinde kalır ama koyu bir sisin İÇİNE gömülür: sis sözcüğe bağlıdır (kaydırınca onunla gider), içinde sözcüğün silik gölgesi seçilir; imleç üstüne gelince sis incelir ve sözcük görünür. */ .flow .a7Eat{display:inline-block;position:relative;transition:color .6s ease,text-shadow .6s ease!important} .flow .a7Eat::before{content:"";position:absolute;inset:-.55em -.45em;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.3); background:radial-gradient(ellipse 34% 44% at 36% 52%,rgba(6,2,12,.9),transparent 75%),radial-gradient(ellipse 36% 40% at 64% 46%,rgba(14,5,22,.85),transparent 75%), radial-gradient(ellipse 40% 48% at 20% 40%,rgba(150,120,190,.42),transparent 72%),radial-gradient(ellipse 44% 40% at 80% 62%,rgba(160,130,200,.38),transparent 72%), radial-gradient(ellipse 75% 70% at 50% 50%,rgba(120,95,160,.34),transparent 78%); background-size:150% 150%;filter:blur(3.5px);transition:opacity .9s ease,transform .9s ease!important} .flow .a7Eat.gone{color:transparent;text-shadow:0 0 4px rgba(170,130,215,.5)} .flow .a7Eat.gone::before{opacity:1;transform:scale(1);animation:a7MistIn .8s cubic-bezier(.2,.8,.3,1),a7MistDrift 5.5s ease-in-out .8s infinite alternate!important} .flow .a7Eat.gone:hover{color:#d9c8ee;text-shadow:0 0 8px rgba(120,60,180,.8)} .flow .a7Eat.gone:hover::before{opacity:.38} html:not(.night) .flow .a7Eat.gone{text-shadow:0 0 5px rgba(60,30,80,.6)} html:not(.night) .flow .a7Eat.gone:hover{color:#2a1438;text-shadow:none} @keyframes a7MistIn{0%{opacity:0;transform:scale(.25) translateX(var(--mx,0))}60%{opacity:1;transform:scale(1.25)}100%{transform:scale(1)}} @keyframes a7MistDrift{0%{background-position:0% 30%;transform:scale(1) rotate(-2deg)}50%{background-position:60% 70%;transform:scale(1.08) rotate(1deg)}100%{background-position:100% 40%;transform:scale(.97) rotate(3deg)}} .flow .a7Eat:not(.gone)::before{transition:opacity 1.4s ease,transform 1.4s ease!important} @media (prefers-reduced-motion:reduce){.flow .a7Eat.gone::before{animation:none!important}} /* Uçan Ejderha: "Korkuyla titreyin" — satırlar korkuyla titrer */ html.a7Fear #flow [data-paragraph]{animation:a7Fear .09s steps(2) 18 alternate!important} @keyframes a7Fear{from{transform:translate(0,0)}to{transform:translate(1.4px,-.8px)}} /* Sparka: "Öfke, öfke…" — kızgın hava titremesi */ :is(.flow,.a7Lift) .a7Key-rage p{color:#ffd0b0;text-shadow:0 0 12px rgba(255,90,30,.55),0 0 30px rgba(200,20,10,.35)} html:not(.night) :is(.flow,.a7Lift) .a7Key-rage p{color:#7a1a06} :is(.flow,.a7Lift) .a7Key-rage.on .a7Ch{animation:a7KRage 1.6s ease-out calc(var(--i)*18ms) both!important} :is(.flow,.a7Lift) .a7Key-rage.on:not(.still) p{animation:a7KHeat 2.6s ease-in-out .6s 2!important} @keyframes a7KRage{0%{opacity:0;color:#fff;filter:blur(4px);transform:translateY(6px) scale(1.3)}30%{opacity:1;color:#ff6a2a;filter:blur(0)}100%{opacity:1;transform:none}} @keyframes a7KHeat{0%,100%{filter:none;transform:none}25%{filter:blur(.6px);transform:skewX(-1deg) translateY(-1px)}50%{filter:none;transform:skewX(.8deg)}75%{filter:blur(.4px);transform:translateY(1px)}} /* Chisha Gold: ad değişimi kartı */ #ekFx .a7Morph{background:radial-gradient(ellipse 60% 50% at 50% 50%,#f4f1ea,#d9d4ca 70%,#bdb6aa)!important;display:grid;place-items:center} #ekFx .a7MorphWrap{text-align:center;color:#1d1a17;display:flex;flex-direction:column;gap:12px;align-items:center;transition:filter 1.4s ease,opacity 1.4s ease!important} #ekFx .a7MorphWrap small{font:600 9px Ui,sans-serif;letter-spacing:4px;color:#7a7268} #ekFx .a7MorphName{font:400 clamp(34px,6.4vw,76px)/1 Georgia,serif;letter-spacing:.06em;color:#1d1a17!important;transition:color 1s ease,text-shadow 1s ease!important} #ekFx .a7MorphName.red{color:#8e0c18!important;text-shadow:0 0 22px rgba(160,0,20,.35)} #ekFx .a7MorphWrap span{font:italic 15px Georgia,serif;color:#5b544c;min-height:1.2em} #ekFx .a7MorphWrap.ash{filter:grayscale(1) blur(2px);opacity:.15} /* Ölülerin Felaketi: dirilen ölülerin portreleri porselen gibi çatlak, soluk */ .speech:is([data-voice="lamia"],[data-voice="balleroy"]) .portraitButton{position:relative} .speech:is([data-voice="lamia"],[data-voice="balleroy"]) .portraitButton img{filter:saturate(.45) brightness(1.08) contrast(1.05)!important} .speech:is([data-voice="lamia"],[data-voice="balleroy"]) .portraitButton::after{content:"";position:absolute;inset:0;pointer-events:none;background: linear-gradient(104deg,transparent 47%,rgba(255,244,220,.85) 48%,transparent 49.5%),linear-gradient(62deg,transparent 55%,rgba(30,24,20,.7) 56%,transparent 57.2%),linear-gradient(150deg,transparent 30%,rgba(255,244,220,.6) 31%,transparent 32%)} #a7Hud .a7DOther .a7DMark:nth-child(n+21){display:none} #a7Hud .a7DOther::after{content:attr(data-more);font:600 9px Ui,sans-serif;letter-spacing:1px;color:#ff6a6a;margin-left:6px;align-self:center} /* satır yankısı: kopya yok — satır kendi ışığıyla nefes alır */ .flow .a7Reso{animation:a7Reso 2.4s ease-out both!important} @keyframes a7Reso{0%{text-shadow:0 0 0 transparent;letter-spacing:inherit}25%{text-shadow:0 0 16px var(--rc,#d9d0f0),0 0 32px color-mix(in srgb,var(--rc,#d9d0f0) 50%,transparent);letter-spacing:.02em}100%{text-shadow:0 0 0 transparent;letter-spacing:inherit}} /* Arc 7 sonu: bilanço */ #ekFx .a7EndStats{display:flex;justify-content:center;gap:clamp(18px,4vw,48px);margin:26px 0 18px;flex-wrap:wrap} #ekFx .a7EndStat{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px} #ekFx .a7EndStat b{font:400 clamp(30px,4.6vw,54px)/1 Georgia,serif;color:#efe6d4;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px #000} #ekFx .a7EndStat span{font:600 9px Ui,sans-serif;letter-spacing:2.4px;color:#a99f90;text-transform:uppercase} #ekFx .a7EndStat.red b{color:#ff5a5a;text-shadow:0 0 18px rgba(255,40,40,.45)} #ekFx .a7EndStat{animation:a7EndStat .8s cubic-bezier(.2,.7,.3,1) both!important} #ekFx .a7EndStat:nth-child(1){animation-delay:1.3s!important}#ekFx .a7EndStat:nth-child(2){animation-delay:1.75s!important}#ekFx .a7EndStat:nth-child(3){animation-delay:2.2s!important} @keyframes a7EndStat{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} /* 7-75: alevler kırmızıdan maviye ani değil, metindeki gibi dönüşerek geçer */ .pageBurn{transition:filter 2.2s ease!important} /* Sparka kadrosu: adlar ölerek öğrenildikçe açılır, 7-64'te birbirlerine bağlanırlar */ #a7Hud .a7Roster{left:14px;top:120px;width:150px;padding:8px 10px 9px;border-radius:6px;background:rgba(12,9,6,.6);border:1px solid rgba(214,180,120,.18);display:flex;flex-direction:column;gap:6px;opacity:.85;position:absolute} #a7Hud .a7Roster small{font:600 8px Ui,sans-serif;letter-spacing:2.4px;color:#b9a27a;margin-bottom:2px} #a7Hud .a7RosRow{display:flex;align-items:center;gap:8px;font:italic 12px Georgia,serif;color:#8d8170;position:relative} #a7Hud .a7RosRow i{width:7px;height:7px;border-radius:50%;border:1px solid #8d8170;flex:none} #a7Hud .a7RosRow.known{color:#efe2c6} #a7Hud .a7RosRow.known i{background:#e9c98d;border-color:#e9c98d;box-shadow:0 0 6px rgba(233,201,141,.6)} #a7Hud .a7RosRow.learn{animation:a7RosLearn 2.2s ease-out both!important} @keyframes a7RosLearn{0%{text-shadow:0 0 0 transparent}30%{text-shadow:0 0 14px rgba(255,220,150,.9);color:#fff}100%{text-shadow:none}} #a7Hud .a7Roster.bond{border-color:rgba(233,201,141,.6);box-shadow:0 0 18px rgba(233,201,141,.25)} #a7Hud .a7Roster.bond .a7RosRow:not(:last-child)::after{content:"";position:absolute;left:3px;top:11px;width:1px;height:14px;background:linear-gradient(#e9c98d,transparent)} @media(max-width:1000px){#a7Hud .a7Roster{display:none}} /* 7-30 "kahraman değilsin": satırın içinden koşan çatlak */ .a7Crack{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2} .a7Crack path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .a7CrackMain{stroke:#eef6ff;stroke-width:1.6;filter:drop-shadow(0 0 3px rgba(150,200,255,.8)) drop-shadow(0 1px 0 rgba(0,0,0,.7))} .a7CrackBr{stroke:rgba(220,236,255,.75);stroke-width:1;opacity:0;animation:a7CrackBr .3s ease-out var(--d,0ms) forwards!important} @keyframes a7CrackBr{from{opacity:0}to{opacity:1}} html:not(.night) .a7CrackMain{stroke:#3a4656;filter:drop-shadow(0 0 2px rgba(80,120,170,.5))} html:not(.night) .a7CrackBr{stroke:rgba(58,70,86,.7)} /* Telefonda kenar boşluğu yok: köşe göstergeleri metnin üstüne biner → daha saydam (dokununca/yeni çentikte yine parlar) */ @media(max-width:640px){#a7Hud .a7Tally.on{opacity:.5}#a7Hud .a7Dial.on:not(.gone){opacity:.6}} /* Kilit sözler anı gelene kadar görünmez; doğuşta harf animasyonlarıyla belirir (önceden görünüp kaybolma yok) */ .flow .a7Key p,.flow p.a7Key{transition:opacity .45s ease,filter .6s ease!important} .flow .a7Key.a7Pre p,.flow p.a7Key.a7Pre{opacity:0!important;filter:blur(6px)} .flow [data-paragraph].a7Veil{opacity:0!important;transition:none!important} .flow [data-paragraph].a7Unveil{transition:opacity 1s ease var(--vd,0ms)!important} .flow .ekPre{opacity:0!important} /* Sinema karesi geniş ekranda: görsel bütün, kenar boşlukları bulanık kopya */ #ekFx .a7Cinema .a7CineBack{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(26px) brightness(.42) saturate(1.15);display:none} #ekFx .a7Cinema .a7CineFrame.fitWide .a7CineBack{display:block} #ekFx .a7Cinema .a7CineFrame.fitWide .a7CineImg{position:relative;object-fit:contain!important;object-position:50% 50%!important} /* 7-57B: temiz kesik çizgisi ve buz mevsimi */ .a7CleanCut{position:absolute;left:-3%;top:0;width:106%;height:100%;overflow:visible;pointer-events:none} .a7CleanCut line{stroke:#f4f8ff;stroke-width:1.6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #bcd8ff);stroke-dasharray:120;stroke-dashoffset:120;animation:a7CutDraw .18s ease-out forwards,a7CutFade 1.2s ease 1.4s forwards!important} @keyframes a7CutDraw{to{stroke-dashoffset:0}}@keyframes a7CutFade{to{opacity:0}} .flow [data-paragraph].a7Frozen{animation:a7Freeze 4s ease var(--fd,0ms) both!important} @keyframes a7Freeze{0%{}12%{color:#e6f6ff;text-shadow:0 0 6px rgba(150,210,255,.9),0 0 1px #fff;filter:saturate(.4)}55%{color:#d9efff;text-shadow:0 0 4px rgba(150,210,255,.6)}100%{}} html:not(.night) .flow [data-paragraph].a7Frozen{animation-name:a7FreezeL!important} @keyframes a7FreezeL{0%{}12%{color:#1d5c8a;text-shadow:0 0 6px rgba(120,190,240,.8)}55%{color:#2a6a96}100%{}} /* Pleiades takımyıldız introsu: tuval tam ekran, yazı kümenin altında */ #ekFx .a7Stage.a7Pleiades{background:radial-gradient(ellipse 90% 80% at 50% 38%,rgba(22,24,52,.94),rgba(4,4,12,.985))!important} #ekFx .a7Pleiades .a7PleiCanvas{position:absolute;inset:0;width:100%;height:100%} #ekFx .a7Pleiades .a7PleiadesWrap{position:absolute;left:0;right:0;top:64%;animation:none!important} #ekFx .a7Pleiades .a7PleiadesWrap span{display:block;margin-top:10px;color:#cfc4a8;font-size:12px;letter-spacing:.5px} /* 7-57B: sayfa buzun içinde (gerçek cam gibi: arkası bulanık, mavimsi, yansımalı) ve parçalanan buz */ .a7Ice,.a7IceShard{position:fixed;z-index:45;pointer-events:none;-webkit-backdrop-filter:blur(3px) saturate(.55) brightness(1.18) contrast(1.05);backdrop-filter:blur(3px) saturate(.55) brightness(1.18) contrast(1.05); background:radial-gradient(ellipse 60% 40% at 30% 18%,rgba(255,255,255,.22),transparent 70%),radial-gradient(ellipse 50% 60% at 78% 70%,rgba(255,255,255,.12),transparent 70%), linear-gradient(118deg,transparent 30%,rgba(255,255,255,.14) 36%,transparent 44%,transparent 62%,rgba(255,255,255,.08) 66%,transparent 72%), linear-gradient(155deg,rgba(225,245,255,.34),rgba(140,195,235,.16) 38%,rgba(200,235,255,.26) 62%,rgba(120,180,230,.2))} .a7Ice{inset:0;animation:a7IceIn .25s ease-out both!important;box-shadow:inset 0 0 120px rgba(220,240,255,.55),inset 0 0 30px rgba(255,255,255,.5)} @keyframes a7IceIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}} .a7IceShard{box-shadow:inset 0 0 18px rgba(240,250,255,.6)} .a7IceCracks{position:absolute;inset:0;width:100%;height:100%} .a7IceCracks path{fill:none;stroke:rgba(250,253,255,.55);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1px 0 rgba(40,80,120,.35)) drop-shadow(0 0 2px rgba(200,230,255,.6));stroke-dasharray:3000;stroke-dashoffset:3000;animation:a7IceCrack .5s ease-out var(--d,0ms) forwards!important} .a7IceCracks path.mn{stroke-width:1.3}.a7IceCracks path.br{stroke-width:.7;stroke:rgba(240,250,255,.45)} @keyframes a7IceCrack{to{stroke-dashoffset:0}} .a7IceSword{position:absolute;bottom:-6vh;height:min(70vh,640px);transform:translateX(-50%);filter:drop-shadow(0 0 18px rgba(170,220,255,.8));animation:a7SwordRise 3.6s cubic-bezier(.2,.8,.2,1) both!important} @keyframes a7SwordRise{0%{opacity:0;translate:0 60vh}25%{opacity:1;translate:0 0}75%{opacity:1;translate:0 -2vh;filter:drop-shadow(0 0 26px rgba(190,230,255,1))}100%{opacity:0;translate:0 -30vh}} /* Beyaz örümceğin ipliği (7-107): sütunun solunda, satırlara bağlı */ .a7Silk{position:absolute;left:-44px;width:2px;pointer-events:none;z-index:2} .a7SilkLine{position:absolute;left:0;top:0;width:1.5px;background:linear-gradient(#fff0,#ffffff 6%,#e9eef5);box-shadow:0 0 6px rgba(255,255,255,.9),0 0 1px #9aa7b8;transition:background .8s,box-shadow .8s!important} .a7SilkSpider{position:absolute;left:-4px;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,rgba(255,255,255,.5) 55%,#fff0 72%);box-shadow:0 0 14px 4px rgba(255,255,255,.8);transition:top .25s linear!important} .a7SilkKnot{position:absolute;right:10px;transform:translateY(-50%);text-align:right;white-space:nowrap;opacity:.18;transition:opacity 1s ease!important;pointer-events:auto} .a7SilkKnot::after{content:"";position:absolute;right:-15px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;border:1.5px solid #fff;background:#eeeae1;box-shadow:0 0 8px rgba(255,255,255,.9)} .a7SilkKnot b{display:block;font:400 13px Georgia,serif;color:#cfc8bc}.a7SilkKnot small{display:block;font:italic 10px Georgia,serif;color:#a39b8f} html.a7Memory .a7SilkKnot b{color:#5b544c}html.a7Memory .a7SilkKnot small{color:#8c8478} .a7SilkKnot.on{opacity:.9}.a7SilkKnot:hover{opacity:1} .a7Silk.omen .a7SilkLine{background:linear-gradient(#fff0,#ffd2d2 6%,#c0313d);box-shadow:0 0 8px rgba(220,40,60,.8);animation:a7SilkShiver .09s linear infinite alternate!important} .a7Silk.warm .a7SilkLine{background:linear-gradient(#fff0,#fff3d6 6%,#e9b44c);box-shadow:0 0 9px rgba(240,180,70,.85)} .a7Silk.warm .a7SilkSpider{box-shadow:0 0 16px 5px rgba(255,210,120,.85)} .a7Silk.cut .a7SilkSpider{animation:a7SilkDrop 1.6s cubic-bezier(.5,0,.9,.5) forwards!important} .a7Silk.cut .a7SilkLine{animation:a7SilkFade 2.4s ease forwards!important} @keyframes a7SilkShiver{from{transform:translateX(-.6px)}to{transform:translateX(.6px)}} @keyframes a7SilkDrop{to{transform:translateY(60vh);opacity:0}}@keyframes a7SilkFade{to{opacity:.15}} @media(max-width:1000px){.a7SilkKnot{display:none}.a7Silk{left:-14px}} /* Altın son: sayfanın altı toza dağılır (alt gezinme görünmez) */ html.a7GoldFade #reading .readfoot,html.a7GoldFade #reading .bottomtools,html.a7GoldFade #reading .chapterCast,html.a7GoldFade #reading .pagenav,html.a7GoldFade #reading nav{opacity:0;pointer-events:none;transition:opacity 1.2s ease!important} .a7GoldOut{position:fixed;inset:0;z-index:60;animation:ekIn 1s ease both!important}.a7GoldOut.out{opacity:0;transition:opacity .7s ease!important} .a7GoldOut canvas{position:absolute;inset:0;width:100%;height:100%} .a7GoldText{position:absolute;inset:0;pointer-events:none} .a7GoldKnot{position:absolute;right:calc(50% + 22px);transform:translateY(-50%);text-align:right;opacity:0;transition:opacity .8s ease,transform .8s ease!important} .a7GoldKnot.r{right:auto;left:calc(50% + 22px);text-align:left} .a7GoldKnot.on{opacity:1} .a7GoldKnot b{display:block;font:400 clamp(15px,1.6vw,21px) Georgia,serif;color:#ffe7b0;text-shadow:0 0 14px rgba(255,190,90,.6)} .a7GoldKnot small{display:block;font:italic 11px Georgia,serif;color:#cdb68a} .a7GoldKnot.red b{color:#ff8a8a;text-shadow:0 0 16px rgba(200,20,30,.8)} .a7GoldOut .a7GoldFin{position:absolute;left:0;right:0;bottom:7vh;text-align:center;opacity:0;transition:opacity 1.2s ease!important;display:flex;flex-direction:column;align-items:center;gap:14px} .a7GoldFin.on{opacity:1}.a7GoldFin small{font:600 9px Ui,sans-serif;letter-spacing:4px;color:#cdb68a} .a7GoldFin button{font:500 12px Ui,sans-serif;color:#ffe7b0;border:1px solid rgba(255,220,150,.35);border-radius:999px;padding:9px 18px;background:rgba(40,30,10,.5);cursor:pointer} .a7GoldFin button:hover{background:rgba(90,66,20,.6)} /* hatıra kâğıdında koyu mürekkep: kilit sözler ve konuşmalar okunur kalsın */ html.a7Memory #reading .flow .a7Key-web p,html.a7Memory #reading .flow p.a7Key-web{color:#1f1c19!important;text-shadow:0 0 1px rgba(255,255,255,.9),0 0 18px rgba(120,110,95,.35)} html.a7Memory #reading .flow p,html.a7Memory #reading .flow .speech{color:#2b2723} html.a7Memory .a7SilkLine{background:linear-gradient(#9aa3ad00,#8d97a3 6%,#7d8794);box-shadow:0 0 5px rgba(255,255,255,1),0 0 1px #5f6a78} html.a7Memory .a7SilkSpider{background:radial-gradient(circle,#fff 0 30%,#aeb7c2 45%,#fff0 72%);box-shadow:0 0 10px 3px rgba(150,160,175,.7)} /* Ölüler: satırdaki porselen çatlağı (içi soluk altın) */ .a7Porc{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity 1.6s ease!important} .a7Porc.out{opacity:0} .a7Porc path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600;animation:a7PorcDraw .45s ease-out forwards!important} .a7Porc path.gl{stroke:rgba(255,205,110,.55);stroke-width:4;filter:blur(2px)} .a7Porc path.ck{stroke:rgba(30,26,22,.85);stroke-width:1.1} html:not(.night) .a7Porc path.ck{stroke:rgba(40,30,20,.75)} @keyframes a7PorcDraw{to{stroke-dashoffset:0}} .flow [data-paragraph].a7Bone{animation:a7Bone 5s ease both!important} @keyframes a7Bone{0%{}10%{color:#d9dcd3;text-shadow:0 0 6px rgba(220,224,214,.35);transform:translateX(.6px)}12%{transform:translateX(-.6px)}14%{transform:none}70%{color:#cfd2c9}100%{}} html:not(.night) .flow [data-paragraph].a7Bone{animation-name:a7BoneL!important} @keyframes a7BoneL{0%{}10%{color:#6d6f66}70%{color:#74766d}100%{}} /* ARC 8'E — Yedinci Arc'ın kapanışı (7-110 sonu) */ html.a7A8Fade #reading .readfoot,html.a7A8Fade #reading .bottomtools,html.a7A8Fade #reading .chapterCast,html.a7A8Fade #reading .pagenav,html.a7A8Fade #reading nav{opacity:0;pointer-events:none;transition:opacity 1.2s ease!important} .a7A8{position:fixed;inset:0;z-index:60;background:#040303;overflow:hidden;--px:0;--py:0;animation:ekIn 1.2s ease both!important} .a7A8.out{opacity:0;transition:opacity .8s ease!important} .a7A8Par{position:absolute;inset:-4%;transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -10px),0);transition:transform 1s cubic-bezier(.2,.7,.2,1)!important} .a7A8Img{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;will-change:transform,opacity;transition:opacity 2.4s ease,filter 2.4s ease!important} .a7A8Img.city{background-image:url(assets/esik-a7-yer-lupugana.webp);filter:grayscale(.6) sepia(.2) brightness(.36) contrast(1.15)} .a7A8Img.throne{background-image:url(assets/esik-a7-yer-saray.webp);filter:grayscale(.3) brightness(.42) contrast(1.12);transform-origin:50% 66%} .a7A8Img.on{opacity:1} .a7A8Img.city.on{animation:a7A8Pull 16s ease-out both!important} .a7A8Img.throne.on{animation:a7A8Push 15s ease-out both!important} .a7A8Img.throne.dim{opacity:.2!important} @keyframes a7A8Pull{from{transform:scale(1.15)}to{transform:scale(1)}} @keyframes a7A8Push{from{transform:scale(1)}to{transform:scale(1.17)}} .a7A8 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none} .a7A8Voice{position:absolute;left:0;right:0;top:46%;padding:0 16px;text-align:center;font:400 clamp(17px,1.9vw,25px) Georgia,serif;letter-spacing:.07em;color:#cfd5dc;text-shadow:0 0 18px rgba(160,185,210,.35)} .a7A8Voice span{display:inline-block;white-space:pre;opacity:0} .a7A8Voice span.on{opacity:1;transition:opacity .25s ease!important} .a7A8Voice.cold span{color:#e6e1d8;text-shadow:0 0 1px #fff,0 0 14px rgba(230,225,215,.4)} .a7A8Cap{position:absolute;left:0;right:0;bottom:13vh;padding:26px 16px;text-align:center;font:italic 400 clamp(19px,2.3vw,31px) Georgia,serif;background:radial-gradient(ellipse 46% 60% at 50% 50%,rgba(0,0,0,.55),rgba(0,0,0,0));color:#ece6db;text-shadow:0 2px 18px #000,0 0 3px #000;opacity:0;transform:translateY(10px);transition:opacity 1.1s ease,transform 1.1s ease!important} .a7A8Cap.on{opacity:1;transform:none} .a7A8Crest{position:absolute;left:50%;top:36%;width:min(29vw,35vh);aspect-ratio:474/457;opacity:0;transform:translate(-50%,-50%) perspective(900px) rotateY(calc(var(--px) * 10deg)) rotateX(calc(var(--py) * -8deg));transition:opacity .5s ease,transform 1s cubic-bezier(.2,.7,.2,1)!important} .a7A8Crest{filter:drop-shadow(0 0 22px rgba(255,232,200,.3)) drop-shadow(0 2px 2px rgba(0,0,0,.8))} .a7A8Crest .face{position:absolute;inset:0;-webkit-mask:url(assets/esik-a7-kurt-amblem.webp) center/100% 100% no-repeat;mask:url(assets/esik-a7-kurt-amblem.webp) center/100% 100% no-repeat;background:linear-gradient(170deg,#fffaf0 0%,#efe4d0 38%,#cdbb9f 70%,#a68f73 100%)} .a7A8Crest.on{opacity:1;animation:a7A8Breath 5.5s ease-in-out 1.2s infinite!important} @keyframes a7A8Breath{0%,100%{filter:drop-shadow(0 0 18px rgba(255,232,200,.24)) drop-shadow(0 2px 2px rgba(0,0,0,.8))}50%{filter:drop-shadow(0 0 34px rgba(255,232,200,.42)) drop-shadow(0 2px 2px rgba(0,0,0,.8))}} .a7A8Crest::after{content:'';position:absolute;inset:0;-webkit-mask:url(assets/esik-a7-kurt-amblem.webp) center/100% 100% no-repeat;mask:url(assets/esik-a7-kurt-amblem.webp) center/100% 100% no-repeat;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.95) 50%,transparent 57%) 100% 0/300% 100% no-repeat;opacity:0} .a7A8Crest.glint::after{animation:a7A8Glint 2.3s cubic-bezier(.4,0,.2,1) both!important} @keyframes a7A8Glint{0%{background-position:100% 0;opacity:1}100%{background-position:0 0;opacity:1}} .a7A8Title{position:absolute;left:0;right:0;top:calc(36% + min(14.5vw,17.5vh) + 3.5vh);padding:0 16px;text-align:center} .a7A8Title small{display:block;font:600 12px Ui,sans-serif;letter-spacing:.6em;color:#d8cebf;opacity:0;transition:opacity 1.2s ease!important} .a7A8Title strong{display:block;margin-top:12px;font:600 clamp(38px,6.2vw,84px)/1 Condensed,Georgia,serif;letter-spacing:.05em;color:#f0e9dd;text-shadow:0 0 30px rgba(255,228,190,.22),0 3px 24px #000} .a7A8Title strong span{display:inline-block;opacity:0;transform:translateY(16px);filter:blur(7px)} .a7A8Title strong span.on{opacity:1;transform:none;filter:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease!important} .a7A8Title em{display:block;margin-top:14px;font:italic 400 clamp(14px,1.5vw,19px) Georgia,serif;color:#cfa59c;opacity:0;transition:opacity 1.4s ease!important} .a7A8Title small.on,.a7A8Title em.on{opacity:1} .a7A8Fin{position:absolute;left:0;right:0;bottom:6vh;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px;opacity:0;pointer-events:none;transition:opacity 1.2s ease!important} .a7A8Fin.on{opacity:1;pointer-events:auto} .a7A8Fin button{font:500 12px Ui,sans-serif;color:#f0e9dd;border:1px solid rgba(240,233,221,.3);border-radius:999px;padding:9px 18px;background:rgba(20,16,14,.55);cursor:pointer} .a7A8Fin button:hover{background:rgba(80,28,26,.6);border-color:rgba(255,170,160,.5)} .a7A8Skip{position:absolute;right:18px;top:16px;font:500 11px Ui,sans-serif;letter-spacing:.08em;color:#a59c90;background:none;border:0;cursor:pointer;opacity:.65} .a7A8Skip:hover{opacity:1} /* İSİM BÖLÜMLERİ — 7-73 Weitz Rogen: kızgın demir, soğuyan kor, çatlayan yürek */ .a7Forge{display:inline-block} .a7Forge.on{animation:a7Forge 3.6s cubic-bezier(.2,.7,.3,1) both!important} @keyframes a7Forge{0%{color:#fff;text-shadow:0 0 18px #ffcf70,0 0 4px #fff;transform:scale(1.07)}10%{transform:scale(1)}40%{color:#ffae58;text-shadow:0 0 14px rgba(255,110,30,.75)}100%{color:inherit;text-shadow:none}} :is(.flow,.a7Lift) .a7Key-ember p{color:#8f8983;font-style:italic;letter-spacing:.02em;text-shadow:none} html:not(.night) :is(.flow,.a7Lift) .a7Key-ember p{color:#6d6862} :is(.flow,.a7Lift) .a7Key-ember.on .a7Ch{animation:a7KEmber 5.4s cubic-bezier(.3,.6,.3,1) calc(var(--i) * 55ms) both!important} @keyframes a7KEmber{0%{opacity:0;color:#fff;text-shadow:0 0 18px #ffd27a,0 0 4px #fff;filter:blur(3px)} 8%{opacity:1;color:#fff6dc;text-shadow:0 0 22px rgba(255,190,90,.95),0 0 6px rgba(255,255,230,.9);filter:none} 32%{color:#ffb35a;text-shadow:0 0 18px rgba(255,120,40,.8)} 62%{color:#c2552c;text-shadow:0 0 10px rgba(200,60,20,.45)} 100%{opacity:1;color:#8f8983;text-shadow:0 0 0 rgba(0,0,0,0);filter:none}} html:not(.night) :is(.flow,.a7Lift) .a7Key-ember.on .a7Ch{animation-name:a7KEmberDay!important} @keyframes a7KEmberDay{0%{opacity:0;color:#e07a10;text-shadow:0 0 14px rgba(255,170,60,.9);filter:blur(3px)}8%{opacity:1;color:#d86a08;filter:none}40%{color:#b8431a;text-shadow:0 0 10px rgba(230,100,30,.5)}100%{opacity:1;color:#6d6862;text-shadow:none}} .a7Sink{transform:translateY(5px);opacity:.6;transition:transform 1.8s ease,opacity 1.8s ease!important} .a7Heart{position:relative;display:inline-block;white-space:nowrap} .a7Heart .g{visibility:hidden} .a7Heart .h{position:absolute;left:0;top:0} .a7Heart .a{clip-path:polygon(0 0,54% 0,47% 28%,57% 52%,45% 78%,50% 100%,0 100%)} .a7Heart .b{clip-path:polygon(54% 0,100% 0,100% 100%,50% 100%,45% 78%,57% 52%,47% 28%)} .a7Heart.on .h{color:#d98a82;transition:color 1.4s ease!important} html:not(.night) .a7Heart.on .h{color:#9a3b33} .a7Heart.on .a{animation:a7HeartA 1.2s cubic-bezier(.2,.8,.2,1) both!important} .a7Heart.on .b{animation:a7HeartB 1.2s cubic-bezier(.2,.8,.2,1) both!important} @keyframes a7HeartA{0%{transform:none}14%{transform:translate(-1px,0)}100%{transform:translate(-2px,1px) rotate(-2.5deg)}} @keyframes a7HeartB{0%{transform:none}14%{transform:translate(1px,0)}100%{transform:translate(3px,2px) rotate(3deg)}} @media (prefers-reduced-motion:reduce){.a7Forge.on,.a7Heart.on .a,.a7Heart.on .b{animation:none!important}} /* 7-74 Idra Missanga: dürüst değirmenci — sakin aile düsturu, un tozu gibi doğan ad; Hiain'in bukalemun satırı */ :is(.flow,.a7Lift) .a7Key-honest p{color:#efe3c8;letter-spacing:.015em;text-shadow:0 0 18px rgba(255,220,160,.25)} html:not(.night) :is(.flow,.a7Lift) .a7Key-honest p{color:#5b4520;text-shadow:none} :is(.flow,.a7Lift) .a7Key-honest.on .a7Ch{animation:a7KHonest 1.6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 28ms) both!important} @keyframes a7KHonest{0%{opacity:0;filter:blur(4px);transform:translateY(3px)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-miller p{color:#fff3d6;text-shadow:0 0 26px rgba(255,205,110,.55),0 0 2px rgba(255,255,255,.5)} html:not(.night) :is(.flow,.a7Lift) .a7Key-miller p{color:#6b4a10;text-shadow:0 0 18px rgba(255,200,100,.45)} :is(.flow,.a7Lift) .a7Key-miller.on .a7Ch{animation:a7KMiller 1.9s cubic-bezier(.16,.8,.24,1) calc(var(--i) * 34ms) both!important} @keyframes a7KMiller{0%{opacity:0;filter:blur(9px);transform:translateY(16px) scale(1.25);color:#fff;text-shadow:0 0 30px #ffd889}55%{opacity:1;filter:blur(0);transform:translateY(-2px) scale(1)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-miller.on:not(.still){animation:a7KBreath 3.4s ease-in-out 2s 2!important} .flow p.a7Cham{animation:a7Cham 3.6s ease-in-out both!important} .flow p.a7Cham.still{animation:none!important;color:#8a8f94} @keyframes a7Cham{0%{color:inherit}14%{color:#7fd38a;text-shadow:0 0 10px rgba(120,220,140,.4)}30%{color:#d8b45a}46%{color:#5fa8d8}62%{color:#c46ad0}80%{color:#9fa6ab}100%{color:#8a8f94;text-shadow:none}} /* 7-21 Zikr Osman: dansözün dansı — satırlar ipek gibi salınır; "Kaybettin" anında donar, sözün üstünden çelik parıltısı geçer */ html.a7Sway #flow .a7Sw{animation:a7Sway 2.6s ease-in-out calc(var(--sw,0) * -.17s) infinite!important} html.a7SwayFreeze #flow .a7Sw{animation:a7Sway 2.6s ease-in-out calc(var(--sw,0) * -.17s) infinite!important;animation-play-state:paused!important} @keyframes a7Sway{0%,100%{transform:translateX(calc(var(--sa,3px) * -1))}50%{transform:translateX(var(--sa,3px))}} :is(.flow,.a7Lift) .a7Key-gaze p{color:#f1dfc4;letter-spacing:.06em;text-shadow:0 0 18px rgba(255,200,150,.3)} html:not(.night) :is(.flow,.a7Lift) .a7Key-gaze p{color:#5a3a1c} :is(.flow,.a7Lift) .a7Key-gaze.on .a7Ch{animation:a7KGaze 1.4s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 45ms) both!important} @keyframes a7KGaze{0%{opacity:0;filter:blur(6px);transform:scaleX(1.6)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-steel p{color:#d3dbe5;letter-spacing:.03em;text-shadow:0 0 1px rgba(255,255,255,.4)} html:not(.night) :is(.flow,.a7Lift) .a7Key-steel p{color:#26303b} :is(.flow,.a7Lift) .a7Key-steel.on .a7Ch{animation:a7KSteel 1.5s cubic-bezier(.2,.7,.3,1) calc(.45s + var(--i) * 22ms) both!important} @keyframes a7KSteel{0%{opacity:0;transform:translateX(-6px)}10%{opacity:1;transform:none}24%{color:#fff;text-shadow:0 0 14px rgba(200,225,255,.95),0 0 3px #fff}100%{color:#d3dbe5;text-shadow:0 0 1px rgba(255,255,255,.4)}} html:not(.night) :is(.flow,.a7Lift) .a7Key-steel.on .a7Ch{animation-name:a7KSteelDay!important} @keyframes a7KSteelDay{0%{opacity:0;transform:translateX(-6px)}10%{opacity:1;transform:none}24%{color:#6f8db0;text-shadow:0 0 10px rgba(120,160,220,.7)}100%{color:#26303b;text-shadow:none}} .flow p.a7DejaVu{animation:a7DejaVu 3.2s ease-in-out both!important} @keyframes a7DejaVu{0%,100%{text-shadow:none}35%{color:#cfdcf0;text-shadow:0 0 12px rgba(170,200,255,.55),3px 0 0 rgba(170,200,255,.18),-3px 0 0 rgba(170,200,255,.18)}} @media (prefers-reduced-motion:reduce){html.a7Sway #flow .a7Sw,html.a7SwayFreeze #flow .a7Sw{animation:none!important}} /* 7-23 Natsumi Schwarz: ayna ampulleri (tuvalde), parıldayan söz, ruj imzası */ .a7Sign{display:inline-block;color:transparent;text-shadow:none} .a7Sign.on{font-family:'Segoe Script','Brush Script MT','Snell Roundhand','Apple Chancery',cursive;font-style:normal;color:#e0507a; text-shadow:0 1px 0 rgba(255,255,255,.25),0 0 14px rgba(240,80,130,.45);letter-spacing:.01em;padding:0 .08em; animation:a7Sign 1.5s cubic-bezier(.45,.05,.3,1) both!important} html:not(.night) .a7Sign.on{color:#b81f4f;text-shadow:0 0 10px rgba(220,60,110,.3)} .a7Sign.on.still{animation:none!important} @keyframes a7Sign{0%{clip-path:inset(-20% 100% -20% 0);transform:translateY(1px)}100%{clip-path:inset(-20% -10% -20% 0);transform:none}} .flow p.a7Glam{animation:a7Glam 3s ease-in-out both!important} @keyframes a7Glam{0%,100%{text-shadow:none}40%{text-shadow:0 0 12px rgba(255,170,210,.55),0 0 2px rgba(255,255,255,.7);color:#ffeef5}} html:not(.night) .flow p.a7Glam{animation:none!important} /* 7-59B Flop O'Connell: sahne selamı, hatıra altını, buz gibi son söz */ .flow p.a7Flair{animation:a7Flair 1.5s cubic-bezier(.2,1.6,.4,1) both!important;transform-origin:left center} @keyframes a7Flair{0%{transform:none}22%{transform:scale(1.045) rotate(-.6deg);color:#ffe6a6;text-shadow:0 0 14px rgba(255,210,110,.55)}55%{transform:scale(.995)}100%{transform:none}} :is(.flow,.a7Lift) .a7Key-memory p{color:#f3dfae;text-shadow:0 0 22px rgba(255,205,110,.4)} html:not(.night) :is(.flow,.a7Lift) .a7Key-memory p{color:#6e4d12} :is(.flow,.a7Lift) .a7Key-memory.on .a7Ch{animation:a7KMemory 2.2s ease-out calc(var(--i) * 40ms) both!important} @keyframes a7KMemory{0%{opacity:0;filter:blur(5px);color:#fff7dc}60%{opacity:1;filter:none}100%{opacity:1}} :is(.flow,.a7Lift) .a7Key-resolve p{color:#cfe0ff;letter-spacing:.02em;text-shadow:0 0 18px rgba(120,170,255,.35)} html:not(.night) :is(.flow,.a7Lift) .a7Key-resolve p{color:#1d3a6b;text-shadow:none} :is(.flow,.a7Lift) .a7Key-resolve.on .a7Ch{animation:a7KResolve 2.4s cubic-bezier(.3,.6,.2,1) calc(var(--i) * 32ms) both!important} @keyframes a7KResolve{0%{opacity:0;filter:blur(6px);color:#fff;text-shadow:0 0 24px rgba(160,200,255,.95)}40%{opacity:1;filter:none}100%{opacity:1}} .flow p.a7BlueGlint{animation:a7BlueGlint 3.4s ease-in-out both!important} @keyframes a7BlueGlint{0%{text-shadow:none}30%{color:#dbe9ff;text-shadow:0 0 14px rgba(110,170,255,.8),0 0 3px rgba(220,235,255,.9)}100%{color:#bcd2f5;text-shadow:0 0 6px rgba(110,170,255,.3)}} html:not(.night) .flow p.a7BlueGlint{animation:none!important} /* 7-23 kimlik oyunu: yanlış ad ruj darbesiyle çizilir, "Natsumi" pembe parlar */ .a7Strike{position:relative;display:inline-block} .a7Strike::after{content:'';position:absolute;left:-4%;right:-6%;top:52%;height:.32em;border-radius:.2em;transform:translateY(-50%) rotate(-4deg) scaleX(0);transform-origin:left center; background:linear-gradient(90deg,rgba(214,46,96,.0),rgba(214,46,96,.82) 12%,rgba(232,70,118,.88) 70%,rgba(214,46,96,.35));filter:blur(.4px);box-shadow:0 0 6px rgba(230,60,110,.35)} .a7Strike.on::after{animation:a7StrikeIn .42s cubic-bezier(.5,0,.3,1) both!important} .a7Strike.on{color:#a99aa0;transition:color .4s ease .3s!important} .a7Strike.on.still::after{animation:none!important;transform:translateY(-50%) rotate(-4deg) scaleX(1)} @keyframes a7StrikeIn{to{transform:translateY(-50%) rotate(-4deg) scaleX(1)}} .a7Persona{display:inline-block} .a7Persona.on{color:#ffb3cf;text-shadow:0 0 12px rgba(255,120,170,.55);animation:a7Persona .9s cubic-bezier(.2,1.5,.4,1) both!important} .a7Persona.on.still{animation:none!important} html:not(.night) .a7Persona.on{color:#c2185b;text-shadow:none} @keyframes a7Persona{0%{transform:scale(.9);opacity:.4}60%{transform:scale(1.12)}100%{transform:none;opacity:1}} /* 7-40 Natchuki Subaru: çocuk boyunda, titrek harfler; yeniden yoğrulan satır */ :is(.flow,.a7Lift) .a7Key-small p{color:#e7ecf3;letter-spacing:.03em;font-style:normal} html:not(.night) :is(.flow,.a7Lift) .a7Key-small p{color:#2a2f37} :is(.flow,.a7Lift) .a7Key-small.on .a7Ch{animation:a7KSmall 1.8s cubic-bezier(.3,1.5,.5,1) calc(var(--i) * 40ms) both!important} @keyframes a7KSmall{0%{opacity:0;transform:scale(2.2) translateY(-6px)}35%{opacity:1;transform:scale(.86) rotate(calc((var(--j) - .5) * 14deg))}60%{transform:scale(1.04) rotate(calc((var(--j) - .5) * -8deg)) translateY(calc((var(--j) - .5) * 4px))}100%{opacity:1;transform:rotate(calc((var(--j) - .5) * 3deg)) translateY(calc((var(--j) - .5) * 1.5px))}} .flow p.a7Remade{animation:a7Remade 2.6s ease-in-out both!important} @keyframes a7Remade{0%,100%{transform:none;filter:none}18%{transform:scaleX(1.06) skewX(6deg);filter:blur(1.2px)}36%{transform:scaleX(.95) skewX(-4deg) translateY(2px);filter:blur(.6px) hue-rotate(-25deg)}54%{transform:scaleY(1.08) skewX(3deg);filter:blur(1px)}72%{transform:scaleX(1.02) skewX(-1deg);filter:none}} /* 7-20 üç yol: tüccar (altın), İmparator (kızıl), Natsuki Subaru (beyaz); anılar kendi renginde; oni maskesi savrulur */ .a7NameGold.on{color:#ffd980;text-shadow:0 0 12px rgba(255,200,90,.55);transition:color .8s,text-shadow .8s!important} .a7NameRed.on{color:#ff8a8a;text-shadow:0 0 12px rgba(220,40,50,.6);transition:color .8s,text-shadow .8s!important} .a7NameWhite.on{color:#f4f8ff;text-shadow:0 0 14px rgba(220,235,255,.8);transition:color .8s,text-shadow .8s!important} html:not(.night) .a7NameGold.on{color:#8a5a00}html:not(.night) .a7NameRed.on{color:#a01818}html:not(.night) .a7NameWhite.on{color:#1d3a6b} .flow p.a7MemE{animation:a7MemE 3.2s ease-in-out both!important}.flow p.a7MemB{animation:a7MemB 3.2s ease-in-out both!important}.flow p.a7MemR{animation:a7MemR 3.2s ease-in-out both!important} @keyframes a7MemE{40%{color:#ece4ff;text-shadow:0 0 14px rgba(200,180,255,.6)}} @keyframes a7MemB{40%{color:#fff0d6;text-shadow:0 0 14px rgba(255,200,150,.6)}} @keyframes a7MemR{40%{color:#dcecff;text-shadow:0 0 14px rgba(120,180,255,.65)}} .flow p.a7Boil{animation:a7Boil 2.4s ease-in-out both!important} @keyframes a7Boil{0%,100%{text-shadow:none}35%{color:#ffd6c8;text-shadow:0 0 16px rgba(255,90,60,.55)}} .flow p.a7Race{animation:a7Race 1.1s steps(9) both!important} @keyframes a7Race{0%,100%{transform:none}10%{transform:translateX(-1.5px)}20%{transform:translateX(1.5px)}30%{transform:translateX(-1px) translateY(.5px)}40%{transform:translateX(1px)}55%{transform:translateX(-.5px)}70%{transform:translateX(.5px)}} .flow p.a7Idea{animation:a7Idea 2.6s ease-out both!important} @keyframes a7Idea{0%{text-shadow:0 0 24px rgba(255,255,255,.95);color:#fff}100%{text-shadow:none}} html:not(.night) .flow p.a7Idea,html:not(.night) .flow p.a7MemE,html:not(.night) .flow p.a7MemB,html:not(.night) .flow p.a7MemR,html:not(.night) .flow p.a7Boil{animation:none!important} #a7Hud .a7MaskToss{position:fixed;z-index:30;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))} :is(.flow,.a7Lift) .a7Key-plan p{color:#f2f6ff;text-shadow:0 0 18px rgba(220,235,255,.4)} html:not(.night) :is(.flow,.a7Lift) .a7Key-plan p{color:#1a2c4a} :is(.flow,.a7Lift) .a7Key-plan.on .a7Ch{animation:a7KPlan 1.6s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 18ms) both!important} @keyframes a7KPlan{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}} /* 7-30: şefliğin devri ve suçluluk */ .flow p.a7Rite{animation:a7Rite 3s ease-in-out both!important} @keyframes a7Rite{40%{color:#ffd2c4;text-shadow:0 0 16px rgba(200,40,40,.55)}} .flow p.a7Guilt{animation:a7Guilt 2.6s ease both!important} @keyframes a7Guilt{0%{opacity:1}40%{opacity:.55;transform:scale(.985);filter:blur(.3px)}100%{opacity:.8;transform:none;filter:none}} html:not(.night) .flow p.a7Rite{animation:none!important} /* Büyük Felaket (7-54–60): gölge kâğıdın arkasından da akar; kâğıt düzeyle saydamlaşır, kenar çizgisi erir (yalnızca gece teması) */ html.night.a7Abyss body{background:transparent!important} html.night.a7Abyss .reading .book{background:rgba(16,20,27,calc(var(--a7pa,1) * .85))!important;box-shadow:0 0 0 transparent!important;transition:background 1.2s ease!important} html.night.a7Abyss .reading .paper{background:rgba(23,27,34,var(--a7pa,1))!important;border-color:rgba(51,59,71,calc(var(--a7pa,1) - .45))!important;transition:background 1.2s ease,border-color 1.2s ease!important} html.night.a7Abyss .reading .flow p,html.night.a7Abyss .reading .flow .speech p{text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 8px rgba(0,0,0,.55)} html.night.a7Abyss .reading .pageedge{opacity:calc(var(--a7pa,1) - .5)!important;transition:opacity 1.2s ease!important} html:not(.night) #a7OrtamBack{display:none!important} /* 7-54 sonu: "Seni seviyorum" yakarısı mürekkep gibi akar; "Natsuki Subaru" adı kararıp silinir; son söz kara-mor ağırlıkta */ :is(.flow,.a7Lift) .a7Key-litany p{color:#cdbbea;letter-spacing:.01em;font-style:italic;text-shadow:0 0 14px rgba(120,60,190,.55),0 0 2px rgba(10,0,20,.9)} html:not(.night) :is(.flow,.a7Lift) .a7Key-litany p{color:#4a2f7a;text-shadow:none} :is(.flow,.a7Lift) .a7Key-litany.on .a7Ch{animation:a7KLitany 1.3s ease-out calc(var(--i) * 9ms) both!important} @keyframes a7KLitany{0%{opacity:0;filter:blur(5px);color:#000;text-shadow:0 0 20px rgba(110,40,190,.95)}100%{opacity:1;filter:none}} :is(.flow,.a7Lift) .a7Key-doom p{color:#e3d6f7;letter-spacing:.015em;text-shadow:0 0 22px rgba(110,40,190,.7),0 2px 2px #000} html:not(.night) :is(.flow,.a7Lift) .a7Key-doom p{color:#2c1650;text-shadow:none} :is(.flow,.a7Lift) .a7Key-doom.on .a7Ch{animation:a7KDoom 2.4s cubic-bezier(.3,.6,.2,1) calc(var(--i) * 26ms) both!important} @keyframes a7KDoom{0%{opacity:0;transform:translateY(10px);filter:blur(8px);color:#000}50%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}} .a7Erase{display:inline-block;transition:color 2.2s ease,text-shadow 2.2s ease,filter 2.2s ease!important} .a7Erase.on{color:#14081f;text-shadow:0 0 10px rgba(120,50,200,.75),0 0 2px rgba(150,90,230,.6);filter:blur(.6px)} html:not(.night) .a7Erase.on{color:#d8d0e6;text-shadow:none} :is(.flow,.a7Lift) .a7Key-litany p,:is(.flow,.a7Lift) .a7Key-litany2 p{color:#bfa6ea!important;font-style:italic;text-shadow:0 0 16px rgba(120,60,200,.6),0 0 2px rgba(10,0,20,.9)!important} :is(.flow,.a7Lift) .a7Key-litany2.on .a7Ch{animation:a7KLitany2 .9s ease-out calc(var(--i) * 7ms) both!important;filter:brightness(calc(1 - min(var(--i), 420) * .0016))} html:not(.night) :is(.flow,.a7Lift) .a7Key-litany p,html:not(.night) :is(.flow,.a7Lift) .a7Key-litany2 p{color:#4a2f7a!important;text-shadow:none!important} @keyframes a7KLitany2{0%{opacity:0;color:#000;text-shadow:0 0 20px rgba(110,40,190,.95)}100%{opacity:1}} /* Kalıcı kesik izi: satırın içinde, uçları sivrilen ince koyu yarık + soğuk kenar ışığı; satırla birlikte kayar */ .flow .a7Scar{position:absolute;height:3px;margin-top:-1.5px;pointer-events:none;transform-origin:left center;z-index:2;border-radius:2px; background:linear-gradient(180deg,rgba(200,230,255,.45) 0,rgba(6,10,16,.92) 40%,rgba(6,10,16,.92) 60%,rgba(200,230,255,.3) 100%); -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%); box-shadow:0 0 6px rgba(150,205,255,.35);clip-path:inset(0 100% 0 0);animation:a7ScarIn .5s cubic-bezier(.3,.7,.3,1) var(--sd,0ms) forwards!important} .flow .a7Scar[data-dir="r"]{clip-path:inset(0 0 0 100%)} .flow .a7Scar.blood{background:linear-gradient(180deg,rgba(255,120,120,.4) 0,rgba(40,0,4,.92) 40%,rgba(40,0,4,.92) 60%,rgba(255,120,120,.25) 100%);box-shadow:0 0 6px rgba(200,30,30,.35)} @keyframes a7ScarIn{to{clip-path:inset(0 0 0 0)}} html:not(.night) .flow .a7Scar{background:linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(40,50,62,.85) 40%,rgba(40,50,62,.85) 60%,rgba(255,255,255,.5) 100%);box-shadow:none} .a7CleanCut.scarred{opacity:.55;filter:none;transition:opacity 1.6s ease!important} @media (prefers-reduced-motion:reduce){.flow .a7Scar{animation:none!important;clip-path:none}} /* ---------- 7-99 Bulut Ejderhası Mezoreia (yeniden) ---------- */ /* söz ikinci kez yazılmaz: satırın kendi harfleri buluttan yoğunlaşıp tepeden iner; satır gök gürültüsüyle titrer */ :is(.flow,.a7Lift) .a7Key-sky p{color:#e2e9f4!important;text-shadow:0 0 12px rgba(190,206,236,.38),0 0 1px rgba(0,0,0,.85)!important;letter-spacing:.005em} html:not(.night) :is(.flow,.a7Lift) .a7Key-sky p{color:#36435a!important;text-shadow:0 0 10px rgba(120,140,175,.35)!important} :is(.flow,.a7Lift) .a7Key-sky.on .a7Ch{animation:a7KSky 1.6s cubic-bezier(.2,.62,.18,1) calc(var(--i) * 24ms + var(--j) * 160ms) both!important} :is(.flow,.a7Lift) .a7Key-sky.on:not(.still) p{animation:a7Rumble 3.4s linear .2s both!important} @keyframes a7KSky{0%{opacity:0;transform:translateY(-1.25em) scale(1.55);filter:blur(8px)}45%{opacity:.75;filter:blur(2.5px)}100%{opacity:1;transform:none;filter:blur(0)}} @keyframes a7Rumble{0%,100%{transform:none}4%{transform:translate(0,1.6px)}8%{transform:translate(-1px,-1.2px)}12%{transform:translate(1.2px,1px)}16%{transform:translate(-.8px,1.4px)}20%{transform:translate(.9px,-1px)}26%{transform:translate(-1px,.9px)}32%{transform:translate(.7px,-.8px)}40%{transform:translate(-.6px,.7px)}48%{transform:translate(.5px,-.5px)}58%{transform:translate(-.4px,.4px)}70%{transform:translate(.3px,-.2px)}85%{transform:translate(-.15px,.1px)}} /* bulutlar sayfanın arkasında: kâğıt yarı saydamlaşır (7-54'teki gibi) */ #a7SkyBack{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none} html:not(.night) #a7SkyBack{opacity:.55} html.night.a7Sky body{background:transparent!important} html.night.a7Sky .reading .book{background:rgba(16,20,27,calc(var(--a7pa,1) * .85))!important;box-shadow:0 0 0 transparent!important;transition:background 1.4s ease!important} html.night.a7Sky .reading .paper{background:rgba(23,27,34,var(--a7pa,1))!important;border-color:rgba(51,59,71,calc(var(--a7pa,1) - .45))!important;transition:background 1.4s ease,border-color 1.4s ease!important} html.night.a7Sky .reading .flow p,html.night.a7Sky .reading .flow .speech p{text-shadow:0 0 1px rgba(0,0,0,.9),0 1px 8px rgba(0,0,0,.55)} html.night.a7Sky .reading .pageedge{opacity:calc(var(--a7pa,1) - .5)!important;transition:opacity 1.4s ease!important} /* kanat silkinişinin rüzgârı */ .flow .a7Gust{animation:a7Gust 1.1s cubic-bezier(.2,.7,.3,1) var(--gd,0ms) both!important} @keyframes a7Gust{0%{transform:none}18%{transform:translateX(16px)}40%{transform:translateX(-5px)}62%{transform:translateX(2px)}100%{transform:none}} /* Beatrice'in yıldızlı satırı: yıldızlar satıra bağlı ve kalıcı */ .flow .a7StarLine{position:relative;text-shadow:0 0 14px rgba(236,200,255,.45)} html:not(.night) .flow .a7StarLine{text-shadow:0 0 12px rgba(170,110,210,.3)} .flow .a7Stars{position:absolute;inset:0;pointer-events:none;overflow:visible} .flow .a7Stars i{position:absolute;left:var(--x);top:var(--y);width:calc(24px * var(--s));height:calc(24px * var(--s));margin:calc(-12px * var(--s)); background:radial-gradient(closest-side,rgba(255,250,255,.95),rgba(243,217,255,.5) 35%,rgba(243,217,255,0)); clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:a7Twinkle 3.2s ease-in-out var(--d) infinite!important;opacity:.25} html:not(.night) .flow .a7Stars i{background:radial-gradient(closest-side,rgba(190,130,230,.9),rgba(190,130,230,0))} .flow .a7Stars.burst i{animation:a7StarIn .9s cubic-bezier(.2,.8,.2,1) var(--b) both,a7Twinkle 3.2s ease-in-out calc(var(--b) + .9s + var(--d)) infinite!important} @keyframes a7Twinkle{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}} @keyframes a7StarIn{0%{opacity:0;transform:scale(0) rotate(-90deg)}60%{opacity:1;transform:scale(1.8) rotate(10deg)}100%{opacity:.5;transform:scale(1) rotate(0)}} @media (prefers-reduced-motion: reduce){.flow .a7Stars i{animation:none!important;opacity:.6}} /* ---------- 7-110 "Tebrik Sözleri" (yeniden): kenar dokusu yok; her şey satırın kendisinde ---------- */ .flow .a7Jolt2{animation:a7Jolt2 .55s cubic-bezier(.3,.7,.3,1) var(--jd,0ms) both!important} @keyframes a7Jolt2{0%{transform:none}22%{transform:translateY(calc(var(--ja,1) * -7px))}48%{transform:translateY(calc(var(--ja,1) * 3px))}70%{transform:translateY(calc(var(--ja,1) * -1px))}100%{transform:none}} .flow .a7Tremor{animation:a7Tremor 2.4s linear both!important} @keyframes a7Tremor{0%,100%{transform:none}10%{transform:translate(.6px,.4px)}20%{transform:translate(-.5px,-.3px)}30%{transform:translate(.4px,.5px)}40%{transform:translate(-.6px,.2px)}50%{transform:translate(.3px,-.4px)}60%{transform:translate(-.3px,.3px)}75%{transform:translate(.2px,-.2px)}90%{transform:translate(-.1px,.1px)}} .flow .a7Push{animation:a7Push .8s cubic-bezier(.2,.8,.3,1) both!important} @keyframes a7Push{0%{transform:none}25%{transform:translateY(var(--px,10px))}100%{transform:none}} .flow .a7Flinch{animation:a7Flinch .7s ease-out both!important} @keyframes a7Flinch{0%{transform:none;opacity:1}12%{transform:translateX(-4px);opacity:.6}30%{transform:translateX(3px)}55%{transform:translateX(-1px);opacity:.85}100%{transform:none;opacity:1}} /* kanlı bandana: sözcükten kan damlar, iz kalır */ .flow .a7BloodW{position:relative;color:#d9b6b0;text-shadow:0 0 10px rgba(150,10,10,.35)} html:not(.night) .flow .a7BloodW{color:#7a1a14} .flow .a7BloodW::after{content:'';position:absolute;left:38%;top:88%;width:3px;height:0;border-radius:0 0 2px 2px;background:linear-gradient(#8c0f0f,#5a0606);animation:a7Drip 2.6s cubic-bezier(.5,0,.6,1) .4s forwards!important} .flow .a7BloodW.still::after{animation:none!important;height:13px} @keyframes a7Drip{0%{height:0}60%{height:13px}100%{height:13px}} /* porselen harfler: harflerin içinde ince çatlak ağı (sözcüğün kendisi çatlak) */ .flow .a7PorcT{color:#e8e2d6!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='40'%3E%3Cpath d='M0 22 L18 18 L31 26 L47 12 L66 20 L80 8 L97 19 L120 14 L139 27 L160 21 M47 12 L52 0 M97 19 L101 40 M31 26 L27 40 M120 14 L126 0' fill='none' stroke='%2321201f' stroke-width='1.1'/%3E%3C/svg%3E"),linear-gradient(#efe9de,#d8d0c2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;background-size:160px 1.6em,100% 100%} html:not(.night) .flow .a7PorcT{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='40'%3E%3Cpath d='M0 22 L18 18 L31 26 L47 12 L66 20 L80 8 L97 19 L120 14 L139 27 L160 21 M47 12 L52 0 M97 19 L101 40 M31 26 L27 40 M120 14 L126 0' fill='none' stroke='%23f4f0e8' stroke-width='1.1'/%3E%3C/svg%3E"),linear-gradient(#6f6a62,#4d4943)} .flow .a7PorcT.live{animation:a7PorcIn 1.8s ease-out both!important} @keyframes a7PorcIn{0%{filter:brightness(1.6) blur(.6px)}100%{filter:none}} /* çömlek gibi kırılan / birleşen satır */ .flow .a7Sh{display:inline-block;transition:transform .32s cubic-bezier(.2,.8,.3,1) var(--sd,0ms),opacity .3s ease var(--sd,0ms)!important} .flow .a7Broken .a7Sh{transform:translate(var(--sx),var(--sy)) rotate(var(--sr))} .flow .a7Broken.still .a7Sh{transition:none!important} .flow .a7Scat .a7Sh{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:.5;transition:transform 1.4s cubic-bezier(.7,0,.2,1) var(--sd,0ms),opacity 1.2s ease var(--sd,0ms)!important} .flow .a7Seams .a7Sh{transition:transform 1.4s cubic-bezier(.7,0,.2,1) var(--sd,0ms),opacity 1.2s ease var(--sd,0ms)!important} .flow .a7Seams.still .a7Sh{transition:none!important} .flow .a7Seams .a7Sh::after{content:'';display:inline-block;width:5px;height:.92em;margin:0 0 -.1em .12em;background:linear-gradient(to bottom,rgba(222,214,198,.62),rgba(190,180,164,.38));clip-path:polygon(42% 0,72% 0,50% 30%,86% 52%,46% 100%,22% 100%,52% 62%,14% 40%)} html:not(.night) .flow .a7Seams .a7Sh::after{background:linear-gradient(to bottom,rgba(80,72,60,.55),rgba(80,72,60,.3))} .flow .a7Twitch .a7Sh{animation:a7Twitch .16s steps(2) var(--td,0ms) 8!important} @keyframes a7Twitch{0%{transform:translate(0,0)}50%{transform:translate(.8px,-.6px) rotate(.6deg)}100%{transform:translate(-.6px,.4px)}} /* "Beklettim seni" yankısı: altın (Subaru) / kül (Todd) */ :is(.flow,.a7Lift) .a7Echo.gold .a7Ch{color:#f2d48a!important;text-shadow:0 0 14px rgba(255,210,120,.45)!important} :is(.flow,.a7Lift) .a7Echo.ash .a7Ch{color:#c9bdb2!important;text-shadow:0 0 12px rgba(255,140,80,.25)!important} html:not(.night) :is(.flow,.a7Lift) .a7Echo.gold .a7Ch{color:#8a5f0e!important;text-shadow:none!important} html:not(.night) :is(.flow,.a7Lift) .a7Echo.ash .a7Ch{color:#5a4a40!important;text-shadow:none!important} /* nabız gibi atan sayfa */ .flow.a7Beat{animation:a7Beat .7s cubic-bezier(.3,.7,.3,1) both!important} @keyframes a7Beat{0%{transform:none}15%{transform:scale(1.008)}30%{transform:scale(.998)}45%{transform:scale(1.004)}100%{transform:none}} /* kilit söz tavırları */ :is(.flow,.a7Lift) .a7Key-dead p{color:#e6e0d4!important;letter-spacing:.01em;text-shadow:0 0 1px rgba(0,0,0,.9),0 0 18px rgba(200,195,180,.18)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-dead p{color:#4a463f!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-dead.on .a7Ch{animation:a7KDead 1.1s cubic-bezier(.3,.7,.3,1) calc(var(--i) * 30ms) both!important} @keyframes a7KDead{0%{opacity:0;transform:translateY(.15em) rotate(calc((var(--j) - .5) * 30deg));filter:blur(3px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}} :is(.flow,.a7Lift) .a7Key-minya p{color:#d8c2ff!important;letter-spacing:.04em;text-shadow:0 0 16px rgba(150,90,240,.6),0 0 2px rgba(20,0,40,.9)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-minya p{color:#5a2aa0!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-minya.on .a7Ch{animation:a7KMinya .5s cubic-bezier(.2,.9,.3,1.2) calc(var(--i) * 40ms) both!important} @keyframes a7KMinya{0%{opacity:0;transform:scale(1.8) rotate(-12deg);filter:brightness(2)}100%{opacity:1;transform:none;filter:none}} :is(.flow,.a7Lift) .a7Key-star p{color:#f3e4c0!important;text-shadow:0 0 18px rgba(255,214,140,.35),0 1px 2px rgba(0,0,0,.6)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-star p{color:#4a3510!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-star.on .a7Ch{animation:a7KStar .7s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 28ms) both!important} @keyframes a7KStar{0%{opacity:0;transform:translateY(-.4em) scale(1.3);filter:brightness(2.2) blur(2px)}100%{opacity:1;transform:none;filter:none}} :is(.flow,.a7Lift) .a7Key-who p{color:#c9d6e6!important;letter-spacing:.02em;text-shadow:none!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-who p{color:#2b3a4c!important} :is(.flow,.a7Lift) .a7Key-who.on .a7Ch{animation:a7KWho 2.2s ease calc(var(--i) * 70ms) both!important} @keyframes a7KWho{0%{opacity:0}100%{opacity:1}} @media (prefers-reduced-motion: reduce){.flow .a7Sh{transition:none!important}.flow .a7Scat .a7Sh{transform:none;opacity:1}} /* Arc 8 outro'su: arma katmanları — kurt + üç kılıç; kılıçlar ekseni boyunca uçup kurda saplanır, sonra kurt kükrer */ .a7A8CrestIn{position:absolute;inset:0} .a7A8Crest .face.w{-webkit-mask-image:url(assets/esik-a7-kurt-amblem-kurt.webp);mask-image:url(assets/esik-a7-kurt-amblem-kurt.webp)} .a7A8Crest .face.k1{-webkit-mask-image:url(assets/esik-a7-kurt-amblem-kilic1.webp);mask-image:url(assets/esik-a7-kurt-amblem-kilic1.webp);--dx:0%;--dy:-62%} .a7A8Crest .face.k2{-webkit-mask-image:url(assets/esik-a7-kurt-amblem-kilic2.webp);mask-image:url(assets/esik-a7-kurt-amblem-kilic2.webp);--dx:-46%;--dy:-46%} .a7A8Crest .face.k3{-webkit-mask-image:url(assets/esik-a7-kurt-amblem-kilic3.webp);mask-image:url(assets/esik-a7-kurt-amblem-kilic3.webp);--dx:-64%;--dy:0%} .a7A8Crest .face.k{opacity:0;transform:translate(var(--dx),var(--dy));transition:transform .42s cubic-bezier(.6,0,.95,.55),opacity .14s linear!important} .a7A8Crest .face.k.in{opacity:1;transform:none} .a7A8CrestIn.hit{animation:a7A8Hit .38s cubic-bezier(.2,.8,.3,1) both!important} @keyframes a7A8Hit{0%{transform:none}25%{transform:translate(4px,3px) scale(.985)}60%{transform:translate(-1px,-1px)}100%{transform:none}} .a7A8CrestIn.roar{animation:a7A8Roar 1.6s cubic-bezier(.2,.8,.3,1) both!important} @keyframes a7A8Roar{0%{transform:none;filter:none}12%{transform:scale(1.07);filter:drop-shadow(0 0 30px rgba(255,120,90,.55)) brightness(1.25)}40%{transform:scale(1.02);filter:drop-shadow(0 0 20px rgba(255,170,130,.35))}100%{transform:none;filter:none}} @media (prefers-reduced-motion: reduce){.a7A8Crest .face.k{transition:none!important}} /* 7-99 El Shamak — yazının içinde: kelime öbeklerinin üstüne inen saydam kara kubbeler (a37) */ .a7ShRow{position:relative} .a7ShHost{position:absolute;inset:0;pointer-events:none;z-index:2} .a7ShDome{position:absolute;display:block;border-radius:50% 50% 6% 6%/100% 100% 8% 8%;opacity:0;transform-origin:50% 100%; background:radial-gradient(ellipse 30% 26% at 32% 26%,rgba(190,160,255,.3),rgba(190,160,255,0) 70%),radial-gradient(ellipse 64% 100% at 50% 100%,rgba(4,1,9,.9) 0%,rgba(12,4,24,.8) 40%,rgba(28,10,54,.62) 66%,rgba(70,36,130,.4) 84%,rgba(160,120,250,.32) 95%,rgba(160,120,250,0) 100%); box-shadow:inset 0 3px 10px -4px rgba(190,150,255,.7),inset 0 -6px 12px -6px rgba(0,0,0,.6),0 0 16px 1px rgba(40,10,80,.35)} .a7ShDome.drop{animation:a7ShDrop 1s cubic-bezier(.2,.9,.25,1) both!important} .a7ShDome.rest{animation:a7ShRest 2.8s ease forwards!important} .a7ShDome.rest.now{animation:none!important;opacity:.3;filter:blur(5px)} @keyframes a7ShDrop{0%{opacity:0;transform:translateY(-36px) scale(.5,.34)}58%{opacity:1;transform:translateY(0) scale(1.05,1.12)}100%{opacity:.93;transform:none}} @keyframes a7ShRest{0%{opacity:.93;filter:blur(0)}100%{opacity:.3;filter:blur(5px)}} .a7Sw{transition:color 1.6s ease,filter 1.6s ease,text-shadow 1.6s ease} .a7Sw.dim{color:rgba(156,134,196,.62)!important;filter:blur(.45px);text-shadow:0 0 10px rgba(22,4,44,.95)} html:not(.night) .a7Sw.dim{color:rgba(74,52,104,.58)!important;text-shadow:0 0 8px rgba(60,30,100,.35)} @media (prefers-reduced-motion:reduce){.a7ShDome{animation:none!important;opacity:.3}} /* 7-98 Pleiades kartı — harf harf ağır iniş, oturunca tek parıltı */ #ekFx .a7Pleiades .a7PleiTitle{display:block;font-size:clamp(40px,7vw,84px);color:#fff1cf;text-shadow:0 0 26px rgba(255,210,120,.45);white-space:nowrap} #ekFx .a7Pleiades .a7PleiTitle b{display:inline-block;font-weight:inherit;will-change:transform,opacity,filter} #ekFx .a7Pleiades .a7PleiTitle.hit{animation:a7PleiHit 1.6s ease-out both!important} @keyframes a7PleiHit{0%{text-shadow:0 0 26px rgba(255,210,120,.45)}12%{text-shadow:0 0 44px rgba(255,236,190,.95),0 0 90px rgba(255,200,110,.55)}100%{text-shadow:0 0 26px rgba(255,210,120,.45)}} /* ===== a38 · BÜYÜK FELAKET: KAOS ALEVİ ŞEHRİ (Claude) ===== */ /* şehir kâğıdın arkasında: gövde arka planı kalksın (gündüz modunda da kenarlarda görünür) */ html.a7Cf body{background:transparent!important} html.a7Cf:not(.night) #a7SkyBack{opacity:.62} /* Subaru gölgenin içindeyken DÖNÜŞ sayacı da gölgeye gömülür */ #a7Hud .a7Deaths{position:fixed} html.a7CfLost #a7Hud .a7Deaths{opacity:.7;border-color:rgba(150,80,230,.35);background:#040106;box-shadow:0 0 18px rgba(120,50,200,.45),inset 0 0 22px rgba(0,0,0,.9);transition:opacity .8s ease,box-shadow 1.2s ease!important} html.a7CfLost #a7Hud .a7Deaths>*{filter:blur(2.6px) brightness(.35);opacity:.5;transition:filter 1.4s ease,opacity 1.4s ease!important} html.a7CfLost #a7Hud .a7Deaths::after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font:500 22px Georgia,serif;color:#b48ae6;text-shadow:0 0 12px rgba(150,80,240,.9);animation:a7CfQ 3.4s ease-in-out infinite!important} @keyframes a7CfQ{0%,100%{opacity:.45}50%{opacity:.95}} html.a7CfLost .readProgress{background:linear-gradient(90deg,#120420,#7a3cc0)!important;box-shadow:0 0 10px rgba(140,70,230,.8)} /* kapılan sözcük kaybolmaz: mürekkebe bulanır, okunur kalır */ .flow .a7Eat.a7Bit{color:#c9b3ea;text-shadow:0 0 1px #000,0 0 7px rgba(110,40,190,.95),0 0 16px rgba(20,4,30,.9);animation:a7CfBit .7s cubic-bezier(.2,.8,.3,1) both!important} html:not(.night) .flow .a7Eat.a7Bit{color:#3a1458;text-shadow:0 0 6px rgba(110,40,190,.6)} @keyframes a7CfBit{0%{transform:translate(0,0)}30%{transform:translate(-3px,1px) scale(.92);filter:blur(1px)}100%{transform:none;filter:none}} /* kilit sözler */ :is(.flow,.a7Lift) .a7Key-lapis p{color:#ffe0e6;text-shadow:0 0 14px rgba(255,60,90,.55),0 0 30px rgba(80,120,255,.45)} html:not(.night) :is(.flow,.a7Lift) .a7Key-lapis p{color:#6a1020} :is(.flow,.a7Lift) .a7Key-lapis.on .a7Ch{animation:a7KFire .9s ease-out calc(var(--i)*40ms) both,a7KLapis 2.4s ease-in-out calc(var(--i)*40ms + .9s) 2!important} @keyframes a7KLapis{0%,100%{color:#ffd6de;text-shadow:0 0 12px rgba(255,60,90,.7)}50%{color:#d6e2ff;text-shadow:0 0 12px rgba(80,120,255,.8)}} :is(.flow,.a7Lift) .a7Key-smoke p{color:#ecd8f6;text-shadow:0 0 18px rgba(190,110,220,.6)} html:not(.night) :is(.flow,.a7Lift) .a7Key-smoke p{color:#4f1d63} :is(.flow,.a7Lift) .a7Key-smoke.on .a7Ch{animation:a7KSmoke 1.8s cubic-bezier(.2,.6,.2,1) calc(var(--j)*700ms + var(--i)*30ms) both!important} @keyframes a7KSmoke{0%{opacity:0;filter:blur(9px);transform:translateY(14px) scale(1.3)}60%{opacity:.9}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-gorgeous p{color:#f7e6ff;text-shadow:0 0 16px rgba(200,110,240,.7),0 0 40px rgba(255,190,120,.3);letter-spacing:.02em} html:not(.night) :is(.flow,.a7Lift) .a7Key-gorgeous p{color:#4b1260} :is(.flow,.a7Lift) .a7Key-gorgeous.on .a7Ch{animation:a7KSlam .5s cubic-bezier(.5,0,.75,0) calc(var(--i)*26ms) both!important} :is(.flow,.a7Lift) .a7Key-gorgeous.on:not(.still) p{animation:a7KGorg 3s ease-in-out 1.4s 2!important} @keyframes a7KGorg{0%,100%{text-shadow:0 0 16px rgba(200,110,240,.6)}50%{text-shadow:0 0 38px rgba(230,150,255,.95),0 0 70px rgba(255,190,120,.45)}} :is(.flow,.a7Lift) .a7Key-million p{color:#e8eef6;letter-spacing:.03em;text-shadow:0 0 14px rgba(160,190,230,.35)} html:not(.night) :is(.flow,.a7Lift) .a7Key-million p{color:#1f2a38} :is(.flow,.a7Lift) .a7Key-million.on .a7Ch{animation:a7KWarm 1s cubic-bezier(.2,.8,.2,1) calc(var(--i)*32ms) both!important} :is(.flow,.a7Lift) .a7Key-unlove p{color:#fbf0ff;text-shadow:0 0 10px rgba(255,255,255,.7),0 0 26px rgba(200,120,255,.9),0 0 60px rgba(160,60,240,.5)} html:not(.night) :is(.flow,.a7Lift) .a7Key-unlove p{color:#3b0a52} :is(.flow,.a7Lift) .a7Key-unlove.on .a7Ch{animation:a7KUnlove 1.4s cubic-bezier(.2,.7,.2,1) calc(var(--i)*70ms) both!important} @keyframes a7KUnlove{0%{opacity:0;transform:scale(.4);filter:blur(6px) brightness(3)}45%{opacity:1;transform:scale(1.18);filter:brightness(2.2)}100%{opacity:1;transform:none;filter:none}} :is(.flow,.a7Lift) .a7Key-starbreak p{color:#e6efff;text-shadow:0 0 12px rgba(170,200,255,.6)} html:not(.night) :is(.flow,.a7Lift) .a7Key-starbreak p{color:#14305e} :is(.flow,.a7Lift) .a7Key-starbreak.on .a7Ch{animation:a7KCold2 .3s steps(2) calc(var(--i)*28ms) both!important} :is(.flow,.a7Lift) .a7Key-starbreak.on:not(.still) p{animation:a7KPlea .06s linear .9s 10 alternate!important} :is(.flow,.a7Lift) .a7Key-order p{color:#f2f6ff;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 22px rgba(160,190,255,.6)} html:not(.night) :is(.flow,.a7Lift) .a7Key-order p{color:#0f2a55} :is(.flow,.a7Lift) .a7Key-order.on .a7Ch{animation:a7KStar 1.6s ease-out calc(var(--j)*900ms) both!important} @keyframes a7KStar{0%{opacity:0;filter:blur(2px) brightness(3);transform:scale(.6)}25%{opacity:1;filter:brightness(2.4);transform:scale(1.12)}100%{opacity:1;filter:none;transform:none}} :is(.flow,.a7Lift) .a7Key-prayer p{color:#fff6e6;font-style:italic;text-shadow:0 0 16px rgba(255,236,200,.6),0 0 44px rgba(255,214,150,.3)} html:not(.night) :is(.flow,.a7Lift) .a7Key-prayer p{color:#5e4210} :is(.flow,.a7Lift) .a7Key-prayer.on .a7Ch{animation:a7KWarm 1.6s cubic-bezier(.2,.8,.2,1) calc(var(--i)*55ms) both!important} :is(.flow,.a7Lift) .a7Key-tale p{color:#fff7e0;text-shadow:0 0 14px rgba(255,220,140,.6),0 0 34px rgba(140,190,255,.45)} html:not(.night) :is(.flow,.a7Lift) .a7Key-tale p{color:#4a3008} :is(.flow,.a7Lift) .a7Key-tale.on .a7Ch{animation:a7KBolt .45s steps(3) calc(1.6s + var(--j)*500ms) both!important} @media (prefers-reduced-motion:reduce){.flow .a7Eat.a7Bit{animation:none!important}html.a7CfLost #a7Hud .a7Deaths::after{animation:none!important}} /* ===================================================================== * a39 · 7-110 "TOPRAĞIN ALTI" + Yedinci Arc sonu eşiği * ===================================================================== */ html.a7T10 body{background:transparent!important} html.a7T10:not(.night) #a7SkyBack{opacity:.6} html.a7T10 .readProgress{background:linear-gradient(90deg,#2a1a10,#c08a4a)!important;box-shadow:0 0 8px rgba(200,140,70,.6)} /* eşik: sayfanın dibinde sabit; kart değil, kaydırmayı kilitlemez */ .a7Gate8{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(54px,9vh,92px) 16px calc(20px + env(safe-area-inset-bottom)); background:linear-gradient(180deg,rgba(5,4,4,0) 0%,rgba(5,4,4,.82) 34%,rgba(5,4,4,.97) 100%);color:#e9e4da;text-align:center;pointer-events:none; animation:a7Gate8In 1.3s cubic-bezier(.2,.8,.2,1) both!important} .a7Gate8>*{pointer-events:auto} .a7Gate8.out{animation:a7Gate8Out .7s ease both!important} .a7Gate8Glow{position:absolute;left:50%;top:clamp(40px,7vh,70px);width:min(560px,80vw);height:34px;transform:translateX(-50%);border-radius:50%;pointer-events:none!important; background:radial-gradient(ellipse at center,rgba(255,206,140,.5) 0%,rgba(230,120,60,.22) 38%,rgba(120,40,20,0) 72%);filter:blur(4px);animation:a7Gate8Glow 3.2s ease-in-out infinite!important} .a7Gate8 small{font:500 9px Ui,sans-serif;letter-spacing:3px;color:#c9a06a;position:relative} .a7Gate8Stats{display:flex;justify-content:center;gap:clamp(18px,4vw,46px);flex-wrap:wrap;margin:4px 0 6px} .a7Gate8Stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px} .a7Gate8Stat b{font:400 clamp(26px,3.6vw,42px)/1 Georgia,serif;color:#efe6d4;font-variant-numeric:tabular-nums;text-shadow:0 2px 14px #000} .a7Gate8Stat.red b{color:#e0675f} .a7Gate8Stat span{font:500 10px Ui,sans-serif;letter-spacing:1.2px;color:#a79e90;text-transform:uppercase} .a7Gate8Go{display:inline-flex;align-items:center;gap:12px;margin-top:4px;padding:12px 24px 12px 28px;border-radius:999px;border:1px solid rgba(233,201,141,.55); background:linear-gradient(180deg,rgba(60,40,22,.85),rgba(28,18,10,.92));color:#f3e6cc;font:600 13px Ui,sans-serif;letter-spacing:1.6px;cursor:pointer; box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 26px rgba(230,160,80,.28);transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important} .a7Gate8Go:hover,.a7Gate8Go:focus-visible{transform:translateY(2px);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 38px rgba(240,170,90,.5);outline:none} .a7Gate8Go i{font-style:normal;font-size:16px;display:inline-block;animation:a7Gate8Arrow 1.5s ease-in-out infinite!important} .a7Gate8 em{font:italic 400 12px Georgia,serif;color:#8d8578;opacity:0;transition:opacity .8s ease .2s!important} .a7Gate8.armed em{opacity:1} html:not(.night) .a7Gate8{background:linear-gradient(180deg,rgba(18,14,10,0) 0%,rgba(18,14,10,.86) 34%,rgba(12,9,7,.97) 100%)} @keyframes a7Gate8In{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}} @keyframes a7Gate8Out{to{opacity:0;transform:translateY(30px)}} @keyframes a7Gate8Glow{0%,100%{opacity:.65;transform:translateX(-50%) scaleX(.92)}50%{opacity:1;transform:translateX(-50%) scaleX(1.05)}} @keyframes a7Gate8Arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}} @media (max-width:560px){.a7Gate8Stat{min-width:78px}.a7Gate8Stat span{font-size:9px;letter-spacing:.8px}.a7Gate8Go{padding:11px 20px}} @media (prefers-reduced-motion:reduce){.a7Gate8,.a7Gate8Glow,.a7Gate8Go i{animation:none!important}} /* 7-57B: Emilia'nın sözleri — kar onlardan başlar */ :is(.flow,.a7Lift) .a7Key-yeter p{color:#dbe9f7!important;letter-spacing:.02em;text-shadow:0 0 14px rgba(190,220,255,.35),0 1px 2px rgba(0,0,0,.6)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-yeter p{color:#2d4a66!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-yeter.on .a7Ch{animation:a7KYeter 1.4s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 45ms) both!important} :is(.flow,.a7Lift) .a7Key-iceage p{color:#eef8ff!important;letter-spacing:.06em;text-shadow:0 0 22px rgba(170,215,255,.7),0 0 2px rgba(10,30,60,.9)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-iceage p{color:#1f4f86!important;text-shadow:0 0 12px rgba(120,180,255,.35)!important} :is(.flow,.a7Lift) .a7Key-iceage.on .a7Ch{animation:a7KIce 1.1s cubic-bezier(.2,.9,.25,1) calc(var(--i) * 55ms) both!important} @keyframes a7KYeter{0%{opacity:0;filter:blur(5px);transform:translateY(-8px)}60%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none}} @keyframes a7KIce{0%{opacity:0;filter:blur(7px);transform:translateY(-10px) scale(1.3);color:#8fc6ff}55%{opacity:1;filter:blur(0);transform:scale(1.04);color:#ffffff;text-shadow:0 0 26px rgba(200,235,255,1)}100%{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){:is(.flow,.a7Lift) .a7Key-yeter.on .a7Ch,:is(.flow,.a7Lift) .a7Key-iceage.on .a7Ch{animation:none!important}} /* 7-30 "Yemin": altın yemin kâğıdın arkasında; vuruşlarda satır zonklar */ html.a7Vow body{background:transparent!important} html.a7Vow:not(.night) #a7SkyBack{opacity:.5} .flow .a7Throb{animation:a7Throb 1.1s ease-out 3 both!important} @keyframes a7Throb{0%{transform:none}12%{transform:translateY(2px) scale(1.012);filter:brightness(1.2)}40%{transform:none;filter:none}100%{transform:none}} @media (prefers-reduced-motion:reduce){.flow .a7Throb{animation:none!important}} /* a41 · 7-40 "Bu bir rezalet." — soğuk mürekkep, p173'te geri döner */ .a7Rezalet.on{color:#9db9e6;font-style:italic;text-shadow:0 0 12px rgba(110,150,220,.55);letter-spacing:.03em;transition:color 1.2s,text-shadow 1.2s,letter-spacing 1.2s!important} html:not(.night) .a7Rezalet.on{color:#2c4466;text-shadow:none} .a7Rezalet.still{transition:none!important} /* a42 · 7-107 beyaz sayfa: konuşmacı adları ve portreler okunur (Rüzgar: "portreler belli değil, yanındaki yazılar okunmuyor") */ html.a7Memory #reading .speech .speaker{color:color-mix(in srgb,var(--speaker,#6b5f52) 38%,#1d1a17)!important;font-weight:700;letter-spacing:.6px;text-shadow:none!important} html.a7Memory #reading .speakerPortraits img,html.a7Memory #reading .portraitPlaceholder{border:1px solid rgba(40,34,28,.45)!important;box-shadow:0 2px 8px rgba(30,24,18,.28),0 0 0 3px rgba(255,255,255,.7)!important;filter:none!important;opacity:1!important} /* a43 · 7-110 "KESME": çizilmiş levhalar kâğıdın arkasında, ayraçta yerin adı, yazı içi sözcükler */ .k10Plates{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#05060a} .k10Plate{position:absolute;inset:-4%;background:center/cover no-repeat;opacity:0;transition:opacity 1.7s ease!important; animation:k10Drift 70s ease-in-out infinite alternate!important;will-change:opacity,transform} .k10Plate{display:none}.k10Plate.show{display:block}.k10Plate.on{opacity:1} @keyframes k10Drift{from{transform:scale(1.03) translate3d(-.6%,0,0)}to{transform:scale(1.07) translate3d(.6%,-.5%,0)}} html:not(.night) .k10Plates{opacity:.42} .k10Cap{display:block;margin:.7em auto 0;font:600 11px/1.4 Ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d2bf9a;opacity:0;transform:translateY(5px); text-shadow:0 0 14px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);transition:opacity 1.6s ease .25s,letter-spacing 2.6s cubic-bezier(.2,.7,.2,1) .25s,transform 1.6s ease .25s!important} .k10Cap i{display:none} .k10Cap.on{opacity:1;transform:none;letter-spacing:.46em} .k10Cap.still{transition:none!important} html:not(.night) .k10Cap{color:#7a6440;text-shadow:none} .k10Red.on{color:#ff9f82;text-shadow:0 0 12px rgba(230,60,40,.55);transition:color 1.6s ease,text-shadow 1.6s ease!important} .k10White.on{color:#f1f5ff;text-shadow:0 0 14px rgba(205,222,255,.65);transition:color 1.6s ease,text-shadow 1.6s ease!important} html:not(.night) .k10Red.on{color:#a5281c;text-shadow:none}html:not(.night) .k10White.on{color:#3b4f78;text-shadow:none} .k10Ember.on{animation:k10Ember 3.4s ease-out both!important} .k10Ember.still{animation:none!important;color:#dc8f58;text-shadow:0 0 8px rgba(200,80,20,.35)} @keyframes k10Ember{0%{color:#fff4c8;text-shadow:0 0 18px rgba(255,170,60,.95),0 0 4px #fff}35%{color:#ffb55a;text-shadow:0 0 14px rgba(255,120,30,.8)}100%{color:#dc8f58;text-shadow:0 0 8px rgba(200,80,20,.35)}} html:not(.night) .k10Ember.on,html:not(.night) .k10Ember.still{animation:none!important;color:#a3501c;text-shadow:none} .k10Glint.on{animation:k10Glint 1.6s ease-out both!important} @keyframes k10Glint{0%{text-shadow:none}25%{color:#ffffff;text-shadow:0 0 16px rgba(225,238,255,.95),0 0 3px #fff}100%{text-shadow:none}} :is(.flow,.a7Lift) .a7Key-quake p{color:#eadcc0!important;letter-spacing:.012em;text-shadow:0 0 1px rgba(0,0,0,.9),0 6px 18px rgba(120,80,40,.35)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-quake p{color:#5a4020!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-quake.on .a7Ch{animation:k10Quake 1.4s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 20ms) both!important} @keyframes k10Quake{0%{opacity:0;transform:translateY(.6em) rotate(calc((var(--j) - .5) * 14deg));filter:blur(2px)}45%{opacity:1;transform:translateY(-.06em);filter:none}70%{transform:translate(calc((var(--j) - .5) * .08em),.03em)}100%{opacity:1;transform:none}} :is(.flow,.a7Lift) .a7Key-jiwald p{color:#fff2cc!important;letter-spacing:.04em;text-shadow:0 0 18px rgba(255,210,120,.75),0 0 2px rgba(60,30,0,.9)!important} html:not(.night) :is(.flow,.a7Lift) .a7Key-jiwald p{color:#8a5a00!important;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-jiwald.on .a7Ch{animation:k10Jiw .6s cubic-bezier(.2,.9,.3,1.3) calc(var(--i) * 34ms) both!important} @keyframes k10Jiw{0%{opacity:0;transform:scale(.4);filter:brightness(3) blur(2px)}60%{opacity:1;filter:brightness(1.6)}100%{opacity:1;transform:none;filter:none}} @media (prefers-reduced-motion:reduce){.k10Plate{animation:none!important}} /* a43 · KESME ışıkları (kompozitörde; karede çizim yok) */ .k10Plates.idle .k10Plate,.k10Plates.idle .k10L::before{animation-play-state:paused!important} .k10Plates.mute .k10Plate{filter:brightness(.5) grayscale(1)!important;transition:filter .25s ease!important} .k10L{position:absolute;display:block;pointer-events:none} .k10L::before{content:'';position:absolute;inset:0;border-radius:50%} .k10L.skyL{left:-22%;top:-26%;width:72%;height:90%;opacity:calc(var(--sk,.5) * .95)} .k10L.skyL::before{background:radial-gradient(closest-side,rgba(255,80,40,.55),rgba(255,60,30,.18) 55%,transparent);animation:k10Breath 6.5s ease-in-out infinite alternate!important} .k10L.skyR{right:-20%;top:-24%;width:66%;height:88%;opacity:calc(var(--sk,.5) * .9)} .k10L.skyR::before{background:radial-gradient(closest-side,rgba(222,232,255,.5),rgba(200,215,255,.15) 55%,transparent);animation:k10Breath 8.5s ease-in-out infinite alternate-reverse!important} @keyframes k10Breath{from{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}} .k10L.fireL,.k10L.fireR{top:10%;width:70%;height:110%;opacity:calc(var(--fi,.3) * .95)} .k10L.fireL{left:-30%}.k10L.fireR{right:-30%} .k10L.fireL::before,.k10L.fireR::before{background:radial-gradient(closest-side,rgba(255,120,40,.5),rgba(255,80,20,.18) 60%,transparent);animation:k10Flick 1.9s steps(1,end) infinite!important} .k10L.fireR::before{animation-duration:2.3s!important;animation-delay:-.7s!important} @keyframes k10Flick{0%{opacity:.85}17%{opacity:1}31%{opacity:.78}46%{opacity:.95}63%{opacity:.82}79%{opacity:1}91%{opacity:.88}} .k10L.shaft{left:4%;top:-10%;width:34%;height:120%;opacity:.55} .k10L.shaft::before{border-radius:0;background:linear-gradient(160deg,rgba(190,205,235,.24),rgba(190,205,235,0) 70%);animation:k10Breath 9s ease-in-out infinite alternate!important} .k10L.shaft.go::before{animation:k10Spark 1.1s ease-out both!important} @keyframes k10Spark{0%{opacity:1;filter:brightness(2.6)}100%{opacity:.7;filter:none}} .k10L.mist1,.k10L.mist2,.k10L.mist3{left:-30%;width:160%;height:36%;opacity:calc(var(--mi,.5) * .85)} .k10L.mist1{top:60%}.k10L.mist2{top:69%}.k10L.mist3{top:78%} .k10L.mist1::before,.k10L.mist2::before,.k10L.mist3::before{background:radial-gradient(closest-side,rgba(212,218,228,.3),rgba(212,218,228,.08) 60%,transparent);animation:k10Mist 38s ease-in-out infinite alternate!important} .k10L.mist2::before{animation-duration:51s!important;animation-direction:alternate-reverse!important} .k10L.mist3::before{animation-duration:44s!important;animation-delay:-12s!important} @keyframes k10Mist{from{transform:translateX(-8%)}to{transform:translateX(8%)}} .k10L.minya{left:10%;top:10%;width:80%;height:90%;opacity:0} .k10L.minya::before{background:radial-gradient(closest-side,rgba(185,120,255,.6),rgba(150,80,240,.16) 60%,transparent)} .k10L.minya.go{animation:k10Flash 2.6s ease-out both!important} @keyframes k10Flash{0%{opacity:0}15%{opacity:1}100%{opacity:0}} .k10L.spot{left:30%;top:-5%;width:40%;height:100%;opacity:var(--sp,0)} .k10L.spot::before{border-radius:0;clip-path:polygon(42% 0,58% 0,100% 88%,0 88%);background:linear-gradient(rgba(255,236,190,.42),rgba(255,220,160,.12))} .k10L.spot::after{content:'';position:absolute;left:-10%;right:-10%;top:76%;height:24%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,230,180,.5),transparent)} .k10L.candle{left:-6%;top:40%;width:40%;height:70%;opacity:.85} .k10L.candle::before{background:radial-gradient(closest-side,rgba(255,170,90,.42),rgba(255,140,60,.12) 60%,transparent);animation:k10Flick 2.7s steps(1,end) infinite!important} .k10L.dfire{left:66%;top:6%;width:32%;height:80%;opacity:var(--df,0)} .k10L.dfire::before{background:radial-gradient(closest-side,rgba(255,110,30,.62),rgba(255,70,20,.18) 60%,transparent);animation:k10Flick 1.3s steps(1,end) infinite!important} .k10L.dopen{left:56%;top:-10%;width:50%;height:120%;opacity:0} .k10L.dopen::before{background:radial-gradient(closest-side,rgba(255,225,175,.62),transparent)} .k10L.dopen.go{animation:k10Flash 3.2s ease-out both!important} .k10L.redsky{left:-10%;top:-30%;width:120%;height:80%;opacity:calc(.35 + var(--rz,.2) * .5)} .k10L.redsky::before{background:radial-gradient(closest-side,rgba(200,30,24,.35),transparent)} .k10L.crack{left:-30%;top:55%;width:160%;height:90%;opacity:var(--rz,.2);transition:opacity .25s linear!important} .k10L.crack::before{background:radial-gradient(closest-side,rgba(210,36,26,.55),rgba(180,20,16,.15) 55%,transparent)} .k10Dim{position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none} @media (prefers-reduced-motion:reduce){.k10L::before{animation:none!important}} .k10T{position:absolute;left:0;top:0;width:100%;height:200%;pointer-events:none;will-change:transform} .k10T.ember2{opacity:.7} .k10-alev .k10T{opacity:calc(var(--fi,.3) * 1.1)} .k10-vollachia .k10T{opacity:calc(.15 + var(--rz,.2) * .85)} .k10-bodrum .k10T{opacity:.6}.k10-konak .k10T{opacity:.35} @keyframes k10Up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}} @keyframes k10Down{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}} .k10Plates.idle .k10T{animation-play-state:paused!important} /* a44 · 7-107 çağ kenarları + kalıcı kan izi + altın ad */ .k7Edges{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.6s ease!important} .k7Edges.mem{opacity:1} .k7Strip{position:absolute;top:0;bottom:0;width:44px} .k7Strip.L{left:0}.k7Strip.R{right:0;transform:scaleX(-1)} .k7Era{position:absolute;inset:0;display:none;opacity:0;background-repeat:repeat-y;background-position:0 0;transition:opacity 1.4s ease!important} .k7Era.show{display:block}.k7Era.on{opacity:1} .k7Era.e0{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='260'%3E%3Cg fill='none' stroke='%238d8476' stroke-width='1.1' stroke-linecap='round' opacity='.5'%3E%3Cpath d='M13 28v15M17 28v15M21 28v15M25 28v15M10 40l18-9'/%3E%3Cpath d='M15 150v12M19 150v12M23 150v12'/%3E%3C/g%3E%3Cg font-family='Georgia,serif' font-style='italic' font-size='11' fill='%238d8476' opacity='.55'%3E%3Ctext x='9' y='92'%3E7%3C/text%3E%3Ctext x='19' y='108'%3E%2B5%3C/text%3E%3Ctext x='8' y='206'%3E12%3C/text%3E%3Ctext x='20' y='232'%3E%C3%973%3C/text%3E%3C/g%3E%3C/svg%3E")} .k7Era.e1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%237a5212'/%3E%3Cstop offset='.45' stop-color='%23f0c860'/%3E%3Cstop offset='.55' stop-color='%23fff0bc'/%3E%3Cstop offset='1' stop-color='%23a8761e'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23b8862e'/%3E%3Cstop offset='.5' stop-color='%23ffe9a8'/%3E%3Cstop offset='1' stop-color='%23b8862e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='0' width='9' height='120' fill='url(%23g)'/%3E%3Crect x='15' y='0' width='1.6' height='120' fill='%23c99a3a' opacity='.55'/%3E%3Cpath d='M28 46l7 14-7 14-7-14z' fill='url(%23h)'/%3E%3Cpath d='M28 52l3 8-3 8-3-8z' fill='%23fff6d6' opacity='.7'/%3E%3Ccircle cx='28' cy='16' r='2' fill='%23c99a3a'/%3E%3Ccircle cx='28' cy='104' r='2' fill='%23c99a3a'/%3E%3C/svg%3E")} .k7Era.e2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='140'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%231d3f86'/%3E%3Cstop offset='.6' stop-color='%233b6fd0'/%3E%3Cstop offset='1' stop-color='%231d3f86'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='0' width='8' height='140' fill='url(%23b)'/%3E%3Cpath d='M27 28L28.3 32.7L33 34L28.3 35.3L27 40L25.7 35.3L21 34L25.7 32.7Z' fill='%234f82e6'/%3E%3Cpath d='M21 88.4L21.8 91.2L24.6 92L21.8 92.8L21 95.6L20.2 92.8L17.4 92L20.2 91.2Z' fill='%239fc0ff'/%3E%3Cpath d='M33 115.6L33.5 117.5L35.4 118L33.5 118.5L33 120.4L32.5 118.5L30.6 118L32.5 117.5Z' fill='%237aa6ff'/%3E%3C/svg%3E")} .k7Era.e3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='200'%3E%3Cpath d='M3 0h9v200H3z' fill='%236e0b10'/%3E%3Cpath d='M12 18q3 10 1 22q-1 5 2 9q3-4 1-9q-2-12 2-22z' fill='%236e0b10'/%3E%3Cpath d='M12 140q2 6 0 14q0 3 2 5q2-2 0-5q-1-8 1-14z' fill='%236e0b10'/%3E%3Cellipse cx='16' cy='30' rx='3.2' ry='4.4' fill='%237a1016' opacity='0.85'/%3E%3Cellipse cx='22' cy='38' rx='1.6' ry='2' fill='%237a1016' opacity='0.7'/%3E%3Cellipse cx='14' cy='120' rx='2.4' ry='3.6' fill='%237a1016' opacity='0.8'/%3E%3Cellipse cx='27' cy='128' rx='1.2' ry='1.4' fill='%237a1016' opacity='0.6'/%3E%3Cellipse cx='18' cy='176' rx='3.6' ry='2.8' fill='%237a1016' opacity='0.75'/%3E%3Cellipse cx='30' cy='186' rx='1.4' ry='1.6' fill='%237a1016' opacity='0.55'/%3E%3C/svg%3E")} .k7Era.e4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='90'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%232c3138'/%3E%3Cstop offset='.5' stop-color='%238b939d'/%3E%3Cstop offset='1' stop-color='%23262a30'/%3E%3C/linearGradient%3E%3CradialGradient id='r' cx='.4' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%23d7dde4'/%3E%3Cstop offset='.5' stop-color='%236f7782'/%3E%3Cstop offset='1' stop-color='%232a2f36'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='3' y='0' width='12' height='90' fill='url(%23s)'/%3E%3Crect x='17' y='0' width='3' height='90' fill='%232c4f8f' opacity='.75'/%3E%3Ccircle cx='9' cy='45' r='3.4' fill='url(%23r)'/%3E%3C/svg%3E")} .k7Era.e5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='180'%3E%3Crect x='3' y='0' width='8' height='180' fill='%231b2650'/%3E%3Ccircle cx='20' cy='22' r='1.1' fill='%235d6fa8'/%3E%3Ccircle cx='31' cy='47' r='1.6' fill='%23c9d6ff'/%3E%3Ccircle cx='24' cy='81' r='0.9' fill='%235d6fa8'/%3E%3Ccircle cx='36' cy='103' r='1.2' fill='%238ea2e0'/%3E%3Ccircle cx='18' cy='139' r='1.5' fill='%23c9d6ff'/%3E%3Ccircle cx='29' cy='163' r='0.9' fill='%235d6fa8'/%3E%3Cpath d='M31 42.5L32.0 46.0L35.5 47L32.0 48.0L31 51.5L30.0 48.0L26.5 47L30.0 46.0Z' fill='%23e8eeff' opacity='.85'/%3E%3C/svg%3E")} .k7Era.e6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='64'%3E%3Cpolygon points='3,0 15,6 15,38 3,32' fill='%239aa1aa'/%3E%3Cpolygon points='3,32 15,38 15,70 3,64' fill='%235d636c'/%3E%3Cpolygon points='3,-32 15,-26 15,6 3,0' fill='%235d636c'/%3E%3Crect x='17' y='0' width='1.4' height='64' fill='%237c838c' opacity='.5'/%3E%3C/svg%3E")} .k7Era.e7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='40'%3E%3Crect x='6' y='0' width='9' height='40' fill='%23d2323c' opacity='.14'/%3E%3Crect x='9.2' y='0' width='2.8' height='40' fill='%23a3141e' opacity='.92'/%3E%3C/svg%3E")} .a7Stain{position:absolute;pointer-events:none;z-index:-1;mix-blend-mode:multiply;opacity:.78} html.night:not(.a7Memory) .a7Stain{mix-blend-mode:normal;opacity:.85;filter:brightness(1.55) saturate(1.15)} html.night:not(.a7Memory) .a7Stain.live{animation-name:a7StainN!important} @keyframes a7StainN{0%{opacity:0;transform:scale(.4);filter:saturate(1.6) brightness(2.2)}25%{opacity:1}100%{opacity:.85;transform:none;filter:brightness(1.55) saturate(1.15)}} .a7Stain.live{animation:a7Stain 1.6s cubic-bezier(.2,.8,.2,1) both!important} @keyframes a7Stain{0%{opacity:0;transform:scale(.4);filter:saturate(1.6) brightness(1.4)}25%{opacity:.95}100%{opacity:.78;transform:none;filter:none}} /* “――Chisha Gold.”: her harf kendi metal yaldızını taşır (dikey altın degrade, harf harf parlayan ışık şeridi). Beyaz hatıra sayfasında okunur kalması için koyu altın. */ :is(.flow,.a7Lift) .a7Key-gold p,:is(.flow,.a7Lift) p.a7Key-gold{letter-spacing:.05em;color:#8a5d14;filter:drop-shadow(0 1px 0 rgba(255,250,234,.95)) drop-shadow(0 0 .6px rgba(74,46,8,.55)) drop-shadow(0 0 14px rgba(196,140,40,.26))} :is(.flow,.a7Lift) .a7Key-gold .a7Ch{color:#8a5d14;background-image:linear-gradient(105deg,rgba(255,252,236,0) 42%,rgba(255,252,236,.95) 50%,rgba(255,252,236,0) 58%),linear-gradient(180deg,#7a5210 0%,#b07a22 26%,#dcae4e 44%,#f2d68c 52%,#c08a2c 62%,#8a5c12 82%,#5e3c08 100%); background-size:400% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important} :is(.flow,.a7Lift) .a7Key-gold:not(.on) .a7Ch{opacity:0} :is(.flow,.a7Lift) .a7Key-gold.on:not(.still) .a7Ch{animation:a7KGold 1.1s cubic-bezier(.2,.8,.2,1) calc(var(--i) * 55ms) both,a7KGoldShine 1.5s ease-in-out calc(1000ms + var(--i) * 50ms) both!important} @keyframes a7KGoldShine{from{background-position:120% 0,0 0}to{background-position:-20% 0,0 0}} @keyframes a7KGold{0%{opacity:0;transform:translateY(-.3em) scale(1.3);filter:blur(3px)}60%{opacity:1;filter:none}100%{opacity:1;transform:none;filter:none}} #ekFx .a7MorphName.gold{background:linear-gradient(180deg,#7a5210 0%,#b07a22 28%,#e2b75a 46%,#f4dc96 53%,#c08a2c 64%,#6a4609 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,250,234,.9)) drop-shadow(0 0 18px rgba(196,140,40,.35))} @media(max-width:1000px){.k7Strip{width:30px}.k7Era{background-size:30px auto}} @media(max-width:750px){.k7Strip{width:16px}.k7Era{background-size:16px auto}.k7Era.on{opacity:.8}} /* a45 · İSİM BÖLÜMLERİ — 7-89 Kafma Irulux (kitin), 7-66 Hiain Yatz (pullar), 7-59 Taritta (Mariuli'nin pembe uçları) */ .k89Chitin{background-image:linear-gradient(100deg,#55c596 0%,#3fb0bd 22%,#9474e0 46%,#dcae52 68%,#55c596 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#5fb39a; animation:k89Sheen 9s ease-in-out infinite alternate!important;transition:filter 2.4s ease,opacity 2.4s ease!important} html:not(.night) .k89Chitin{background-image:linear-gradient(100deg,#1d6a4a 0%,#156674 22%,#4d2e90 46%,#86610f 68%,#1d6a4a 100%)} .k89Chitin.roar{animation-duration:1.4s!important} .k89Chitin.dim{filter:grayscale(1) brightness(.85);opacity:.7;animation-play-state:paused!important} @keyframes k89Sheen{from{background-position:0% 0}to{background-position:100% 0}} :is(.flow,.a7Lift) .a7Key-chitin .a7Ch{color:hsl(calc(150 + var(--i) / var(--n) * 140) 52% 64%)} html:not(.night) :is(.flow,.a7Lift) .a7Key-chitin .a7Ch{color:hsl(calc(150 + var(--i) / var(--n) * 140) 62% 30%)} :is(.flow,.a7Lift) .a7Key-chitin p{animation:k89Hue 7s ease-in-out infinite alternate!important} :is(.flow,.a7Lift) .a7Key-chitin:not(.on) .a7Ch{opacity:0} :is(.flow,.a7Lift) .a7Key-chitin.on .a7Ch{animation:k89Hatch .9s cubic-bezier(.2,.8,.2,1) calc(var(--j) * 900ms) both!important} @keyframes k89Hatch{0%{opacity:0;transform:scale(.35) rotate(-24deg);filter:blur(3px)}70%{opacity:1;filter:none}100%{opacity:1;transform:none;filter:none}} @keyframes k89Hue{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(38deg)}} :is(.flow,.a7Lift) .a7Key-duo .a7Ch{color:color-mix(in oklab,#58c79e calc(100% - var(--i) / var(--n) * 100%),#f2c55e)} html:not(.night) :is(.flow,.a7Lift) .a7Key-duo .a7Ch{color:color-mix(in oklab,#1d6a4a calc(100% - var(--i) / var(--n) * 100%),#8a5d0c)} :is(.flow,.a7Lift) .a7Key-duo:not(.on) .a7Ch{opacity:0} :is(.flow,.a7Lift) .a7Key-duo.on .a7Ch{animation:k89Duo 1.5s ease-out calc(var(--i) * 45ms) both!important} @keyframes k89Duo{0%{opacity:0;filter:blur(4px)}100%{opacity:1;filter:none}} .flow p.k89Pupa,.flow .k89Pupa{filter:sepia(.85) saturate(1.7) hue-rotate(-14deg) brightness(.9) blur(1px);opacity:.85;border-radius:46%/60%; background:radial-gradient(ellipse at 50% 50%,rgba(205,150,52,.2),rgba(176,120,34,.08) 62%,rgba(176,120,34,0) 78%);box-shadow:inset 0 0 22px rgba(150,96,20,.28);transition:filter .5s ease,opacity .5s ease,background .5s ease,box-shadow .5s ease!important} .flow .k89Hatched{transition:filter .5s ease,opacity .5s ease,background .6s ease,box-shadow .6s ease!important} .k89Thorn,.k89Ant{transition:color 1.2s ease,text-shadow 1.2s ease!important} .k89Thorn.on{color:#c9a0f2;text-shadow:0 0 10px rgba(150,80,220,.45)}html:not(.night) .k89Thorn.on{color:#5a2d8a;text-shadow:none} .k89Ant.on{color:#f08070;text-shadow:0 0 10px rgba(220,50,30,.4)}html:not(.night) .k89Ant.on{color:#9a1e14;text-shadow:none} .flow .k89T{transition:filter 1s ease,opacity 1s ease!important} .flow .k89Tunnel{filter:grayscale(1) brightness(.8);opacity:.26} .k66Cham{color:#86b870;animation:k66Cham 14s ease-in-out infinite!important;animation-delay:var(--hd,0s)!important} html:not(.night) .k66Cham{animation-name:k66ChamP!important} @keyframes k66Cham{0%,100%{color:#86b870}33%{color:#c48d55}66%{color:#cdbd8e}} @keyframes k66ChamP{0%,100%{color:#3d6c2f}33%{color:#8a5420}66%{color:#76653a}} .flow .k66Rise{display:inline-block} .flow p.k66Camo{--k66a:#262e33;--k66b:#323d38;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Crect width='16' height='10' fill='%23262e33'/%3E%3Cpath d='M0 10a8 8 0 0 1 16 0zM-8 5a8 8 0 0 1 16 0zM8 5a8 8 0 0 1 16 0z' fill='%23323d38'/%3E%3C/svg%3E"); background-size:16px 10px;-webkit-background-clip:text;background-clip:text;animation:k66Camo 3.6s ease-in-out both!important} html:not(.night) .flow p.k66Camo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Crect width='16' height='10' fill='%23ded6c2'/%3E%3Cpath d='M0 10a8 8 0 0 1 16 0zM-8 5a8 8 0 0 1 16 0zM8 5a8 8 0 0 1 16 0z' fill='%23cfc6ae'/%3E%3C/svg%3E")} @keyframes k66Camo{0%,100%{-webkit-text-fill-color:var(--ink,#d8d9db)}36%,64%{-webkit-text-fill-color:rgba(0,0,0,0)}} .flow .k66Whisper p{font-size:.68em!important;letter-spacing:.05em;opacity:.72;transition:font-size .9s ease,opacity .9s ease!important} .k66Sil{transition:color .9s ease,text-shadow .9s ease!important}.k66Sil.on{color:#07080a!important;text-shadow:0 0 9px rgba(0,0,0,.95)} html:not(.night) .k66Sil.on{color:#000!important;text-shadow:0 0 7px rgba(0,0,0,.55)} :is(.flow,.a7Lift) .a7Key-lead p{color:#f3e2c0;text-shadow:0 0 18px rgba(240,200,120,.35)}html:not(.night) :is(.flow,.a7Lift) .a7Key-lead p{color:#5a3a10;text-shadow:none} :is(.flow,.a7Lift) .a7Key-lead.on .a7Ch{animation:a7KSlam .35s cubic-bezier(.5,0,.75,0) calc(var(--i) * 22ms) both!important} :is(.flow,.a7Lift) .a7Key-lead.on:not(.still) .a7W:first-child .a7Ch{animation:a7KSlam .35s cubic-bezier(.5,0,.75,0) calc(var(--i) * 22ms) both,k66Stut .07s steps(2) calc(420ms + var(--i) * 22ms) 12 alternate!important} @keyframes k66Stut{from{transform:translateX(-1.6px)}to{transform:translateX(1.6px)}} :is(.flow,.a7Lift) .a7Key-reinforce p{color:#fff2d4;text-shadow:0 0 22px rgba(255,220,150,.55)}html:not(.night) :is(.flow,.a7Lift) .a7Key-reinforce p{color:#6b4512;text-shadow:0 0 16px rgba(240,190,100,.35)} :is(.flow,.a7Lift) .a7Key-reinforce.on .a7Ch{animation:a7KSlam .4s cubic-bezier(.5,0,.75,0) calc(var(--i) * 30ms) both!important} .k59Mar .tip{color:#e895bb;transition:color 2.8s ease!important}html:not(.night) .k59Mar .tip{color:#b0457a} .k59Mar.gone .tip{color:#8f8a84}html:not(.night) .k59Mar.gone .tip{color:#8a847c} .flow .k59Ok{display:inline-block} /* a46 · Cadı kokusu: Ölümden Dönüşten sonra kenarlarda mor sis (opaklığı JS yazar, yalnızca değişince) */ #a7Hud .a7Miasma{position:fixed;inset:-4%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.8s ease!important; background:radial-gradient(ellipse 72% 64% at 50% 50%,rgba(60,20,90,0) 50%,rgba(84,32,136,.3) 76%,rgba(34,8,56,.68) 100%);animation:a7MiBreath 7s ease-in-out infinite alternate!important} #a7Hud .a7Miasma::before{content:"";position:absolute;inset:0; background:radial-gradient(ellipse 26% 30% at 3% 30%,rgba(160,90,230,.32),rgba(160,90,230,0)),radial-gradient(ellipse 24% 28% at 97% 70%,rgba(130,60,210,.28),rgba(130,60,210,0)), radial-gradient(ellipse 22% 18% at 82% 4%,rgba(150,80,220,.2),rgba(150,80,220,0)),radial-gradient(ellipse 24% 20% at 12% 96%,rgba(120,50,200,.24),rgba(120,50,200,0)); animation:a7MiWisp 11s ease-in-out infinite alternate!important} #a7Hud .a7Miasma::after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 62% 56% at 50% 50%,rgba(0,0,0,0) 38%,rgba(146,74,226,.5) 86%)} #a7Hud .a7Miasma.surge::after{animation:a7MiSurge 2.8s ease-out both!important} #a7Hud .a7MiCap{position:fixed;left:18px;bottom:104px;font:italic 13px Georgia,serif;letter-spacing:.02em;color:#d3b6f6;opacity:0;text-shadow:0 0 12px rgba(120,60,200,.9)} #a7Hud .a7MiCap.surge{animation:a7MiCap 3.4s ease-out both!important} html:not(.night) #a7Hud .a7Miasma{mix-blend-mode:multiply}html:not(.night) #a7Hud .a7MiCap{color:#5b2d96;text-shadow:none} @keyframes a7MiBreath{from{transform:scale(1)}to{transform:scale(1.035)}} @keyframes a7MiWisp{from{transform:translate(0,0)}to{transform:translate(1.5%,-2.5%)}} @keyframes a7MiSurge{0%{opacity:0}22%{opacity:1}100%{opacity:0}} @keyframes a7MiCap{0%{opacity:0;transform:translateY(6px)}18%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0}} /* a47: telefonda yazı sütunu ekranın tamamını kapladığı için başlık metnin üstüne biniyordu; orada yalnızca sis görünür */ @media(max-width:750px){#a7Hud .a7MiCap{display:none!important}} @media (prefers-reduced-motion:reduce){#a7Hud .a7Miasma,#a7Hud .a7Miasma::before{animation:none!important}} #a7Hud .a7Deaths.miasma{box-shadow:0 0 18px rgba(130,60,210,.45);border-color:rgba(150,90,230,.35)} /* a46 · Ölüm çizelgesi: sayaca basınca */ @media(min-width:901px){#a7Hud .a7Deaths{pointer-events:auto;cursor:pointer}#a7Hud .a7Deaths:hover{opacity:1}} .a7DTime{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(6,4,8,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease!important} .a7DTime.on{opacity:1} .a7DTBox{width:min(560px,92vw);max-height:82vh;display:flex;flex-direction:column;background:#120e12;border:1px solid rgba(233,201,141,.18);border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.6);color:#e6ddd0;overflow:hidden; transform:translateY(10px);transition:transform .35s cubic-bezier(.2,.8,.2,1)!important} .a7DTime.on .a7DTBox{transform:none} .a7DTBox header{position:relative;padding:18px 22px 14px;border-bottom:1px solid rgba(233,201,141,.12)} .a7DTBox header small{display:block;font:600 9px Ui,sans-serif;letter-spacing:3px;color:#b9a27a} .a7DTBox header strong{display:block;font:400 30px/1.1 Georgia,serif;color:#f1e6d4;margin-top:6px} .a7DTBox header span{display:block;font:italic 13px Georgia,serif;color:#9b8f80;margin-top:4px} .a7DTX{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;background:none;color:#b9a27a;font-size:24px;line-height:1;cursor:pointer} .a7DTList{list-style:none;margin:0;padding:10px 0 16px;overflow:auto;overscroll-behavior:contain} .a7DTItem{position:relative;padding:10px 22px 10px 46px;cursor:pointer} .a7DTItem::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:2px;background:rgba(199,55,47,.28)} .a7DTItem:first-child::before{top:18px}.a7DTItem:last-child::before{bottom:calc(100% - 22px)} .a7DTItem::after{content:"";position:absolute;left:21px;top:16px;width:10px;height:10px;border-radius:50%;background:#c7372f;box-shadow:0 0 10px rgba(199,55,47,.6)} .a7DTItem.other::after{background:#7a5bd0;box-shadow:0 0 10px rgba(122,91,208,.6)} .a7DTItem.last::after{animation:a7DTPulse 1.8s ease-in-out infinite!important} .a7DTItem:hover{background:rgba(255,255,255,.04)} .a7DTTop{display:flex;align-items:baseline;gap:10px} .a7DTTop b{font:600 12px Ui,sans-serif;letter-spacing:1px;color:#e9c98d;min-width:2.6em} .a7DTTop em{font:italic 14px Georgia,serif;color:#e6ddd0;flex:1} .a7DTN{font:600 11px Ui,sans-serif;color:#ff6a5a;font-style:normal} .a7DTItem q{display:block;margin-top:4px;font:13px/1.5 Georgia,serif;color:#9d9488;quotes:none} @keyframes a7DTPulse{50%{box-shadow:0 0 18px rgba(255,60,50,.95)}} /* a46 · dikenli sarmaşık (Codex görseli): kenarlardan büyüyerek girer, geri çekilir */ #a7VineBack{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden} #a7VineBack .a7Vine{position:fixed;pointer-events:none;z-index:2;height:auto;opacity:0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));will-change:clip-path,opacity} #a7VineBack .a7Vine.L{left:-2vw;top:4vh;width:min(64vw,1020px);clip-path:inset(0 100% 0 0)} #a7VineBack .a7Vine.R{right:-2vw;bottom:2vh;width:min(58vw,940px);transform:scaleX(-1) rotate(4deg);clip-path:inset(0 100% 0 0)} #a7VineBack .a7Vine.B{left:50%;bottom:-2vh;width:min(76vw,1180px);transform:translateX(-50%);clip-path:inset(100% 0 0 0)} #a7VineBack .a7Vine.on{animation:a7VineGrow var(--vd,3000ms) cubic-bezier(.22,.7,.3,1) var(--vdl,0ms) forwards!important} #a7VineBack .a7Vine.B.on{animation-name:a7VineGrowB!important} @keyframes a7VineGrow{0%{opacity:0;clip-path:inset(0 100% 0 0)}10%{opacity:1}48%{clip-path:inset(0 0 0 0)}82%{opacity:.95;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 28% 0 0)}} @keyframes a7VineGrowB{0%{opacity:0;clip-path:inset(100% 0 0 0)}10%{opacity:1}48%{clip-path:inset(0 0 0 0)}82%{opacity:.95;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(30% 0 0 0)}}