.euchre-hand-walkthrough{--ehw-cream: #fdf6ec;--ehw-dark: #1a120b;--ehw-red: #b5271a;--ehw-green: #1a5c38;--ehw-gold: #c9922a;--ehw-light-gold: #f2d98a;--ehw-card-bg: #fff8f0;--ehw-border: #d4b896}.euchre-hand-walkthrough .ehw-player{background:var(--ehw-card-bg);border:1.5px solid var(--ehw-border);border-radius:8px;overflow:hidden}.euchre-hand-walkthrough .ehw-score-bar{background:var(--ehw-dark);color:var(--ehw-cream);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:.85rem;letter-spacing:.04em}.euchre-hand-walkthrough .ehw-score-team{display:flex;align-items:center;gap:10px}.euchre-hand-walkthrough .ehw-team-name{font-weight:700}.euchre-hand-walkthrough .ehw-score-pips{display:flex;gap:4px}.euchre-hand-walkthrough .ehw-pip{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4)}.euchre-hand-walkthrough .ehw-pip.is-filled{background:var(--ehw-light-gold);border-color:var(--ehw-light-gold)}.euchre-hand-walkthrough .ehw-pip.is-red-pip.is-filled{background:var(--ehw-red);border-color:var(--ehw-red)}.euchre-hand-walkthrough .ehw-trick-counter{font-size:.75rem;opacity:.72;letter-spacing:.1em;text-transform:uppercase;text-align:center}.euchre-hand-walkthrough .ehw-felt-table{background:#2d5a3d;background-image:radial-gradient(ellipse at center,#346647,#234d32);padding:28px 20px;position:relative}.euchre-hand-walkthrough .ehw-play-grid{display:grid;grid-template-areas:". north ." "west center east" ". south .";grid-template-columns:1fr 80px 1fr;grid-template-rows:auto 88px auto;gap:14px;max-width:420px;margin:0 auto;align-items:center;justify-items:center}.euchre-hand-walkthrough .ehw-play-pos{display:flex;flex-direction:column;align-items:center;gap:6px}.euchre-hand-walkthrough .ehw-play-pos.is-north{grid-area:north}.euchre-hand-walkthrough .ehw-play-pos.is-west{grid-area:west}.euchre-hand-walkthrough .ehw-play-pos.is-center{grid-area:center}.euchre-hand-walkthrough .ehw-play-pos.is-east{grid-area:east}.euchre-hand-walkthrough .ehw-play-pos.is-south{grid-area:south}.euchre-hand-walkthrough .ehw-pos-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;text-align:center}.euchre-hand-walkthrough .ehw-pos-role{font-size:.6rem;padding:2px 7px;border-radius:10px;letter-spacing:.06em;text-transform:uppercase}.euchre-hand-walkthrough .ehw-pos-role.is-maker-role{background:#f2d98a33;color:var(--ehw-light-gold)}.euchre-hand-walkthrough .ehw-pos-role.is-partner-role{background:#1a5c3880;color:#7dd9a0}.euchre-hand-walkthrough .ehw-pos-role.is-opp-role{background:#b5271a40;color:#f5a09a}.euchre-hand-walkthrough .ehw-dealer-chip,.euchre-hand-walkthrough .ehw-leads-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:3px 8px;margin-top:2px;text-transform:uppercase}.euchre-hand-walkthrough .ehw-dealer-chip{background:var(--ehw-gold);color:var(--ehw-dark);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:7px;font-weight:900;letter-spacing:.06em;box-shadow:0 1px 4px #00000059}.euchre-hand-walkthrough .ehw-leads-chip{background:#ffffff26;color:#ffffffd9;font-size:7px;letter-spacing:.06em;border:1px solid rgba(255,255,255,.2)}.euchre-hand-walkthrough .ehw-card-slot{width:64px;height:88px;border:2px dashed rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.euchre-hand-walkthrough .ehw-card-slot.has-card{border:none}.euchre-hand-walkthrough .ehw-table-center-badge{width:74px;height:74px;background:#0003;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;gap:2px}.euchre-hand-walkthrough .ehw-trump-symbol{font-size:1.3rem;color:var(--ehw-red)}.euchre-hand-walkthrough .ehw-red-card-text{color:var(--ehw-red);font-weight:700}@keyframes ehw-card-deal{0%{opacity:0;transform:scale(.6) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.euchre-hand-walkthrough .ehw-card{width:64px;height:88px}.euchre-hand-walkthrough .ehw-card.is-entering{animation:ehw-card-deal .22s ease-out}.euchre-hand-walkthrough .ehw-card.is-highlight{border-color:var(--ehw-gold);box-shadow:0 0 0 3px var(--ehw-light-gold),2px 3px 8px #00000026}.euchre-hand-walkthrough .ehw-card.is-winner{border-color:var(--ehw-gold);box-shadow:0 0 0 3px var(--ehw-light-gold),2px 3px 12px #0003;transform:translateY(-6px) scale(1.06);z-index:2}.euchre-hand-walkthrough .ehw-card.is-trump-glow{border-color:var(--ehw-red);box-shadow:0 0 0 2px #b5271a40,2px 3px 8px #0000001f}.euchre-hand-walkthrough .ehw-card.is-right-bower{border-color:var(--ehw-gold);box-shadow:0 0 0 3px var(--ehw-light-gold),2px 3px 12px #0000002e}.euchre-hand-walkthrough .ehw-card.is-winner.is-trump-glow{border-color:var(--ehw-gold);box-shadow:0 0 0 3px var(--ehw-light-gold),2px 3px 12px #0003}.euchre-hand-walkthrough .ehw-hand-rack{background:#1e4430;border-top:2px solid rgba(0,0,0,.25);padding:14px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.euchre-hand-walkthrough .ehw-hand-rack-label{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff61}.euchre-hand-walkthrough .ehw-hand-cards-row{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap}.euchre-hand-walkthrough .ehw-hand-card-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.euchre-hand-walkthrough .ehw-hand-card-wrap .ehw-card{transition:transform .2s,box-shadow .2s,opacity .2s,border-color .2s}.euchre-hand-walkthrough .ehw-hand-tag{min-width:54px;padding:2px 7px;border-radius:10px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:6.5px;font-weight:900;letter-spacing:.1em;line-height:1.6;text-align:center;text-transform:uppercase}.euchre-hand-walkthrough .ehw-hand-tag.is-right-tag{background:var(--ehw-dark);color:var(--ehw-light-gold)}.euchre-hand-walkthrough .ehw-hand-tag.is-left-tag{background:var(--ehw-gold);color:#fff}.euchre-hand-walkthrough .ehw-hand-tag.is-empty-tag{background:transparent;color:transparent}.euchre-hand-walkthrough .ehw-hand-card-wrap.is-playing .ehw-card{transform:translateY(-12px) scale(1.07);border-color:var(--ehw-gold)!important;box-shadow:0 0 0 3px var(--ehw-light-gold),0 8px 20px #0000004d!important;z-index:4}.euchre-hand-walkthrough .ehw-hand-card-wrap.is-played .ehw-card{opacity:.2;box-shadow:none!important;transform:none}.euchre-hand-walkthrough .ehw-narration-box{padding:20px 24px;border-top:1.5px solid var(--ehw-border);min-height:110px}.euchre-hand-walkthrough .ehw-narration-content{display:flex;flex-direction:column;gap:10px}.euchre-hand-walkthrough .ehw-result-banner{background:var(--ehw-dark);color:var(--ehw-cream);border-radius:6px;padding:12px 18px;text-align:center;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700}.euchre-hand-walkthrough .ehw-result-banner.is-makers{background:var(--ehw-green)}.euchre-hand-walkthrough .ehw-result-banner.is-defenders{background:var(--ehw-red)}.euchre-hand-walkthrough .ehw-result-banner.is-final{background:var(--ehw-dark);color:var(--ehw-light-gold)}.euchre-hand-walkthrough .ehw-narration-text{font-size:1rem;line-height:1.8;margin:0}.euchre-hand-walkthrough .ehw-rule-box{border-left:4px solid var(--ehw-gold);background:#fff3dc;padding:10px 14px;border-radius:0 4px 4px 0;font-size:.88rem;line-height:1.7}.euchre-hand-walkthrough .ehw-rule-box.is-red-rule{border-color:var(--ehw-red);background:#fff0ee}.euchre-hand-walkthrough .ehw-rule-box.is-green-rule{border-color:var(--ehw-green);background:#eef7f0}.euchre-hand-walkthrough .ehw-rule-box.is-gold-rule{border-color:var(--ehw-gold);background:#fff3dc}.euchre-hand-walkthrough .ehw-controls{padding:14px 24px 18px;border-top:1.5px solid var(--ehw-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.euchre-hand-walkthrough .ehw-ctrl-btn{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:700;font-size:.9rem;padding:10px 24px;border-radius:6px;border:none;cursor:pointer;transition:all .15s;letter-spacing:.04em}.euchre-hand-walkthrough .ehw-ctrl-btn.is-next-btn{background:var(--ehw-dark);color:var(--ehw-light-gold)}.euchre-hand-walkthrough .ehw-ctrl-btn.is-next-btn:hover:not(:disabled){background:#2a1e14}.euchre-hand-walkthrough .ehw-ctrl-btn.is-prev-btn{background:transparent;color:var(--ehw-dark);border:1.5px solid var(--ehw-border)}.euchre-hand-walkthrough .ehw-ctrl-btn.is-prev-btn:hover:not(:disabled){border-color:var(--ehw-gold)}.euchre-hand-walkthrough .ehw-ctrl-btn:disabled{opacity:.35;cursor:default}.euchre-hand-walkthrough .ehw-step-indicator{font-size:.8rem;color:#999;font-style:italic;text-align:center}@media(max-width:700px){.euchre-hand-walkthrough .ehw-score-bar{padding:10px 14px}.euchre-hand-walkthrough .ehw-team-name{font-size:.77rem}}@media(max-width:560px){.euchre-hand-walkthrough .ehw-play-grid{grid-template-columns:1fr 72px 1fr;gap:10px}.euchre-hand-walkthrough .ehw-controls{flex-wrap:wrap}.euchre-hand-walkthrough .ehw-step-indicator{order:3;width:100%}}@media(max-width:420px){.euchre-hand-walkthrough .ehw-card,.euchre-hand-walkthrough .ehw-card-slot{width:54px;height:76px}.euchre-hand-walkthrough .ehw-card{font-size:1.2rem}.euchre-hand-walkthrough .ehw-card-rank{font-size:.7rem;top:5px;left:6px}.euchre-hand-walkthrough .ehw-play-grid{grid-template-rows:auto 76px auto}.euchre-hand-walkthrough .ehw-score-bar{flex-wrap:wrap;justify-content:center}.euchre-hand-walkthrough .ehw-trick-counter{width:100%;order:3}.euchre-hand-walkthrough .ehw-hand-rack{padding:12px 4px 16px}.euchre-hand-walkthrough .ehw-hand-cards-row{width:100%;gap:4px;justify-content:center}.euchre-hand-walkthrough .ehw-hand-card-wrap{gap:4px}.euchre-hand-walkthrough .ehw-hand-card-wrap .ehw-card{width:44px;height:62px;font-size:1.05rem}.euchre-hand-walkthrough .ehw-hand-card-wrap .ehw-card-rank{font-size:.58rem;top:4px;left:5px}.euchre-hand-walkthrough .ehw-hand-tag{min-width:40px;padding:2px 4px;font-size:5px}.euchre-hand-walkthrough .ehw-narration-box,.euchre-hand-walkthrough .ehw-controls{padding-left:16px;padding-right:16px}}