:root{--gin-card-width: 70px;--gin-card-height: 98px}@media (max-width: 480px){:root{--gin-card-width: 55px;--gin-card-height: 77px}}.gin-board{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:calc(100vh - 120px);padding:16px;gap:16px;max-width:700px;margin:0 auto;width:100%}.gin-label{color:#fff;font-size:.9rem;text-align:center;display:block;margin-bottom:8px}.gin-hand{display:flex;justify-content:center;align-items:center;min-height:var(--gin-card-height);padding:0 20px}.gin-hand .card{width:var(--gin-card-width);height:var(--gin-card-height);margin-left:-25px;border-radius:6px;background-color:#fff;background-size:cover;background-position:center;box-shadow:0 2px 8px #0000004d;flex-shrink:0;position:relative}.gin-hand .card:first-child{margin-left:0}.gin-hand--player .card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gin-hand--player .card:hover{transform:translateY(-10px);z-index:10}.gin-hand--player .card.selected{transform:translateY(-16px);box-shadow:0 0 0 3px var(--color-gold, #d4af37);z-index:11}@media (max-width: 600px){.gin-hand .card{margin-left:-30px}}@media (max-width: 400px){.gin-hand .card{margin-left:-35px}}.card--back{background-image:url(/assets/card_back-C1SCalpW.webp);background-color:transparent;box-shadow:0 2px 6px #0006}.gin-center{display:flex;flex-direction:column;align-items:center;gap:16px}.gin-piles{display:flex;gap:24px}.gin-pile{width:var(--gin-card-width);height:var(--gin-card-height);border:2px dashed rgba(255,255,255,.3);border-radius:6px;position:relative;cursor:pointer}.gin-pile .card{position:absolute;top:0;left:0;width:100%;height:100%}.gin-pile .card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gin-pile .card.clickable:hover{transform:scale(1.05);box-shadow:0 0 12px #fff6}.gin-message{background:#fffacd;color:#333;padding:12px 24px;border-radius:6px;font-size:.95rem;text-align:center;font-weight:500;box-shadow:0 2px 8px #0003;transition:background .3s ease}.gin-message--opponent{background:#ffffff26;color:#ffffffe6}.gin-opponent.active-turn .gin-label{color:var(--color-gold, #d4af37);animation:turn-pulse 1s ease-in-out infinite}@keyframes turn-pulse{0%,to{opacity:1}50%{opacity:.6}}.gin-player{display:flex;flex-direction:column;align-items:center;gap:12px}.gin-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.gin-buttons{display:flex;gap:10px}.gin-btn{padding:8px 20px;font-size:.9rem;font-family:inherit;border:none;border-radius:4px;cursor:pointer;background:#e0e0e0;color:#333;transition:background .15s ease}.gin-btn:hover:not(:disabled){background:#d0d0d0}.gin-btn:disabled{opacity:.5;cursor:not-allowed}.gin-btn--deal{background:var(--color-gold, #d4af37);color:#1a1a1a;font-weight:600}.gin-btn--deal:hover:not(:disabled){background:#c9a030}.gin-analysis{display:flex;align-items:center;gap:16px;background:#fffacd;padding:8px 16px;border-radius:6px;font-size:.9rem;color:#333;box-shadow:0 2px 8px #0003}.gin-analysis__section{display:flex;align-items:center;gap:6px}.gin-analysis__label{color:#666;font-weight:500}.gin-analysis__cards{font-weight:600;letter-spacing:.5px}.gin-analysis__melds .gin-analysis__cards{background:#228b22;color:#fff;padding:2px 8px;border-radius:4px}.gin-analysis__deadwood .gin-analysis__cards{background:#b22222;color:#fff;padding:2px 8px;border-radius:4px}.gin-red,.gin-black{color:#fff}.gin-meld-sep{color:#ffffff80;margin:0 2px}.gin-btn--knock{background:#228b22;color:#fff;font-weight:700;padding:10px 24px;border:none;text-transform:uppercase;letter-spacing:1px;margin-left:auto;font-size:1rem}.gin-btn--knock:hover:not(:disabled){background:#2ea82e}.gin-btn--knock:disabled{background:#444;opacity:.6}.gin-btn--knock.gin-ready{background:linear-gradient(135deg,#d4af37,#b8962e);animation:gin-pulse 1s ease-in-out infinite}@keyframes gin-pulse{0%,to{box-shadow:0 0 4px #d4af3766}50%{box-shadow:0 0 12px #d4af37cc}}@media (max-width: 480px){.gin-analysis{flex-wrap:wrap;justify-content:center;gap:8px;font-size:.8rem}.gin-btn--knock{margin-left:0}}.gin-pile--draw-phase .card{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #d4af3766}50%{box-shadow:0 0 20px #d4af37cc}}.gin-pile--draw-phase{border-color:var(--color-gold, #d4af37)}.gin-hand--player .card.just-drawn{animation:card-pop .3s ease-out;box-shadow:0 0 0 3px #d4af3799}@keyframes card-pop{0%{transform:scale(1.1) translateY(-20px)}to{transform:scale(1) translateY(0)}}.flying-card{width:var(--gin-card-width);height:var(--gin-card-height);border-radius:6px;background-color:#fff;background-size:cover;background-position:center;box-shadow:0 8px 24px #0006}.gin-pile--discard-phase .card{opacity:.5;cursor:not-allowed}.gin-hand--player .card.no-discard{opacity:.6;cursor:not-allowed}.gin-hand--player .card.no-discard:after{content:"🚫";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.gin-scoreboard{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#00000080;border-radius:6px;font-family:inherit}.gin-scoreboard__player{display:flex;align-items:center;gap:4px}.gin-scoreboard__label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px}.gin-scoreboard__score{font-size:1rem;font-weight:700;color:#fff;min-width:24px;text-align:center}.gin-scoreboard__divider{color:#fff6;font-size:.9rem;font-weight:700}.gin-scoreboard__score.winning{color:var(--color-gold, #d4af37)}.gin-controls{display:flex;align-items:center;gap:16px}.gin-btn--knock.knock-disabled{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#888;position:relative;cursor:not-allowed;opacity:.7;border:2px dashed #555}.gin-btn--knock.knock-disabled:before{content:"🚫";position:absolute;left:8px;font-size:.9rem}.knock-disabled-notice{display:none;background:#8b45134d;color:#daa520;padding:6px 12px;border-radius:4px;font-size:.8rem;text-align:center;border:1px solid rgba(218,165,32,.3);margin-top:4px}.variant-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#2d1f4e,#1a1030);color:#c4a7e7;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(196,167,231,.3)}.variant-badge .material-icons{font-size:.9rem}.gin-analysis{border-left:3px solid #c4a7e7}.gin-btn--knock.gin-ready{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a1a;animation:straight-gin-pulse .8s ease-in-out infinite;font-size:1.1rem;padding:12px 28px;border:none;box-shadow:0 0 20px #ffd70066}@keyframes straight-gin-pulse{0%,to{box-shadow:0 0 20px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 30px #ffd700b3;transform:scale(1.03)}}.gin-message{border-left:3px solid #c4a7e7}