:root{--tonk-card-width: 70px;--tonk-card-height: 98px;--tonk-primary-color: #27ae60;--tonk-secondary-color: #2980b9}@media (max-width: 480px){:root{--tonk-card-width: 55px;--tonk-card-height: 77px}}.card{width:var(--tonk-card-width);height:var(--tonk-card-height);border-radius:6px;overflow:hidden;flex-shrink:0;position:relative;box-sizing:border-box}.card img{width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none;display:block}.tonk-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%}.tonk-label{color:#fff;font-size:.9rem;text-align:center;display:block;margin-bottom:8px}.tonk-hand{display:flex;justify-content:center;align-items:center;min-height:var(--tonk-card-height);padding:0 20px}.tonk-hand .card{width:var(--tonk-card-width);height:var(--tonk-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;overflow:hidden}.tonk-hand .card img{width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none}.tonk-hand .card:first-child{margin-left:0}.tonk-hand--player .card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tonk-hand--player .card:hover{transform:translateY(-10px);z-index:10}.tonk-hand--player .card.selected{transform:translateY(-16px);box-shadow:0 0 0 3px var(--color-gold, #d4af37);z-index:11}@media (max-width: 600px){.tonk-hand .card{margin-left:-30px}}@media (max-width: 400px){.tonk-hand .card{margin-left:-35px}}.card--back{background-image:url(/assets/card_back-C1SCalpW.webp);background-color:transparent;box-shadow:0 2px 6px #0006}.tonk-center{display:flex;flex-direction:column;align-items:center;gap:16px}.tonk-piles{display:flex;gap:24px;align-items:flex-start}.tonk-pile{width:var(--tonk-card-width);height:var(--tonk-card-height);border:2px dashed rgba(255,255,255,.3);border-radius:6px;position:relative;cursor:pointer;flex-shrink:0}.tonk-pile--stock .stock-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background-image:url(/assets/card_back-C1SCalpW.webp);background-size:cover;background-position:center;box-shadow:0 2px 8px #0000004d}.tonk-pile--discard{border:2px solid rgba(255,255,255,.2)}.tonk-pile--discard .card{width:100%;height:100%;position:absolute;top:0;left:0}.tonk-pile .card.clickable,.tonk-pile .stock-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tonk-pile .card.clickable:hover,.tonk-pile .stock-card.clickable:hover{transform:scale(1.05);box-shadow:0 0 12px #fff6}.stock-count{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.65rem;padding:2px 5px;border-radius:4px;font-weight:600;z-index:5}.tonk-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}.tonk-player,.tonk-opponent{display:flex;flex-direction:column;align-items:center;gap:12px}.tonk-controls{display:flex;align-items:center;gap:16px}.tonk-buttons{display:flex;gap:10px}.tonk-btn{padding:8px 16px;font-size:.9rem;font-family:inherit;border:none;border-radius:4px;cursor:pointer;background:#e0e0e0;color:#333;transition:background .15s ease}.tonk-btn:hover:not(:disabled){background:#d0d0d0}.tonk-btn:disabled{opacity:.5;cursor:not-allowed}.tonk-btn--deal{background:var(--color-gold, #d4af37);color:#1a1a1a;font-weight:600}.tonk-btn--deal:hover:not(:disabled){background:#c9a030}.tonk-btn--meld{background:#8e44ad;color:#fff;font-weight:600}.tonk-btn--meld:hover:not(:disabled){background:#9b59b6}.tonk-btn--knock{background:#c0392b;color:#fff;font-weight:600}.tonk-btn--knock:hover:not(:disabled){background:#d94636}.tonk-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}.tonk-analysis__section{display:flex;align-items:center;gap:6px}.tonk-analysis__label{color:#666;font-weight:500}.tonk-analysis__value{font-weight:700;color:#b22222}.tonk-analysis__hint{color:#888;font-size:.75rem;font-style:italic}.variant-badge{display:flex;align-items:center;gap:4px;background:#2c3e50;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.variant-badge .material-icons{font-size:14px}@media (max-width: 480px){.tonk-analysis{flex-wrap:wrap;justify-content:center;gap:8px;font-size:.8rem}}.melds-area{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:50px;padding:6px;background:#0000004d;border-radius:6px;border:1px dashed rgba(255,255,255,.2);width:100%;max-width:450px}.melds-area:empty:after{content:"Melds appear here";color:#fff6;font-size:.75rem;font-style:italic;display:flex;align-items:center}.meld{display:flex;background:#ffffff1a;border-radius:4px;padding:2px}.meld .meld-card{width:calc(var(--tonk-card-width) * .6);height:calc(var(--tonk-card-height) * .6);margin-left:-10px;border-radius:4px;overflow:hidden}.meld .meld-card img{width:100%;height:100%;object-fit:cover}.meld .meld-card:first-child{margin-left:0}.tonk-scoreboard{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#00000080;border-radius:6px;font-family:inherit}.score-panel{display:flex;align-items:center;gap:4px}.score-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px}.score-value{font-size:1rem;font-weight:700;color:#fff;min-width:30px;text-align:center}.score-panel--player .score-value{color:var(--color-gold, #d4af37)}.score-divider{color:#fff6;font-size:.7rem;padding:0 4px}.tonk-pile--draw-phase .stock-card,.tonk-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}}.tonk-pile--draw-phase{border-color:var(--color-gold, #d4af37)}@media (max-width: 600px){.melds-area{max-width:100%}.tonk-controls{flex-wrap:wrap;justify-content:center}}