#pyatak-game-root{min-height:80vh;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.4);margin:10px 0}
#pyatak-game-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#pyatak-game-root input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#e0ddd5;font-size:14px;outline:none;width:100%}
#pyatak-game-root input::placeholder{color:rgba(255,255,255,.3)}
#pyatak-game-root input:focus{border-color:#d4af37}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes bigCardPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}
@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes sp{0%{transform:scale(1)}30%{transform:scale(1.5);filter:brightness(1.8)}100%{transform:scale(1)}}
@keyframes pFly{0%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:.8}100%{opacity:0;transform:translate(var(--pdx,30px),var(--pdy,-60px)) scale(0)}}
@keyframes slideLeft{from{transform:translateX(0)}to{transform:translateX(-10px)}}
@keyframes slideRight{from{transform:translateX(0)}to{transform:translateX(10px)}}
.sf{animation:sp .5s ease!important}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:10px}
#pyatak-loading{display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(160deg,#0d1b2a,#1b2838 35%,#1a3a2a 70%,#0d1b2a);color:#d4af37;font-size:18px;font-family:'Segoe UI',system-ui,sans-serif;border-radius:12px}