/* Cozy Solitaire - Game Area */

html,body{user-select:none;-webkit-user-select:none;-ms-user-select:none;height:100%;overflow:hidden;}
input,textarea{user-select:text;-webkit-user-select:text;-ms-user-select:text;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background-color:#e5f0df;color:#fff;display:flex;flex-direction:column;min-height:100vh;}
body.modal-open{overflow:hidden;}
body.modal-open #game-container{visibility:hidden;}

#background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1;pointer-events:none;}

/* Header/footer presentation is shared in ../css/header.css and ../css/footer.css. */

#game-container{height:calc(100vh - var(--siteHeaderH,48.6px) - var(--siteFooterH,25.2px));flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;max-width:900px;margin:var(--siteHeaderH,48.6px) auto 0;padding:10px;align-items:center;overflow:hidden;}
#top-section{display:flex;flex-direction:column;align-items:center;}
#board-container{width:100%;max-width:690px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding-left:2px;overflow:visible;}
#top-row,#tableau{display:flex;justify-content:center;gap:0;margin-top:10px;margin-bottom:6px;}
.top-area,.tableau-column{width:clamp(41.52px,13vw,70.4px);height:clamp(52.35px,17.33vw,92.06px);position:relative;margin:0 2px;}
#empty-area{border:none !important;}
#opponent-space{display:flex;justify-content:center;align-items:center;margin-bottom:10px;}
.opponent-placeholder{width:200px;height:150px;display:flex;justify-content:center;align-items:center;text-align:center;}