.room-screen { min-height:100dvh; box-sizing:border-box; background:#07141e; color:#f6e8c2; padding:16px 12px 24px; } .room-screen-player { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; z-index:1; text-align:center; } .room-screen-center { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; z-index:1; } .room-screen-avatar { width:52px; height:52px; border-radius:50%; border:2px solid #e1bf74; background:#102b37; display:grid; place-items:center; font-size:26px; } .room-screen-player strong { color:#fff3d4; font-size:16px; } .room-screen-player span { color:#bfe8cd; font-size:12px; } .room-screen-center p { color:#f7e7bf; font-size:15px; margin:0; }

.room-screen-cards{position:relative;width:86px;height:116px;font-size:0}.room-screen-cards::before,.room-screen-cards::after{content:"♠";position:absolute;width:72px;height:104px;box-sizing:border-box;border:4px solid #f0dfb5;border-radius:8px;background:repeating-linear-gradient(45deg,#173d77 0 5px,#235394 5px 10px);box-shadow:0 3px 9px #001b19a8,inset 0 0 0 3px #bfa56a;display:grid;place-items:center;color:#f2d99d;font-size:34px;text-shadow:0 1px 3px #001b30}.room-screen-cards::before{left:2px;top:7px;transform:rotate(-13deg)}.room-screen-cards::after{left:11px;top:4px;transform:rotate(5deg)}

.room-screen-header{max-width:460px;margin:0 auto;display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid #8c692b;padding-bottom:10px}.room-screen-header #roomBack{flex-shrink:0;background:#102735;border:1px solid #b89448;border-radius:10px;color:#f6e8c2;padding:12px;font-size:14px}.room-header-brand{display:flex;flex-direction:column;gap:4px;text-align:center;flex:1}.room-header-brand strong{color:#e7c578;font-size:19px;letter-spacing:1px;text-transform:uppercase}.room-header-brand small{color:#c9d3cf;font-size:10px;letter-spacing:1px;text-transform:uppercase}#roomDeleteButton{display:block;width:100%;max-width:460px;margin:16px auto 0;min-height:52px;border:1px solid #e17b7b;border-radius:12px;background:linear-gradient(#a8323a,#761d28);color:#fff;font-size:16px;font-weight:700}#roomDeleteButton[hidden]{display:none!important}.room-screen-settings{max-width:460px;margin:12px auto;text-align:center;color:#e7d6ab;font-size:13px}
.game-bottom{background:#07141e;border-top:1px solid #8c692b}.game-my-info{color:#f6e8c2}.game-actions button{border-color:#d5b36a}.game-table-frame{flex:1;min-height:0}
.room-screen-header,.game-topbar{box-sizing:border-box;min-height:72px}.room-screen,.game-screen{background:#07141e}
.room-screen-table,.game-table-felt{box-sizing:border-box;flex-shrink:0;width:calc(100% - 24px);max-width:460px;height:min(62dvh,560px);min-height:400px;margin:18px auto;padding:12px;overflow:hidden;border:7px solid #8c692b;border-radius:48% / 20%;background:radial-gradient(ellipse at center,#197047 0%,#115735 58%,#093b28 100%);box-shadow:0 0 0 2px #d5b36a,inset 0 0 35px #001b15,0 12px 30px #0008}
.game-screen{background:#07141e}.game-table-frame{box-sizing:border-box;width:100%;padding:0 12px;display:flex;justify-content:center;align-items:center}.game-table-felt{position:relative}.room-screen-table{display:grid;grid-template-rows:1fr 1.5fr 1fr;align-items:center;justify-items:center}
/* Адаптивная высота игрового стола */
.game-table-frame { background: transparent; overflow: hidden; }
.game-table-felt { min-height: 0; max-height: 100%; height: min(62dvh, 560px); margin-top: 0; margin-bottom: 0; }