/* ============================================================
   SANAL KÜTÜPHANE — ARCADE dili (yalnız /sanal-kutuphane)

   NEDEN: kütüphanenin paylaşım seti (sabit 3 + story, 2 Eki 2026) arcade
   diline geçti — "2. OYUNCU KATILDI" kapağı, mono başlıklar, çelik çerçeveli
   GERÇEK EKRAN kareleri. Paylaşımdan gelen kişi tanıtım sayfasında aynı
   dünyayı görmeli; okuma odası (serif + pirinç) dili burada kopuk kalıyordu.

   SINIR — arcade DİLİ, arcade SÜSÜ değil (10 Ağu kurucu reddi, bkz.
   URETIM/TASARIM-SISTEMI.md §8):
     · bevel (açık üst-sol / koyu alt-sağ kenar), tarama çizgisi, neon, dither YOK
     · dev piksel HARF yok — başlık JetBrains Mono, cümle Inter
     · piksel yalnız resimde: ürünün kendi sprite'ı + kütüphanenin kendi sahnesi
     · seviye no / skor / sıralama YOK (kütüphanede bilerek yok, 19 Ağu)

   RENKLER standın oyun ekranından (vitrin-arcade/uret.py ile birebir):
   zemin #18181A, krem #E9E1D0, turuncu #FC6E31, çelik #335891 / açık #8FA6CC.

   İKİ YÜZEY: /sanal-kutuphane (.arc.arc--sayfa) ve yeni landing'in
   (index_v3) kütüphane bölümü (.arc.arc--vitrin, 3 Eki). Okuma odası vitrin
   bileşeni (partials/kutuphane_vitrin.html) eski landing ile ORTAKTIR —
   işaretlemesine dokunulmadı; burada yalnız .arc kapsamında yeniden boyanır.
   ============================================================ */

.arc {
    --arc-zemin:   #18181A;
    --arc-zemin-2: #1D1D21;
    --arc-derin:   #0E0E12;
    --arc-krem:    #E9E1D0;
    --arc-soluk:   rgba(233, 225, 208, 0.66);
    --arc-silik:   rgba(233, 225, 208, 0.46);
    --arc-tur:     #FC6E31;
    --arc-tur-dk:  #B4481B;
    --arc-celik:   #335891;
    --arc-celik-a: #8FA6CC;
    --arc-cizgi:   rgba(143, 166, 204, 0.18);
    --arc-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    color: var(--arc-krem);
    background:
        radial-gradient(rgba(233, 225, 208, 0.035) 1.3px, transparent 1.7px) 0 0 / 30px 30px,
        var(--arc-zemin);
    -webkit-font-smoothing: antialiased;
}

/* Kabuk: iki temada da sayfa kendi gecesini ister. pd-ruh.css bu dosyadan
   SONRA yüklenip gövdeye --pr-bg'yi !important ile bastığı için burada da
   !important; yoksa main'in alt boşluğunda footer'dan önce açık bir şerit
   kalıyor. ÖZGÜLLÜK: açık temanın zemin resmi
   body.pd-tema-acik:is(.pd-ruh, .pd-ruh-nav) (0,3,1) ile ve SONRA yükleniyor;
   eşitlikte o kazanır. Buradaki seçici (0,3,2) — DevTools ile doğrulandı.
   YALNIZ SAYFADA (.arc--sayfa): landing'in kütüphane bölümü de .arc'tır
   (.arc--vitrin) ama ana sayfanın gövdesini koyulaştırmamalı. */
html body[class]:has(.arc--sayfa),
html body[class]:is(.pd-tema-acik, .pd-tema-gece):has(.arc--sayfa) { background: #18181A !important; }

.arc .arc-in { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
.arc section { position: relative; padding: 92px 0; }
.arc section + section { border-top: 1px solid var(--arc-cizgi); }
.arc .arc-sec--koyu { background: rgba(14, 14, 18, 0.55); }

/* ---------------- Tipografi ---------------- */
.arc .arc-kick {
    display: block;
    margin: 0 0 18px;
    font: 800 0.86rem/1 var(--arc-mono);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--arc-tur);
}

.arc .arc-h2 {
    margin: 0;
    font-family: var(--arc-mono);
    font-weight: 800;
    font-size: clamp(1.85rem, 4.4vw, 3.3rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    color: var(--arc-krem);
    text-wrap: balance;
}

.arc .arc-h2 em,
.arc .arc-buyuk em { font-style: normal; color: var(--arc-tur); }

.arc .arc-lead {
    margin: 22px 0 0;
    max-width: 60ch;
    font-size: clamp(1.02rem, 1.35vw, 1.18rem);
    line-height: 1.62;
    color: var(--arc-soluk);
    text-wrap: pretty;
}

.arc .arc-lead b,
.arc .arc-lead strong { color: var(--arc-krem); font-weight: 700; }

.arc .arc-bas { max-width: 780px; margin: 0 0 46px; }

/* ---------------- Düğmeler ----------------
   Sert alt gölge = basılan oyun düğmesi. Tek gölge, kenar süsü yok. */
.arc .arc-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 17px 24px 16px;
    border-radius: 4px;
    background: var(--arc-tur);
    color: var(--arc-zemin);
    font: 800 0.95rem/1 var(--arc-mono);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 5px 0 var(--arc-tur-dk);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.arc .arc-btn:hover { color: var(--arc-zemin); transform: translateY(-2px); box-shadow: 0 7px 0 var(--arc-tur-dk); }
.arc .arc-btn:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--arc-tur-dk); }
.arc .arc-btn:focus-visible { outline: 3px solid var(--arc-krem); outline-offset: 4px; }

.arc .arc-btn--cizgi {
    background: transparent;
    color: var(--arc-krem);
    box-shadow: inset 0 0 0 3px var(--arc-celik);
}

.arc .arc-btn--cizgi:hover { color: var(--arc-krem); box-shadow: inset 0 0 0 3px var(--arc-celik-a); }
.arc .arc-btn--cizgi:active { box-shadow: inset 0 0 0 3px var(--arc-celik-a); }

.arc .arc-btn__ok { font-size: 0.8em; }

.arc .arc-eylem { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }

/* ---------------- Kutular ---------------- */
.arc .arc-kutu {
    position: relative;
    padding: 24px 24px 26px;
    border: 3px solid var(--arc-celik);
    background: rgba(14, 14, 18, 0.35);
}

.arc .arc-no {
    display: block;
    font: 800 0.82rem/1 var(--arc-mono);
    letter-spacing: 0.08em;
    color: var(--arc-tur);
}

.arc .arc-kutu h3 {
    margin: 14px 0 10px;
    font-family: var(--arc-mono);
    font-weight: 800;
    font-size: 1.22rem;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--arc-krem);
}

.arc .arc-kutu h3 small { font-size: 0.7em; color: var(--arc-celik-a); letter-spacing: 0.04em; }

.arc .arc-kutu p { margin: 0; font-size: 0.95rem; line-height: 1.62; color: var(--arc-soluk); }
.arc .arc-kutu p strong { color: var(--arc-krem); font-weight: 700; }

.arc .arc-izgara { display: grid; gap: 18px; }
.arc .arc-izgara--3 { grid-template-columns: repeat(3, 1fr); }
.arc .arc-izgara--4 { grid-template-columns: repeat(4, 1fr); }
.arc .arc-izgara--2 { grid-template-columns: repeat(2, 1fr); }
.arc .arc-adimlar { margin: 0; padding: 0; list-style: none; }
.arc .arc-adimlar .arc-kutu p { max-width: 52ch; }

/* Gerçek ekran etiketi — kapaktaki 1P sekmesinin dili */
.arc .arc-etiket {
    display: inline-block;
    padding: 8px 11px 7px;
    border-radius: 3px;
    background: var(--arc-tur);
    color: var(--arc-zemin);
    font: 800 0.74rem/1 var(--arc-mono);
    letter-spacing: 0.06em;
}

/* ================================================================
   GİRİŞ — kapak B2: «Evde tek başıma olmuyor.» → 2. OYUNCU KATILDI.
   ================================================================ */
.arc .arc-hero {
    margin-top: -20px;
    padding: 76px 0 0;
    overflow: hidden;
    background: radial-gradient(75% 46% at 50% 0%, rgba(42, 71, 117, 0.42), transparent 72%);
}

.arc .arc-h1 { margin: 0; font-weight: inherit; }

.arc .arc-etk {
    display: inline-block;
    padding: 12px 16px 11px;
    border: 3px solid var(--arc-celik);
    border-radius: 4px;
    font: 800 0.9rem/1.45 var(--arc-mono);   /* iki satıra kırılırsa satırlar değmesin */
    letter-spacing: 0.14em;
    color: var(--arc-krem);
}

.arc .arc-ic {
    display: block;
    margin-top: 34px;
    font-weight: 700;
    font-size: clamp(1.3rem, 2.7vw, 2.05rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--arc-soluk);
}

.arc .arc-buyuk {
    display: block;
    margin: 14px 0 0 -0.04em;
    font-family: var(--arc-mono);
    font-weight: 800;
    font-size: clamp(3.1rem, 10.6vw, 7.6rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
    color: var(--arc-krem);
}

.arc .arc-buyuk em { display: block; }

/* JBMono'da "2. " iki tam hücre boşluk açıyor: nokta ile OYUNCU arası sıkılır */
.arc .arc-kern { margin-left: -0.42em; }

.arc .arc-hero .arc-lead { margin-top: 28px; }

/* Sahne: kütüphanenin kendi gecesi (asma ekran kapalı) + ön masada iki
   oyuncu. Görsel ve SVG aynı 1080×470 ızgarada; yüzdeler oradan gelir. */
.arc .arc-sahne {
    position: relative;
    margin-top: 56px;
    aspect-ratio: 1080 / 470;
}

.arc .arc-sahne__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87.3%;          /* masa üst kenarına kadar: (470 − 72 + 12) / 470 */
    object-fit: cover;
    object-position: 50% 42%;
    /* Masaüstünde sahne kabın içinde kalır; yanlardaki sert resim kenarı
       çerçevesiz bir tablo gibi duruyordu — kenarlar zemine erir. */
    -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%);
}

.arc .arc-sahne__perde {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87.3%;
    background: linear-gradient(180deg, #18181A 0%, rgba(24, 24, 26, 0.55) 24%,
                rgba(24, 24, 26, 0.12) 56%, rgba(24, 24, 26, 0.3) 100%);
}

.arc .arc-sahne__masa { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; }

.arc .arc-oyuncu {
    position: absolute;
    top: 39%;
    transform: translateX(-50%);
    padding: 8px 11px 7px;
    border-radius: 3px;
    font: 800 clamp(0.72rem, 1.7vw, 1.15rem)/1 var(--arc-mono);
    letter-spacing: 0.04em;
    color: var(--arc-zemin);
}

.arc .arc-oyuncu--1 { left: 27.22%; background: var(--arc-tur); }
.arc .arc-oyuncu--2 { left: 72.78%; background: var(--arc-celik-a); }

.arc .arc-sahne__alt {
    position: relative;
    height: 74px;
    font: 800 clamp(0.78rem, 1.9vw, 1.3rem)/1 var(--arc-mono);
    letter-spacing: 0.04em;
}

.arc .arc-sahne__alt span {
    position: absolute;
    top: 26px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.arc .arc-sahne__alt span:first-child { left: 27.22%; color: var(--arc-krem); }
.arc .arc-sahne__alt span:last-child { left: 72.78%; color: var(--arc-celik-a); }

/* ================================================================
   VİTRİN — ortak bileşen, bu sayfada arcade kabukla
   ================================================================ */
.arc .lib-vitrin { max-width: none; }

.arc .lib-frame {
    border-radius: 0;
    box-shadow: 0 0 0 4px var(--arc-celik);
}

.arc .lib-frame::after {
    content: 'GERÇEK EKRAN';
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    padding: 8px 11px 7px;
    border-radius: 3px;
    background: var(--arc-tur);
    color: var(--arc-zemin);
    font: 800 0.74rem/1 var(--arc-mono);
    letter-spacing: 0.06em;
}

.arc .lib-pulse {
    margin: 0 0 18px;
    border-radius: 4px;
    border: 2px solid rgba(65, 176, 138, 0.5);
    background: rgba(65, 176, 138, 0.08);
    color: #8FDDB8;
    font: 700 0.8rem/1.2 var(--arc-mono);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.arc .lib-plate {
    margin-top: 22px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--arc-cizgi);
}

.arc .lib-plate__name {
    font: 800 1.12rem/1.1 var(--arc-mono);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--arc-krem);
}

.arc .lib-plate__meta {
    font: 700 0.78rem/1 var(--arc-mono);
    letter-spacing: 0.1em;
    color: var(--arc-celik-a);
}

.arc .lib-tabs { gap: 8px; margin-top: 14px; }

.arc .lib-tabs button {
    padding: 10px 13px 9px;
    border-radius: 3px;
    font: 800 0.8rem/1 var(--arc-mono);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--arc-celik-a);
    box-shadow: inset 0 0 0 2px var(--arc-cizgi);
}

.arc .lib-tabs button::after { display: none; }
.arc .lib-tabs button:hover { color: var(--arc-krem); }
.arc .lib-tabs button.is-on { background: var(--arc-tur); color: var(--arc-zemin); box-shadow: none; }

.arc .lib-timer {
    border-radius: 4px;
    box-shadow: 0 0 0 3px var(--arc-celik), 0 18px 36px -10px rgba(0, 0, 0, 0.6);
}

.arc .lib-vitrin__note { margin-top: 16px; font-size: 0.86rem; color: var(--arc-silik); }

/* ================================================================
   02 · SESSİZ — beş jest
   ================================================================ */
.arc .arc-jest {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 0 40px;
    padding: 22px 12px 20px;
    list-style: none;
    border: 4px solid var(--arc-celik);
    background: var(--arc-derin);
}

.arc .arc-jest li { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }

.arc .arc-jest__yuz {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 2px solid rgba(143, 166, 204, 0.28);
    background: #17171C;
    font-size: 2rem;
    line-height: 1;
}

.arc .arc-jest__ad { font-weight: 700; font-size: 0.95rem; color: var(--arc-soluk); }

/* ================================================================
   04 · HERKES İÇİN — altı karakter
   ================================================================ */
.arc .arc-alan { margin: 0; }

.arc .arc-alan__kare {
    display: block;
    border: 4px solid var(--arc-celik);
    background: var(--arc-derin);
}

.arc .arc-alan__kare img { display: block; width: 100%; height: auto; }

.arc .arc-alan figcaption {
    margin-top: 16px;
    text-align: center;
    font: 800 1rem/1.2 var(--arc-mono);
    letter-spacing: 0.04em;
    color: var(--arc-celik-a);
}

.arc .arc-not {
    margin: 30px 0 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--arc-silik);
}

.arc .arc-not strong { color: var(--arc-soluk); font-weight: 700; }

/* ================================================================
   06 · KIDEM — dört masa
   ================================================================ */
.arc .arc-kidem { margin: 0; }

.arc .arc-kidem__kare {
    display: block;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    border: 4px solid var(--arc-celik);
    background: #241B2E;
}

.arc .arc-kidem__kare img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: pixelated;
}

.arc .arc-kidem figcaption { margin-top: 18px; }

.arc .arc-kidem__ad {
    display: block;
    font: 800 1.3rem/1.1 var(--arc-mono);
    letter-spacing: 0.02em;
    color: var(--arc-krem);
}

.arc .arc-kidem__kosul {
    display: block;
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.45;
    color: var(--arc-soluk);
}

.arc .arc-kidem__kosul b { font: 800 0.95rem/1 var(--arc-mono); color: var(--arc-tur); }

/* ================================================================
   07 · NE DEĞİLDİR
   ================================================================ */
.arc .arc-degil__izgara { display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: start; }
.arc .arc-degil__izgara .arc-bas { margin: 0; }
.arc .arc-degil__izgara .arc-h2 { font-size: clamp(1.85rem, 3.4vw, 2.6rem); }

.arc .arc-degil ul { margin: 0; padding: 0; list-style: none; }

.arc .arc-degil li {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 16px;
    padding: 18px 0;
    border-top: 1px solid var(--arc-cizgi);
    font-size: 0.98rem;
    line-height: 1.6;
    color: var(--arc-soluk);
}

.arc .arc-degil li:first-child { border-top: 0; padding-top: 0; }
.arc .arc-degil li strong { color: var(--arc-krem); font-weight: 700; }

.arc .arc-degil li i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid var(--arc-tur);
    border-radius: 3px;
    font: 800 0.9rem/1 var(--arc-mono);
    font-style: normal;
    color: var(--arc-tur);
}

/* ================================================================
   KAPANIŞ — Masan hazır.
   ================================================================ */
.arc .arc-son {
    background: radial-gradient(70% 60% at 50% 100%, rgba(42, 71, 117, 0.36), transparent 72%);
}

.arc .arc-son__izgara { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; }

.arc .arc-son .arc-h2 { font-size: clamp(2.6rem, 7vw, 5.4rem); }

.arc .arc-son__neti { display: block; width: 190px; height: auto; }

.arc .arc-son__adres {
    display: block;
    margin-top: 26px;
    font: 700 0.92rem/1.4 var(--arc-mono);
    letter-spacing: 0.02em;
    color: var(--arc-celik-a);
}

.arc .arc-son__ince {
    margin: 26px 0 0;
    max-width: 62ch;
    font-size: 0.86rem;
    line-height: 1.6;
    color: var(--arc-silik);
}

/* ================================================================
   LANDING BÖLÜMÜ (index_v3 #kutuphane) — v3'teki içerik (başlık, metin,
   gerçek ekran, üç kural), arcade kabukta. Ana sayfa iki temalıdır; bu
   bölüm iki temada da kendi gecesindedir (açık temanın v3 kuralları
   .v3-h2/.v3-btn'e bağlı, burada arc-* sınıfları kullanıldığı için
   onlara takılmaz).
   ================================================================ */
.arc.arc--vitrin {
    background:
        radial-gradient(70% 42% at 50% 0%, rgba(42, 71, 117, 0.42), transparent 72%),
        radial-gradient(rgba(233, 225, 208, 0.035) 1.3px, transparent 1.7px) 0 0 / 30px 30px,
        var(--arc-zemin);
}

.arc--vitrin .arc-vitrin__ust {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 22px 56px;
    align-items: end;
}

.arc--vitrin .arc-h2 { font-size: clamp(2rem, 4.4vw, 3.5rem); }
.arc--vitrin .arc-vitrin__ust .arc-lead { margin: 0; }

/* Gerçek ekran: 4 px çelik çerçeve, etiket sağ üstte çerçeveye biner
   (paylaşım setindeki GERÇEK EKRAN karesinin aynısı) */
.arc .arc-ekran {
    position: relative;
    margin: 48px 0 0;
    border: 4px solid var(--arc-celik);
    background: var(--arc-derin);
}

.arc .arc-ekran img { display: block; width: 100%; height: auto; }
.arc .arc-ekran .arc-etiket { position: absolute; z-index: 2; top: -15px; right: 18px; }

.arc--vitrin .arc-izgara { margin-top: 28px; }
.arc--vitrin .arc-eylem { margin-top: 30px; }

@media (max-width: 960px) {
    .arc--vitrin .arc-vitrin__ust { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .arc .arc-ekran { margin-top: 34px; border-width: 3px; }
    .arc .arc-ekran .arc-etiket { top: -13px; right: 12px; padding: 6px 8px 5px; font-size: 0.66rem; }
}

/* ================================================================
   DAR EKRAN
   ================================================================ */
@media (max-width: 960px) {
    .arc .arc-izgara--4 { grid-template-columns: repeat(2, 1fr); }
    .arc .arc-izgara--3 { grid-template-columns: repeat(2, 1fr); }
    .arc .arc-degil__izgara { grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 760px) {
    .arc .arc-in { padding: 0 16px; }
    .arc section { padding: 60px 0; }
    .arc .arc-hero { padding-top: 48px; }
    .arc .arc-ic { margin-top: 26px; }
    .arc .arc-bas { margin-bottom: 32px; }
    .arc .arc-eylem { gap: 12px; }
    .arc .arc-btn { width: 100%; justify-content: center; }
    /* Sahne telefonda kenardan kenara: küçük ekranda her piksel lazım */
    .arc .arc-sahne { margin: 40px -16px 0; }
    .arc .arc-sahne__bg { -webkit-mask-image: none; mask-image: none; }
    .arc .arc-sahne__alt { margin: 0 -16px; height: 56px; }
    .arc .arc-sahne__alt span { top: 18px; }
    .arc .arc-oyuncu { padding: 6px 8px 5px; }
    .arc .arc-izgara--2 { grid-template-columns: 1fr; }
    .arc .arc-kutu { padding: 20px 18px 22px; }
    .arc .arc-jest { padding: 18px 4px 16px; }
    .arc .arc-jest__yuz { width: 54px; height: 54px; font-size: 1.5rem; }
    .arc .arc-jest__ad { font-size: 0.78rem; }
    .arc .arc-alan figcaption { font-size: 0.82rem; margin-top: 12px; }
    .arc .lib-frame::after { top: 8px; right: 8px; padding: 6px 8px 5px; font-size: 0.64rem; }
    .arc .lib-plate { flex-direction: row; align-items: baseline; }
    .arc .lib-tabs button { padding: 9px 10px 8px; font-size: 0.74rem; }
    .arc .arc-son__izgara { grid-template-columns: 1fr; gap: 28px; }
    .arc .arc-son__neti { width: 132px; justify-self: end; }
}

@media (max-width: 560px) {
    .arc .arc-izgara--3,
    .arc .arc-izgara--4 { grid-template-columns: 1fr; }
    .arc .arc-izgara.arc-izgara--alan { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .arc .lib-plate { flex-direction: column; gap: 6px; align-items: flex-start; }
}

@media (max-width: 480px) {
    .arc .arc-etk { padding: 8px 12px 7px; font-size: 0.76rem; letter-spacing: 0.1em; }
}

/* 320–380: ana düğme tek satıra sığsın ("KATIL" alta düşüyordu) */
@media (max-width: 380px) {
    .arc .arc-btn { padding: 16px 14px 15px; font-size: 0.8rem; letter-spacing: 0.02em; gap: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .arc .arc-btn { transition: none; }
}