.sevens-overlay{z-index:30}.sevens-modal{width:min(750px,100%)}.sevens-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.sevens-settings{display:grid;gap:12px}.sevens-settings .setting-row{display:block}.sevens-lobby-code{position:sticky;top:0;background:#2b1a10;padding:12px;border:1px solid #a77a34;border-radius:10px;text-align:center;font-size:20px;font-weight:bold;z-index:2}
.sevens-board{--pile-w:56px;--pile-h:76px;display:grid;gap:12px;max-width:100%}.sevens-suit{position:relative;display:flex;gap:16px;align-items:center}.sevens-suit-title{position:absolute;left:-18px;font-size:15px;color:#fff3d2}.sevens-lane{display:grid;grid-template-columns:repeat(3,var(--pile-w));gap:9px;align-items:center}.sevens-stack,.sevens-seven,.sevens-empty-pile{position:relative;width:var(--pile-w);height:var(--pile-h)}.sevens-seven{display:flex;align-items:center;justify-content:center;border:1px dashed #bcb88b55;border-radius:8px;color:#c9cfb1}.sevens-stack>div{position:absolute;inset:0;transform:translate(calc(var(--depth)*.55px),calc(var(--depth)*-.7px))}.sevens-board .playing-card{width:var(--pile-w)!important;height:var(--pile-h)!important;margin:0!important}.sevens-board .card-rank{font-size:15px!important}.sevens-board .card-suit{font-size:13px!important}.sevens-board .card-center{font-size:25px!important}.sevens-board .card-corner{padding:3px!important}.sevens-board.double{--pile-w:40px;--pile-h:59px;gap:15px}.sevens-board.double .sevens-lane{gap:6px}
@media(max-width:1050px){.sevens-board.double{--pile-w:32px;--pile-h:49px}.sevens-suit{gap:10px}}
@media(max-width:800px){.sevens-board{--pile-w:42px;--pile-h:60px}.sevens-board.double{--pile-w:32px;--pile-h:45px;gap:8px}.sevens-board.double .sevens-suit{display:grid;gap:6px}.sevens-board.double .sevens-suit-title{top:30px}.sevens-board .card-center{font-size:20px!important}.sevens-board .card-rank{font-size:12px!important}.sevens-board .card-suit{font-size:10px!important}.sevens-board.double .card-corner.bottom{display:none}.sevens-lane{gap:5px}}