body .table-view[data-game="durak"][data-status="running"],body .table-view[data-game="durak"][data-status="finished"]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
body .table-view[data-game="durak"]>.playmat{grid-column:1;grid-row:3;display:block}
body .table-view[data-game="durak"] .hand-panel{display:none}
body .table-view[data-game="durak"] .melds-area{padding:0;display:block}
body .du-panel{height:100%;min-height:0;min-width:0;max-width:1000px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto minmax(50px,.48fr) auto auto;gap:5px;color:#f4dfbb}
body .du-info,body .du-hand-nav,body .du-actions{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.8rem}
body .du-info strong{font-size:1.4rem;color:#eee5ce}body .du-info .du-red{color:#ff939d}
body .du-status,body .du-bout{text-align:center;font-size:.82rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .du-bout{font-size:.73rem}
body .du-battle{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}
body .du-pair{container-type:size;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:0;border:1px solid #bba27544;border-radius:7px;padding:4px;background:#18151a33;overflow:hidden}
body .du-empty{border-style:dashed;color:#e8d3a03a;font:italic 26px Georgia,serif}
body .du-card{position:relative;display:block;padding:0;border:0;border-radius:5px;aspect-ratio:5/7;height:100%;max-height:150px;max-width:48%;min-width:0;min-height:0;background:#f9eed8;opacity:1;box-shadow:0 2px 4px #0005;touch-action:manipulation;flex:none}
body .du-card img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
body .du-card:disabled{opacity:1;cursor:default}
body .du-selected{outline:3px solid #ffe8a0;outline-offset:1px}
body .du-fits{outline:3px solid #b8e6c0;cursor:pointer}
body .du-uncovered{font-size:.7rem;color:#d2bb96}
body .du-pair .du-card{width:min(46cqw,calc(94cqh * 5 / 7));height:auto;max-width:none;max-height:100%}
body .du-hand{container-type:size;min-width:0;min-height:0;display:flex;justify-content:center;gap:7px;padding:4px}
body .du-hand .du-card{width:min(calc((100cqw - 40px)/6),calc((100cqh - 8px)*5/7));height:auto;max-width:none;align-self:center}
body .du-actions button{min-height:34px;padding:5px 16px;font-size:.82rem}
body .du-hand-nav button{padding:0 12px;min-height:26px;line-height:24px}
body .du-hand-nav{font-size:.7rem;gap:8px}
body .du-spectator{grid-row:5/7;text-align:center;align-self:center;font-size:.8rem}
body .du-rules{grid-column:1/-1;margin:0;padding-left:20px;line-height:1.4}
body .du-rules li{margin-bottom:8px}
body #rulesDialog:has(.du-rules)[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(680px,calc(100dvh - 24px))}
body #rulesDialog:has(.du-rules) .dialog-body{overflow-y:auto;min-height:0}
body .game-durak .game-art{font-family:Georgia,serif;color:#f0d294}
body .game-library:has(.game-durak:not(.control-hidden)){grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
@media(max-width:700px) and (orientation:portrait){
 body .game-library:has(.game-durak:not(.control-hidden)){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr))}
 body .du-panel{gap:4px}body .du-battle{gap:4px}body .du-pair{padding:3px;gap:2px}body .du-actions{gap:6px}body .du-actions button{padding:5px 9px}
 body .du-uncovered{font-size:.6rem}body .du-status{font-size:.72rem}body .du-info{font-size:.7rem}
}
@media(max-height:450px) and (orientation:landscape){
 body .table-view[data-game="durak"] .players-row.six-seat-row{grid-template-columns:repeat(6,minmax(0,1fr))}
 body .du-panel{grid-template-columns:minmax(0,1fr) minmax(170px,.65fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:4px}
 body .du-info{grid-column:1;grid-row:1;font-size:.66rem}body .du-status{grid-column:2;grid-row:1;font-size:.66rem}
 body .du-battle{grid-column:1;grid-row:2/4;gap:3px}body .du-bout{grid-column:1;grid-row:4;font-size:.62rem}
 body .du-hand{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;justify-items:center}
 body .du-hand .du-card{width:min(calc((100cqw - 12px)/3),calc((100cqh - 12px)/2*5/7));max-width:100%;max-height:100%}body .du-hand-nav{grid-column:2;grid-row:3}
 body .du-actions{grid-column:2;grid-row:4;gap:3px}body .du-actions button{font-size:.62rem;padding:3px 5px;min-height:27px}
 body .du-spectator{grid-column:2;grid-row:2/4}body .du-uncovered{font-size:.6rem}
}