/* Loto Diyarı interaction layer: restrained, GPU-friendly, reduced-motion aware. */
.motion-card{transition:transform var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}.card{transition:border-color var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease)}
@media(hover:hover) and (pointer:fine){.motion-card:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,.18)}.btn:hover,.tool-card:hover,.game-tile:hover{transform:translateY(-1px)}}
.btn,.interaction,.tool-card,.game-tile,.number-cell,.ball{transition:transform var(--motion-fast) var(--motion-ease),filter var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}
.btn:active,.interaction:active,.tool-card:active,.game-tile:active{transform:scale(.975)}
/* Reveal is opt-in via [data-reveal]; page-specific CSS owns lottery-ball sequences. */
[data-reveal]{animation:ld-rise-in 360ms var(--motion-ease) both;animation-delay:calc(var(--motion-index,0) * 45ms)}
.ld-shimmer{position:relative;overflow:hidden}.ld-shimmer:after{content:"";position:absolute;inset:-80% -35%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.08) 50%,transparent 58%);transform:translateX(-55%);animation:ld-shimmer 3.8s ease-in-out infinite;pointer-events:none}
.ld-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:ld-pulse 2s ease-out infinite}
.ld-countdown{font-variant-numeric:tabular-nums}.ld-countdown [data-tick]{display:inline-block;animation:ld-tick 220ms var(--motion-ease)}
.ld-members-lock{position:relative;overflow:hidden;border:1px solid #493f72;border-radius:14px;background:linear-gradient(145deg,#0b1325,#151126)}
.ld-members-lock:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(118,78,255,.16),transparent 40%);pointer-events:none}
.ld-blur-lines{padding:16px;filter:blur(6px);opacity:.52;user-select:none}.ld-blur-lines i{display:block;height:10px;margin:8px 0;border-radius:999px;background:#71809a}.ld-blur-lines i:nth-child(2){width:79%}.ld-blur-lines i:nth-child(3){width:58%}
.ld-lock-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:14px;background:rgba(5,10,19,.42);backdrop-filter:blur(2px)}
@keyframes ld-rise-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ld-shimmer{0%,55%{transform:translateX(-55%)}85%,100%{transform:translateX(55%)}}
@keyframes ld-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 7px transparent;opacity:.72}100%{box-shadow:0 0 0 0 transparent;opacity:1}}
@keyframes ld-tick{from{opacity:.55;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ld-shimmer:after{display:none}}
