/* NEFES — lansman girişi (kum saati + 20 Ekim geri sayımı). Kum saati görseli: Callum Mullin / Unsplash.
   Yalnız oturumun ilk açılışında ve lansmandan önce görünür (html.nf-intro-on, başlık betiği). Yukarı kaydırınca standart açılış başlar. */
.nf-intro{display:none}
html.nf-intro-on .nf-intro{position:absolute;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
 padding:calc(22px + env(safe-area-inset-top,0px)) 22px calc(18px + env(safe-area-inset-bottom,0px));overflow:hidden;touch-action:none;
 background:radial-gradient(70% 46% at 50% 47%,rgba(226,190,130,.10),transparent 70%),radial-gradient(120% 70% at 50% 110%,#0b2a2a,transparent 70%),#061312;
 transition:transform .75s cubic-bezier(.7,0,.2,1),opacity .75s ease}
.nf-intro.out{transform:translateY(-100%);opacity:.6;pointer-events:none}
.ni-logo{width:clamp(96px,30vw,124px);height:auto;opacity:.95;margin-top:2px}
.ni-t{margin:14px 0 0;text-align:center;font:700 clamp(30px,9.4vw,40px)/1.06 var(--display,'Montserrat',sans-serif);letter-spacing:-.05em;color:#f8fcfa}
.ni-t em{font-style:normal;color:#65ece3}
.ni-hgl{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;margin:6px 0}
.ni-glass{position:relative;height:min(100%,52vh);aspect-ratio:690/1140;transition:transform 1.15s cubic-bezier(.65,0,.25,1)}
.ni-glass img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(64% 58% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(64% 58% at 50% 50%,#000 62%,transparent 100%)}
.ni-glow{position:absolute;left:50%;top:50%;width:170%;height:120%;transform:translate(-50%,-50%);pointer-events:none;
 background:radial-gradient(closest-side,rgba(226,190,130,.12),rgba(226,190,130,.035) 55%,transparent 75%);animation:niGlow 5s ease-in-out infinite alternate}
.ni-stream{position:absolute;left:calc(52.2% - 1px);top:51.3%;width:2px;height:13.2%;border-radius:1px;filter:blur(.25px);
 background:repeating-linear-gradient(180deg,rgba(236,222,196,.95) 0 2px,rgba(236,222,196,.25) 2px 4px,rgba(236,222,196,.8) 4px 5px,transparent 5px 7px);background-size:2px 14px;animation:niFall .45s linear infinite}
.ni-pile{position:absolute;left:52.2%;top:64.5%;width:18px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(240,226,200,.6),transparent);animation:niPile 1.2s ease-in-out infinite}
.nf-intro.flip .ni-glass{transform:rotate(180deg)}
.nf-intro.flip .ni-stream,.nf-intro.flip .ni-pile{opacity:0;transition:opacity .2s}
.ni-cd{display:flex;gap:8px;width:100%;max-width:380px}
.ni-cd div{flex:1;padding:11px 0 9px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);text-align:center}
.ni-cd b{display:block;font:750 clamp(26px,8vw,32px)/1.05 var(--font,'Manrope',sans-serif);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.ni-cd span{display:block;margin-top:3px;font:600 13px/1.2 var(--font,'Manrope',sans-serif);color:#a9c2be}
.ni-up{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:56px;padding:6px 26px;border:0;background:none;color:#e9c987;
 font:800 13px/1 var(--font,'Manrope',sans-serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ni-up svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:niUp 1.6s ease-in-out infinite}
.ni-up:focus-visible{outline:2px solid #e9c987;outline-offset:4px;border-radius:12px}
@media(max-height:620px){.ni-t{font-size:27px}.ni-cd div{padding:8px 0 6px}.ni-cd b{font-size:24px}.ni-up{margin-top:8px}}
@keyframes niFall{to{background-position:0 14px}}
@keyframes niPile{50%{transform:translate(-50%,-50%) scale(1.25);opacity:.6}}
@keyframes niGlow{to{opacity:.7}}
@keyframes niUp{0%,100%{transform:translateY(3px);opacity:.75}50%{transform:translateY(-5px);opacity:1}}
@media(prefers-reduced-motion:reduce){.nf-intro,.nf-intro *{animation:none!important;transition:none!important}}
