/* Günlük giriş penceresi (login-ui.js). Tasarım alanı 1400 × 1060, 1 birim = --k; parçalar assets/login/sheet.webp. */
.lg-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;background:#050b16b8;padding:3vh 2vw}
.lg-wrap{position:relative;width:min(96vw,calc((100dvh - 6vh) * 1400 / 1060));aspect-ratio:1400/1060;container-type:inline-size;--k:calc(100cqw / 1400);font-family:Arial,sans-serif;color:#fff}
.lg-in-anim .lg-wrap{animation:lg-pop .22s ease-out}
@keyframes lg-pop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
.lg-wrap>*{position:absolute;background-repeat:no-repeat}
.lg-wrap button{border:0;padding:0;cursor:pointer;background-color:transparent;font:inherit;color:inherit}
.lg-wrap button:disabled{cursor:default}
.lg-bg{left:0;top:calc(56*var(--k));width:100%;height:calc(1004*var(--k))}
.lg-ribbon{z-index:3}
.lg-close{z-index:3}.lg-close:hover{filter:brightness(1.12)}
.lg-tab{opacity:.72;transition:filter .15s,opacity .15s}.lg-tab.on{opacity:1;filter:drop-shadow(0 0 calc(8*var(--k)) #ffd166)}.lg-tab:not(.on):hover{opacity:1}
/* Takvim: çerçeve ve gün adları görselden; günler güncel aya göre üstüne çizilir. */
.lg-grid{position:absolute;left:1.3%;right:1.5%;top:19.6%;bottom:3.4%;display:grid;grid-template-columns:repeat(7,1fr);background:#1c1c1c;border-radius:0 0 calc(10*var(--k)) calc(10*var(--k));overflow:hidden}
.lg-day{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(6*var(--k));border-right:1px solid #3c3c3c;border-bottom:1px solid #3c3c3c;background:linear-gradient(#2e2e2e,#1d1d1d);font:700 calc(27*var(--k)) Arial;color:#fff}
.lg-day:nth-child(7n){border-right:0}.lg-day.off{background:#1a1a1a}
.lg-day.today{background:linear-gradient(#3a5f96,#1f3c6a);box-shadow:inset 0 0 0 calc(3*var(--k)) #ffd166}
.lg-day i{font:900 calc(30*var(--k))/1 Arial;font-style:normal;color:#5be06b;-webkit-text-stroke:calc(2*var(--k)) #fff;paint-order:stroke fill;text-shadow:0 calc(2*var(--k)) calc(3*var(--k)) #0008}
/* Gün ödülü sekmesi: 7 günlük döngü */
.lg-days{border-radius:calc(16*var(--k));border:calc(4*var(--k)) solid #6fc3ff;background:linear-gradient(#173356,#0b1e38);padding:calc(14*var(--k));box-sizing:border-box;display:flex;flex-direction:column;gap:calc(10*var(--k))}
.lg-days h4{margin:0;font:800 calc(19*var(--k)) Arial;color:#ffd166;text-align:center}
.lg-days-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:calc(10*var(--k))}
.lg-dcard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(10*var(--k)) calc(4*var(--k));border-radius:calc(12*var(--k));border:calc(3*var(--k)) solid #4fb0ff;background:linear-gradient(#1b64b8,#0d3f82)}
.lg-dcard small{font:900 calc(18*var(--k)) Arial;color:#ffd166}
.lg-dcard.got{opacity:.55}.lg-dcard.next{border-color:#ffd166;box-shadow:0 0 calc(14*var(--k)) #ffd166}
.lg-dcard em{min-height:calc(22*var(--k));font:800 calc(15*var(--k)) Arial;font-style:normal;color:#9df59d}
.lg-dtiles{display:flex;flex-direction:column;align-items:center;gap:calc(6*var(--k))}
.lg-dtiles .lg-tile{width:calc(72*var(--k));height:calc(72*var(--k))}
/* Sağ üst: sayılar, İşaretlemek rozeti, Giriş butonu */
.lg-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4*var(--k));border-radius:calc(16*var(--k));border:calc(3*var(--k)) solid #4fb0ff;background:linear-gradient(#0d4f9ecc,#082f66cc);font:700 calc(19*var(--k)) Arial;text-align:center}
.lg-stats strong{font:italic 900 calc(72*var(--k))/1 'Barlow Condensed',Arial;color:#ffb347;text-shadow:0 calc(3*var(--k)) 0 #7a2e00}
.lg-stats em{font-style:normal;font-weight:900;color:#ffb347}
.lg-badge{z-index:2;pointer-events:none;animation:lg-badge 1.1s ease-in-out infinite}
@keyframes lg-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-8*var(--k)))}}
.lg-giris{z-index:1;filter:sepia(1) saturate(5) hue-rotate(-18deg) brightness(1.08);animation:lg-glow 1.4s ease-in-out infinite}
.lg-giris.done{filter:grayscale(1) brightness(.85);opacity:.7;animation:none}
.lg-giris:not(.done):hover{filter:sepia(1) saturate(5) hue-rotate(-18deg) brightness(1.2)}
@keyframes lg-glow{0%,100%{box-shadow:none}50%{box-shadow:0 0 calc(18*var(--k)) #ffb347;border-radius:calc(30*var(--k))}}
.lg-donetxt{display:grid;place-items:center;font:800 calc(17*var(--k)) Arial;color:#9df59d;text-shadow:0 1px 2px #000}
/* Aylık hedef sekmeleri */
.lg-ms{transition:filter .15s}.lg-ms:hover{filter:brightness(1.12)}
.lg-ms.on{filter:hue-rotate(180deg) saturate(1.7) brightness(1.1)}
.lg-ms i{position:absolute;right:calc(4*var(--k));top:calc(-10*var(--k));min-width:calc(26*var(--k));height:calc(26*var(--k));border-radius:50%;display:grid;place-items:center;font:900 calc(17*var(--k))/1 Arial;font-style:normal;border:calc(2*var(--k)) solid #fff}
.lg-ms .lg-ok{background:#2fb84a}.lg-ms .lg-new{background:#e33;animation:lg-badge 1s ease-in-out infinite}
/* Ödül satırları: kutular görselden, içleri güncel ödüllerle */
.lg-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6*var(--k));font:800 calc(20*var(--k)) Arial;text-align:center}
.lg-info b{font:italic 900 calc(32*var(--k)) 'Barlow Condensed',Arial;color:#ffd166;text-shadow:0 calc(2*var(--k)) 0 #7a2e00}
.lg-in{position:absolute;left:2.5%;right:2.5%;top:8%;bottom:7%;display:flex;align-items:center;justify-content:center;gap:calc(18*var(--k));border-radius:calc(12*var(--k));background:linear-gradient(#0c3f80,#0a3570)}
.lg-in1{left:8.5%;right:4.5%;top:12%;bottom:9%}
.lg-tile{position:relative;flex:none;width:calc(70*var(--k));height:calc(70*var(--k));border-radius:calc(8*var(--k));border:calc(3*var(--k)) solid #e9eef5;background:radial-gradient(circle at 50% 35%,#8a3fd1,#3b1270);box-shadow:0 calc(3*var(--k)) calc(6*var(--k)) #0008;display:grid;place-items:center}
.lg-tile img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 calc(2*var(--k)) calc(2*var(--k)) #0008)}
.lg-tile b{position:absolute;right:calc(3*var(--k));bottom:calc(-2*var(--k));font:900 calc(19*var(--k)) Arial;color:#fff;-webkit-text-stroke:calc(3*var(--k)) #000;paint-order:stroke fill}
.lg-tile.lg-x{background:radial-gradient(circle at 50% 35%,#ffb347,#c2410c)}
.lg-tile.lg-x i{font:900 calc(40*var(--k))/1 Arial;font-style:normal;color:#fff;text-shadow:0 calc(2*var(--k)) 0 #7a2e00}
.lg-claim{transition:filter .15s}.lg-claim:disabled{opacity:.55}
.lg-claim.can{filter:sepia(1) saturate(5) hue-rotate(-18deg) brightness(1.1);animation:lg-glow 1.2s ease-in-out infinite}
.lg-claim.can:hover{filter:sepia(1) saturate(5) hue-rotate(-18deg) brightness(1.25)}
.lg-look:hover{filter:brightness(1.15)}
.lg-left-n{position:absolute;left:11%;top:22%;font:italic 900 calc(46*var(--k))/1 'Barlow Condensed',Arial;color:#ffb347;text-shadow:0 calc(3*var(--k)) 0 #7a2e00}
.lg-left-all{position:absolute;inset:8% 6%;display:grid;place-items:center;border-radius:calc(14*var(--k));background:#0b3f80;font:800 calc(18*var(--k)) Arial;text-align:center;color:#9df59d}
/* Stadyum: takvim butonu */
.lg-launch{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;cursor:pointer;padding:0;margin-bottom:8px}
.lg-launch>span:last-child{font:900 italic 12px Arial;color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000;letter-spacing:.5px}
.lg-cal-icon{position:relative;display:flex;flex-direction:column;width:54px;height:54px;border-radius:8px;overflow:visible;background:#fff;border:2px solid #fff;box-shadow:0 4px 10px #0009;transform:rotate(-8deg);transition:transform .15s}
.lg-cal-icon small{display:block;border-radius:6px 6px 0 0;background:linear-gradient(#ff5a4d,#c1120b);color:#fff;font:900 11px/18px Arial;text-align:center;letter-spacing:1px}
.lg-cal-icon b{flex:1;display:grid;place-items:center;font:900 24px Arial;color:#1f2a3a}
.lg-launch:hover .lg-cal-icon{transform:rotate(-8deg) scale(1.08)}
.lg-launch.alert .lg-cal-icon{animation:lg-cal 1.2s ease-in-out infinite}
.lg-launch.alert .lg-cal-icon::after{content:'!';position:absolute;right:1px;top:1px;width:18px;height:18px;border-radius:50%;background:#e33;color:#fff;font:900 13px/18px Arial;text-align:center;border:2px solid #fff}
@keyframes lg-cal{0%,100%{box-shadow:0 4px 10px #0009}50%{box-shadow:0 0 16px #ffd166,0 4px 10px #0009}}
@media(prefers-reduced-motion:reduce){.lg-badge,.lg-giris,.lg-claim.can,.lg-launch.alert .lg-cal-icon,.lg-ms .lg-new{animation:none}}