body.card-game-page.sevens-page main{width:100%;max-width:1280px}#sevensApp{position:relative;display:grid;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-areas:"settings" "seats" "turn" "board" "result" "hand-heading" "hand";grid-template-rows:auto auto auto auto auto auto minmax(100px,auto);align-content:start;gap:8px;padding:20px;min-height:0}#sevensApp .sevens-settings{grid-area:settings;justify-content:center;gap:10px;margin:0}#sevensApp .sevens-settings label{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}#sevensApp .sevens-settings select{min-width:88px;min-height:38px;padding:6px 10px;border:1px solid #c9d9c8;border-radius:6px;background:#fff;color:#183b2b;font:700 14px sans-serif}#sevensApp #gameNew,#sevensApp #gamePass{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:112px;min-height:46px;padding:10px 20px;border:1px solid #b8d4bc;border-bottom:4px solid #4f8060;border-radius:18px;background:linear-gradient(180deg,#e9f8e9,#b8dfbf);color:#214d32;font:800 14px/1.2 sans-serif;box-shadow:0 2px 4px #071e1533}#sevensApp #gamePass{border-color:#9db7c9;border-bottom-color:#476b83;background:linear-gradient(180deg,#edf7ff,#c4dceb);color:#24465a}#sevensApp button{cursor:default!important}#sevensApp button:disabled{filter:grayscale(.35);opacity:.52}#sevensApp .sevens-seats{grid-area:seats;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-auto-rows:minmax(206px,auto);align-content:start;gap:8px;min-width:0}#sevensApp .sevens-player{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:206px;gap:5px;padding:8px 7px;border-radius:7px;background:#17432f;text-align:center}#sevensApp .sevens-player.is-turn{outline:2px solid #ffda78;background:#20583d}#sevensApp .sevens-seat-profile{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;min-height:106px}#sevensApp .sevens-seat-profile b{min-width:0;color:#fff;font-size:14px;white-space:nowrap}#sevensApp .sevens-avatar{display:block;flex:0 0 76px;width:76px;height:106px;aspect-ratio:5/7;box-sizing:border-box;border:2px solid #c09b66;border-radius:6px;background-image:url(/data/people.webp);background-repeat:no-repeat;background-size:400% 200%;box-shadow:0 1px 4px #0005}#sevensApp .sevens-ai-hand{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:59px;min-width:0;padding:0;overflow:visible}#sevensApp .sevens-ai-hand img{display:block;flex:0 0 42px;width:42px;height:59px;margin-right:clamp(-35px,calc((100% - 42px)/(var(--hand-count) - 1) - 42px),0px);object-fit:fill}#sevensApp .sevens-ai-hand img:last-child{margin-right:0}#sevensApp .sevens-player small{display:block;height:1.2em;margin:0;color:#e6f1e6;font-size:14px;line-height:1.2;white-space:nowrap}#sevensApp .card-turn{grid-area:turn;width:100%;box-sizing:border-box;margin:0}#sevensApp .sevens-table-wrap{grid-area:board;box-sizing:border-box;width:100%;min-width:0}#sevensApp .sevens-table{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:clamp(2px,.35vw,5px);box-sizing:border-box;width:100%;margin:0;padding:10px;border:1px solid #739e82;border-radius:12px;background:#1f6948}#sevensApp .sevens-slot{display:flex;align-items:stretch;justify-content:stretch;box-sizing:border-box;min-width:0;min-height:0;aspect-ratio:5/7;overflow:hidden;border:0;border-radius:4px;background:transparent;color:#f5f7ed}#sevensApp .sevens-slot:not(.filled){outline:1px dashed #aac1ad;outline-offset:-1px;background:#f7f5eb;color:#33463b}#sevensApp .sevens-slot.red:not(.filled){color:#d24640}#sevensApp .sevens-slot>playing-card{display:block;flex:none;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;pointer-events:none}#sevensApp .sevens-slot>span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;font-size:clamp(10px,1.45vw,18px);font-weight:800;text-align:center}#sevensApp .sevens-result{grid-area:result;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:54px;margin:0;padding:8px 10px;font-size:14px;line-height:1.4}#sevensApp .sevens-hand-heading{grid-area:hand-heading;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding-top:4px}#sevensApp .sevens-hand-heading strong{color:#fff;font-size:16px}#sevensApp .sevens-hand{grid-area:hand;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:clamp(62px,8vw,112px);padding:10px 0 4px;overflow:visible;--sevens-hand-card-width:clamp(54px,5.8vw,78px)}#sevensApp .sevens-card{display:block;flex:0 0 var(--sevens-hand-card-width);box-sizing:border-box;width:var(--sevens-hand-card-width);height:auto;aspect-ratio:5/7;min-width:0;margin:0;margin-right:clamp(-48px,calc((100% - var(--sevens-hand-card-width))/max(1,var(--hand-count) - 1) - var(--sevens-hand-card-width)),0px);padding:0;overflow:hidden;border:0;border-radius:5px;background:transparent;box-shadow:none;line-height:0}#sevensApp .sevens-card:last-child{margin-right:0}#sevensApp .sevens-card>playing-card{display:block;width:100%;height:100%;pointer-events:none}#sevensApp .sevens-card.legal{outline:4px solid #ffd447;outline-offset:2px;filter:drop-shadow(0 1px 2px #102f24)}#sevensApp .sevens-card:focus-visible{outline:3px solid #ffda78;outline-offset:3px}#sevensApp .sevens-card:disabled{opacity:1}#sevensApp .sevens-card.is-animating-source{visibility:hidden!important}.sevens-card-flight{position:fixed!important;z-index:2147483647;display:block;box-sizing:border-box;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden;pointer-events:none;transform-origin:top left;will-change:transform}.sevens-card-flight>playing-card{display:block!important;box-sizing:border-box;width:100%!important;height:100%!important;min-width:0;min-height:0;pointer-events:none}@media(max-width:900px)and (min-width:621px){#sevensApp{padding:14px}#sevensApp .sevens-seats{grid-template-columns:repeat(3,minmax(0,1fr))}#sevensApp .sevens-avatar{flex-basis:62px;width:62px;height:87px}#sevensApp .sevens-seat-profile{min-height:87px;gap:6px}#sevensApp .sevens-seat-profile b{font-size:14px}#sevensApp .sevens-ai-hand img{flex-basis:32px;width:32px;height:45px}#sevensApp .sevens-ai-hand{height:45px}}@media(max-width:620px){#sevensApp{display:block;padding:8px 8px 20px;min-height:0}#sevensApp .sevens-settings{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:6px}#sevensApp .sevens-settings label{order:-1;flex:1 1 104px;min-width:0;gap:5px;font-size:14px}#sevensApp .sevens-settings select{min-width:0;width:auto;max-width:100%;min-height:31px;padding:4px 18px 4px 6px;font-size:14px}#sevensApp .sevens-settings button{flex:0 1 auto;min-width:0;min-height:32px;padding:4px 9px;font-size:14px}#sevensApp .sevens-seats{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:4px;margin:5px 0}#sevensApp .sevens-seats[data-player-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}#sevensApp .sevens-player{min-height:0;gap:3px;padding:5px 2px}#sevensApp .sevens-seat-profile{min-height:0;gap:3px;justify-content:center}#sevensApp .sevens-seat-profile b{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis}#sevensApp .sevens-avatar{flex:0 0 42px;width:42px;height:59px;border-width:1px;border-radius:4px}#sevensApp .sevens-ai-hand{height:27px;padding:0;overflow:hidden}#sevensApp .sevens-ai-hand img{flex:0 0 19px;width:19px;height:27px;margin-right:clamp(-16px,calc((100% - 19px)/(var(--hand-count) - 1) - 19px),0px)}#sevensApp .sevens-player small{height:1.2em;overflow:hidden;font-size:14px}#sevensApp .card-turn{margin:6px 0;padding:6px;font-size:14px}#sevensApp .sevens-table{gap:2px;padding:4px;border-radius:8px}#sevensApp .sevens-slot>span{font-size:clamp(7px,2.1vw,12px)}#sevensApp .sevens-hand-heading{margin-top:8px}#sevensApp .sevens-hand-heading strong{font-size:14px}#sevensApp .sevens-hand-heading button{min-width:76px;min-height:34px;padding:5px 10px;font-size:14px}#sevensApp .sevens-hand{justify-content:flex-start;min-height:66px;padding:8px 0 2px;--sevens-hand-card-width:clamp(40px,12vw,52px)}#sevensApp .sevens-result{min-height:48px;margin:5px 0;padding:7px;font-size:14px}.sevens-page .game-information{margin:16px 8px}}