/* ============================================================
   kayit-tema.css — kayıt ekranı: koyu lacivert + altın, şehir manzaralı arka plan, numaralı adım çubuğu,
   sahne resimli rol kartları (tasarım görselleri esas alındı). Yalnız #login.kyt altında geçerli.
   ============================================================ */
/* Değişkenler. Konum, düzen ve arka plan giris.css'e (gv2) aittir; burada #login kabının position/padding/overflow/z-index\n   değerlerine ve doğrudan çocuklarına dokunulmaz (giriş/kayıt butonlarının tıklanabilirliği bozulmasın). */\n#login.kyt{--kg1:#f6d58a;--kg2:#d4a24c;--kg3:#8a6224;--kpan:rgba(9,13,26,.84);--kline:rgba(214,170,90,.55)}\n/* paneller: altın çerçeve */
#login.kyt .panel{background:var(--kpan);border:1px solid var(--kline);border-radius:10px;
 box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 1px rgba(246,213,138,.08),0 18px 40px rgba(0,0,0,.55);backdrop-filter:blur(3px)}
#login.kyt .panel .ph{font-family:Cinzel,var(--serif),serif;letter-spacing:.14em;color:var(--kg1);border-bottom:1px solid rgba(214,170,90,.25);text-transform:uppercase}
#login.kyt .panel .ph .ic{color:var(--kg2)}
#login.kyt input,#login.kyt select{background:rgba(4,7,15,.75);border:1px solid rgba(214,170,90,.4);color:#f3ead6;border-radius:8px}
#login.kyt input:focus,#login.kyt select:focus{outline:none;border-color:var(--kg1);box-shadow:0 0 0 2px rgba(246,213,138,.25)}
/* altın butonlar */
#login.kyt .btn.gold,#login.kyt .btn.red.wide,#login.kyt .obw-nav .btn[data-v="next"]{background:linear-gradient(180deg,#ffe6a3 0%,#e7b85c 45%,#b98433 100%);color:#2a1a05;border:1px solid #fff0c0;
 font:800 14px Cinzel,var(--serif),serif;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.6)}
#login.kyt .btn.gold:hover,#login.kyt .btn.red.wide:hover,#login.kyt .obw-nav .btn[data-v="next"]:hover{filter:brightness(1.08)}
#login.kyt .obw-nav .btn[data-v="back"]{background:rgba(9,13,26,.8);border:1px solid var(--kline);color:var(--kg1);font-family:Cinzel,var(--serif),serif}
/* eski ilerleme çubuğu yerine numaralı adımlar */
#login.kyt .obw-top{display:none}
#login.kyt .kyt-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin:18px auto 6px;max-width:760px}
#login.kyt .kyt-st{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px}
#login.kyt .kyt-st span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 17px Cinzel,var(--serif),serif;color:#e9dcc0;
 background:radial-gradient(circle at 50% 35%,#1d2438,#090d18);border:2px solid rgba(214,170,90,.55);box-shadow:0 4px 12px rgba(0,0,0,.6)}
#login.kyt .kyt-st small{font-size:12.5px;color:#d9ceb6;white-space:nowrap}
#login.kyt .kyt-st.done span{border-color:var(--kg2);color:var(--kg1)}
#login.kyt .kyt-st.on span{border-color:#ffe6a3;color:#fff4d6;box-shadow:0 0 0 3px rgba(0,0,0,.6),0 0 0 5px rgba(246,213,138,.45),0 0 22px rgba(255,190,80,.65)}
#login.kyt .kyt-st.on small{color:var(--kg1);font-weight:700}
#login.kyt .kyt-ln{flex:1;height:2px;margin-top:20px;min-width:24px;background:linear-gradient(90deg,rgba(214,170,90,.25),rgba(214,170,90,.25))}
#login.kyt .kyt-ln.done{background:linear-gradient(90deg,var(--kg2),var(--kg1))}
/* büyük başlık */
#login.kyt .obw{container-type:inline-size}
#login.kyt .kyt-hero{text-align:center;margin:12px 0 16px}
#login.kyt .kyt-hero h1{margin:0;font:900 clamp(22px,8cqi,58px)/1.05 Cinzel,var(--serif),serif;letter-spacing:.04em;
 background:linear-gradient(180deg,#fff6d8 0%,#f6d58a 40%,#c8923f 75%,#8a6224 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 3px 0 rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,190,80,.25));display:inline-flex;align-items:center;gap:18px}
#login.kyt .kyt-hero h1{white-space:nowrap}
#login.kyt .kyt-hero h1::before,#login.kyt .kyt-hero h1::after{content:'';width:clamp(14px,8cqi,160px);height:2px;background:linear-gradient(90deg,transparent,var(--kg2));-webkit-text-fill-color:initial}
#login.kyt .kyt-hero h1::after{transform:scaleX(-1)}
#login.kyt .kyt-hero p{margin:6px 0 0;color:#efe3c7;font-size:clamp(14px,1.7vw,18px);text-shadow:0 2px 6px #000}
/* rol / ülke kartları */
#login.kyt .rcards{grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr)) !important;gap:12px}
#login.kyt .rc{container-type:inline-size}
#login.kyt .rc{padding:0 0 12px;min-height:0;border-radius:8px;overflow:hidden;text-align:left;align-items:stretch;gap:0;
 background:linear-gradient(180deg,#0e1424,#080c17);border:1px solid rgba(214,170,90,.6);
 box-shadow:0 0 0 1px #000,inset 0 0 0 1px rgba(246,213,138,.1),0 10px 24px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s,border-color .2s}
#login.kyt .rc:hover{transform:translateY(-4px);border-color:var(--kg1);box-shadow:0 0 0 1px #000,0 0 0 2px rgba(246,213,138,.35),0 16px 30px rgba(0,0,0,.6)}
#login.kyt .rc.on{border-color:#ffe6a3;box-shadow:0 0 0 1px #000,0 0 0 3px rgba(246,213,138,.55),0 0 30px rgba(255,190,80,.4);background:linear-gradient(180deg,#181a22,#0b0e18)}
#login.kyt .rc-art{display:block;height:118px;background:center/cover no-repeat;position:relative;border-bottom:1px solid rgba(214,170,90,.45)}
#login.kyt .rc-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,12,23,.85) 100%)}
#login.kyt .rc-art.noart{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--c) 55%,#2a1d0a),#0a0f1c 75%)}
#login.kyt .rc>.ic,#login.kyt .rc>svg{width:50px;height:50px;padding:11px;margin:-28px 0 0 12px;border-radius:50%;position:relative;z-index:1;color:var(--kg1);
 background:radial-gradient(circle at 50% 35%,#2a2012,#0b0d14);border:2px solid var(--kg2);box-shadow:0 0 0 3px rgba(0,0,0,.7),0 6px 14px rgba(0,0,0,.6);box-sizing:border-box}
#login.kyt .rc>b{margin:6px 12px 0;display:block;font:700 15px/1.2 Cinzel,var(--serif),serif;letter-spacing:.04em;color:var(--kg1);text-shadow:0 2px 4px #000;overflow-wrap:anywhere}
@container (min-width:215px){#login.kyt .rc>b{margin:-34px 0 0 72px;min-height:30px;display:flex;align-items:center;font-size:16px}}
#login.kyt .rc>p{margin:8px 12px 0;font-size:12.5px;color:#d7ccb4;line-height:1.35}
#login.kyt .rc>em{margin:6px 12px 0;font-size:11.5px;color:#7fe0a0}
#login.kyt .rc .rc-go{margin:10px 12px 0;padding:8px 10px;border-radius:5px;text-align:center;font:800 13.5px Cinzel,var(--serif),serif;letter-spacing:.04em;color:#2a1a05;
 background:linear-gradient(180deg,#ffe6a3 0%,#e7b85c 45%,#b98433 100%);border:1px solid #fff0c0;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 8px rgba(0,0,0,.4)}
#login.kyt .rc.on .rc-go{background:linear-gradient(180deg,#bff0c8,#5cc27a 55%,#2f8a4c);border-color:#d8ffe2;color:#062410}
/* ülke kartı: bayrak madalyon */
#login.kyt .rc.kyt-cc{padding-top:14px;align-items:center;text-align:center}
#login.kyt .rc.kyt-cc>svg{margin:0 auto 6px;width:auto;height:34px;padding:0;border:0;border-radius:4px;background:none;box-shadow:0 2px 6px rgba(0,0,0,.6)}
#login.kyt .rc.kyt-cc>b{margin:0;justify-content:center;font-size:14px}
#login.kyt .rc.kyt-cc .rc-go{align-self:stretch}
#login.kyt .obw-opt{background:rgba(9,13,26,.85);border:1px solid rgba(214,170,90,.45);color:#f3ead6}
#login.kyt .obw-opt.on{border-color:var(--kg1);box-shadow:0 0 0 2px var(--kg1) inset,0 0 18px rgba(255,190,80,.3)}
#login.kyt .mute{color:#cdbf9f}
@media (max-width:640px){
 #login.kyt .rcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #login.kyt .rc-art{height:84px}
 #login.kyt .rc>.ic,#login.kyt .rc>svg{width:42px;height:42px;padding:9px;margin-top:-24px}
 #login.kyt .rc>b{margin:6px 10px 0;font-size:13.5px;min-height:0}
 #login.kyt .rc>p{font-size:11.5px;margin:4px 10px 0}
 #login.kyt .kyt-st small{display:none}
 #login.kyt .kyt-st{min-width:40px}
 #login.kyt .kyt-st span{width:32px;height:32px;font-size:14px}
 #login.kyt .kyt-ln{margin-top:16px;min-width:10px}
}
#login.kyt .rc.rc-lock .rc-go{background:linear-gradient(180deg,#3a404c,#262b35);color:#aab2c2;border-color:#4a5263;font-size:11.5px;letter-spacing:.02em} /* v81: kayıtta kilitli rol */