body{margin:0;background:#000;color:#fff;font-family:sans-serif}.hub{height:100vh;overflow-y:auto;padding:20px;position:relative;z-index:2}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.logo{font-size:28px;font-weight:700;color:gold}.stats{display:flex;gap:20px;font-size:14px;opacity:.8}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#141414e6;padding:20px;border-radius:14px;cursor:pointer;border:1px solid rgba(255,215,0,.2);box-shadow:0 0 10px #ffd70033,inset 0 0 20px #ffd7000d;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 0 25px #ffd700b3,0 0 60px #ffd7004d}.card.active{animation:redPulse .4s ease}@keyframes redPulse{0%{box-shadow:0 0 #f000}50%{box-shadow:0 0 30px red}to{box-shadow:0 0 #f000}}.card h3{color:gold;margin-bottom:10px}.card p{font-size:13px;opacity:.7}body{margin:0;background:#1a0a00;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.game-container{min-height:100dvh;background:linear-gradient(180deg,#1a0a00,#0d0400);display:flex;flex-direction:column;align-items:center;padding:8px 8px 24px;gap:8px;box-sizing:border-box}.modal-opening,.modal-finished{width:100%;max-width:400px;margin-top:40px;padding:24px;border-radius:20px;background:linear-gradient(160deg,#3c230ff2,#1e0f05fa);border:1px solid rgba(205,140,60,.25);text-align:center;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 40px #0009}.modal-opening h2,.fin-title{margin:0;font-size:24px;color:#f5a623;text-shadow:0 2px 8px rgba(245,166,35,.3)}.opening-row{display:flex;align-items:center;justify-content:center;gap:24px}.opening-side{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:14px}.opening-die-val{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#fffdf5,#e8d5a0);border:2px solid #c09040;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#1a0a00;box-shadow:0 4px 12px #0006}.vs{font-size:16px;font-weight:900;color:#ffffff4d}.fin-winner{font-size:20px;font-weight:700}.btn-main{width:100%;padding:14px 0;border:none;border-radius:14px;background:linear-gradient(135deg,#c47c1a,#8b5210);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 4px 16px #c47c1a66;transition:all .15s}.btn-main:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c47c1a80}.btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-header{width:100%;max-width:540px;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-info{font-size:14px;font-weight:700}.score-badges{display:flex;gap:8px}.badge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.badge.white{color:#e8c878;border-color:#e8c8784d}.badge.black{color:#ff6b6b;border-color:#ff6b6b4d}.dice-bar-panel{width:100%;max-width:540px;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,#281405e6,#190c03f2);border:1px solid rgba(205,140,60,.2);border-radius:14px;box-shadow:0 4px 16px #0006;min-height:64px}.dice-bar-label{font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.dice-bar-label.active{color:#69f0ae}.dice-bar-dice{display:flex;gap:10px;align-items:center}.die-big{width:52px;height:52px;position:relative;transform-style:preserve-3d;flex-shrink:0}.die-big .die-face{position:absolute;width:52px;height:52px;background:linear-gradient(145deg,#fffdf5,#e8d5a0);border:2px solid #c09040;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;box-shadow:inset 0 0 8px #0000001a}.die-big .die-f1{transform:rotateY(0) translateZ(26px)}.die-big .die-f2{transform:rotateY(90deg) translateZ(26px)}.die-big .die-f3{transform:rotateX(-90deg) translateZ(26px)}.die-big .die-f4{transform:rotateX(90deg) translateZ(26px)}.die-big .die-f5{transform:rotateY(-90deg) translateZ(26px)}.die-big .die-f6{transform:rotateY(180deg) translateZ(26px)}.die-big .dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#2a1a0a;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #0000004d}.die-big.used{opacity:.35;filter:grayscale(.6)}.die-big.used .die-face{background:linear-gradient(145deg,#555,#333);border-color:#444}.die-big.used .dot{background:#888}@keyframes diceRollBar{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(1.3);opacity:0}10%{opacity:1}50%{transform:rotateX(540deg) rotateY(720deg) rotate(360deg) scale(1.1)}99%{transform:rotateX(715deg) rotateY(1075deg) rotate(715deg) scale(1);opacity:1}to{opacity:1;transform:rotateX(0) rotateY(0) rotate(0)}}.die-big.rolling{animation:diceRollBar .85s ease-out both}.die-big.settled{transition:transform .15s ease-out}.wooden-board{width:100%;max-width:540px;position:relative}.board-outer-frame{background:linear-gradient(145deg,#8b5e3c,#6b4226,#5a3a1f);padding:8px;border-radius:16px;box-shadow:0 12px 40px #000000b3,inset 0 2px 4px #ffffff26,inset 0 -2px 4px #0000004d,0 0 0 1px #00000080;border:2px solid rgba(160,110,60,.7)}.board-inner{background:linear-gradient(145deg,#d4a574,#c49a6c,#b8905a);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:inset 0 2px 8px #0003}.board-half{display:flex;gap:2px;height:140px}.pockets-row{display:flex;flex:1;gap:1px}.pocket{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:0 0 10px 10px;cursor:default;transition:background .18s ease,box-shadow .18s ease;overflow:visible;background:#0000000f;border:1px solid rgba(100,60,20,.18);border-top:none}.pocket.top{border-radius:10px 10px 0 0;border-top:1px solid rgba(100,60,20,.18);border-bottom:none}.pocket.selectable{background:#ffd22812;border-color:#ffd22859;box-shadow:0 0 8px #ffd22826}.pocket.target{background:#69f0ae1a;border-color:#69f0ae80;box-shadow:0 0 12px #69f0ae40}.pocket-slots{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3px 0;gap:1px;pointer-events:none;z-index:0}.pocket.top .pocket-slots{justify-content:flex-end}.pocket-slot-circle{width:80%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(100,60,20,.2);background:#0000000f;flex-shrink:0}.pocket.slot-even{background:#b4823c14;border-color:#643c1438}.pocket.slot-odd{background:#50280a1a;border-color:#643c1438}.pocket-inner{width:100%;height:100%;position:relative;border-radius:inherit}.pocket-num{position:absolute;font-size:7px;font-weight:800;color:#3c1e0a80;z-index:5}.pocket.top .pocket-num{bottom:3px}.pocket.bottom .pocket-num{top:3px}.checker-pile{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:0px;padding:2px 0;z-index:2}.pile-top{top:0;bottom:auto}.pile-bottom{bottom:0;top:auto;flex-direction:column-reverse}.piece{width:28px;height:28px;border-radius:50%;flex-shrink:0;position:relative;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,opacity .15s;box-shadow:0 2px 4px #0000004d,inset 0 -2px 3px #0003,inset 0 2px 3px #ffffff4d}.piece.moving{animation:pieceMove .35s cubic-bezier(.34,1.56,.64,1);z-index:20}@keyframes pieceMove{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(1.25) translateY(-8px);opacity:.9}70%{transform:scale(1.1) translateY(-3px)}to{transform:scale(1) translateY(0);opacity:1}}.piece.landing{animation:pieceLand .25s ease-out}@keyframes pieceLand{0%{transform:scale(1.3);opacity:.7}60%{transform:scale(.92)}to{transform:scale(1);opacity:1}}.piece.top{width:32px;height:32px;z-index:3}.piece.white{background:radial-gradient(circle at 35% 35%,#fff,#f5e6c8,#d4a840);border:1.5px solid #c8a030}.piece.black{background:radial-gradient(circle at 35% 35%,#666,#333,#1a1a1a);border:1.5px solid #555}.piece.selected{box-shadow:0 0 14px #ffe44dcc,0 2px 4px #0000004d,inset 0 -2px 3px #0003;border-color:#ffe44d;animation:glow 1.2s ease infinite;transform:scale(1.08)}.piece.small{width:22px;height:22px}.pile-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:900;color:#3a2000;background:#ffffffb3;padding:1px 4px;border-radius:5px;pointer-events:none;z-index:4}.ghost-piece{width:80%;aspect-ratio:1;border-radius:50%;background:#69f0ae2e;border:2px dashed rgba(105,240,174,.7);box-shadow:0 0 10px #69f0ae40;animation:pulse 1.3s ease infinite;position:absolute;left:50%;transform:translate(-50%)}.pocket:not(.top) .ghost-piece{top:4px}.pocket.top .ghost-piece{bottom:4px;top:auto}.bar-zone{width:44px;flex-shrink:0;background:linear-gradient(180deg,#00000073,#0000008c);border-left:1px solid rgba(100,60,20,.35);border-right:1px solid rgba(100,60,20,.35);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0}.bar-half{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:24px;width:100%}.bar-top{justify-content:flex-start}.bar-bottom{justify-content:flex-end}.bar-divider{width:60%;height:1px;background:#8b5e3c80;margin:2px 0}.bar-pile{display:flex;flex-direction:column;align-items:center;gap:1px}.bar-pile-count{font-size:9px;font-weight:900;color:#ffffffb3;background:#00000080;padding:1px 3px;border-radius:4px}.board-hinge{height:24px;background:linear-gradient(90deg,#643c144d,#8b5e3c33,#643c144d);border-top:1px solid rgba(100,60,20,.3);border-bottom:1px solid rgba(100,60,20,.3);display:flex;align-items:center;justify-content:center;position:relative}.hinge-text{font-size:9px;font-weight:800;color:#3c1e0a66;letter-spacing:2px}.home-tray{width:36px;flex-shrink:0;background:linear-gradient(180deg,#0000004d,#0006);border:1px solid rgba(100,60,20,.3);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:4px 2px;gap:2px;cursor:default;transition:all .3s ease;position:relative}.home-tray.active{background:#69f0ae1f;border:2px solid rgba(105,240,174,.5);cursor:pointer;animation:pulse 1.2s ease infinite;box-shadow:0 0 12px #69f0ae26}.home-icon{font-size:14px;margin-bottom:2px}.home-out{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:900;color:#69f0ae;pointer-events:none;text-shadow:0 0 4px rgba(105,240,174,.5)}.home-slots{display:flex;flex-direction:column;gap:1px;align-items:center;width:100%}.home-slot{width:20px;height:7px;border-radius:3px;box-shadow:0 1px 2px #0003}.home-slot.white{background:linear-gradient(90deg,#e8c878,#c09040);border:1px solid #a07828}.home-slot.black{background:linear-gradient(90deg,#666,#444);border:1px solid #555}.home-count{font-size:10px;font-weight:900;color:#fffc;margin-top:2px}.game-controls{width:100%;max-width:540px;display:flex;flex-direction:column;gap:6px;align-items:center}.btn-roll{width:100%;padding:15px 0;border:none;border-radius:14px;background:linear-gradient(135deg,#c47c1a,#8b5210);color:#fff;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 4px 16px #c47c1a66;transition:all .15s}.btn-roll:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c47c1a80}.hint{font-size:13px;color:#ffffff80;text-align:center;padding:6px 0}.hint.active{color:#69f0ae;font-weight:700;text-shadow:0 0 8px rgba(105,240,174,.2)}.moves-remain{font-size:11px;color:#fff6;font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#000000eb;color:#fff;padding:12px 24px;border-radius:20px;font-size:14px;font-weight:700;z-index:200;border:1px solid rgba(255,255,255,.12);white-space:nowrap;animation:slideUp .3s ease;box-shadow:0 4px 16px #00000080}@keyframes glow{0%,to{box-shadow:0 0 10px #ffe44d80,0 2px 4px #0000004d}50%{box-shadow:0 0 22px #ffe44df2,0 0 6px #ffe44d66}}@keyframes targetPulse{0%,to{background:#69f0ae1a;box-shadow:0 0 8px #69f0ae33}50%{background:#69f0ae38;box-shadow:0 0 16px #69f0ae66}}.pocket.target{animation:targetPulse 1.1s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 480px){.game-container{padding:4px 4px 16px;gap:5px}.game-header{padding:7px 10px;border-radius:10px}.turn-info{font-size:12px}.badge{font-size:11px;padding:3px 8px}.board-half{height:115px}.board-outer-frame{padding:5px;border-radius:12px}.board-inner{padding:2px;gap:1px}.piece{width:22px;height:22px}.piece.top{width:26px;height:26px}.piece.small{width:18px;height:18px}.pile-count{font-size:9px}.pocket.tri-dark:before,.pocket.tri-light:before{border-bottom-width:110px}.pocket.top.tri-dark:before,.pocket.top.tri-light:before{border-top-width:110px}.pocket{border-radius:0 0 8px 8px}.pocket.top{border-radius:8px 8px 0 0}.pocket-num{font-size:6px}.bar-zone{width:36px}.home-tray{width:28px}.home-slot{width:16px;height:6px}.home-count{font-size:9px}.dice-bar-panel{padding:8px 10px;gap:10px;min-height:54px}.die-big,.die-big .die-face{width:44px;height:44px}.die-big .die-f1{transform:rotateY(0) translateZ(22px)}.die-big .die-f2{transform:rotateY(90deg) translateZ(22px)}.die-big .die-f3{transform:rotateX(-90deg) translateZ(22px)}.die-big .die-f4{transform:rotateX(90deg) translateZ(22px)}.die-big .die-f5{transform:rotateY(-90deg) translateZ(22px)}.die-big .die-f6{transform:rotateY(180deg) translateZ(22px)}.die-big .dot{width:7px;height:7px}.btn-roll{padding:13px 0;font-size:15px;border-radius:12px}.hint{font-size:12px}.toast{font-size:13px;padding:10px 20px}}@media (max-width: 360px){.board-half{height:100px}.piece{width:19px;height:19px}.piece.top{width:23px;height:23px}.die-big,.die-big .die-face{width:38px;height:38px}.die-big .die-f1{transform:rotateY(0) translateZ(19px)}.die-big .die-f2{transform:rotateY(90deg) translateZ(19px)}.die-big .die-f3{transform:rotateX(-90deg) translateZ(19px)}.die-big .die-f4{transform:rotateX(90deg) translateZ(19px)}.die-big .die-f5{transform:rotateY(-90deg) translateZ(19px)}.die-big .die-f6{transform:rotateY(180deg) translateZ(19px)}.die-big .dot{width:6px;height:6px}.home-tray{width:24px}.bar-zone{width:30px}}.durak-card{position:relative;width:62px;height:90px;border-radius:10px;background:linear-gradient(160deg,#fff,#f4f1ea);border:1.5px solid rgba(0,0,0,.1);box-shadow:0 3px 10px #00000052,0 1px 3px #0000002e,inset 0 1px #fffffff2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease;transform-origin:center bottom;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.durak-card:hover:not(.disabled){transform:translateY(-12px) scale(1.04)!important;box-shadow:0 16px 30px #0006,0 6px 12px #0000003d}.durak-card.selected{transform:translateY(-20px) scale(1.06)!important;background:linear-gradient(145deg,#fffbe6,#ffe566);border-color:#f0c000;box-shadow:0 0 0 2.5px #f0c000,0 16px 32px #f0c00073,0 6px 14px #f0c0004d;z-index:100!important}.durak-card.highlighted{border-color:#3ddd20;box-shadow:0 0 0 2.5px #3ddd20,0 8px 22px #3ddd2061;animation:pulse-green 1.5s ease-in-out infinite}.durak-card.faded{opacity:.5;filter:grayscale(20%);pointer-events:none}.durak-card.disabled{cursor:default;opacity:.75}.durak-card.trump{background:linear-gradient(155deg,#fff8e8,#ffedb0 60%,#ffd466);border:1.5px solid #c88a0a;box-shadow:0 3px 12px #c8820a6b,0 1px 5px #c8820a47,inset 0 1px #ffffffe0}.durak-card.trump:hover:not(.disabled){transform:translateY(-12px) scale(1.04)!important;box-shadow:0 16px 32px #c8820a85,0 6px 12px #c8820a4d}.durak-trump-badge{position:absolute;top:3px;right:5px;font-size:9px;color:#b8720a;line-height:1;z-index:2}.trump-center{color:#b8720a!important}.durak-card-corner{position:absolute;top:4px;left:6px;font-size:12px;font-weight:800;line-height:1.15;text-align:left}.durak-card-corner-bottom{position:absolute;bottom:4px;right:6px;font-size:12px;font-weight:800;line-height:1.15;text-align:right;transform:rotate(180deg)}.durak-card-center{font-size:26px;line-height:1}.durak-card-back{width:62px;height:90px;border-radius:10px;background:linear-gradient(140deg,#1c52a0,#0d2860);border:1.5px solid rgba(255,255,255,.18);box-shadow:0 3px 10px #00000061,inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.durak-card-back:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid rgba(255,255,255,.1);border-radius:6px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.025) 4px,rgba(255,255,255,.025) 8px)}.durak-card-back-symbol{font-size:24px;opacity:.5;z-index:1}.durak-hand-fan{display:flex;justify-content:center;align-items:flex-end;padding:14px 6px 6px;position:relative}.durak-hand-fan .durak-card{position:absolute;bottom:6px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease}.durak-hand-fan-flat{display:flex;align-items:flex-end;padding:10px 4px 4px;min-height:108px;position:relative}.durak-hand-fan-flat .durak-card{flex-shrink:0;margin-left:-22px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.durak-hand-fan-flat .durak-card:first-child{margin-left:0}.durak-table-pair{display:flex;position:relative;width:70px;height:108px;animation:card-deal .3s cubic-bezier(.34,1.56,.64,1)}.durak-table-pair .durak-card:first-child{position:absolute;top:0;left:0;z-index:1}.durak-table-pair .durak-card:nth-child(2){position:absolute;top:10px;left:10px;z-index:2;transform:rotate(12deg)}.durak-table-pair .durak-defend-slot{position:absolute;top:10px;left:10px;width:62px;height:90px;border-radius:10px;border:2px dashed rgba(255,255,255,.15);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.2;z-index:2}.suit-spades{color:#1a1a1a}.suit-clubs{color:#2a5426}.suit-hearts,.suit-diamonds{color:#d42b35;text-shadow:0 1px 2px rgba(212,43,53,.2)}@keyframes card-deal{0%{transform:translate(50px) rotate(18deg) scale(.65);opacity:0}to{transform:translate(0) rotate(0) scale(1);opacity:1}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 2.5px #3ddd20,0 6px 18px #3ddd2052}50%{box-shadow:0 0 0 2.5px #3ddd20,0 10px 26px #3ddd2085}}@keyframes pulse-turn{0%,to{opacity:1}50%{opacity:.35}}@keyframes bounce-dots{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.durak-card.deal{animation:card-deal .4s cubic-bezier(.34,1.56,.64,1) forwards}.durak-player-chip{flex:1;border-radius:12px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);transition:border-color .3s,background .3s}.durak-player-chip.active{background:#3db8251a;border-color:#3db8254d}.durak-player-chip .chip-name{font-size:11px;color:#ffffff73;margin-bottom:2px}.durak-player-chip .chip-count{font-size:17px;font-weight:600;color:#fff}.durak-player-chip .chip-role{font-size:10px;color:#ffffff59;margin-top:1px}.durak-deck-chip{border-radius:12px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px}.durak-deck-chip .chip-name{font-size:11px;color:#ffffff73}.durak-deck-chip .chip-count{font-size:17px;font-weight:600;color:#fff}.durak-trump-strip{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:10px;background:#b8720a2e;border:1px solid rgba(184,114,10,.38);margin-bottom:8px}.durak-trump-strip .ts-suit{font-size:20px;color:#f0b030}.durak-trump-strip .ts-text{font-size:13px;color:#ffffff8c}.durak-trump-strip .ts-card{font-size:13px;font-weight:700;color:#f0c040;margin-left:2px}.durak-trump-strip .ts-discard{font-size:12px;color:#ffffff4d;margin-left:auto}.durak-turn-bar{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 14px;border-radius:10px;margin-bottom:8px;font-size:13px;font-weight:500}.durak-turn-bar.my-attack{background:#3db8251f;border:1px solid rgba(61,184,37,.28);color:#7ddd60}.durak-turn-bar.my-defend{background:#ffb4001f;border:1px solid rgba(255,180,0,.28);color:#fc4}.durak-turn-bar.opponent{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#ffffff73}.durak-turn-dot{width:7px;height:7px;border-radius:50%;animation:pulse-turn 1.4s ease-in-out infinite;flex-shrink:0}.durak-turn-dot.green{background:#5ddd40}.durak-turn-dot.amber{background:#ffc030}.durak-turn-dot.gray{background:#ffffff4d;animation-duration:2.5s}.durak-bot-dots{display:flex;align-items:center;gap:3px}.durak-bot-dot{width:5px;height:5px;border-radius:50%;background:#ffffff4d;animation:bounce-dots .9s ease-in-out infinite}.durak-bot-dot:nth-child(2){animation-delay:.15s}.durak-bot-dot:nth-child(3){animation-delay:.3s}.durak-table-area{min-height:138px;border-radius:16px;background:#0a2808b3;border:1px solid rgba(80,180,60,.13);padding:12px 10px;margin-bottom:10px;position:relative;overflow:hidden}.durak-table-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 16px,rgba(255,255,255,.012) 16px,rgba(255,255,255,.012) 17px);border-radius:16px;pointer-events:none}.durak-table-empty{display:flex;align-items:center;justify-content:center;min-height:114px;font-size:13px;color:#ffffff2e}.durak-table-cards{display:flex;flex-wrap:wrap;gap:14px;position:relative}.durak-action-row{display:flex;gap:8px;margin-bottom:10px}.durak-btn-take{flex:1;padding:13px 0;border-radius:13px;background:#dc46322e;border:1px solid rgba(220,70,50,.35);color:#f87;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.durak-btn-take:hover{background:#dc463247}.durak-btn-bito{flex:2;padding:13px 0;border-radius:13px;background:#3db8252e;border:1px solid rgba(61,184,37,.35);color:#6ddd50;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.durak-btn-bito:hover{background:#3db82547}.durak-hand-area{border-radius:16px;padding:10px 10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.durak-hand-label{font-size:11px;color:#ffffff59;margin-bottom:6px;display:flex;align-items:center;gap:6px}.durak-hand-selected-hint{font-size:11px;color:#6ddd50;margin-left:4px}.durak-opponent-cards{display:flex;justify-content:center;align-items:flex-end;min-height:56px;margin-bottom:8px;position:relative}.durak-opponent-cards .durak-card-back{height:52px;width:38px;border-radius:7px;margin-left:-14px}.durak-opponent-cards .durak-card-back:first-child{margin-left:0}.durak-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.durak-avatar.me{background:#3db82540;color:#7ddd60;border:1px solid rgba(61,184,37,.35)}.durak-avatar.bot{background:#648cff40;color:#abf;border:1px solid rgba(100,140,255,.35)}.durak-avatar.opp{background:#ff8c5040;color:#fb8;border:1px solid rgba(255,140,80,.35)}@media (max-width: 380px){.durak-card{width:54px;height:78px;border-radius:9px}.durak-card-corner,.durak-card-corner-bottom{font-size:10px}.durak-card-center{font-size:22px}.durak-card-back{width:54px;height:78px}.durak-trump-badge{font-size:8px}.durak-table-pair{width:62px;height:96px}.durak-table-pair .durak-defend-slot{width:54px;height:78px}}.poker-room{display:flex;flex-direction:column;height:100dvh;background:radial-gradient(ellipse at 50% 0%,#1a0f02,#0c0602 70%);color:#fff;font-family:Georgia,serif;overflow:hidden}.poker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px;background:#0c0602;color:#ffffff80;font-size:15px}.poker-loading__spinner{font-size:48px;animation:pokerSpin 2s linear infinite}@keyframes pokerSpin{to{transform:rotate(360deg)}}.poker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(240,192,64,.15);background:#0000004d;flex-shrink:0}.poker-back-btn{background:none;border:1px solid rgba(240,192,64,.3);color:#f0c040;border-radius:8px;padding:4px 12px;font-size:16px;cursor:pointer}.poker-stage{font-size:15px;font-weight:600;color:#f0c040;letter-spacing:.05em;text-transform:uppercase}.poker-pot{font-size:13px;color:#ffffff80}.poker-pot span{color:#f0c040;font-weight:700}.poker-table{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 10px;position:relative;overflow:hidden}.poker-table:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(ellipse,#0d4a1a 0%,#083612 60%,transparent 100%);border:2px solid rgba(240,192,64,.2);pointer-events:none}.poker-opponents{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;z-index:1}.poker-board{display:flex;gap:8px;justify-content:center;align-items:center;z-index:1;min-height:72px}.poker-board__empty{font-size:12px;color:#ffffff40;font-style:italic}.poker-me-area{z-index:1}.poker-seat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0000004d;transition:border-color .2s,box-shadow .2s;min-width:100px}.poker-seat--me{border-color:#f0c0404d;background:#f0c0400d}.poker-seat--active{border-color:#f0c040;box-shadow:0 0 16px #f0c04059}.poker-seat--folded{opacity:.4}.poker-seat__cards{display:flex;gap:6px}.poker-seat__info{display:flex;flex-direction:column;align-items:center;gap:2px}.poker-seat__name{font-size:12px;font-weight:700;color:#fffc}.poker-seat__stack{font-size:11px;color:#ffffff73}.poker-seat__bet{font-size:11px;color:#f0c040;font-weight:700}.poker-seat__fold{font-size:10px;color:#e63946;font-weight:700;letter-spacing:.05em}.poker-seat__turn-dot{width:8px;height:8px;border-radius:50%;background:#f0c040;box-shadow:0 0 8px #f0c040;animation:pulseDot 1s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.poker-card{position:relative;border-radius:6px;background:#f8f4ec;box-shadow:0 2px 8px #00000080;display:flex;align-items:center;justify-content:center;flex-shrink:0}.poker-card--back{background:linear-gradient(135deg,#1a3a6e 25%,#0f2047 75%);overflow:hidden}.poker-card__pattern{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.05) 4px,rgba(255,255,255,.05) 5px)}.poker-card__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700}.poker-card__corner--tl{top:3px;left:4px}.poker-card__corner--br{bottom:3px;right:4px;transform:rotate(180deg)}.poker-card__center{font-size:22px}.poker-actions{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#0006;flex-shrink:0;flex-wrap:wrap;transition:opacity .2s}.poker-actions:not(.poker-actions--active){opacity:.5;pointer-events:none}.poker-btn{border:none;border-radius:10px;font-size:14px;font-weight:700;padding:10px 18px;cursor:pointer;transition:transform .1s,opacity .15s;font-family:inherit}.poker-btn:active{transform:scale(.96)}.poker-btn--fold{background:#e6394626;color:#e63946;border:1px solid rgba(230,57,70,.35)}.poker-btn--check{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2)}.poker-btn--call{background:#40d0641f;color:#40d064;border:1px solid rgba(64,208,100,.3)}.poker-btn--raise{background:linear-gradient(135deg,#f0c040,#c8891a);color:#1a0d00;min-width:100px}.poker-raise-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.poker-raise-wrap input[type=range]{width:120px;accent-color:#f0c040}.poker-wait{color:#ffffff59;font-size:14px;font-style:italic;padding:10px 0}.poker-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#140c02eb;border:1px solid rgba(240,192,64,.4);color:#f0c040;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;z-index:50;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.poker-card--highlight{box-shadow:0 0 0 2px #f0c040,0 4px 16px #f0c04073;transform:translateY(-3px);transition:transform .2s,box-shadow .2s}.poker-seat__allin{font-size:10px;color:#f0a040;font-weight:700;letter-spacing:.05em;background:#f0a04026;border:1px solid rgba(240,160,64,.4);border-radius:5px;padding:1px 6px}.poker-timer{position:absolute;top:12px;right:14px;font-size:18px;font-weight:700;color:#f0c040;z-index:5;background:#0006;border-radius:8px;padding:2px 10px;border:1px solid rgba(240,192,64,.3)}.poker-timer--urgent{color:#e63946;border-color:#e6394680;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.dh-page{display:flex;flex-direction:column;height:100dvh;background:#0a1628;overflow:hidden;position:relative;font-family:Segoe UI,sans-serif}.dh-idle,.dh-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 24px 80px;color:#fff;text-align:center}.dh-idle__title{font-size:42px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#87ceeb,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dh-idle__desc{font-size:15px;color:#ffffffa6;line-height:1.7;display:flex;flex-direction:column;gap:8px;align-items:center}.dh-idle__hint{font-size:13px;color:#ffc800b3;background:#ffc80014;border:1px solid rgba(255,200,0,.2);padding:8px 16px;border-radius:20px}.dh-tag{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:14px;margin:0 4px}.dh-tag--green{background:#4caf5033;color:#81c784;border:1px solid rgba(76,175,80,.3)}.dh-tag--blue{background:#2196f333;color:#64b5f6;border:1px solid rgba(33,150,243,.3)}.dh-tag--gold{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.dh-start-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:700;padding:14px 36px;cursor:pointer;box-shadow:0 4px 20px #4caf5066;transition:transform .15s,box-shadow .15s}.dh-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #4caf5080}.dh-start-btn:active{transform:scale(.96);box-shadow:0 2px 8px #4caf504d}.dh-back-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffff80;font-size:14px;padding:8px 20px;cursor:pointer;transition:all .2s ease}.dh-back-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#ffffffb3}.dh-result__emoji{font-size:60px;animation:trophyBounce 1s ease-in-out}@keyframes trophyBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dh-result__label{font-size:22px;font-weight:800;color:#fff}.dh-result__score{font-size:48px;font-weight:900;background:linear-gradient(135deg,gold,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dh-result__stats{display:flex;gap:20px;font-size:14px;color:#ffffff80}.dh-result__stats span{display:block;font-size:22px;font-weight:700;color:#fff}.dh-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#00000080;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:16px;flex-shrink:0;z-index:10}.dh-hud__score{color:gold}.dh-hud__hits{color:#81c784}.dh-hud__timer{color:#fffc}.dh-hud__timer--danger{color:#e63946;animation:dangerPulse .5s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.4}}.dh-combo{position:absolute;top:56px;right:14px;background:#ff640026;border:1px solid rgba(255,150,0,.4);color:#ff9800;font-size:15px;font-weight:800;padding:4px 12px;border-radius:20px;z-index:10;animation:comboAppear .3s ease-out}@keyframes comboAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.dh-combo-label{position:absolute;top:90px;left:50%;transform:translate(-50%);font-size:22px;font-weight:900;color:#ff9800;text-shadow:0 0 20px rgba(255,150,0,.8),0 0 40px rgba(255,150,0,.4);z-index:10;animation:comboAnim .9s ease-out forwards;white-space:nowrap}@keyframes comboAnim{0%{opacity:1;transform:translate(-50%) scale(1.4)}30%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%) scale(.9) translateY(-30px)}}.dh-field{flex:1;position:relative;overflow:hidden;cursor:none;background:linear-gradient(180deg,#87ceeb,#b0e0e6 45%,#c8e6c9 45%,#a5d6a7 60%,#81c784 60%,#66bb6a);margin-bottom:56px}.dh-cloud{position:absolute;width:90px;height:36px;background:#ffffffd1;border-radius:50px;box-shadow:30px -12px 0 16px #ffffffb3,-20px -8px 0 10px #ffffffb3;animation:cloudDrift 28s linear infinite}.dh-cloud--sm{width:60px;height:24px;box-shadow:20px -8px 0 10px #ffffffb3,-14px -5px 0 7px #ffffffb3;animation-duration:35s}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(20px)}}.dh-grass{position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(180deg,#388e3c,#2e7d32);border-top:3px solid #43a047}.dh-grass:before{content:"";position:absolute;top:-10px;left:0;right:0;height:14px;background:radial-gradient(ellipse 12px 10px at 50% 100%,#43a047 45%,transparent 46%) 0 0 / 18px 100% repeat-x}.dh-duck{position:absolute;transform:translate(-50%,-50%);cursor:crosshair;z-index:5;-webkit-user-select:none;user-select:none;transition:opacity .15s;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.dh-duck svg{animation:duckFly .15s ease-in-out infinite}@keyframes duckFly{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.dh-duck--hit{animation:duckFall .5s ease-in forwards!important}.dh-duck--hit svg{animation:none!important}@keyframes duckFall{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}30%{opacity:.8;transform:translate(-50%,-50%) rotate(45deg) scale(.9)}to{opacity:0;transform:translate(-50%,80px) rotate(90deg) scale(.6)}}.dh-duck__badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:#fff;padding:2px 8px;border-radius:10px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 8px #0000004d;animation:badgeFloat 1.5s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.dh-shot{position:absolute;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,150,.95) 10%,rgba(255,150,0,.6) 40%,rgba(255,50,0,.3) 60%,transparent 70%);animation:shotAnim .4s ease-out forwards;pointer-events:none;z-index:8}@keyframes shotAnim{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.dh-hit-label{position:absolute;transform:translate(-50%,-120%);font-size:18px;font-weight:900;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(255,215,0,.5);pointer-events:none;z-index:9;animation:hitLabelAnim .9s ease-out forwards;white-space:nowrap}@keyframes hitLabelAnim{0%{opacity:1;transform:translate(-50%,-120%) scale(1.2)}30%{opacity:1;transform:translate(-50%,-140%) scale(1)}to{opacity:0;transform:translate(-50%,-200%) scale(.8)}}.dh-crosshair{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:20;transition:left .05s linear,top .05s linear}@media (max-width: 480px){.dh-idle__title{font-size:32px}.dh-result__score{font-size:36px}.dh-result__stats{gap:12px;font-size:12px}.dh-result__stats span{font-size:18px}}@media (prefers-reduced-motion: reduce){.dh-duck svg,.dh-cloud,.dh-duck--hit,.dh-shot,.dh-hit-label,.dh-combo-label,.dh-combo,.dh-result__emoji,.badgeFloat{animation:none!important;transition:none!important}}