.traction-page,.traction-page *,.traction-page *:before,.traction-page *:after{box-sizing:border-box}.traction-page{--batch-card-width: clamp(62px, 6.8vw, 88px);--batch-card-radius: 5px;margin:0;color:var(--ocg-text-primary);background:url(/assets/felt-green-CieYw_4d.webp) center / 400px repeat,var(--ocg-surface-world);font-family:var(--ocg-font-interface);overflow-anchor:none}.traction-page .batch-game{width:min(1120px,calc(100% - 24px));max-width:1120px;margin:20px auto 48px;padding:10px;border:1px solid var(--ocg-border-crafted);border-radius:12px;background:linear-gradient(120deg,#57361bc4,#24150dcc),url(/assets/brown-leather-DaL9-Q5O.webp) center / 360px;box-shadow:inset 0 0 0 3px #d0b87514,var(--ocg-shadow-floating)}.traction-page .batch-scorebar{justify-content:space-around;gap:0;padding:4px 0 12px;font-family:var(--ocg-font-display)}.traction-page .batch-scorebar>span{background:none;border:0;color:var(--ocg-text-primary);padding:8px;font-variant-numeric:tabular-nums}.traction-page .batch-table{margin:0;gap:10px}.traction-page .batch-opponents,.traction-page .batch-player,.traction-page .classic-seat{min-width:0;padding:16px;border:1px solid var(--ocg-border-crafted);border-radius:7px;background:linear-gradient(#092c27dd,#092c27dd),url(/assets/felt-green-CieYw_4d.webp) center / 400px}.traction-page .batch-player,.traction-page .classic-seat[data-owner="0"]{background:linear-gradient(#07502bc4,#08442bcc),url(/assets/felt-green-CieYw_4d.webp) center / 400px}.traction-page .batch-opponents>.batch-seat{border:0;background:none;padding:0}.traction-page .classic-seat.is-active{border-color:var(--ocg-gold-300);box-shadow:inset 0 0 0 1px #d0b87555}.traction-identity{display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:16px}.traction-page .traction-identity h2{margin:0;color:var(--ocg-ivory-25);font:700 18px/1.3 var(--ocg-font-display)}.traction-page .traction-identity p{margin:3px 0 0;font-size:13px;line-height:1.4;color:var(--ocg-gold-300)}.traction-avatar{display:block;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:50%}.traction-avatar img{display:block;width:100%;height:100%;object-fit:cover}.traction-avatar--player img{transform:scale(1.4)}.traction-page .batch-piles{padding:12px;gap:16px}.traction-page .batch-pile{background:#170e0840;border-color:#d0b87555;gap:6px}.traction-page .batch-pile>strong,.traction-page .classic-pile h3{font:700 13px/1.4 var(--ocg-font-display);color:var(--ocg-gold-300)}.traction-page .batch-grid--golf-opponent{--batch-card-width: 58px;gap:8px}.traction-page .batch-grid--golf{margin:12px auto 0;gap:10px}.traction-page .batch-slot{border:0;padding:0;background:none}.traction-page .batch-card{will-change:auto;touch-action:manipulation}.traction-page .batch-card:disabled{opacity:1;filter:none}.traction-page .batch-card:focus-visible,.traction-page summary:focus-visible,.traction-page a:focus-visible{outline:3px solid var(--ocg-focus-ring);outline-offset:4px}.traction-page .batch-message{display:flex;align-items:center;justify-content:center;min-height:68px;margin:14px 0;padding:12px 20px;border:1px solid var(--ocg-gold-500);border-radius:5px;background:linear-gradient(#fff8e8c9,#f6eedfaa),var(--ocg-parchment-50);box-shadow:inset 0 0 0 4px #c8b79530,var(--ocg-shadow-resting);color:var(--ocg-text-on-parchment);font-size:16px;line-height:1.5}.traction-page .batch-controls{position:static;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;padding:4px}.traction-page .batch-controls .global-controls__button{min-height:48px;padding:0 14px 0 0;border-radius:4px;font:700 14px/1.4 var(--ocg-font-display)}.traction-page .global-controls__label{white-space:normal;text-align:left}.traction-icon{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3ePlay%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M6%202h12a2%202%200%200%201%202%202v16a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2Zm4%205v10l7-5-7-5ZM7%205.2a1.2%201.2%200%201%200%200%202.4%201.2%201.2%200%200%200%200-2.4Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.traction-icon--new{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eNew%20deal%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='m7.2%203.2%209.7%202.6a2%202%200%200%201%201.4%202.4l-3.1%2011.6a2%202%200%200%201-2.4%201.4l-9.7-2.6a2%202%200%200%201-1.4-2.4L4.8%204.6a2%202%200%200%201%202.4-1.4Zm4.2%204.1-3.9%203%201.7%204.6%203.9-3-1.7-4.6ZM17%203h2a2%202%200%200%201%202%202v12c0%20.9-.6%201.7-1.5%201.9L22%209.6A4.5%204.5%200%200%200%2018.8%204L17%203.5V3Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.traction-icon--hint{--global-control-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3ctitle%3eHint%3c/title%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M12%202a7%207%200%200%201%204.7%2012.2c-1%20.9-1.7%201.6-1.8%202.8H9.1c-.1-1.2-.8-1.9-1.8-2.8A7%207%200%200%201%2012%202Zm-3%2017h6v2H9v-2Zm2.1-13.7-.8%202.3-2.3.8%202.3.8.8%202.3.8-2.3%202.3-.8-2.3-.8-.8-2.3Z'%20clip-rule='evenodd'/%3e%3c/svg%3e")}.traction-page .classic-seats{margin:0;gap:12px}.traction-page .classic-card{--batch-card-width: clamp(60px, 7vw, 88px)}.traction-page .classic-empty{width:clamp(60px,7vw,88px)}.traction-page .classic-memory-grid{gap:12px}.traction-page .classic-slot{gap:4px}.traction-page .classic-slot>span{font-size:12px;color:var(--ocg-gold-300)}.traction-page .classic-middle{margin:12px 0;gap:24px}.traction-page .classic-pile h3{margin-bottom:6px}.traction-page .classic-game details{border-color:#d0b87544;margin-top:12px}.traction-page .classic-game summary{font-size:14px}.traction-page .batch-guide{width:min(1040px,calc(100% - 32px));margin-top:56px}.traction-page .batch-hand{margin:10px 0 18px;gap:10px}.traction-zone-label{margin:18px 0 8px;font:700 14px/1.5 var(--ocg-font-display);color:var(--ocg-gold-300)}.traction-page .traction-opponent-cards{--batch-card-width: 52px;gap:6px}.traction-page .traction-table-help{margin:16px 4px 6px;color:var(--ocg-parchment-300);font-size:13px;text-align:center}.traction-page .traction-table-help a{color:var(--ocg-ivory-25);text-underline-offset:3px}@media(min-width:760px){.traction-page[data-game-slug=six-card-golf] .batch-table{grid-template-columns:minmax(280px,1fr) minmax(320px,1.25fr)}.traction-page[data-game-slug=six-card-golf] .batch-player{grid-column:2;grid-row:1 / span 2;align-self:stretch}.traction-page[data-game-slug=palace] .batch-table{grid-template-columns:240px minmax(0,1fr);align-items:start}.traction-page[data-game-slug=palace] .batch-player{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.traction-page[data-game-slug=palace] .traction-identity,.traction-palace-zone--hand{grid-column:1 / -1}.traction-page[data-game-slug=palace] .batch-hand{--batch-card-width: clamp(56px, 5.5vw, 74px)}}@media(min-width:760px)and (max-height:800px){.traction-page{--batch-card-width: 68px}.traction-page .batch-grid--golf-opponent{--batch-card-width: 46px}.traction-page .classic-card{--batch-card-width: 68px}.traction-page .classic-empty{width:68px}.traction-page .batch-opponents,.traction-page .batch-player,.traction-page .classic-seat{padding:12px}.traction-page .batch-message{min-height:54px;margin:10px 0}.traction-page .traction-zone-label{margin-top:4px}}@media(min-width:900px){.traction-page .classic-game{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);column-gap:12px}.traction-page .classic-game>*{grid-column:1 / -1}.traction-page .classic-seats{display:contents}.traction-page .classic-seat[data-owner="0"]{grid-column:1;grid-row:2}.traction-page .classic-seat[data-owner="1"]{grid-column:3;grid-row:2}.traction-page .classic-middle{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px}.traction-page .classic-pile:last-child{grid-column:1 / -1;justify-self:center}.traction-page .classic-middle .classic-card{--batch-card-width: 68px}.traction-page .classic-middle .classic-empty{width:68px}}@media(max-width:600px){.traction-page{--batch-card-width: 62px}.traction-page .batch-game{width:calc(100% - 16px);padding:6px;margin-top:12px}.traction-page .batch-opponents,.traction-page .batch-player,.traction-page .classic-seat{padding:10px}.traction-page .classic-memory-seats,.traction-page .classic-memory-grid{gap:6px}.traction-page .classic-card{--batch-card-width: clamp(48px, 14vw, 72px)}.traction-page .classic-empty{width:clamp(48px,14vw,72px)}.traction-identity{gap:7px;margin-bottom:10px}.traction-avatar{flex-basis:34px;width:34px;height:34px}.traction-page .traction-identity h2{font-size:16px}.traction-page .traction-identity p{font-size:12px}.traction-page .batch-message{padding:10px;font-size:14px;min-height:76px}.traction-page .batch-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.traction-page .batch-controls .global-controls__button{font-size:12px;gap:7px;padding-right:7px}.traction-page .batch-controls .global-controls__icon--asset{width:34px;flex-basis:34px}.traction-page .batch-scorebar>span{font-size:12px}.traction-page .batch-grid--golf-opponent{--batch-card-width: 48px}}@media(prefers-reduced-motion:reduce){.traction-page .batch-game *,.traction-page .batch-game *:before{animation:none!important;transition:none!important}}
