.pyanitsa-game{--felt-dark: #0a3d2e;--felt: #0f5132;--felt-light: #1a6b44;--gold: #d4af37;--card-face: #fafaf8;--text-light: #f0f0f0;--shadow: 0 2px 12px #00000080;--card-w: 64px;--card-h: 94px;--transition: .35s cubic-bezier(.34, 1.56, .64, 1);background:radial-gradient(ellipse at center,var(--felt-light) 0%,var(--felt) 50%,var(--felt-dark) 100%);min-height:70vh;border-radius:16px;overflow:hidden;color:var(--text-light);-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden;padding:1rem}@media(min-width:600px){.pyanitsa-game{--card-w: 80px;--card-h: 116px}}.pyanitsa-game *{box-sizing:border-box;margin:0;padding:0}.pyanitsa-game .game-board{flex-direction:column;flex-grow:1;align-items:center;gap:.6rem;width:100%;max-width:500px;padding:.8rem;display:flex}.pyanitsa-game .header{text-align:center;width:100%;padding:.8rem 1rem .2rem}.pyanitsa-game .header h1{letter-spacing:.05em;color:var(--gold);text-shadow:0 2px 10px #00000080;font-size:1.5rem;font-weight:800}.pyanitsa-game .header p{opacity:.6;margin-top:.2rem;font-size:.75rem}.pyanitsa-game .side-row{justify-content:center;align-items:center;gap:1rem;width:100%;max-width:340px;display:flex}.pyanitsa-game .counter{flex-direction:column;align-items:center;gap:.1rem;min-width:60px;display:flex}.pyanitsa-game .counter-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.65rem}.pyanitsa-game .counter-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.pyanitsa-game .counter.player .counter-value{color:#4fc3f7}.pyanitsa-game .counter.ai .counter-value{color:#ff7043}.pyanitsa-game .deck{width:var(--card-w);height:var(--card-h);flex-shrink:0;position:relative}.pyanitsa-game .deck-clickable{cursor:pointer}.pyanitsa-game .deck-active{animation:1.5s ease-in-out infinite deckPulse}@keyframes deckPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pyanitsa-game .deck-badge{background:var(--gold);color:#1a1a1a;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:none;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #00000080}.pyanitsa-game .deck-stack{width:100%;height:100%;position:absolute}.pyanitsa-game .deck-stack-card{width:var(--card-w);height:var(--card-h);border:1.5px solid var(--gold);box-shadow:var(--shadow);background:url(/cards/back.png) 50%/cover;border-radius:6px;position:absolute}.pyanitsa-game .card{width:var(--card-w);height:var(--card-h);transition:var(--transition);border-radius:6px;flex-shrink:0;position:relative}.pyanitsa-game .table-slot .card{width:calc(var(--card-w) * .7);height:calc(var(--card-h) * .7)}.pyanitsa-game .card-face{width:100%;height:100%;box-shadow:var(--shadow);border:1px solid #ccc;border-radius:6px}.pyanitsa-game .table{min-height:calc(var(--card-h) + 40px);justify-content:center;align-items:flex-start;gap:.5rem;width:100%;padding:.5rem 0;display:flex;position:relative}.pyanitsa-game .table-slot{min-height:var(--card-h);flex-wrap:wrap;align-items:center;gap:2px;display:flex;position:relative}.pyanitsa-game .vs-label{color:var(--gold);opacity:.4;flex-shrink:0;align-self:center;font-size:1rem;font-weight:800}.pyanitsa-game .action-area{flex-direction:column;align-items:center;gap:.4rem;padding:.8rem 0;display:flex}.pyanitsa-game .btn-play{background:linear-gradient(135deg,var(--gold) 0%,#b8860b 100%);color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:50px;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #d4af3766}.pyanitsa-game .btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3799}.pyanitsa-game .btn-play:active{transform:translateY(0)}.pyanitsa-game .btn-play:disabled{opacity:.5;cursor:not-allowed;transform:none}.pyanitsa-game .round-label{opacity:.6;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.pyanitsa-game .war-banner{color:var(--gold);text-shadow:0 0 30px #d4af37cc,0 2px 10px #000c;pointer-events:none;z-index:100;font-size:2.5rem;font-weight:900;animation:.8s ease-out forwards warPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes warPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.pyanitsa-game .overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pyanitsa-game .overlay-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.pyanitsa-game .overlay-title{font-size:2.5rem;font-weight:900}.pyanitsa-game .overlay-title.win{color:#4fc3f7}.pyanitsa-game .overlay-title.lose{color:#ff7043}@keyframes dealCard{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pyanitsa-game .card.dealt-player,.pyanitsa-game .card.dealt-ai{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards dealCard}.pyanitsa-game .battle-result{white-space:nowrap;font-size:1.1rem;font-weight:800;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.pyanitsa-game .scoreboard{z-index:300;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pyanitsa-game .sb-inner{border:1px solid var(--gold);background:linear-gradient(135deg,#0f5132,#0a3d2e);border-radius:16px;width:90%;max-width:420px;padding:1.5rem}.pyanitsa-game .sb-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pyanitsa-game .sb-header h2{color:var(--gold);font-size:1.3rem}.pyanitsa-game .sb-close{color:var(--text-light);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s}.pyanitsa-game .sb-close:hover{opacity:1}.pyanitsa-game .sb-list{flex-direction:column;gap:.4rem;max-height:400px;display:flex;overflow-y:auto}.pyanitsa-game .sb-row{background:#ffffff0d;border-radius:8px;grid-template-columns:30px 1fr 60px 30px;align-items:center;gap:.5rem;padding:.6rem .8rem;display:grid}.pyanitsa-game .sb-row.win{border-left:3px solid #4fc3f7}.pyanitsa-game .sb-row.lose{opacity:.6;border-left:3px solid #ff7043}.pyanitsa-game .sb-rank{color:var(--gold);text-align:center;font-size:1rem;font-weight:800}.pyanitsa-game .sb-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.pyanitsa-game .sb-rounds{font-variant-numeric:tabular-nums;text-align:right;font-size:1.1rem;font-weight:700}.pyanitsa-game .sb-badge{text-align:center;font-size:1.1rem}.pyanitsa-game .sb-empty{text-align:center;opacity:.5;padding:2rem;font-size:.9rem}.pyanitsa-game .name-input-overlay{z-index:250;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pyanitsa-game .name-input-box{border:1px solid var(--gold);text-align:center;background:linear-gradient(135deg,#0f5132,#0a3d2e);border-radius:16px;width:90%;max-width:360px;padding:2rem}.pyanitsa-game .name-input-box h3{color:var(--gold);margin-bottom:.5rem}.pyanitsa-game .name-input-box p{opacity:.7;margin-bottom:1.2rem;font-size:.85rem}.pyanitsa-game .name-input{width:100%;color:var(--text-light);background:#0000004d;border:1px solid #d4af374d;border-radius:8px;outline:none;margin-bottom:1rem;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s}.pyanitsa-game .name-input:focus{border-color:var(--gold)}.pyanitsa-game .name-input::placeholder{color:#ffffff4d}.pyanitsa-game .name-input-actions{gap:.6rem;display:flex}.pyanitsa-game .name-input-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.7rem;font-size:.95rem;font-weight:600}.pyanitsa-game .btn-save{background:var(--gold);color:#1a1a1a}.pyanitsa-game .btn-skip{color:var(--text-light);background:#ffffff1a}.pyanitsa-game .sb-btn{color:var(--gold);cursor:pointer;z-index:50;background:#0006;border:1px solid #d4af374d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.pyanitsa-game .sb-btn:hover{background:#d4af3733;transform:scale(1.1)}