.euchre-table{--brass:#e9c37a;--us:#f2c97f;--them:#9fd2f0;--mint:#8fe0bf;--cream:#fbf3e2;position:relative;isolation:isolate;max-width:1000px;margin:auto;padding:18px 22px 16px;color:#f4efe2;background:radial-gradient(ellipse 95% 55% at 50% 0%,#24493d,#132a24 62%,#0e1f1b);border:1px solid #2f5447;border-radius:24px;box-shadow:0 20px 60px #0a1f1a45;overflow:hidden}
.euchre-table *{box-sizing:border-box}.euchre-table p{margin:0}.euchre-table button{font:inherit;cursor:pointer}.euchre-table .gin-card:disabled{opacity:1}
.euchre-table .gin-card:focus-visible,.euchre-table button:focus-visible,.euchre-table summary:focus-visible{outline:3px solid #ffe4a1;outline-offset:3px;z-index:6}
/* Scoreboard: the six-and-four counters, the trump chip */
.euchre-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}
.euchre-team{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:2px;align-items:center;min-width:0;padding:10px 16px 10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff17}
.euchre-team.is-us{background:linear-gradient(160deg,#f2c97f1c,#f2c97f08);border-color:#f2c97f55}.euchre-team.is-them{background:linear-gradient(160deg,#9fd2f01a,#9fd2f006);border-color:#9fd2f040}
.euchre-team-name{font-size:13px;color:#e6dfcd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.euchre-team>strong{font:800 34px/1 Bricolage,DM,system-ui,sans-serif;color:#ffe2b0;font-variant-numeric:tabular-nums}.euchre-team.is-them>strong{color:#d6efff}.euchre-team>.euchre-counter{grid-row:1/4;width:104px}.euchre-team>.euchre-tricks{align-self:start}
.euchre-counter{display:block;width:70px;flex:none}.euchre-counter svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 3px 4px #0007)}
.euchre-kc{fill:#fbf3e2;stroke:#cdbb93;stroke-width:1}.euchre-kn{font:800 9px/1 Bricolage,DM,system-ui,sans-serif;fill:#3a2a1a}.is-red .euchre-kn{fill:#b8283a}
.euchre-pip{font-size:11px;font-weight:700;text-anchor:middle;dominant-baseline:central;fill:#d9ccb0;opacity:.55}.is-red .euchre-pip.is-lit{fill:#c42a3e;opacity:1}.is-black .euchre-pip.is-lit{fill:#1b2833;opacity:1}
.euchre-counter.is-bump svg{animation:euchre-bump .6s cubic-bezier(.2,.9,.3,1.4)}@keyframes euchre-bump{40%{scale:1.14;rotate:-3deg}}
.euchre-tricks{display:flex;gap:5px;margin-top:2px}.euchre-tricks i{width:14px;height:10px;border-radius:3px;border:1.5px solid #ffffff38;transition:background .3s,border-color .3s}.euchre-tricks i.is-won{background:var(--us);border-color:var(--us)}.euchre-team.is-them .euchre-tricks i.is-won{background:var(--them);border-color:var(--them)}.euchre-tricks i.is-new{animation:euchre-bump .5s ease-out}
.euchre-makers{position:absolute;top:-8px;right:10px;padding:3px 8px;border-radius:999px;font:800 10px/1.1 DM,system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:var(--brass);color:#2a1d08;box-shadow:0 3px 8px #0006}
.euchre-trump{display:grid;justify-items:center;align-content:center;gap:2px;min-width:118px;padding:8px 12px;border-radius:16px;background:#0b1d18b8;border:1px solid #e9c37a40;text-align:center}
.euchre-trump small{font:800 10px/1 DM,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#cdbf9b}.euchre-trump b{font-size:14px;line-height:1.2}.euchre-trump-by{font-size:11px;color:#d8cfb8;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.euchre-coin{display:grid;place-items:center;width:50px;height:50px;margin:3px 0 1px;border-radius:50%;font:700 30px/1 Georgia,serif;color:#1b2833;background:radial-gradient(circle at 35% 30%,#fffdf6,#f1e2bf 70%,#d8bf86);box-shadow:inset 0 0 0 2px #fff8,0 0 0 3px #e9c37a,0 6px 14px #0008}
.euchre-trump[data-suit="1"] .euchre-coin,.euchre-trump[data-suit="2"] .euchre-coin{color:#c42a3e}
.euchre-coin.is-up{font:800 17px/1 Bricolage,DM,system-ui,sans-serif;border-radius:9px;width:40px;height:54px}.euchre-coin.is-down{opacity:.6;filter:grayscale(.4);box-shadow:inset 0 0 0 2px #fff8,0 0 0 2px #8a7b5c}
.euchre-trump.is-set{border-color:#e9c37a99;box-shadow:0 0 22px #e9c37a26}.euchre-trump.is-new .euchre-coin{animation:euchre-coin 1s cubic-bezier(.2,.9,.3,1.3)}@keyframes euchre-coin{0%{scale:.3;rotate:-180deg;opacity:0}60%{scale:1.15}100%{scale:1;rotate:0deg}}
/* Felt */
.euchre-felt{position:relative;height:390px;margin:14px 0 0;border-radius:50%/46%;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 4px),radial-gradient(ellipse at 50% 40%,#2f7d5c,#1f6047 55%,#123d2e);box-shadow:inset 0 0 0 7px #7a4a2a,inset 0 0 0 9px #3d2414,inset 0 0 0 11px #e9c37a40,inset 0 0 90px #04150fc0}
.euchre-felt::before{content:'';position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed #ffffff14;pointer-events:none}
.euchre-table[data-trump] .euchre-felt::after{content:'';position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e9c37a14,#0000 70%);pointer-events:none}
.euchre-seat{position:absolute;z-index:2;display:grid;justify-items:center;gap:3px;min-width:104px;max-width:31%;padding:7px 12px 8px;border-radius:14px;background:#0c211bdd;border:1px solid #ffffff1c;font-size:13px;text-align:center;transition:border-color .3s,box-shadow .3s,opacity .3s}
.euchre-seat.is-us{border-top:3px solid var(--us)}.euchre-seat.is-them{border-top:3px solid var(--them)}
.euchre-seat-head{display:flex;align-items:center;gap:6px;max-width:100%}.euchre-seat-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.euchre-dealer{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#fff6e0;color:#3a2a10;font:800 11px/1 DM,system-ui,sans-serif;box-shadow:0 0 0 2px var(--brass),0 2px 4px #0007}
.euchre-crown{display:block;width:20px;color:var(--brass);filter:drop-shadow(0 1px 2px #000a)}.euchre-crown svg{display:block;width:100%}
.euchre-seat-status{display:flex;align-items:center;justify-content:center;gap:6px;min-height:18px;font-size:12px;color:#d9d1bd}
.euchre-bid{display:inline-block;padding:3px 9px;border-radius:999px;background:#fff6e0;color:#2a1d08;font:800 12px/1.2 DM,system-ui,sans-serif;box-shadow:0 3px 8px #0006;white-space:nowrap}.euchre-bid.is-pass{background:#ffffff1f;color:#e7dfcc;box-shadow:none;font-weight:700}.euchre-bid.is-maker{background:var(--brass)}
.euchre-bid.is-new{animation:euchre-say .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes euchre-say{0%{scale:.4;opacity:0;translate:0 6px}100%{scale:1;opacity:1;translate:0 0}}
.euchre-seat.is-turn{border-color:var(--brass);box-shadow:0 0 0 2px #e9c37a55,0 0 26px #e9c37a40}.euchre-seat.is-turn .euchre-seat-head b:before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--brass);box-shadow:0 0 8px var(--brass);vertical-align:1px;animation:card-turn 1.4s ease-in-out infinite}
.euchre-seat.is-out{opacity:.55;background:#0c211b99;border-style:dashed}.euchre-seat.is-taking{animation:euchre-take .7s .4s ease-out}@keyframes euchre-take{40%{box-shadow:0 0 0 3px var(--brass),0 0 34px #e9c37a99}}
.euchre-fan{display:flex;justify-content:center;height:22px;padding-left:9px}.euchre-fan .gin-back{--cw:15px;margin-left:-9px;border-width:1px;border-radius:2px;box-shadow:0 1px 2px #0007}
.euchre-seat-0{bottom:10px;left:50%;transform:translateX(-50%)}.euchre-seat-1{left:14px;top:50%;transform:translateY(-50%)}.euchre-seat-2{top:10px;left:50%;transform:translateX(-50%)}.euchre-seat-3{right:14px;top:50%;transform:translateY(-50%)}
/* Won tricks, stacked crosswise */
.euchre-pile{position:absolute;z-index:1;width:56px;height:56px}.euchre-pile.is-us{left:16%;bottom:16%}.euchre-pile.is-them{right:16%;top:16%}
.euchre-pile .gin-back{--cw:28px;position:absolute;left:14px;top:6px;rotate:calc(var(--i)*90deg + var(--i)*7deg);box-shadow:inset 0 0 0 2px #143f43,0 2px 4px #0008}.euchre-pile .gin-back.is-new{animation:euchre-land .4s ease-out}.euchre-pile-count{position:absolute;right:-4px;bottom:-2px;z-index:2;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font:800 12px/1 DM,system-ui,sans-serif;background:var(--us);color:#2a1d08;box-shadow:0 2px 6px #0008}.euchre-pile.is-them .euchre-pile-count{background:var(--them);color:#0c2433}@keyframes euchre-land{from{scale:1.5;opacity:0}}
/* Centre: kitty, trick, caption */
.euchre-center{position:absolute;left:50%;top:50%;width:250px;height:216px;transform:translate(-50%,-50%);border-radius:40%;transition:background .2s,box-shadow .2s}.euchre-center.is-drop{background:#e9c37a1a;box-shadow:0 0 0 2px #e9c37a80}
.euchre-kitty{position:absolute;left:50%;top:50%;width:82px;height:112px;transform:translate(-50%,-58%)}.euchre-kitty>.gin-back{--cw:72px;position:absolute;left:calc(var(--i)*-2px);top:calc(var(--i)*-2px)}
.euchre-kitty>.euchre-up{--cw:74px;position:absolute;left:12px;top:-4px;rotate:4deg;box-shadow:inset 0 0 0 1px #fff,0 0 0 3px #e9c37acc,0 0 26px #e9c37a77,0 10px 18px -6px #000c}
.euchre-kitty>.gin-back.euchre-up{--cw:72px;left:10px;top:-2px;rotate:-6deg;box-shadow:inset 0 0 0 3px #143f43,0 8px 12px -6px #000c;animation:euchre-turn .5s ease-out}@keyframes euchre-turn{0%{scale:1 1}50%{scale:.05 1}100%{scale:1 1}}
.euchre-caption{position:absolute;left:50%;bottom:-6px;width:200px;transform:translateX(-50%);text-align:center;font-size:12px;line-height:1.3;color:#f3ead2;text-shadow:0 1px 2px #000a;pointer-events:none}
.euchre-table[data-stage="play"] .euchre-caption{top:50%;bottom:auto;width:110px;transform:translate(-50%,-50%);font-size:11px}
.euchre-played{position:absolute!important;--cw:66px}.euchre-played-0{left:50%;bottom:0;margin-left:-33px;rotate:-4deg}.euchre-played-2{left:50%;top:0;margin-left:-33px;rotate:3deg}.euchre-played-1{left:4px;top:50%;margin-top:-46px;rotate:-10deg}.euchre-played-3{right:4px;top:50%;margin-top:-46px;rotate:9deg}
.euchre-played.is-leading{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #e9c37ab0,0 8px 14px -6px #000a}.euchre-played.is-winner{z-index:3;box-shadow:inset 0 0 0 1px #fff,0 0 0 3px var(--brass),0 0 26px #e9c37aaa}
/* Bowers: a quiet golden glow once trump is set */
.gin-card.is-bower{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #e9c37a,0 0 16px #f2c97f99,0 8px 14px -6px #000a}.gin-card.is-bower::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(115deg,#0000 35%,#fff3c8b0 50%,#0000 65%) -150% 0/250% 100% no-repeat;pointer-events:none;animation:euchre-glint 3.2s 1s ease-in-out infinite}
@keyframes euchre-glint{0%,55%{background-position:-150% 0}85%,100%{background-position:150% 0}}
.euchre-table .gin-card.is-bower[data-tag]::after{background:var(--brass);color:#2a1d08}.euchre-hand .gin-card[data-tag]::after{right:auto;left:50%;translate:-50% 0;white-space:nowrap}
/* Last trick peek */
.euchre-peek-button{position:absolute;left:5%;top:7%;z-index:4;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid #ffffff30;background:#0c211bdd;color:#f3ead2;font-size:13px!important;font-weight:700}.euchre-peek-button[aria-expanded="true"]{border-color:var(--brass);color:var(--brass)}
.euchre-peek{position:absolute;left:5%;top:calc(7% + 52px);z-index:6;display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#0b1d18f2;border:1px solid #e9c37a55;box-shadow:0 12px 26px #000a;font-size:12px}
.euchre-peek-row{display:flex;gap:6px}.euchre-peek-card{display:grid;justify-items:center;gap:3px}.euchre-peek-card .gin-card{--cw:40px}.euchre-peek-card.is-winner .gin-card{box-shadow:0 0 0 2px var(--brass),0 0 12px #e9c37a88}.euchre-peek-card small{font-size:10px;color:#d9d1bd;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Moments */
.euchre-fx{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;overflow:hidden}
.euchre-moment{position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:4px;transform:translate(-50%,-50%);animation:euchre-moment var(--d,1800ms) var(--age,0ms) both}
.euchre-moment i{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;font:700 50px/1 Georgia,serif;font-style:normal;color:#1b2833;background:radial-gradient(circle at 35% 30%,#fffdf6,#f1e2bf 70%,#d8bf86);box-shadow:0 0 0 4px var(--brass),0 0 40px #e9c37acc}
.euchre-table[data-trump="1"] .euchre-moment i,.euchre-table[data-trump="2"] .euchre-moment i{color:#c42a3e}
.euchre-moment b{padding:6px 14px;border-radius:999px;background:#fff6e0;color:#2a1d08;font:800 15px/1.2 DM,system-ui,sans-serif;letter-spacing:.03em;box-shadow:0 6px 16px #0008;white-space:nowrap}
.euchre-moment.is-euchred b{font:800 clamp(28px,5vw,44px)/1 Bricolage,DM,system-ui,sans-serif;padding:10px 26px;border-radius:14px;background:#c42a3e;color:#fff4ea;rotate:-8deg;box-shadow:0 0 0 4px #fff4ea,0 0 0 7px #c42a3e,0 16px 30px #000a;text-transform:uppercase;letter-spacing:.06em}
.euchre-moment.is-march b{font:800 clamp(22px,4vw,34px)/1 Bricolage,DM,system-ui,sans-serif;padding:10px 22px;background:var(--brass)}
.euchre-moment.is-alone b{background:var(--brass);font-size:17px}
@keyframes euchre-moment{0%{opacity:0;scale:.5}12%{opacity:1;scale:1.08}22%{scale:1}82%{opacity:1}100%{opacity:0;scale:1}}
/* Messages, coach, hand */
.euchre-message{display:grid;justify-items:center;gap:3px;min-height:46px;margin:14px 0 2px!important;text-align:center;line-height:1.3}.euchre-message strong{font-size:clamp(15px,2vw,17px);font-weight:750}.euchre-recap{font-size:13px;color:#bfe3cf}
.euchre-coach{max-width:640px;margin:2px auto 4px!important;padding:8px 14px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a;font-size:13px;line-height:1.45;text-align:center;color:#e6dfcd}.euchre-coach b{color:#ffe2b0}
.euchre-hand{display:flex;justify-content:center;padding:34px 0 28px 18px;min-height:150px}
.euchre-hand .gin-card{--cw:min(90px,calc((100cqw + 120px)/var(--n)));--lift:0px;margin-left:-18px;cursor:pointer;transform-origin:50% 130%;transform:translateY(calc(var(--k)*var(--k)*4px + var(--lift))) rotate(calc(var(--k)*5deg))}
.euchre-hand{container-type:inline-size}.euchre-hand .gin-card.is-suit-start{margin-left:-8px}
.euchre-hand .gin-card.is-legal{--lift:-10px}.euchre-hand .gin-card.is-unplayable{filter:saturate(.35) brightness(.6);cursor:not-allowed}
@media(hover:hover){.euchre-hand .gin-card:not(.is-unplayable):not(.is-selected):hover{--lift:-16px}}
.euchre-hand .gin-card.is-selected{--lift:-26px;z-index:4;box-shadow:inset 0 0 0 1px #fff,0 0 0 3px var(--brass),0 0 18px #e9c37a80,0 18px 22px -8px #000c}
.euchre-table.is-your-turn[data-stage="play"] .euchre-hand .gin-card.is-legal:not(.is-selected){box-shadow:inset 0 0 0 1px #ffffffb0,0 2px 0 #b9ab8a,0 0 0 2px var(--mint),0 12px 16px -8px #000b}
.euchre-table.is-your-turn[data-stage="play"] .euchre-hand .gin-card.is-legal.is-bower:not(.is-selected){box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--mint),0 0 0 4px #e9c37a,0 0 16px #f2c97f99,0 12px 16px -8px #000b}
.euchre-hand .gin-card.is-new:not(.is-selected){box-shadow:inset 0 0 0 1px #fff,0 0 0 3px var(--brass),0 0 18px #e9c37a99}
/* Actions */
.euchre-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:14px;min-height:48px}.euchre-actions .gin-primary{min-height:48px;min-width:190px}.euchre-actions .gin-primary:disabled{opacity:.45}
.euchre-table .gin-secondary{background:#123a30;color:#fff3d6;border:1px solid #ffffff2e;box-shadow:0 3px 0 #071b16}
.euchre-alone{min-height:48px;padding:10px 16px;border-radius:14px;border:2px dashed #e9c37a88;background:transparent;color:#ffe2b0;font-weight:800!important}.euchre-alone.is-on{border-style:solid;background:#e9c37a26;box-shadow:0 0 18px #e9c37a40}
.euchre-suits{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}
.euchre-suit{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:132px;min-height:58px;padding:8px 16px;border-radius:14px;border:1px solid #d6c9ad;background:linear-gradient(#fffdf6,#f1e4c8);color:#1b2833;text-align:left;box-shadow:0 3px 0 #b9ab8a,0 8px 14px -8px #000b;transition:transform .12s}
.euchre-suit i{grid-row:span 2;font:700 30px/1 Georgia,serif;font-style:normal}.euchre-suit b{font-size:15px}.euchre-suit small{font-size:11px;color:#5d5340}.euchre-suit[data-suit="1"] i,.euchre-suit[data-suit="2"] i{color:#c42a3e}
.euchre-suit:not(:disabled):active{transform:translateY(2px)}@media(hover:hover){.euchre-suit:not(:disabled):hover{transform:translateY(-2px)}}
.euchre-small{width:100%;text-align:center;font-size:12px;color:#d9d1bd}
.euchre-note{font-size:12px;color:#cfc6b0;text-align:center;margin:14px 0!important}
/* Results */
.euchre-results{position:relative;max-width:560px;margin:14px auto 0;padding:18px 20px;border-radius:18px;text-align:center;color:#20302a;background:linear-gradient(#fffaf0,#f2e6cf);box-shadow:0 2px 0 #c9b38c,0 18px 30px -12px #000a;animation:gin-rise .5s .15s cubic-bezier(.2,.8,.3,1) both;overflow:hidden}.euchre-results.is-late{animation-delay:1.5s}
.euchre-results h3{margin:0 0 4px;font:800 clamp(21px,3vw,27px)/1.2 Bricolage,DM,system-ui,sans-serif;color:#1d4a3a}.euchre-results.is-euchred h3{color:#a8202f}.euchre-results-sub{font-size:14px;color:#4f5a52;margin:2px 0 8px!important}
.euchre-board{display:grid;gap:6px;margin:10px 0 6px}.euchre-board-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto 40px 40px;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffffa8;text-align:left;font-size:14px}.euchre-board-row.is-us{background:#fff;box-shadow:0 0 0 2px #f2c97f}
.euchre-board-row .euchre-counter{width:62px}.euchre-board-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.euchre-board-tricks{font-size:13px;color:#5d5340}.euchre-board-delta{text-align:right;font-weight:800;color:#8a7b5c}.euchre-board-row.is-scored .euchre-board-delta{color:#1d7a5c}.euchre-board-row strong{text-align:right;font:800 22px/1 Bricolage,DM,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.euchre-more{color:#ffe2b0;font-weight:700;text-underline-offset:3px;padding:12px 6px}
.euchre-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.euchre-confetti i{position:absolute;top:-24px;left:calc(var(--x,50)*1%);font-style:normal;font-size:16px;color:#c42a3e;opacity:0;animation:euchre-fall 2.8s ease-in forwards}
.euchre-confetti i:nth-child(2n){color:#1b2833}.euchre-confetti i:nth-child(3n){color:#c99a3c}
.euchre-confetti i:nth-child(1){--x:6;animation-delay:.5s}.euchre-confetti i:nth-child(2){--x:14;animation-delay:.9s}.euchre-confetti i:nth-child(3){--x:22;animation-delay:.6s}.euchre-confetti i:nth-child(4){--x:31;animation-delay:1.2s}.euchre-confetti i:nth-child(5){--x:39;animation-delay:.7s}.euchre-confetti i:nth-child(6){--x:47;animation-delay:1s}.euchre-confetti i:nth-child(7){--x:55;animation-delay:.55s}
.euchre-confetti i:nth-child(8){--x:62;animation-delay:1.3s}.euchre-confetti i:nth-child(9){--x:69;animation-delay:.8s}.euchre-confetti i:nth-child(10){--x:76;animation-delay:1.1s}.euchre-confetti i:nth-child(11){--x:83;animation-delay:.65s}.euchre-confetti i:nth-child(12){--x:90;animation-delay:1.4s}.euchre-confetti i:nth-child(13){--x:95;animation-delay:.95s}.euchre-confetti i:nth-child(14){--x:3;animation-delay:1.5s}
@keyframes euchre-fall{0%{opacity:0;translate:0 0;rotate:0deg}10%{opacity:1}100%{opacity:0;translate:-12px 360px;rotate:200deg}}
/* Help */
.euchre-help{border-top:1px solid #ffffff30;padding-top:14px;font-size:14px}.euchre-help summary{min-height:44px;cursor:pointer;display:flex;align-items:center}.euchre-help p{color:#e2dccb;font-size:14px;line-height:1.6;margin:0 0 10px!important}
.euchre-ladder{display:grid;gap:8px;margin:6px 0 14px}.euchre-ladder>div{display:flex;flex-wrap:wrap;gap:8px}.euchre-ladder span{display:grid;justify-items:center;gap:4px}.euchre-ladder .gin-card{--cw:52px}.euchre-ladder small{font-size:11px;color:#d9d1bd}
.euchre-scorecard{width:100%;min-width:0;border-collapse:collapse;font-size:13px;margin:6px 0 10px}.euchre-scorecard caption{text-align:left;padding:8px 0;font-weight:700}.euchre-scorecard th,.euchre-scorecard td{text-align:left;padding:8px 6px;border-bottom:1px solid #ffffff22;font-variant-numeric:tabular-nums}
/* Pages */
.euchre-shell{max-width:1050px;margin:auto}.euchre-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.euchre-heading h1{font-size:clamp(36px,6vw,64px);margin:0}.euchre-heading nav{display:flex;gap:16px;flex-wrap:wrap}
.euchre-start{position:relative;padding:36px;border-radius:24px;background:linear-gradient(160deg,#eef5ef,#e3efe6);margin:20px 0;overflow:hidden}.euchre-start h2{margin-top:0;max-width:560px}.euchre-start p{max-width:620px}.euchre-start .button{margin:14px 8px 10px 0}
.euchre-options{display:grid;gap:10px;max-width:620px;margin:18px 0 6px;padding:0;border:0}.euchre-options legend{font-weight:800;margin-bottom:8px;padding:0}
.euchre-options label{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;min-height:56px;padding:12px 14px;border-radius:14px;background:#fff;border:2px solid #d3e3d8;cursor:pointer}.euchre-options label:has(input:checked){border-color:#1d6a4c;box-shadow:0 0 0 3px #1d6a4c22}.euchre-options input{width:22px;height:22px;accent-color:#1d6a4c;grid-row:span 2}.euchre-options span{font-size:13px;color:#4f5a52}
.euchre-start-art{position:absolute;right:28px;top:26px;width:150px;opacity:.95;pointer-events:none}.euchre-start-art svg{display:block;width:100%}
.euchre-landing{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center}.euchre-landing h1{font-size:clamp(40px,6vw,68px);line-height:1.03;margin:14px 0 18px}.euchre-landing p{font-size:18px;max-width:500px}
.euchre-hero{position:relative;display:block;border-radius:28px;overflow:hidden;aspect-ratio:3/2;background:#132a24;box-shadow:0 20px 40px #0a2a1f40}.euchre-hero img{display:block;width:100%;height:100%;object-fit:cover}
.euchre-play-link{display:inline-flex;align-items:center;gap:10px;font-size:18px!important}.euchre-landing .party-small{margin-top:16px;font-size:15px;color:#4f4a5a}
.euchre-inshort{max-width:860px;padding:20px 24px;border-left:5px solid #1d6a4c;border-radius:0 18px 18px 0;background:#eef5ef}.euchre-inshort h2{margin:0 0 8px;font-size:22px}.euchre-inshort p{margin:0;font-size:17px;line-height:1.6}
.euchre-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}.euchre-facts div{padding:16px 18px;border-radius:18px;background:#f5f2ea}.euchre-facts h3{font-size:17px;margin:0 0 6px}.euchre-facts p{font-size:14px;margin:0;line-height:1.5}
.euchre-steps{display:grid;gap:10px;padding-left:22px;max-width:860px}.euchre-steps li{line-height:1.6}
.euchre-ranks{width:100%;min-width:0;max-width:860px;border-collapse:collapse;margin:14px 0 20px;font-size:15px}.euchre-ranks caption{text-align:left;font-weight:800;padding:8px 0}.euchre-ranks th,.euchre-ranks td{text-align:left;padding:10px 12px;border-bottom:1px solid #e1ddd2;vertical-align:top}.euchre-ranks th{background:#f5f2ea}.euchre-ranks .is-red{color:#b8283a;font-weight:800}.euchre-ranks .is-black{color:#1b2833;font-weight:800}
.euchre-faq details{border-top:1px solid #e1ddd2;padding:4px 0}.euchre-faq summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:700}.euchre-faq p{max-width:860px;line-height:1.65}
.euchre-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}
/* Room lobby: seats and teams */
.euchre-lobby .euchre-seatmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.euchre-seatmap-team{display:grid;gap:8px;padding:10px;border-radius:14px;background:#f5f2ea;border-top:4px solid #e0b25c}.euchre-seatmap-team.is-b{border-top-color:#5aa6d6}.euchre-seatmap-team h4{margin:0;font-size:14px}
.euchre-seatmap button,.euchre-seatmap .euchre-seatmap-seat{display:grid;gap:2px;min-height:52px;padding:8px 12px;border-radius:12px;border:2px solid #d8d2c2;background:#fff;text-align:left;font:inherit;color:inherit}.euchre-seatmap button{cursor:pointer}.euchre-seatmap button.is-picked{border-color:#1d6a4c;box-shadow:0 0 0 3px #1d6a4c33}.euchre-seatmap small{font-size:12px;color:#5d5340}
@media(max-width:800px){.euchre-landing{grid-template-columns:1fr}.euchre-facts{grid-template-columns:1fr 1fr;gap:10px}.euchre-start-art{display:none}}
@media(max-width:600px){.euchre-shell{padding:18px 10px}.euchre-heading{margin-bottom:12px}.euchre-start{padding:22px}.euchre-facts{grid-template-columns:1fr}
 .euchre-table{padding:12px 10px;border-radius:18px}.euchre-hud{gap:6px}.euchre-team{padding:7px 8px 9px;border-radius:12px;gap:3px}.euchre-team-name{font-size:11px}.euchre-team{column-gap:6px;row-gap:1px;padding:6px 8px 7px 6px}.euchre-team>strong{font-size:24px}.euchre-team-name{grid-column:1/-1}.euchre-team>.euchre-counter{grid-row:2/4;width:50px}
 .euchre-tricks{gap:3px}.euchre-tricks i{width:10px;height:8px}.euchre-makers{font-size:8px;padding:2px 6px;right:6px;top:-7px}
 .euchre-trump{min-width:84px;padding:6px 6px;border-radius:12px}.euchre-trump small{font-size:8px}.euchre-trump b{font-size:12px}.euchre-trump-by{font-size:10px;max-width:84px}.euchre-coin{width:34px;height:34px;font-size:20px;margin:2px 0 0}.euchre-coin.is-up{width:28px;height:38px;font-size:12px}
 .euchre-felt{height:288px;margin-top:8px;border-radius:38%/30%}.euchre-felt::before{width:130px;height:130px}
 .euchre-seat{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:30%;padding:5px 7px;font-size:11px;border-radius:10px}.euchre-seat-head b{font-size:11px}.euchre-seat-status{font-size:11px;gap:4px;min-height:0}.euchre-fan{display:none}.euchre-dealer{width:17px;height:17px;font-size:10px}.euchre-crown{width:16px}.euchre-bid{font-size:10px;padding:2px 6px}
 .euchre-seat-1{left:6px}.euchre-seat-3{right:6px}.euchre-seat-0{bottom:6px}.euchre-seat-2{top:6px}
 .euchre-pile{width:40px;height:44px}.euchre-pile .gin-back{--cw:20px;left:10px}.euchre-pile.is-us{left:9%;bottom:20%}.euchre-pile.is-them{right:9%;top:20%}
 .euchre-center{width:182px;height:200px}.euchre-played{--cw:52px}.euchre-played-0,.euchre-played-2{margin-left:-26px}.euchre-played-1,.euchre-played-3{margin-top:-36px}.euchre-played-1{left:0}.euchre-played-3{right:0}.euchre-table[data-stage="play"] .euchre-caption{width:76px;font-size:10px}
 .euchre-kitty{width:66px;height:92px}.euchre-kitty>.gin-back{--cw:58px}.euchre-kitty>.euchre-up{--cw:60px;left:9px}.euchre-kitty>.gin-back.euchre-up{--cw:58px}.euchre-caption{font-size:11px;width:170px;bottom:-2px}
 .euchre-peek-button{left:3%;top:4%;padding:6px 10px;font-size:12px!important}.euchre-peek{left:3%;top:calc(4% + 50px)}.euchre-peek-card .gin-card{--cw:34px}
 .euchre-moment i{width:64px;height:64px;font-size:38px}.euchre-moment b{font-size:13px}
 .euchre-message{min-height:36px;margin-top:8px!important}.euchre-message strong{font-size:14px}.euchre-recap{font-size:12px}.euchre-coach{font-size:12px;padding:7px 10px}
 .euchre-hand{padding:26px 0 16px 9px;min-height:116px}.euchre-hand .gin-card{--cw:min(66px,calc((100cqw + 40px)/var(--n)));margin-left:-9px;transform:translateY(calc(var(--k)*var(--k)*3px + var(--lift))) rotate(calc(var(--k)*4deg))}.euchre-hand .gin-card.is-suit-start{margin-left:-6px}
 .euchre-actions{margin-top:10px;gap:8px}.euchre-actions .gin-primary{font-size:14px;padding:12px;min-width:0;flex:1 1 auto}.euchre-actions .gin-secondary{padding:12px 14px}.euchre-alone{padding:10px 12px}
 .euchre-suit{min-width:0;flex:1 1 30%;padding:8px 8px;column-gap:5px;min-height:56px}.euchre-suit i{font-size:24px}.euchre-suit b{font-size:13px}.euchre-suit small{font-size:10px}
 .euchre-results{padding:14px 12px}.euchre-board-row{grid-template-columns:46px minmax(0,1fr) auto 32px 32px;gap:6px;padding:7px 8px;font-size:13px}.euchre-board-row .euchre-counter{width:46px}.euchre-board-tricks{font-size:11px}.euchre-board-row strong{font-size:18px}
 .euchre-ladder .gin-card{--cw:40px}.euchre-ranks{font-size:14px}.euchre-ranks th,.euchre-ranks td{padding:8px 6px}.euchre-lobby .euchre-seatmap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.euchre-table *,.euchre-hero *{animation:none!important;transition:none!important}.euchre-confetti{display:none}}