body[data-variant=crazy-eights]{min-height:100vh;background:#10331f url(/assets/felt-green-CieYw_4d.webp) center / 400px repeat;color:#fff8e8}body[data-variant=crazy-eights] .page__content{width:100%;max-width:1240px;margin:0 auto;padding:20px 18px 36px}.family-game{width:100%;margin:0 auto 38px;min-height:var(--draw-room, calc(100dvh - 150px) );display:flex;flex-direction:column;justify-content:space-evenly;gap:var(--draw-gap, 10px)}.family-scorebar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;font-size:.94rem}.family-scorebar>span{padding:5px 7px;border:1px solid transparent;border-radius:5px}.family-scorebar strong{color:#ffdc81}.family-scorebar>.is-active{border-color:#d0b875;background:#082c1bcc}.family-table{display:grid;gap:var(--draw-gap, 10px)}.family-opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:780px;width:100%;margin:0 auto}.family-seat{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:3px 10px;padding:10px;min-width:0;border:1px solid #d0b87533;border-radius:6px;background:#082c1b55}.family-seat.is-active{border-color:#ffdc81;background:#082c1bcc}.family-seat .family-avatar{grid-row:span 3}.family-seat>span:not(.family-avatar):not(.family-seat__hand){font-size:.85rem}.family-seat__hand{grid-column:1 / -1;display:flex;justify-content:center;gap:3px;margin-top:5px}.family-seat__hand i{width:18px;height:25px;background:url(/assets/card_back-DPackJd6.webp) center / cover;border-radius:2px;transform:rotate(var(--tilt))}.family-center{display:flex;justify-content:center;align-items:center;gap:44px}.family-pile{display:grid;place-items:center;gap:8px;min-width:112px;min-height:44px;border:0;padding:0;background:none;color:#fff8e8;font:700 15px/1.4 var(--ocg-font-interface);cursor:pointer}.family-pile--static{cursor:default}.family-pile:disabled{opacity:.6;cursor:default}.family-player__header{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:6px}.family-player__header h2{margin:0;font:700 18px/1.3 var(--ocg-font-display)}.family-player__header p{margin:3px 0 0;font-size:.86rem}.family-hand{min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 2px 2px}.family-card{flex:0 0 auto;width:var(--draw-card-width, clamp(44px, 10dvh, 110px));aspect-ratio:5 / 7;border:0;border-radius:6px;padding:0;background:transparent center / 100% 100% no-repeat;box-shadow:0 8px 16px #0005;overflow:hidden;cursor:pointer}.family-card:disabled{opacity:1;cursor:default}.family-card:hover:not(:disabled),.family-card.is-hinted{transform:translateY(-8px);outline:2px solid #ffdc81}.family-card--placeholder{display:grid;place-items:center;color:#ffe2a0;box-shadow:inset 0 0 0 1px #ffe09444}.family-message{margin:0;min-height:24px;text-align:center;font-weight:700;line-height:1.5}.family-guide{width:100%;max-width:1040px;margin:0 auto 36px}body[data-variant=crazy-eights] .page__footer{margin-top:0}@media(max-width:700px){body[data-variant=crazy-eights] .page__content{padding:16px 10px 28px}.family-scorebar{gap:3px;font-size:.78rem}.family-scorebar>span{padding:4px}.family-opponents{gap:6px}.family-seat{grid-template-columns:1fr;justify-items:center;text-align:center;gap:2px;padding:8px 3px}.family-seat .family-avatar{grid-row:auto;width:40px;height:40px}.family-seat>span:not(.family-avatar):not(.family-seat__hand){font-size:.75rem}.family-seat__hand{display:none}.family-center{gap:26px}.family-player__header p{max-width:230px;font-size:.8rem}.family-message{font-size:.9rem}}.family-game>*{flex-shrink:0}@media(max-height:800px){.family-seat__hand{display:none}}