body[data-casual-card-game],body[data-casual-card-game] *,body[data-casual-card-game] *:before,body[data-casual-card-game] *:after{box-sizing:border-box}body[data-casual-card-game]{--batch-card-width: clamp(54px, 5.8vw, 78px);--batch-card-radius: 8px;min-height:100vh;margin:0;background-color:#0c2818;background-image:url(/assets/felt-green-CieYw_4d.webp);background-repeat:repeat;background-size:400px 400px;color:#fff7e8;font-family:var(--font-family-primary, "Alan Sans", sans-serif);overflow-x:hidden}body[data-casual-card-game] .page__header{position:relative;display:flex;align-items:center;width:100%;padding:clamp(.35rem,1.2vw,.6rem) clamp(1.25rem,4vw,1.75rem);background-image:linear-gradient(90deg,#120802e0,#52260d7a 48%,#120802e0),linear-gradient(180deg,#ffdc7824,#00000057),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,auto,360px 360px;background-position:center;background-repeat:no-repeat,no-repeat,repeat;box-shadow:0 4px 20px #0006;z-index:20}body[data-casual-card-game] .page__header:before,body[data-casual-card-game] .page__header:after{content:"";position:absolute;left:0;right:0;height:2px;background-color:#d4af37;z-index:10}body[data-casual-card-game] .page__header:before{top:0}body[data-casual-card-game] .page__header:after{bottom:0}body[data-casual-card-game] .header-nav{--casual-actions-width: clamp(220px, 28vw, 320px);display:grid;grid-template-columns:minmax(0,1fr) var(--casual-actions-width);align-items:center;column-gap:clamp(1rem,2.5vw,1.5rem);width:100%;min-height:48px;color:var(--color-text-primary, rgba(255, 255, 255, .8))}body[data-casual-card-game] .header-nav__primary{display:flex;align-items:center;gap:.35rem;min-width:0;grid-column:1;flex-wrap:nowrap}body[data-casual-card-game] .header-nav__actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:.75rem;grid-column:2}body[data-casual-card-game] .logo{width:auto;height:80px;margin-right:.75rem;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));flex-shrink:0}body[data-casual-card-game] .nav-link,body[data-casual-card-game] .game-title,body[data-casual-card-game] .nav-separator{color:var(--color-text-primary, rgba(255, 255, 255, .8));text-decoration:none;font-family:var(--font-family-primary, "Alan Sans", sans-serif)}body[data-casual-card-game] .nav-link{font-size:.9rem;font-weight:500}body[data-casual-card-game] .nav-link:hover{color:var(--color-text-hover, #fff)}body[data-casual-card-game] .game-title{min-width:0;color:var(--color-text-hover, #fff);font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis}body[data-casual-card-game] .nav-separator{opacity:.62}body[data-casual-card-game] .games-dropdown{position:relative;display:inline-flex;align-items:center}body[data-casual-card-game] .games-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border, rgba(255, 255, 255, .2));border-radius:4px;color:var(--color-text-primary, rgba(255, 255, 255, .8));background:var(--color-surface-light, rgba(0, 0, 0, .1));font:400 .85rem/1 var(--font-family-primary, "Alan Sans", sans-serif);cursor:pointer;transition:var(--transition-base, all .2s ease);white-space:nowrap}body[data-casual-card-game] .games-btn:hover{color:var(--color-text-hover, #fff);background:var(--color-surface-hover, rgba(255, 255, 255, .08))}body[data-casual-card-game] .games-menu{position:absolute!important;top:calc(100% + 6px)!important;right:0!important;z-index:1000;width:min(320px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 90px));overflow-y:auto;padding:8px 0;border:1px solid rgba(255,224,130,.2);border-radius:8px;background:#fffffffa;box-shadow:0 18px 42px #0000005c;opacity:0!important;visibility:hidden!important;transform:translateY(-8px);pointer-events:none!important}body[data-casual-card-game] .games-dropdown.is-open .games-menu{opacity:1!important;visibility:visible!important;transform:translateY(0);pointer-events:auto!important}@media(hover:hover)and (pointer:fine){body[data-casual-card-game] .games-dropdown:hover .games-menu{opacity:1!important;visibility:visible!important;transform:translateY(0);pointer-events:auto!important}}body[data-casual-card-game] .games-category--profile{display:none}body[data-casual-card-game] .games-category{margin-bottom:4px}body[data-casual-card-game] .games-category-title{display:block;padding:6px 16px 4px;color:#0009;background:#0000000d;font:600 .75rem/1 var(--font-family-primary, "Alan Sans", sans-serif);text-transform:uppercase;letter-spacing:.5px}body[data-casual-card-game] .games-item{display:block;padding:8px 16px;color:#000c;text-decoration:none;font:500 .9rem/1.2 var(--font-family-primary, "Alan Sans", sans-serif);transition:var(--transition-base, all .2s ease)}body[data-casual-card-game] .games-item:hover,body[data-casual-card-game] .games-item:focus-visible{color:#000000f0;background:#228b271f;outline:none}body[data-casual-card-game] .header-profile,body[data-casual-card-game] .header-leaderboard{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .15s,border-color .2s}body[data-casual-card-game] .header-profile{gap:.5rem;padding:.3rem .75rem .3rem .3rem;border:1px solid var(--color-text-primary, rgba(255, 255, 255, .8));border-radius:24px;color:var(--color-text-primary, rgba(255, 255, 255, .8));background:#0003}body[data-casual-card-game] .header-leaderboard{gap:.4rem;min-height:42px;padding:.48rem .82rem;border:1px solid rgba(255,225,145,.86);border-radius:10px;color:#fff4cc;background:radial-gradient(circle at 30% 20%,rgba(255,231,165,.24),transparent 1.7rem),linear-gradient(145deg,#683919f5,#231108fa),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,auto,240px 240px;box-shadow:0 10px 22px #00000047,inset 0 1px #ffffff29;font-weight:850;font-size:.84rem;line-height:1}body[data-casual-card-game] .header-profile:hover,body[data-casual-card-game] .header-leaderboard:hover{transform:translateY(-1px)}body[data-casual-card-game] .header-profile:hover{background:#ffffff14}body[data-casual-card-game] .header-leaderboard:hover{border-color:#ffe7a5;color:#fff8e8;outline:none}body[data-casual-card-game] .header-leaderboard__icon{width:1.35rem;height:1.35rem;color:#f5d47c;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));flex:0 0 auto}body[data-casual-card-game] .header-leaderboard__text{font-weight:850;white-space:nowrap}body[data-casual-card-game] .header-profile__avatar-clip{width:32px;height:32px;border:2px solid var(--color-text-primary, rgba(255, 255, 255, .8));border-radius:50%;overflow:hidden;flex-shrink:0}body[data-casual-card-game] .header-profile__avatar{width:100%;height:100%;object-fit:cover;transform:scale(1.4)}body[data-casual-card-game] .header-profile__name{max-width:120px;overflow:hidden;font-weight:600;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}body[data-casual-card-game] .header-profile__streak,body[data-casual-card-game] .header-profile__progress{display:none}.batch-game{width:min(1180px,calc(100vw - 24px));margin:18px auto 28px;padding:clamp(14px,2vw,22px);border-radius:8px;background:#03120a29;box-shadow:0 18px 42px #14221f47}.batch-scorebar,.batch-controls,.batch-piles,.batch-hand,.batch-grid{display:flex;flex-wrap:wrap;gap:clamp(9px,1.2vw,14px);justify-content:center;align-items:center}.batch-scorebar span,.batch-pile,.batch-seat,.batch-table-card,.batch-slot{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#03120a52}.batch-scorebar span{padding:8px 12px}.batch-table{display:grid;gap:14px;margin-top:14px}.batch-opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.batch-seat{padding:10px}.batch-seat.is-active,.batch-pile.is-hinted,.batch-slot.is-hinted{border-color:#ffe082db;box-shadow:0 0 0 1px #ffe08273,0 0 22px #ffe08238}.batch-seat strong,.batch-player h2{display:block;margin:0;color:#fff7e8;font-size:1rem}.batch-seat span,.batch-player p,.batch-pile small{display:block;margin-top:3px;color:#fff7e8c2;font-size:.84rem;line-height:1.25}.batch-player{text-align:center}.batch-player h2{font-size:1.1rem}.batch-piles{min-height:calc((var(--batch-card-width) / .714) + 34px)}.batch-pile,.batch-table-card,.batch-slot{display:grid;place-items:center;min-width:calc(var(--batch-card-width) + 22px);min-height:calc((var(--batch-card-width) / .714) + 22px);padding:clamp(7px,1vw,11px);text-align:center;font-weight:900}.batch-pile button,.batch-slot button,.batch-card{flex:0 0 auto;width:var(--batch-card-width);aspect-ratio:.714;border:0;border-radius:var(--batch-card-radius);padding:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 8px 16px #00000042,0 1px #ffffff24;cursor:pointer;overflow:hidden;transform-origin:center;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease;will-change:transform}.batch-card:not(:disabled):hover,.batch-card:not(:disabled):focus-visible{transform:translateY(-3px) scale(1.03);filter:brightness(1.04);box-shadow:0 12px 22px #00000057,0 0 0 2px #ffe0824d;outline:none}.batch-card:disabled,.batch-pile button:disabled,.batch-slot button:disabled{cursor:default;opacity:.78}.batch-card.is-selected,.batch-card.is-hinted{position:relative;z-index:2;transform:translateY(-4px) scale(1.045);outline:none;box-shadow:0 14px 28px #0000005c,0 0 0 2px #ffeb9bf2,0 0 18px #ffe0828a}.batch-card.is-selected:hover,.batch-card.is-selected:focus-visible,.batch-card.is-hinted:hover,.batch-card.is-hinted:focus-visible{transform:translateY(-4px) scale(1.045);box-shadow:0 14px 28px #0000005c,0 0 0 2px #ffeb9bf2,0 0 18px #ffe0828a}.batch-card--placeholder{display:grid;place-items:center;background:#fff7e814;color:#ffe2a0;font-weight:900}.batch-grid{align-items:stretch}.batch-grid--trash{display:grid;grid-template-columns:repeat(5,minmax(calc(var(--batch-card-width) + 8px),calc(var(--batch-card-width) + 18px)));justify-content:center}.batch-grid--golf{display:grid;grid-template-columns:repeat(3,minmax(calc(var(--batch-card-width) + 8px),calc(var(--batch-card-width) + 20px)));justify-content:center}.batch-slot{min-width:0;min-height:0;padding:6px}.batch-slot span{color:#fff7e8b8;font-weight:900}.batch-controls{margin-top:14px}.batch-controls button{border:0;border-radius:8px;padding:10px 14px;background:#f1dfb9;color:#2a2218;font-weight:800;cursor:pointer}.batch-controls button:disabled{opacity:.52;cursor:default}.batch-message{min-height:1.45em;margin:12px 0 0;text-align:center;color:#fff7e8;font-weight:800}.batch-guide{width:min(960px,calc(100vw - 24px));margin:22px auto 48px}@media(max-width:720px){body[data-casual-card-game] .header-nav{justify-content:space-between;gap:.45rem;padding:.5rem .7rem}body[data-casual-card-game]{--batch-card-width: clamp(48px, 12.6vw, 56px);--batch-card-radius: 7px}body[data-casual-card-game] .logo,body[data-casual-card-game] .nav-link,body[data-casual-card-game] .nav-separator,body[data-casual-card-game] .header-leaderboard__text,body[data-casual-card-game] .header-profile__name{display:none}body[data-casual-card-game] .games-menu{position:fixed!important;top:70px!important;right:12px!important;left:12px!important;width:auto;max-height:calc(100vh - 90px)}.batch-game{padding:12px}.batch-grid--trash{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:360px}.batch-grid--golf{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:250px}.batch-slot{min-width:0;width:100%;padding:6px}}