*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--felt: #2d6a4f;--felt-dark: #1b4332;--felt-light: #40916c;--gold: #f9c74f;--gold-glow: rgba(249, 199, 79, .6);--card-w: 64px;--card-h: 90px;--card-w-sm: 44px;--card-h-sm: 62px;--radius: 6px;--shadow: 0 2px 8px rgba(0,0,0,.4);font-family:Georgia,serif;font-size:16px}body{background:var(--felt-dark);color:#fff;min-height:100dvh;overflow:hidden}.app{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--felt-dark);border-bottom:2px solid var(--felt-light);flex-shrink:0}.app-title{font-size:1.4rem;letter-spacing:4px;color:var(--gold);font-variant:small-caps}.game-table{flex:1;background:var(--felt);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px;overflow:hidden;position:relative}.app-footer{background:var(--felt-dark);border-top:2px solid var(--felt-light);padding:8px 16px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px}.status-bar{font-size:.85rem;color:#d8f3dc;text-align:center}.waiting-msg,.play-prompt{font-size:.85rem;color:#adb5bd;font-style:italic}.seat-north,.seat-south{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.seat-label{font-size:.75rem;color:#d8f3dc;letter-spacing:1px;text-transform:uppercase}.pitcher-badge{background:var(--gold);color:#333;font-size:.6rem;padding:1px 5px;border-radius:8px;margin-left:6px;font-weight:700;text-transform:uppercase}.middle-row{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;width:100%}.seat-west,.seat-east{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;position:relative}.cpu-bid-badge{background:#00000080;color:var(--gold);font-size:.8rem;padding:2px 8px;border-radius:10px;border:1px solid var(--gold);margin-top:4px}.cpu-hand{display:flex;gap:3px}.cpu-hand-north{flex-direction:row}.cpu-hand-west,.cpu-hand-east{flex-direction:column;gap:3px}.player-hand{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:4px}.card{width:var(--card-w);height:var(--card-h);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ccc;position:relative;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;padding:4px;transition:transform .15s,box-shadow .15s}.card-small{width:var(--card-w-sm);height:var(--card-h-sm);padding:2px;font-size:.75rem}.card-red{color:#c0392b}.card-black{color:#1a1a1a}.card-valid{box-shadow:0 0 0 2px var(--gold),0 0 16px var(--gold-glow),var(--shadow);transform:translateY(-6px)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-10px);box-shadow:0 0 0 2px var(--gold),0 0 22px var(--gold-glow),0 4px 16px #00000080}.card-winner{box-shadow:0 0 0 2px #52b788,0 0 18px #52b7888c,var(--shadow);transform:translateY(-4px)}.card-dimmed{opacity:.45}.card-trump{border:2px solid var(--gold);background:linear-gradient(to bottom,#fffbe6,#fff 30%)}.card-trump .card-corner-top:after{content:"★";font-size:.5rem;color:var(--gold);margin-left:2px}.card-back{background:linear-gradient(135deg,#1a237e 25%,#283593 25%,#283593 50%,#1a237e 50%,#1a237e 75%,#283593 75%);background-size:10px 10px;border:2px solid #fff}.card-back-pattern{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.4);border-radius:4px}.card-corner{display:flex;flex-direction:column;align-items:center;line-height:1}.card-corner-bottom{transform:rotate(180deg)}.card-rank{font-size:.85rem;font-weight:700;line-height:1}.card-small .card-rank{font-size:.65rem}.card-suit{font-size:.7rem;line-height:1}.card-small .card-suit{font-size:.55rem}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;opacity:.15}.card-small .card-center{font-size:1rem}.trick-area{background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:280px}.trick-trump{font-size:.8rem;color:#d8f3dc;background:#0000004d;padding:3px 10px;border-radius:10px}.trick-grid{display:grid;grid-template-columns:80px 80px 80px;grid-template-rows:auto auto auto;gap:6px;align-items:center;justify-items:center}.trick-slot{display:flex;flex-direction:column;align-items:center;gap:3px}.trick-north{grid-column:2;grid-row:1}.trick-west{grid-column:1;grid-row:2}.trick-center-pip{grid-column:2;grid-row:2;font-size:1.5rem;opacity:.2}.trick-east{grid-column:3;grid-row:2}.trick-south{grid-column:2;grid-row:3}.trick-label{font-size:.65rem;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px}.trick-placeholder{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius)}.trick-winner-banner{font-size:.78rem;color:#52b788;text-align:center;font-weight:700;letter-spacing:.5px;padding:2px 10px;background:#52b7881f;border-radius:8px;border:1px solid rgba(82,183,136,.3)}.trick-slot-winner .trick-label{color:#52b788;font-weight:700}.scoreboard{display:flex;align-items:center;gap:12px;font-size:.85rem}.score-team{display:flex;align-items:baseline;gap:4px}.score-label{font-size:.7rem;color:#95d5b2;text-transform:uppercase}.score-value{font-size:1.6rem;font-weight:700;color:#fff;line-height:1}.score-team1 .score-value{color:var(--gold)}.score-team2 .score-value{color:#f8961e}.score-target{font-size:.7rem;color:#6c757d}.score-divider{font-size:.75rem;color:#6c757d}.bid-summary{display:flex;gap:8px;font-size:.75rem;color:#adb5bd}.pitcher-info{font-size:.75rem;color:#d8f3dc}.bid-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.bid-panel-waiting{color:#adb5bd;font-size:.85rem;gap:12px}.bid-prompt{font-size:.85rem;color:#d8f3dc}.bid-buttons{display:flex;gap:6px}.bid-btn{background:#fff;border:none;border-radius:6px;width:42px;height:42px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 2px 6px #0000004d}.bid-btn:not(:disabled):hover{background:var(--gold);transform:translateY(-2px)}.bid-btn:disabled{opacity:.35;cursor:not-allowed}.bid-btn-pass{background:#495057;color:#fff;width:56px}.bid-btn-pass:not(:disabled):hover{background:#6c757d}.bid-current{font-size:.75rem;color:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#1b2a1f;border:1px solid var(--felt-light);border-radius:12px;padding:24px;min-width:320px;max-width:480px;width:100%;box-shadow:0 8px 32px #0009}.modal-title{font-size:1.2rem;color:var(--gold);margin-bottom:10px;text-align:center;letter-spacing:2px}.game-over-title{font-size:1.6rem}.modal-trump{font-size:.85rem;color:#95d5b2;text-align:center;margin-bottom:12px}.modal-points{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px;padding:8px 0;display:flex;flex-direction:column;gap:6px}.point-row{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:3px 0}.point-row.team1{color:var(--gold)}.point-row.team2{color:#f8961e}.point-row.point-row-none{color:#6c757d}.point-name{width:36px;font-weight:700}.point-detail{flex:1}.point-team{text-align:right;font-size:.8rem}.modal-bid-result{text-align:center;font-size:.85rem;margin-bottom:10px;padding:6px;border-radius:6px}.bid-made{background:#40916c4d;color:#95d5b2}.bid-set{background:#c0392b4d;color:#ff8fa3}.modal-scores{display:flex;justify-content:space-around;font-size:.9rem;color:#d8f3dc;margin-bottom:16px}.modal-winner{text-align:center;font-size:1.2rem;color:var(--gold);margin-bottom:12px}.modal-btn{display:block;width:100%;padding:12px;background:var(--gold);color:#333;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.modal-btn:hover{background:#f3c823;transform:translateY(-1px)}.welcome-screen{background:#1b2a1f;border:1px solid var(--felt-light);border-radius:12px;padding:24px 20px;max-width:520px;width:calc(100% - 32px);max-height:85dvh;overflow-y:auto;box-shadow:0 8px 32px #0009}.welcome-title{text-align:center;font-size:2.2rem;letter-spacing:8px;color:var(--gold);font-variant:small-caps;margin-bottom:2px}.welcome-subtitle{text-align:center;font-size:.85rem;color:#95d5b2;margin-bottom:20px}.welcome-section{margin-bottom:16px}.welcome-section h2{font-size:.95rem;color:var(--gold);margin-bottom:6px;letter-spacing:1px;text-transform:uppercase}.welcome-section p{font-size:.85rem;color:#d8f3dc;line-height:1.5;margin-bottom:6px}.welcome-points{display:flex;flex-direction:column;gap:6px}.welcome-point{display:flex;gap:8px;align-items:baseline;font-size:.85rem;padding:4px 8px;background:#0003;border-radius:6px}.welcome-point-name{color:var(--gold);font-weight:700;min-width:40px;flex-shrink:0}.welcome-point-desc{color:#d8f3dc;line-height:1.4}.welcome-start-btn{margin-top:12px;font-size:1.1rem;padding:14px}@media(max-width:500px){.modal-overlay{padding:12px}.welcome-screen{padding:16px 12px;border-radius:8px;max-height:88dvh}.welcome-title{font-size:1.5rem;letter-spacing:4px}.welcome-subtitle{font-size:.75rem;margin-bottom:12px}.welcome-section{margin-bottom:10px}.welcome-section h2{font-size:.8rem;margin-bottom:4px}.welcome-section p{font-size:.75rem;line-height:1.4;margin-bottom:4px}.welcome-point{font-size:.72rem;padding:3px 6px;gap:6px}.welcome-points{gap:4px}.welcome-start-btn{font-size:1rem;padding:12px;margin-top:8px}}.teaching-hint{font-size:.8rem;color:#d8f3dc;background:#40916c33;border:1px solid rgba(64,145,108,.4);border-radius:8px;padding:8px 14px;text-align:center;line-height:1.4;max-width:480px}.teaching-hint strong{color:var(--gold)}.phase-banner{font-size:.8rem;color:var(--gold);background:var(--felt-dark);border-bottom:1px solid rgba(249,199,79,.3);padding:8px 16px;text-align:center;line-height:1.4;flex-shrink:0;width:100%}.phase-banner strong{text-transform:uppercase;letter-spacing:1px}.dimmed-hint{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:.7rem;color:#adb5bd;white-space:nowrap;pointer-events:none}.point-explanation{font-size:.75rem;color:#adb5bd;font-style:italic;margin-top:2px}.setback-explanation{font-size:.78rem;color:#adb5bd;margin-top:4px}@media(max-width:500px){:root{--card-w: 50px;--card-h: 70px;--card-w-sm: 36px;--card-h-sm: 50px}.app-header{padding:6px 12px;gap:6px}.app-title{font-size:.9rem;letter-spacing:2px;flex-shrink:0}.scoreboard{gap:4px;font-size:.7rem;flex-wrap:wrap;justify-content:center}.score-value{font-size:1rem}.score-label{font-size:.55rem}.score-target{display:none}.score-divider{font-size:.65rem}.bid-summary{gap:3px;font-size:.6rem}.pitcher-info{font-size:.65rem}.game-table{padding:2px 4px;gap:0}.phase-banner{font-size:.68rem;padding:4px 12px;line-height:1.3}.trick-area{min-width:160px;padding:4px;gap:2px;border-radius:8px}.trick-grid{grid-template-columns:50px 50px 50px;gap:1px}.trick-placeholder{width:36px;height:44px}.trick-trump{font-size:.65rem;padding:1px 6px}.trick-center-pip{font-size:1rem}.trick-label{font-size:.5rem}.trick-winner-banner{font-size:.65rem;padding:1px 6px}.app-footer{padding:4px 10px;gap:3px}.status-bar{font-size:.72rem}.teaching-hint{font-size:.7rem;padding:4px 10px;line-height:1.3}.bid-panel{gap:3px;flex-direction:column}.bid-prompt{font-size:.7rem}.bid-buttons{gap:5px;justify-content:center}.bid-btn{width:36px;height:36px;font-size:.85rem}.bid-btn-pass{width:48px;font-size:.75rem}.bid-current,.seat-label{font-size:.6rem}.cpu-bid-badge{font-size:.6rem;padding:1px 5px}.cpu-hand{gap:2px}.cpu-hand-west,.cpu-hand-east{gap:0}.middle-row{gap:4px}.player-hand{gap:3px;padding:2px}}