.e8-game .game-body{grid-template-columns:minmax(0,1fr) 270px}.e8-felt{position:relative;isolation:isolate;min-height:460px;padding:25px 27px 22px;background:radial-gradient(ellipse at 50% 30%,#2c6452,#184437);color:#eef1dc}.e8-felt::before{content:'';position:absolute;inset:12px;border:1px solid #d4c28b3b;border-radius:75px 75px 24px 24px;z-index:-1;pointer-events:none}.e8-scoreline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:1.4px;color:#c2d1b6}.e8-scoreline strong{font:23px Georgia,serif;letter-spacing:0;margin-left:7px;color:#efdfb0}.e8-scoreline>span:nth-child(2){font-size:6px;letter-spacing:1.6px;color:#c8c89e}.e8-opponent-label{text-align:center;font-size:7px;letter-spacing:1.8px;margin:18px 0 12px;color:#d0dbc3}.e8-opponent-label small{display:block;font-size:8px;letter-spacing:0;color:#adc3a0;margin-top:3px}.e8-opponent{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;min-height:42px}.e8-small-back{width:28px;height:39px;border:2px solid #f1ead6;border-radius:4px;background:repeating-linear-gradient(45deg,#7e9b74 0 2px,#335f49 2px 4px);transform:rotate(-4deg);box-shadow:0 3px 4px #122a2240}.e8-small-back:nth-child(2n){transform:rotate(4deg)}.e8-piles{display:flex;justify-content:space-evenly;align-items:center;gap:30px;padding:25px 0 18px}.e8-stock{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;color:#e4e9d2;border:1px solid transparent;padding:13px 20px;border-radius:16px;transition:background .2s,border-color .2s;min-width:130px}.e8-stock:disabled{opacity:.7}.e8-stock:not(:disabled):hover{background:#ddcb9c18;border-color:#c9bd8c80}.e8-stock>strong{font-size:12px;font-weight:500}.e8-stock>small{font-size:9px;color:#b8cba9}.e8-card{display:inline-block;position:relative;flex-shrink:0;width:63px;height:89px;background:#fffaf1;color:#223e33;border:1px solid #d3d6c2;border-radius:8px;box-shadow:0 5px 7px #102a2322;vertical-align:middle;text-align:left;padding:0}.e8-card>b{position:absolute;left:8px;top:7px;font:21px/1 Georgia,serif;z-index:1;font-weight:400}.e8-card>b>i{display:block;font-size:14px;margin-top:3px;font-style:normal}.e8-card>span{display:grid;place-items:center;position:absolute;inset:0;font:34px Georgia,serif;padding:18px 0 0 10px}.e8-card>small{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:6px;letter-spacing:1px;color:#8b9d76}.e8-card.red{color:#a64c39}.e8-card.e8-back{display:grid;place-items:center;border:4px solid #f2ead4;background:repeating-linear-gradient(45deg,#2d5845 0 3px,#86a078 3px 4px);color:#ead199;font-size:31px;box-shadow:3px 3px 0 #adb99a}.e8-discard{text-align:center;min-width:100px}.e8-discard>strong{display:block;font-size:7px;letter-spacing:1.5px;color:#c7d3b7;margin-top:14px;font-weight:500}.e8-center-mark{font:15px/1.3 Georgia,serif;letter-spacing:4px;color:#d1c79370;text-align:center}.e8-center-mark b{font:29px/1.2 Georgia,serif;letter-spacing:5px}.e8-center-mark small{display:block;font-size:5px;letter-spacing:1.5px;margin-top:10px}.e8-active{margin:0 auto 20px;background:#102f2770;border:1px solid #c8ce9c35;color:#e3d8a9;border-radius:40px;font-size:9px;letter-spacing:1.2px;text-align:center;padding:9px 15px;max-width:420px;line-height:1.6}.e8-your-label{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px;color:#c9d6ba;border-top:1px solid #afc79f33;padding-top:16px}.e8-your-label b{color:#eedda7;font-size:12px;font-weight:400;letter-spacing:0;margin-right:5px}.e8-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;row-gap:15px;padding:25px 0 8px;min-height:120px}.e8-hand .e8-card{transition:transform .2s,box-shadow .2s}.e8-hand .e8-card:disabled{opacity:.6;cursor:default}.e8-hand .e8-card.can-play{border-bottom:4px solid #c6ad6a;box-shadow:0 6px 12px #0b2c2240}.e8-hand .e8-card.can-play:hover{transform:translateY(-8px) rotate(-2deg);box-shadow:0 10px 15px #09261d55}.e8-hint{outline:3px solid #dfc77e!important;outline-offset:4px}.e8-welcome{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse,#28604ffc,#173d32fc)}.e8-welcome>.eyebrow{font-size:7px;color:#d6cda5}.e8-welcome h3{font:39px/1.1 Georgia,serif;letter-spacing:-1.2px;margin:9px 0 15px}.e8-welcome>p{font-size:12px;color:#c6d6ba;line-height:1.8;max-width:335px;margin-bottom:23px}.e8-welcome .primary{background:#e0c18a;color:#274635;min-height:45px}.e8-welcome .primary:hover{background:#edd4a3}.e8-welcome .secondary{color:#d9e4cd;border-color:#a8ba9266;font-size:10px;margin-top:12px;padding:10px 19px}.e8-welcome-hand .e8-example-hand{padding:18px 0 13px}.e8-welcome-hand .e8-card{width:53px;height:74px}.e8-controls{padding:18px 23px 20px}.e8-controls>p{font-size:12px;color:#617552;line-height:1.8}.e8-control-actions{display:flex;gap:10px;flex-wrap:wrap}.e8-control-actions:has(button:not([hidden])){margin-top:16px}.e8-control-actions button{font-size:11px;padding:12px 19px}.e8-control-actions .primary{background:#31573f}.e8-suits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#e8ecdd;border:1px solid #c2cfb0;border-radius:18px;padding:19px;margin-top:17px}.e8-suits>.mini-label{grid-column:1/-1;font-size:7px;letter-spacing:1.1px;color:#76875f;margin-bottom:6px}.e8-suits>button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fffaf0;border:1px solid #c5d1b4;border-radius:13px;padding:14px 7px;color:#35563d;font-size:11px;min-height:78px;transition:transform .2s,background .2s}.e8-suits>button>b{font:27px Georgia,serif;font-weight:400}.e8-suits>button[data-e8-suit=H],.e8-suits>button[data-e8-suit=D]{color:#a0523d}.e8-suits>button:hover:not(:disabled){transform:translateY(-3px);background:#eef2e4}.e8-coach .coach-extra p{font-size:11px}.e8-coach h3{font-size:30px}.e8-opponent .e8-card{width:34px;height:49px}.e8-opponent .e8-card>b{font-size:13px;left:4px;top:4px}.e8-opponent .e8-card>b i{font-size:9px;margin-top:2px}.e8-opponent .e8-card>span{font-size:19px;padding:12px 0 0 7px}.e8-setup{background:radial-gradient(ellipse,#2d5f4b,#214937);border-radius:22px;padding:25px;text-align:center;color:#d7e1c6;margin:25px 0}.e8-setup>div>span{font-size:8px;letter-spacing:1.6px}.e8-setup small{display:block;font-size:10px;color:#bdcdae;letter-spacing:0;margin-top:6px}.e8-mini-backs{font-size:27px;color:#bccdaa;letter-spacing:4px;margin:9px 0}.e8-setup-piles{display:flex;justify-content:center;align-items:center;gap:65px;padding:28px 0}.e8-setup-piles>span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;letter-spacing:1.2px}.e8-setup-piles>span>b{font-size:47px;font-weight:400;color:#d4c289;line-height:1.6}.e8-example-hand{display:flex;justify-content:center;align-items:center;gap:7px;padding:8px 0}.e8-example-hand .e8-card{transform:rotate(-5deg)}.e8-example-hand .e8-card:nth-child(2n){transform:rotate(5deg)}.e8-try-example{display:grid;grid-template-columns:1fr 2fr;gap:25px;background:#e7ebdd;border:1px solid #c6d1b7;border-radius:22px;padding:26px;margin:25px 0}.e8-example-top{display:flex;flex-direction:column;gap:18px;align-items:center}.e8-example-top>.e8-card{transform:rotate(-5deg)}.e8-try-example>.e8-example-top+div{display:flex;flex-direction:column;justify-content:center}.e8-try-example .mini-label{font-size:7px;color:#7b8b67}.e8-example-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.e8-example-choices button{transition:transform .2s,box-shadow .2s}.e8-example-choices button:hover{transform:translateY(-5px)}.e8-example-choices button[aria-pressed=true]{outline:3px solid #ab945e;outline-offset:4px}.e8-try-example>p{grid-column:1/-1;background:#fbf9ee;border-radius:13px;padding:18px 21px;font-size:13px;line-height:1.8;margin:0;min-height:85px}.e8-wild-diagram{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px;background:#e6ebda;border:1px solid #c8d3b6;border-radius:22px;margin:25px 0}.e8-wild-diagram>span:not(.e8-card){font-size:7px;letter-spacing:1.1px;color:#778b61;line-height:2}.e8-wild-diagram>span>b{font-size:11px;font-weight:500;color:#9b593f}.e8-wild-diagram small{font-size:9px;color:#6f825d;display:block;text-align:center;margin-top:10px}.e8-point-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.e8-point-strip>div{border:1px solid #cbd4be;border-radius:18px;padding:20px 14px;background:#faf7ef;text-align:center}.e8-point-strip .e8-card{width:47px;height:67px;transform:rotate(-6deg);margin-bottom:18px}.e8-point-strip .e8-card>b{font-size:17px;left:6px;top:6px}.e8-point-strip .e8-card>b i{font-size:11px}.e8-point-strip .e8-card>span{font-size:25px;padding:14px 0 0 8px}.e8-point-strip strong{font-size:12px;display:block}.e8-point-strip>div>span:last-child{display:block;font-size:10px;color:#81906f;margin-top:6px}.e8-score-example{display:flex;gap:28px;align-items:center;background:#e7eadb;border:1px solid #c9d2b9;border-radius:20px;padding:24px;margin-top:24px}.e8-score-example h4{font:26px Georgia,serif;margin-top:12px}.e8-score-example p{font-size:12px}.e8-score-example .e8-card{width:44px;height:65px}.e8-score-example .e8-card>b{font-size:16px;left:5px;top:5px}.e8-score-example .e8-card>span{font-size:24px}.e8-related{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:23px;font-size:11px;color:#627950;text-underline-offset:5px}.e8-result{text-align:left}.e8-result>p{font-size:13px;line-height:1.9}.e8-result h2{font:35px/1.1 Georgia,serif;margin:20px 0}.e8-result h2:focus{outline:none}.e8-result-cards{background:#e4ebd8;border-radius:18px;padding:20px;margin-top:22px;display:grid;gap:22px}.e8-result-cards>div>span{font-size:7px;letter-spacing:1.3px;color:#778962}.e8-result-cards>div>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.e8-result-cards p{font-size:12px;color:#6e805b}.e8-result-cards .e8-card{width:44px;height:62px}.e8-result-cards .e8-card>b{font-size:16px;left:5px;top:5px}.e8-result-cards .e8-card>b i{font-size:10px}.e8-result-cards .e8-card>span{font-size:23px;padding:13px 0 0 7px}.e8-result-award{display:block;font-size:17px;color:#3d643a;padding:17px 2px;border-bottom:1px solid #ccd6ba}.e8-result #e8-match-score{font-size:11px;color:#758466;margin-top:14px}.e8-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.e8-result-actions>button{flex:1;font-size:11px;padding:12px 17px;min-height:45px;gap:8px}.e8-page #play{scroll-margin-top:20px}
@media(max-width:1100px){.e8-game .game-body{grid-template-columns:minmax(0,1fr) 240px}.e8-felt{padding:23px 20px}.e8-piles{gap:18px}.e8-center-mark{font-size:12px;letter-spacing:2px}.e8-center-mark b{font-size:24px;letter-spacing:3px}.e8-center-mark small{font-size:4px;letter-spacing:1px}.e8-stock{min-width:105px;padding-inline:13px}.e8-score-example{flex-direction:column;gap:16px;align-items:stretch}.e8-wild-diagram{gap:17px}.e8-try-example{gap:20px}.e8-example-choices{gap:8px}.e8-example-choices .e8-card{width:52px;height:75px}}
@media(max-width:850px){.e8-game .game-body{grid-template-columns:1fr}.e8-coach h3{font-size:29px}.e8-piles{gap:30px}.e8-center-mark{font-size:15px}.e8-center-mark b{font-size:29px}.e8-center-mark small{font-size:5px}.e8-stock{min-width:130px}.e8-welcome h3{font-size:39px}.e8-coach .coach-extra{padding-top:15px;border-top:1px solid #c5d0b5;margin-top:0}.e8-score-example{flex-direction:row}.e8-game .table-status{font-size:12px}}
@media(max-width:580px){.e8-page .page-intro h1{font-size:36px}.e8-page .page-intro>div>p br{display:none}.e8-game .game-top{align-items:flex-start;gap:7px;padding:11px 8px 14px}.e8-game .game-top h2{font-size:10px;line-height:1.5;max-width:145px;margin-top:6px;align-items:flex-start}.e8-game .game-top .live-dot{flex-shrink:0;margin-top:4px}.e8-game .mode-switch{flex-shrink:0}.e8-game .mode-switch button{font-size:9px;padding:8px 9px}.e8-felt{padding:19px 14px;min-height:460px}.e8-felt::before{inset:8px;border-radius:50px 50px 19px 19px}.e8-scoreline{font-size:7px;letter-spacing:.6px}.e8-scoreline strong{font-size:21px;margin-left:5px}.e8-scoreline>span:nth-child(2){font-size:5px;letter-spacing:.8px}.e8-opponent-label{font-size:6px;margin:18px 0 11px;letter-spacing:1px}.e8-opponent-label small{font-size:7px}.e8-small-back{width:25px;height:36px}.e8-piles{gap:10px;padding:21px 0 15px}.e8-stock{min-width:94px;padding:10px 8px;gap:8px}.e8-stock strong{font-size:10px}.e8-stock small{font-size:8px}.e8-stock .e8-card{width:53px;height:76px}.e8-discard{min-width:80px}.e8-discard .e8-card{width:53px;height:76px}.e8-discard>strong{font-size:6px;letter-spacing:1px}.e8-center-mark{font-size:10px;letter-spacing:1.5px}.e8-center-mark b{font-size:20px;letter-spacing:2px}.e8-center-mark small{display:none}.e8-active{font-size:7px;letter-spacing:.8px;padding:8px 10px;margin-bottom:17px}.e8-your-label{font-size:7px;letter-spacing:.8px}.e8-hand{gap:8px;padding-top:24px;row-gap:18px;min-height:120px}.e8-hand .e8-card{width:49px;height:74px}.e8-card>b{font-size:18px;left:6px;top:6px}.e8-card>b i{font-size:12px}.e8-card>span{font-size:28px;padding:16px 0 0 10px}.e8-card>small{font-size:5px;bottom:5px}.e8-hint{outline-width:2px!important;outline-offset:3px}.e8-welcome{padding:24px 18px}.e8-welcome h3{font-size:34px}.e8-welcome>.eyebrow{font-size:6px}.e8-welcome>p{font-size:11px;max-width:275px}.e8-welcome .primary{font-size:10px;gap:17px;min-height:45px}.e8-welcome .secondary{font-size:9px}.e8-game .table-status{font-size:11px;min-height:70px}.e8-controls{padding:16px}.e8-controls>p{font-size:11px}.e8-suits{padding:16px 13px;gap:8px}.e8-suits>.mini-label{font-size:6px;letter-spacing:.8px;line-height:1.8}.e8-suits>button{font-size:9px;padding:12px 5px;min-height:72px}.e8-suits>button>b{font-size:25px}.e8-coach .coach-extra{margin-top:18px}.e8-opponent .e8-card{width:28px;height:41px}.e8-opponent .e8-card>b{font-size:10px;left:4px;top:3px}.e8-opponent .e8-card>b i{font-size:8px;margin-top:2px}.e8-opponent .e8-card>span{font-size:15px;padding:10px 0 0 6px}.e8-setup{padding:22px 18px}.e8-setup-piles{gap:45px}.e8-try-example{grid-template-columns:1fr;padding:23px 18px;gap:22px}.e8-example-top{flex-direction:row;justify-content:center;gap:20px}.e8-try-example>.e8-example-top+div{align-items:center}.e8-example-choices{gap:12px}.e8-example-choices .e8-card{width:48px;height:69px}.e8-try-example>p{font-size:12px;padding:17px;min-height:100px}.e8-wild-diagram{padding:22px 17px;flex-wrap:wrap;justify-content:center;gap:18px}.e8-wild-diagram>.e8-card{width:53px;height:75px}.e8-wild-diagram>div{flex:1 0 100%}.e8-wild-diagram .e8-example-hand .e8-card{width:48px;height:69px}.e8-point-strip{grid-template-columns:1fr 1fr;gap:12px}.e8-point-strip>div{display:grid;grid-template-columns:46px 1fr;gap:0 10px;padding:17px 12px;align-items:center;text-align:left}.e8-point-strip .e8-card{width:39px;height:57px;grid-row:1/3;margin:0;transform:rotate(-5deg)}.e8-point-strip .e8-card>b{font-size:15px;left:5px;top:5px}.e8-point-strip .e8-card>b i{font-size:10px}.e8-point-strip .e8-card>span{font-size:20px;padding:12px 0 0 7px}.e8-point-strip strong{font-size:11px}.e8-point-strip>div>span:last-child{font-size:9px;margin:0}.e8-score-example{flex-direction:column;padding:23px;gap:18px}.e8-score-example .e8-card{width:43px;height:62px}.e8-score-example h4{font-size:24px}.e8-score-example p{font-size:12px}.e8-result h2{font-size:31px}.e8-result>p{font-size:12px}.e8-result-cards{padding:18px;gap:20px}.e8-result-cards>div>span{font-size:6px;letter-spacing:1px;line-height:1.7}.e8-result-actions{flex-direction:column}.e8-result-actions>button{flex:none;min-height:45px}.e8-result-award{font-size:16px}.e8-page .reference-title>strong{font-size:19px}.e8-page .reference-title>span{font-size:5px}.e8-related{gap:15px;font-size:10px}}
@media(max-width:360px){.e8-game .game-top h2{font-size:9px;max-width:125px}.e8-game .mode-switch button{font-size:8px;padding-inline:8px}.e8-page .page-intro h1{font-size:32px}.e8-point-strip>div{grid-template-columns:1fr;gap:12px;text-align:center;justify-items:center}.e8-point-strip .e8-card{grid-row:auto}.e8-example-choices{gap:10px}.e8-example-choices .e8-card{width:43px;height:64px}}
@media(prefers-reduced-motion:reduce){.e8-hand .e8-card,.e8-stock,.e8-suits>button,.e8-example-choices button{transition:none}.e8-hand .e8-card.can-play:hover{transform:none}}