.euchre-v0311 .gameheader{margin-bottom:10px}.eu311-modes{display:flex;gap:8px;overflow:auto;padding:2px 0 9px;scrollbar-width:thin}.eu311-modes a{flex:0 0 auto;text-decoration:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 13px;font-weight:800;color:var(--ink)}.eu311-modes a.active{background:var(--ink);border-color:var(--ink);color:#fff}.eu311-modes b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:.75rem}.eu311-modes a.active b{background:#fff;color:var(--ink)}
.eu311-live{display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.eu311-live>div{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:8px 10px;min-width:0}.eu311-live small{display:block;color:var(--muted);font-size:.73rem}.eu311-live strong{display:block;margin-top:2px;font-size:.98rem;overflow-wrap:anywhere}
.eu311-coach{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fbfcfd,#f4f7f8);padding:11px}.eu311-coach strong{display:block;margin:4px 0}.eu311-coach p{margin:0 0 9px;color:var(--muted);font-size:.86rem;line-height:1.45}.eu311-coach .btn{width:100%}.eu311-setup{border:1px solid var(--line);border-radius:14px;background:var(--card)}.eu311-setup>summary,.eu311-progress>summary,.eu311-last>summary,.eu311-rules>summary,.eu311-advanced>summary{cursor:pointer;font-weight:800;padding:11px 13px}.eu311-setup .eu-diff{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.eu311-keynote{margin:0;padding:0 10px 11px;color:var(--muted);font-size:.8rem;line-height:1.45}.eu311-keynote kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--soft);padding:1px 4px;font:inherit}
.eu311-review{margin-top:12px}.eu311-review-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.eu311-review-head h2{margin:3px 0 5px}.eu311-review-head p{margin:0;color:var(--muted);max-width:760px}.eu311-review-head>strong{border:1px solid var(--line);border-radius:999px;padding:7px 10px;white-space:nowrap}.eu311-review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px;margin-top:14px}.eu311-review-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--soft)}.eu311-review-card h3{margin:3px 0 8px}.eu311-review-hand,.eu311-review-trick{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.eu311-mini-card{width:48px;height:66px;border:1px solid #c8ced5;border-radius:9px;background:#fff;display:grid;place-items:center;font-weight:800}.eu311-mini-card.red{color:#b02a37}.eu311-review-actions{display:flex;gap:7px;flex-wrap:wrap}.eu311-review-actions button{border:1px solid var(--line);border-radius:9px;background:var(--card);padding:9px 11px;font-weight:700;cursor:pointer}.eu311-review-actions button.primary{background:var(--ink);color:#fff}.eu311-review-msg{margin-top:10px;min-height:42px;color:var(--muted);line-height:1.45}.eu311-empty{padding:20px;text-align:center;color:var(--muted)}
.eu311-last{margin-top:12px}.eu311-last-body{padding:0 13px 13px}.eu311-last-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.eu311-last-meta span{border:1px solid var(--line);border-radius:999px;background:var(--soft);padding:6px 9px;font-size:.82rem}.eu311-hands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eu311-hand-review{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--soft)}.eu311-hand-review strong{display:block;margin-bottom:6px}.eu311-hand-review .cards{display:flex;gap:4px;flex-wrap:wrap}.eu311-history{margin-top:10px;display:grid;gap:6px}.eu311-history-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:7px;font-size:.86rem}.eu311-history-row small{color:var(--muted)}
.eu311-progress{margin-top:12px}.eu311-progress .eu-stats{margin-top:0;padding:0 0 8px}.eu311-advanced{margin-top:12px;padding:0}.eu311-advanced-body{padding:0 16px 16px}.eu311-rules{margin-top:12px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.eu311-rules .eu-guide{padding:0 13px 13px;margin-top:0}.euchre-v0311[data-eu311-view="review"] .eu-shell,.euchre-v0311[data-eu311-view="review"] .eu311-last,.euchre-v0311[data-eu311-view="review"] .eu311-progress{display:none}.euchre-v0311[data-eu311-view="review"] #eu311ReviewWorkspace{display:block}.euchre-v0311[data-eu311-view="learn"] .eu311-coach{border-width:2px}.euchre-v0311[data-eu311-view="learn"] .eu311-coach::after{content:"Guided mode explains the phase before you decide. Exact suggestions still count as Assisted.";display:block;margin-top:8px;font-size:.78rem;color:var(--muted)}
@media(max-width:760px){.euchre-v0311 .preview-note{display:none}.euchre-v0311 .gameheader{padding:6px 0;margin-bottom:4px}.euchre-v0311 .gameheader .eyebrow,.euchre-v0311 .gameheader p,.euchre-v0311 .gameheader>a{display:none}.euchre-v0311 .gameheader h1{font-size:1.45rem;margin:0}.euchre-v0311 .gameheader h1 small{font-size:.72rem}.eu311-modes{margin:0 -2px;padding-bottom:6px}.eu311-modes a{padding:7px 10px;font-size:.85rem}.eu311-live{grid-template-columns:repeat(5,minmax(75px,1fr));overflow:auto;gap:5px;margin-bottom:6px}.eu311-live>div{padding:6px 7px}.eu311-live small{font-size:.66rem}.eu311-live strong{font-size:.85rem}.euchre-v0311 .eu-shell{padding:8px}.euchre-v0311 .eu-topline{margin-bottom:6px;gap:4px}.euchre-v0311 .eu-topline strong{font-size:.95rem}.euchre-v0311 .eu-topline small{font-size:.75rem}.euchre-v0311 .eu-state{gap:4px}.euchre-v0311 .eu-state span{padding:4px 6px;font-size:.72rem}.euchre-v0311 .eu-table{padding:7px}.euchre-v0311 .eu-score{gap:5px;margin-bottom:6px}.euchre-v0311 .eu-score>div{padding:6px 8px;border-radius:10px}.euchre-v0311 .eu-score strong{font-size:1.05rem}.euchre-v0311 .eu-score small,.euchre-v0311 .eu-score span{font-size:.68rem}.euchre-v0311 .eu-public{gap:4px;margin-bottom:5px}.euchre-v0311 .eu-public>div{padding:5px}.euchre-v0311 .eu-public small{font-size:.66rem;margin-bottom:2px}.euchre-v0311 .eu-public .eu-card{width:40px;height:56px}.euchre-v0311 .eu-trick{min-height:160px;margin:5px 0}.euchre-v0311 .eu-hand{min-height:68px;gap:3px}.euchre-v0311 .eu-card{width:47px;height:66px}.euchre-v0311 .eu-card strong{font-size:.88rem}.euchre-v0311 .eu-card span{font-size:1.08rem}.euchre-v0311 .eu-opponent,.euchre-v0311 .eu-your-label{font-size:.72rem;margin:4px 0}.eu311-coach{padding:8px}.eu311-coach p{font-size:.78rem;margin-bottom:6px}.eu311-review-grid{grid-template-columns:1fr}.eu311-hands{grid-template-columns:1fr 1fr}.euchre-v0311 .mobile-dock{display:none!important}.eu311-advanced-body{padding:0 10px 10px}}
@media(max-width:430px){.eu311-review-head{display:grid}.eu311-hands{grid-template-columns:1fr}.euchre-v0311 .eu-card{width:45px}.euchre-v0311 .eu-seat{min-width:62px}.euchre-v0311 .eu-seat small{font-size:.64rem}}
