/* Giriş sayfası (3.71.0): gündüz/gece çizimi, güneş-ay düğmesi, bağlama penceresi. Çizim sembollerle tanımlanır (giris.html). */
:root{--s-gok1:#D6E8F8;--s-gok2:#E9F1F8;--s-zemin:#B2DBA2;--s-h2:#CBE7C0;--s-h1:#B2DBA2;--s-ev1:#F8CDBB;--s-ev2:#FBE4A4;--s-ev3:#C8DAF5;--s-cat1:#E88F7E;--s-cat2:#8FA9E2;--s-cat3:#F0B45C;--s-agac:#8ECB8A;--s-agac2:#AADB96;--s-govde:#BC8F69;--s-cizgi:#5F6F92;--s-pen:#FFF5CF;--s-kap:#B47F5E;--s-c1:#F58FA6;--s-c2:#FFD166;--s-c3:#FFFFFF;--s-cm:#F4A93B;--s-sap:#6FAF6A;--s-deri:#F5CBA7;--s-kalp:#EE6F7F;--s-bulut:#FFFFFF;--s-g1:#F3A0B5;--s-g2:#8FB6EE;--s-g3:#F2B766;--s-g4:#9ACB8C;--s-sac1:#8B5E3C;--s-sac2:#3E2F2A;--s-sac3:#5A4130;--s-pantolon:#7B8FC0;--s-ayak:#8A6A58;--s-gun:#FFD36B;--s-gun2:#F7B84A;--s-golge:rgba(60,80,120,.16);--s-yd:#fff;--s-per:#F4A3B8;--s-yol:#EAD9AC;--s-panj:#8FB0E6}
:root[data-theme="dark"]{--s-gok1:#0E1526;--s-gok2:#17233F;--s-zemin:#1C3A3A;--s-h2:#17302F;--s-h1:#1C3A3A;--s-ev1:#574763;--s-ev2:#66573F;--s-ev3:#40537A;--s-cat1:#8B4F57;--s-cat2:#4A5E98;--s-cat3:#94753B;--s-agac:#285A4B;--s-agac2:#306A56;--s-govde:#5E493B;--s-cizgi:#A8B5DA;--s-pen:#DDB25E;--s-kap:#473630;--s-c1:#B8667F;--s-c2:#C9A046;--s-c3:#C9D1E6;--s-cm:#B8872F;--s-sap:#3F7D62;--s-deri:#CFA98C;--s-kalp:#D1677A;--s-bulut:#2B3C63;--s-g1:#A8607A;--s-g2:#5679AA;--s-g3:#A98245;--s-g4:#5C8A63;--s-sac1:#7A5638;--s-sac2:#2D2220;--s-sac3:#4A3626;--s-pantolon:#51618A;--s-ayak:#6B5448;--s-gun:#EBD9A0;--s-gun2:#EBD9A0;--s-golge:rgba(0,0,0,.28);--s-yd:#DDE5FA;--s-per:#9A5870;--s-yol:#35484A;--s-panj:#4B6194}
.o,.o2,.ci,.ci2,.ip,.sap,.gulus,.kol,.bacak{fill:none;stroke-linecap:round;stroke-linejoin:round}
.deri{fill:var(--s-deri)}.kol{stroke:var(--s-deri)}.bacak{stroke:var(--s-pantolon)}.ayak{fill:var(--s-ayak)}
.goz{fill:#3b2f2f}.yanak{fill:#F28C8C;opacity:.45}.gulus{stroke:#3b2f2f}
.g1{fill:var(--s-g1)}.g2{fill:var(--s-g2)}.g3{fill:var(--s-g3)}.g4{fill:var(--s-g4)}
.sac1{fill:var(--s-sac1)}.sac2{fill:var(--s-sac2)}.sac3{fill:var(--s-sac3)}
.kalp{fill:var(--s-kalp)}.pen{fill:var(--pen-f, var(--s-pen))}.kap{fill:var(--s-kap)}.govde{fill:var(--s-govde)}
.ev1{fill:var(--s-ev1)}.ev2{fill:var(--s-ev2)}.ev3{fill:var(--s-ev3)}
.cat1{fill:var(--s-cat1)}.cat2{fill:var(--s-cat2)}.cat3{fill:var(--s-cat3)}.cat4{fill:var(--s-cat4)}
.agac{fill:var(--s-agac)}.agac2{fill:var(--s-agac2)}
.c1{fill:var(--s-c1)}.c2{fill:var(--s-c2)}.c3{fill:var(--s-c3)}.cm{fill:var(--s-cm)}.sap{stroke:var(--s-sap);stroke-width:2}
.dgm{fill:var(--s-pen)}.h1{fill:var(--s-h1)}.h2{fill:var(--s-h2)}.h3{fill:var(--s-h3)}.o{stroke:var(--s-cizgi);stroke-opacity:.55;stroke-width:1.7px;vector-effect:non-scaling-stroke}.o2{stroke:var(--s-cizgi);stroke-opacity:.3;stroke-width:1px;vector-effect:non-scaling-stroke}
/* Örnek giriş ekranı: sahne sayfanın en altında akışın içindedir (formun üstüne binmez); gök katmanı yalnız geniş ekranda ve yan boşluklarda */
html { overflow-x:hidden; }
body.giris-yeni { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; padding-bottom:0; overflow-x:hidden; background:var(--paper); }
.giris-yeni main { position:relative; z-index:1; width:100%; margin-bottom:28px; }
.giris-yeni .brand { position:relative; padding-right:66px; }
.sahne { margin:auto -16px 0; position:relative; z-index:0; pointer-events:none; }
.sahne svg { display:block; width:100%; height:clamp(120px, min(24vw, 340px, 28dvh), 340px); }
.sahne .zemin { height:env(safe-area-inset-bottom, 0px); background:var(--s-zemin); }
@media (min-width:700px) { body.giris-yeni { padding-top:calc(env(safe-area-inset-top, 0px) + 12px); } .giris-yeni main { gap:10px; margin-bottom:14px; } .giris-yeni .brand { margin-bottom:0; } }

/* Bu ekranı bağla: tek düğme + açılır pencere */
:root { --bagla-bg:#34459F; --bagla-ink:#FFFFFF; --bagla-bd:#34459F; --bagla-hv:#283787; }
:root[data-theme="dark"] { --bagla-bg:#27386F; --bagla-ink:#EEF2FF; --bagla-bd:#9DB0F7; --bagla-hv:#32478C; }
.bagla-btn { margin:0; display:flex; align-items:center; justify-content:center; gap:10px; min-height:54px; background:var(--bagla-bg); color:var(--bagla-ink); border:2px solid var(--bagla-bd); font-size:1.02em; box-shadow:0 3px 0 rgba(20,30,90,.28); }
:root[data-theme="dark"] .bagla-btn { box-shadow:0 0 0 1px rgba(157,176,247,.25), 0 0 18px rgba(120,150,255,.18); }
@media (hover:hover) { .ui-auth .bagla-btn:hover:not(:disabled) { background:var(--bagla-hv); } }
.ui-auth .bagla-btn:focus-visible { outline:3px solid var(--sun); outline-offset:3px; }
/* Alt bağlantılar: yan yana iki eşit düğme */
.alt-dugmeler { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; }
.alt-dugmeler a { display:flex; align-items:center; justify-content:center; text-align:center; min-height:48px; padding:8px 10px; border-radius:14px; background:var(--card); color:var(--ink); border:2px solid var(--line); font-weight:700; font-size:.95em; line-height:1.25; text-decoration:none; overflow-wrap:anywhere; }
@media (hover:hover) { .alt-dugmeler a:hover { border-color:var(--ink-soft); } }
.alt-dugmeler a:focus-visible { outline:3px solid var(--sun); outline-offset:2px; }
.alt-dugmeler a:visited { color:var(--ink); }
dialog.kod { border:1px solid var(--line-soft); border-radius:22px; background:var(--card); color:var(--ink); padding:18px 18px 0; width:min(440px, calc(100% - 24px)); overflow:auto; overscroll-behavior:contain; --ust:max(12px, env(safe-area-inset-top, 0px)); margin:var(--ust) auto auto; max-height:calc(100dvh - var(--ust) - 12px); box-shadow:0 22px 60px rgba(8,14,30,.4); font:inherit; }
@media (min-width:700px) { dialog.kod { --ust:6vh; } }
dialog.kod::backdrop { background:rgba(14,21,38,.55); } :root[data-theme="dark"] dialog.kod::backdrop { background:rgba(4,8,18,.72); }
body:has(dialog.kod[open]) { overflow:hidden; }
.kod-ust { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.kod-ust h2 { margin:6px 0 4px; }
dialog.kod button.x { flex:none; width:44px; height:44px; margin:0; padding:0; border-radius:50%; background:transparent; color:var(--ink); border:2px solid var(--line); font-size:20px; line-height:1; display:grid; place-items:center; }
.adim { list-style:none; margin:14px 0 6px; padding:0; display:grid; gap:0; }
.adim li { display:grid; grid-template-columns:42px 1fr; gap:12px; position:relative; padding-bottom:14px; }
.adim li:last-child { padding-bottom:0; }
.adim li:not(:last-child)::after { content:""; position:absolute; left:20px; top:44px; bottom:2px; border-left:2px dashed var(--line); }
.adim .ik { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:21px; background:color-mix(in srgb, var(--cek-1, #6A78F2) 16%, var(--card)); border:2px solid color-mix(in srgb, var(--cek-1, #6A78F2) 40%, var(--card)); }
.adim .bs { display:block; font-family:var(--display); font-weight:500; line-height:1.25; }
.adim small { display:block; color:var(--ink-soft); font-size:.9em; line-height:1.4; margin-top:2px; }
.kod-form { margin-top:12px; padding:12px 0 20px; border-top:2px dashed var(--line); position:sticky; bottom:0; background:var(--card); }
.kod-form label { margin-top:0; }
.kod-form button#pair { margin-top:14px; min-height:48px; }
@media (prefers-reduced-motion:no-preference) { dialog.kod[open] { animation:ac .18s ease-out; } @keyframes ac { from { opacity:0; transform:translateY(8px); } } }

.giris-yeni .bagla-btn { border-radius:16px; }
.giris-yeni .card { border-radius:24px 20px 26px 20px / 20px 26px 20px 24px; }

/* === Gece/gündüz katmanı === */
html[data-gece] body.giris-yeni { background:var(--paper); }
.gok { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.gok-g, .gok-n { position:absolute; inset:0; transition:opacity 1s ease; }
.gok-g { background:linear-gradient(180deg, #D6E8F8, #E9F1F8 70%); }
.gok-n { background:linear-gradient(180deg, #080D1C, #101B36 55%, #1D2B52); opacity:0; }
html[data-gece="1"] .gok-n { opacity:1; }
.yildizlar { position:absolute; inset:0; opacity:0; transition:opacity 1.2s ease; }
html[data-gece="1"] .yildizlar { opacity:1; }
.yildizlar .y { fill:#F4F6FF; }
.yildizlar .y-b { fill:#FFF3C4; }
@media (prefers-reduced-motion:no-preference) {
  .yildizlar .y { animation:par var(--d,3s) ease-in-out var(--g,0s) infinite; }
  .yildizlar .y-o { animation-duration:calc(var(--d,3s) * 1.4); }
  @keyframes par { 0%,100% { opacity:.35; } 50% { opacity:1; } }
}
.bulutlar { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.bulutlar .bulut { display:block; position:absolute; top:var(--t); left:var(--l); width:var(--w); height:auto; opacity:var(--op,.9); animation:none; transition:opacity 1s; }
.bulutlar .bulut.bk { display:none; }
@media (min-width:700px) { .bulutlar .bulut.bk { display:block; } }
html[data-gece="1"] .bulutlar .bulut { opacity:calc(var(--op,.9) * .5); }
.bulut .bl { transition:fill 1s; }
@media (prefers-reduced-motion:no-preference) {
  .bulutlar .bulut { left:-300px; animation:gez var(--d,150s) linear var(--dl,0s) infinite; }
  @keyframes gez { from { transform:translateX(0); } to { transform:translateX(calc(100vw + 600px)); } }
}
/* Sahne ekranın dibine sabit; form üstünde kayar */
:root { --sh:max(200px, min(34vw, 330px, 46dvh)); }
.sahne { position:fixed; left:0; right:0; bottom:0; margin:0; z-index:0; }
.sahne svg.tanim { position:absolute; width:0; height:0; }
.sahne svg:not(.tanim) { height:var(--sh); }
.sahne svg.sw { display:none; }
@media (min-width:700px) { .sahne svg.sw { display:block; } .sahne svg.sm { display:none; } }
body.giris-yeni { padding-bottom:0; }
.giris-yeni main { margin-bottom:calc(var(--sh) + env(safe-area-inset-bottom, 0px) + 8px); }
@media (min-width:700px) { body.giris-yeni { padding-top:calc(env(safe-area-inset-top, 0px) + 26px); } .giris-yeni main { margin-bottom:calc(var(--sh) + env(safe-area-inset-bottom, 0px) + 6px); } }
.sahne .zemin { display:none; }
.sahne svg * { transition:fill .9s ease, stroke .9s ease, stroke-opacity .9s ease, opacity .9s ease; }
.per { fill:var(--s-per); } .yol { fill:var(--s-yol); opacity:.9; } .panj { fill:var(--s-panj); }
.aile-g { transition:opacity .8s ease; }
/* Kartlar güneş/ayın üstünde kalır */
.giris-yeni .card, .giris-yeni .bagla-btn, .giris-yeni .alt-dugmeler { position:relative; z-index:2; }
/* Güneş / ay düğmesi: kutu sabit (transform yok); hover/animasyon yalnız içindeki SVG'de */
.giris-yeni .brand { padding-right:96px; min-height:108px; } .giris-yeni .brand p { font-size:.78em; }
.gok-btn { position:absolute; z-index:1; right:-4px; top:50%; margin:-60px 0 0; padding:0; width:120px; height:120px; min-height:0; border-radius:50%; border:0; background:transparent; cursor:pointer; display:block; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.ui-auth .gok-btn, .ui-auth .gok-btn:hover:not(:disabled) { transform:none; box-shadow:none; transition:none; }
.gok-btn svg { width:100%; height:100%; display:block; overflow:visible; transition:transform .5s ease; }
@media (hover:hover) { .gok-btn:hover svg { transform:scale(1.06); } }
.ui-auth .gok-btn:focus-visible { outline:3px solid var(--ink); outline-offset:-2px; }
@media (min-width:700px) { .giris-yeni .brand { padding-right:0; min-height:96px; } .giris-yeni .brand p { font-size:1em; } .gok-btn { right:-36px; margin-top:-68px; width:136px; height:136px; } }
.gok-btn .gun, .gok-btn .gay { transform-box:fill-box; transform-origin:center; transition:opacity .7s ease, transform .9s ease; }
.gok-btn .gay { opacity:0; transform:rotate(-40deg) scale(.6); }
html[data-gece="1"] .gok-btn .gun { opacity:0; transform:rotate(60deg) scale(.5); }
html[data-gece="1"] .gok-btn .gay { opacity:1; transform:none; }
.gok-btn .gd { fill:#FFD36B; stroke:#F7B84A; stroke-opacity:.5; stroke-width:.8; } .gok-btn .gr { stroke:#F7B84A; fill:none; stroke-width:2.6; stroke-linecap:round; }
.gok-btn .gun-hale { fill:url(#gh); }
.gok-btn .yz { fill:#5A4636; } .gok-btn .yz-p { fill:#fff; } .gok-btn .allik { fill:#F58FA6; opacity:.6; }
.gok-btn .agiz { fill:none; stroke:#5A4636; stroke-width:1.7; stroke-linecap:round; }
.gok-btn .gay .agiz, .gok-btn .goz-k { stroke:#8A7A55; } .gok-btn .goz-k { fill:none; stroke-width:1.6; stroke-linecap:round; }
.gok-btn .ay-hale { fill:url(#ah); }
.gok-btn .ay-d { fill:#F6EFC8; } .gok-btn .ay-g { fill:rgba(255,255,255,.55); }
.gok-btn .ay-k { fill:#DDD3A4; } .gok-btn .ay-k2 { fill:#E8DFB4; }
.gok-btn .zh { fill:none; stroke:#FFF3C4; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; opacity:.9; transform-box:fill-box; transform-origin:center; }
@media (prefers-reduced-motion:no-preference) {
  .gok-btn .gr { transform-box:fill-box; transform-origin:center; animation:don 70s linear infinite; }
  .gok-btn .goz-g { transform-box:fill-box; transform-origin:center; animation:goz 6.5s ease-in-out infinite; }
  .gok-btn .nefes { transform-box:fill-box; transform-origin:center; animation:nef 5.5s ease-in-out infinite; }
  .gok-btn .zh { opacity:0; animation:zz 5s ease-in-out infinite; } .gok-btn .z2 { animation-delay:1.5s; } .gok-btn .z3 { animation-delay:3s; }
  @keyframes don { to { transform:rotate(360deg); } }
  @keyframes goz { 0%, 91%, 100% { transform:scaleY(1); } 94.5% { transform:scaleY(.08); } }
  @keyframes nef { 0%, 100% { transform:scale(1); } 50% { transform:scale(1.045); } }
  @keyframes zz { 0% { opacity:0; transform:translate(0,3px); } 25%, 62% { opacity:1; } 100% { opacity:0; transform:translate(2px,-4px); } }
}
@media (prefers-reduced-motion:reduce) {
  .gok-g, .gok-n, .yildizlar, .sahne svg *, .gok-btn .gun, .gok-btn .gay, .bulut .bl { transition-duration:.01s !important; }
}
/* Koyu kontrast: kartlar, düğme ve yazılar */
.giris-yeni .card, .giris-yeni .bagla-btn, .alt-dugmeler a, .giris-yeni input { transition:background-color .6s ease, color .6s ease, border-color .6s ease; }
html[data-gece="1"] .giris-yeni .brand p { color:#C3CDE8; }
html[data-gece="1"] .giris-yeni .brand h1 { color:#F2F5FF; }

.isik { opacity:var(--isik, 0); } .yer-isik { opacity:var(--yer, 0); } .aile-g { opacity:var(--aile, 1); }
.isik, .yer-isik, .pen, .aile-g, .ew, .rf { transition:opacity .9s ease, fill .9s ease; }
html[data-gece="1"] .sahne { --isik:1; --yer:.85; --aile:0; --pen-f:#FFDB7A; }
.bl { fill:var(--s-bulut); transition:fill 1s; }
.ew { fill:var(--e); } .rf { fill:var(--c); } .pet { fill:var(--p); }