:root{--text:#1a1a1a;--bg:#cfcfcf;--felt:#0b5f3c;--felt-dark:#084a2e;--card-bg:#fff;--card-border:#d0d0d0;--accent:#c9a227;--table-rail:#6b4226;--card-back-bg:#161213;--card-back-line:#b3141e;--card-back-border:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}button{font:inherit;color:inherit}html{overflow-x:hidden}body{min-height:100svh;margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}.app-header{background:#141414;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex;box-shadow:0 2px 6px #00000040}.app-header-brand{cursor:pointer;color:#f4f1ea;background:0 0;border:none;align-items:center;gap:.6rem;padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700;display:flex}.app-header-suits{letter-spacing:.3rem;color:#d1453d;font-size:1rem}.app-header-bid-euchre{border-bottom:4px solid var(--felt-dark);background:#2b1810}.app-header-bid-euchre .app-header-suits{color:var(--accent)}.app-header-actions{align-items:center;gap:.6rem;display:flex}.home-screen{flex-direction:column;flex:1;align-items:center;gap:2.5rem;padding:3rem 1.5rem;display:flex}.home-title{text-align:center;color:#b8342c;text-shadow:0 2px #00000026;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3rem)}.game-card-grid{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.game-card{cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:1rem;min-width:14rem;padding:1rem 1.5rem;transition:transform .12s,filter .12s;display:flex}.game-card-bid-euchre{background:var(--felt-dark);border:2px solid var(--table-rail);color:#f0c419}.game-card-golf{color:#fff;background:#3c8c3c;border:2px solid #c02020}.game-card-fish{color:#fff;background:#1c6ea4;border:2px solid #aee9f5}.game-card:disabled{cursor:not-allowed}.game-card:disabled:hover{filter:none;transform:none}.game-card:hover{filter:brightness(1.08);transform:translateY(-2px)}.game-card-icon{flex-shrink:0;width:44px;height:40px;position:relative}.game-card-icon .playing-card-mini:first-child{position:absolute;top:6px;left:0;transform:rotate(-10deg)}.game-card-icon .playing-card-mini:last-child{position:absolute;top:0;left:18px;transform:rotate(10deg)}.game-card-icon-quad{flex-shrink:0;width:78px;height:40px;position:relative}.game-card-icon-quad .playing-card-mini{position:absolute;top:4px}.game-card-icon-quad .playing-card-mini:first-child{left:0;transform:rotate(-15deg)}.game-card-icon-quad .playing-card-mini:nth-child(2){top:0;left:16px;transform:rotate(-5deg)}.game-card-icon-quad .playing-card-mini:nth-child(3){top:0;left:32px;transform:rotate(5deg)}.game-card-icon-quad .playing-card-mini:nth-child(4){left:48px;transform:rotate(15deg)}.game-card-info{flex-direction:column;gap:.15rem;display:flex}.game-card-name{font-size:1.1rem;font-weight:600}.game-card-coming-soon{opacity:.85;font-size:.8rem;font-style:italic}.bid-euchre-theme{--bg:#dde6db;--text:#1a1a1a;background:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;flex:1;display:flex}.status-screen{flex:1;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.status-screen-column{flex-direction:column;gap:1rem}.status-screen-column p{margin:0}.app{flex-direction:column;flex:1;align-items:center;gap:1rem;width:100%;max-width:900px;margin:0 auto;padding:1rem;display:flex}.game-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.you-are{opacity:.85;font-size:.95rem}.game-header-actions{gap:.5rem;display:flex}.finish-game-button,.leave-room-button{padding:.35rem .9rem;font-size:.85rem}.sitting-out-note{opacity:.85;text-align:center;padding:.5rem;font-size:.95rem}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex}.landing-hero{flex-direction:column;align-items:center;gap:.4rem;display:flex}.landing-suits{letter-spacing:.7rem;color:var(--accent);padding-left:.7rem;font-size:1.3rem}.landing-title{color:var(--felt-dark);text-shadow:0 3px 0 var(--accent);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,9vw,4.5rem)}.landing-tagline{max-width:26rem;color:var(--felt-dark);opacity:.8;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic}.landing-table{background:var(--felt);border:6px solid var(--felt-dark);border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1.75rem 2rem;display:flex;box-shadow:0 12px 30px #00000040}.landing-divider{color:#fff;opacity:.7;font-size:.9rem;font-style:italic}.landing-panel{gap:.5rem;display:flex}.landing-panel input{text-transform:uppercase;border:none;border-radius:6px;width:8rem;padding:.5rem;font-size:1rem}.landing-error{color:#ffb4b4}.felt-button{border:2px solid var(--accent);color:#1a1a1a;cursor:pointer;background:#fff;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600}.felt-button:not(:disabled):hover{background:var(--accent)}.felt-button:disabled{opacity:.6;cursor:not-allowed}.volume-button{color:#f4f1ea;cursor:pointer;background:#f4f1ea14;border:1px solid #f4f1ea59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;line-height:1;transition:background-color .15s,border-color .15s;display:flex}.volume-button:hover{border-color:var(--accent);background:#f4f1ea2e}.lobby{flex-direction:column;flex:1;align-items:center;gap:1.5rem;width:100%;max-width:700px;margin:0 auto;padding:1rem;display:flex}.lobby-hero{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.lobby-title{color:var(--felt-dark);text-shadow:0 2px 0 var(--accent);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,5vw,2.6rem)}.lobby-hint{opacity:.75;font-size:.9rem}.lobby-table{background:var(--felt);border:6px solid var(--felt-dark);border-radius:16px;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:1.5rem;display:flex;box-shadow:0 12px 30px #00000040}.lobby-your-name{color:#fff;font-size:.95rem}.lobby-your-name input{border:none;border-radius:6px;padding:.4rem .5rem;font-size:.95rem}.lobby-teams{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.team-panel{background:var(--card-bg);border:3px solid;border-radius:10px;flex-direction:column;flex:1;gap:.6rem;min-width:220px;padding:1rem;display:flex;box-shadow:0 4px 10px #0003,inset 0 0 0 1px #0000000a}.team-panel select,.team-panel>input{border:1px solid var(--card-border);color:#1a1a1a;background:#fff;border-radius:6px;padding:.4rem .5rem;font-size:.95rem}.team-panel select.team-color-select:disabled{opacity:1;cursor:default;border-style:solid}.team-panel>input{font-family:Georgia,Times New Roman,serif;font-weight:600}.team-panel>input:disabled,.team-panel select:disabled{opacity:.65;border-style:dashed}.team-panel ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.team-panel li{background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.92rem;display:flex}.team-panel li button{border:1px solid var(--accent);color:#1a1a1a;cursor:pointer;background:#fff;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.team-panel li button:hover{background:var(--accent)}.team-panel li.team-panel-open-seat{border:1px dashed var(--card-border);opacity:.6;background:0 0;justify-content:center;font-style:italic}.lobby-host-controls{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:.75rem;display:flex}.lobby-host-controls .lobby-hint{color:#fff;opacity:.85}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.game-length-select{flex-direction:column;align-items:center;gap:.4rem;display:flex}.game-length-label{font-size:.95rem;font-weight:600}.game-length-options{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.game-length-option{border:2px solid var(--accent);color:#1a1a1a;cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .1s,box-shadow .1s,transform .1s,color .1s;transform:translateY(0);box-shadow:0 2px #00000040}.game-length-option:not([aria-pressed=true]):hover{background:var(--accent);color:#fff}.game-length-option[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--felt-dark);background:var(--accent);transform:translateY(2px);box-shadow:inset 0 2px 4px #00000073}.score-board{gap:1.5rem;font-weight:600;display:flex}.score-board .your-team{color:var(--accent)}.trump-indicator{flex-wrap:wrap;gap:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.trump-suit-red{color:#c02020}.card-rank-button{border:2px solid var(--accent);color:#1a1a1a;cursor:pointer;background:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.card-rank-button:hover{background:var(--accent);color:#fff}.table{background:radial-gradient(ellipse at center, var(--felt) 0%, var(--felt-dark) 120%);border:10px solid var(--felt-dark);width:100%;min-height:clamp(340px,58vh,560px);box-shadow:0 0 0 4px var(--table-rail), inset 0 0 40px #00000059, inset 0 0 0 2px #ffffff14, 0 16px 40px #00000059;border-radius:260px/70px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);place-items:center;gap:.5rem;padding:1.75rem 1rem;display:grid;position:relative}.seat{color:#fff;text-align:center;border-radius:8px;min-width:0;padding:.4rem .8rem}.seat.active-turn{box-shadow:0 0 0 2px var(--accent);background:#ffffff26}.seat-top{grid-area:1/2}.seat-left{grid-area:2/1}.seat-right{grid-area:2/3}.seat-bottom{grid-area:3/2}.seat-label{font-weight:600}.seat-tag{opacity:.8;margin-left:.4em;font-size:.7em;font-weight:400}.seat-tag-disconnected{color:var(--accent);opacity:1;font-weight:600}.dealer-marker{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-left:.4em;font-size:.7em;font-weight:700;display:inline-flex}.turn-order-marker{color:#fff;background:0 0;border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-left:.4em;font-size:.7em;font-weight:700;display:inline-flex}.seat-hand-size{opacity:.85;font-size:.85rem}.seat-bid-status{opacity:.9;font-size:.85rem;font-weight:600}.seat-cards{justify-content:center;margin-top:.3rem;display:flex}.seat-cards>*{margin-left:-12px}.seat-cards>:first-child{margin-left:0}.deal-overlay{pointer-events:none;grid-area:2/2;width:140px;min-width:0;height:140px;position:relative}.deal-card{opacity:0;animation:.45s ease-out forwards deal-card;animation-delay:var(--fly-delay,0s);margin:-16.5px 0 0 -12px;position:absolute;top:50%;left:50%}@keyframes deal-card{0%{opacity:0;transform:translate(0)scale(.7)}20%{opacity:1}to{transform:translate(var(--fly-x,0), var(--fly-y,0)) scale(.85);opacity:0}}.fly-to-top{--fly-x:0px;--fly-y:-190px}.fly-to-bottom{--fly-x:0px;--fly-y:190px}.fly-to-left{--fly-x:-230px;--fly-y:0px}.fly-to-right{--fly-x:230px;--fly-y:0px}.trick-area{grid-area:2/2;width:140px;min-width:0;height:140px;position:relative}.bidding-banner{z-index:4;text-align:center;pointer-events:none;background:#00000059;border-radius:10px;flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;gap:.3rem;padding:.6rem .9rem;animation:.15s ease-out table-banner-in;display:flex}.bidding-banner-title{color:#fff;font-size:1.05rem;font-weight:700}.bidding-banner-title.bidding-banner-muted{opacity:.75;font-weight:600}.bidding-banner-subtitle{color:#fff;font-size:.95rem;font-weight:600}.trick-play{perspective:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trick-play-top{transform:translate(-50%,-140%)}.trick-play-bottom{transform:translate(-50%,40%)}.trick-play-left{transform:translate(-140%,-50%)}.trick-play-right{transform:translate(40%,-50%)}.trick-card-flip{width:52px;height:72px;transform-style:preserve-3d;position:relative}.trick-card-front,.trick-card-back{backface-visibility:hidden;position:absolute;inset:0}.trick-card-back{transform:rotateY(180deg)}.trick-card-flip.sweeping{animation:.6s ease-in 1.4s forwards trick-sweep}@keyframes trick-sweep{0%{opacity:1;transform:translate(0)rotateY(0)}55%{opacity:1;transform:translate(0)rotateY(90deg)}to{transform:translate(var(--fly-x,0), var(--fly-y,0)) rotateY(180deg);opacity:0}}.hand{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.playing-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:default;border-radius:6px;flex-shrink:0;width:52px;height:72px;font-weight:700;line-height:1;position:relative;box-shadow:0 1px 2px #0000004d}button.playing-card{cursor:pointer}button.playing-card:hover:not(:disabled){transition:transform .1s;transform:translateY(-4px)}.playing-card.red{color:#c02020}.playing-card.black{color:#111}.playing-card.illegal{opacity:.35;cursor:not-allowed}.playing-card.selected{border:2px solid var(--accent);box-shadow:0 0 0 2px var(--accent-bg,#fff6e0);transform:translateY(-4px)}.playing-card-trump{border:2px solid var(--accent);background:var(--accent-bg,#fff6e0)}.card-index{flex-direction:column;align-items:center;display:flex;position:absolute}.card-index-top{top:4px;left:4px}.card-index-bottom{bottom:4px;right:4px;transform:rotate(180deg)}.card-index-rank{font-size:.85rem}.card-index-suit{font-size:.7rem}.card-pip{font-size:1.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playing-card-mini{border-radius:3px;width:24px;height:33px}.playing-card-mini .card-index-top{top:1px;left:1px}.playing-card-mini .card-index-bottom{bottom:1px;right:1px}.playing-card-mini .card-index-rank{font-size:.5rem}.playing-card-mini .card-index-suit{font-size:.42rem}.playing-card-mini .card-pip{font-size:.8rem}.card-back{border:2px solid var(--card-back-border);background-color:var(--card-back-bg);background-image:repeating-linear-gradient(45deg, var(--card-back-line) 0, var(--card-back-line) 1.5px, transparent 1.5px, transparent 8px), repeating-linear-gradient(-45deg, var(--card-back-line) 0, var(--card-back-line) 1.5px, transparent 1.5px, transparent 8px);width:52px;height:72px;box-shadow:inset 0 0 0 2px var(--card-back-bg), 0 1px 2px #0000004d;border-radius:6px;flex-shrink:0}.card-back-mini{background-image:repeating-linear-gradient(45deg, var(--card-back-line) 0, var(--card-back-line) 1px, transparent 1px, transparent 4px), repeating-linear-gradient(-45deg, var(--card-back-line) 0, var(--card-back-line) 1px, transparent 1px, transparent 4px);width:24px;height:33px;box-shadow:inset 0 0 0 1px var(--card-back-bg);border-width:1px;border-radius:3px}.table-banner{z-index:6;text-align:center;border-radius:inherit;pointer-events:none;background:#040605f7;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;animation:.15s ease-out table-banner-in;display:flex;position:absolute;inset:0}.table-banner-title{color:#fff;font-size:1.3rem;font-weight:700}.table-banner-details{color:#fff;flex-wrap:wrap;justify-content:center;gap:.4rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.table-banner-sudden-death .table-banner-title{color:#ff3b30;text-transform:uppercase;letter-spacing:.08em;font-size:2.1rem;font-weight:800}.table-banner-sudden-death .table-banner-subtitle{color:#ff3b30;font-size:1.1rem;font-weight:600}@keyframes table-banner-in{0%{opacity:0}to{opacity:1}}.bidding-panel,.trump-call-panel{text-align:center}.bidding-panel.waiting,.trump-call-panel.waiting{opacity:.7;font-style:italic}.bid-buttons,.trump-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.bid-buttons button,.trump-buttons button{border:1px solid var(--card-border);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem .9rem;font-size:1rem}.bid-buttons button:disabled,.trump-buttons button:disabled{opacity:.4;cursor:not-allowed}.bid-buttons button:not(:disabled):hover,.trump-buttons button:not(:disabled):hover{border-color:var(--accent)}.bid-buttons button{flex-direction:column;align-items:center;gap:.1rem;display:flex}.bid-points{opacity:.7;font-size:.7rem;font-weight:400}.bidding-panel p{max-width:32rem;margin:0 auto .5rem;font-size:.9rem}.bid-legend{opacity:.8}.trump-buttons button.selected{border-color:var(--accent);background:var(--accent-bg,#fff6e0)}.moon-swap-pick,.moon-swap-panel{text-align:center;max-width:32rem;margin:.5rem auto 0}.moon-swap-panel.waiting{opacity:.7;font-style:italic}.moon-swap-pick p,.moon-swap-panel p{font-size:.9rem}.moon-swap-pick .hand,.moon-swap-panel .hand{margin-bottom:.5rem}.game-over-screen{text-align:center}.game-over-scores{flex-direction:column;align-items:center;gap:.25rem;font-weight:600;display:flex}.game-over-actions{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.toast{color:#fff;z-index:10;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%)}.toast-error{background:#c02020;bottom:1.5rem}.toast-info{background:var(--felt-dark);top:1.5rem}.modal-backdrop{z-index:30;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);color:#1a1a1a;text-align:left;border-radius:12px;width:100%;max-width:34rem;max-height:85vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 50px #0006}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.modal-close{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 .25rem;font-size:1.6rem;line-height:1}.modal-close:hover{color:var(--accent)}.confirm-dialog-message{margin:0 0 1.25rem}.confirm-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}.rules-content section+section{margin-top:1rem}.rules-content h3{color:var(--felt-dark);margin:0 0 .25rem;font-size:1rem}.rules-content p{margin:0;font-size:.92rem;line-height:1.45}.rules-content ul{margin:.25rem 0 0;padding-left:1.2rem}.rules-content li{font-size:.92rem;line-height:1.45}.rules-content li+li{margin-top:.4rem}.rank-guide{margin-top:.75rem}.rank-guide-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.rank-guide-row+.rank-guide-row{margin-top:.75rem}.rank-guide-row-label{margin-bottom:.4rem;font-size:.85rem;font-weight:600}.rank-guide-cards{flex-wrap:wrap;gap:.5rem;display:flex}.rank-guide-card-wrap{flex-direction:column;align-items:center;gap:.25rem;display:flex}.rank-guide-card-note{color:var(--felt-dark);text-align:center;font-size:.7rem;font-weight:700}.settings-section{flex-direction:column;gap:.5rem;display:flex}.settings-section+.settings-section{margin-top:1.25rem}.settings-label{font-size:.92rem;font-weight:600}.volume-slider-wrap{flex-direction:column;gap:.3rem;display:flex}.volume-slider{width:100%;accent-color:var(--accent)}.volume-ticks{opacity:.7;justify-content:space-between;padding:0 2px;font-size:.72rem;display:flex}