*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a472a;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#0d2818;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #2d5a3d}.header h1{font-size:24px;color:#c0a050}.game-container{flex:1;display:flex;gap:16px;padding:16px;max-width:1400px;margin:0 auto;width:100%}.game-board{flex:1;display:flex;flex-direction:column;gap:16px}.game-sidebar{width:320px;display:flex;flex-direction:column;gap:12px}.card{display:inline-flex;align-items:center;justify-content:center;width:90px;height:188px;border-radius:5px;border:2px solid #555;background:#faf8f0;cursor:default;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.card .card-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.card.clickable{cursor:pointer;border-color:#888}.card.clickable:hover{transform:translateY(-6px);box-shadow:0 4px 12px #0006}.card.selected{border-color:#fbbf24;box-shadow:0 0 14px #fbbf24b3;transform:translateY(-8px)}.card.capture-target{border-color:#34d399;box-shadow:0 0 10px #34d39980}.card.small{width:60px;height:125px}.section{background:#0003;border-radius:8px;padding:12px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#8ba895;margin-bottom:8px}.card-row{display:flex;flex-wrap:wrap;gap:6px;min-height:88px;align-items:center}.table-area{background:#1e5c35;border:2px solid #2d7a4a;border-radius:12px;padding:20px;min-height:140px}.hand-area{background:#0000004d;border:2px solid #3a6b50;border-radius:12px;padding:16px}.hand-area.active{border-color:#fbbf24}.players-bar{display:flex;gap:12px;flex-wrap:wrap}.player-badge{padding:6px 12px;border-radius:6px;background:#0000004d;font-size:13px;display:flex;gap:8px;align-items:center}.player-badge.current{background:#2d5a3d;border:1px solid #fbbf24}.player-badge .name{font-weight:700}.player-badge .stats{color:#8ba895}.actions-area{background:#0000004d;border-radius:8px;padding:12px}.action-btn{display:block;width:100%;padding:8px 12px;margin-bottom:4px;border:1px solid #3a6b50;border-radius:4px;background:#1e3a2a;color:#e0e0e0;cursor:pointer;text-align:left;font-size:13px;transition:background .1s}.action-btn:hover{background:#2d5a3d}.action-btn.selected{background:#3d7a5d;border-color:#fbbf24}.game-log{flex:1;overflow-y:auto;max-height:400px;font-size:12px;font-family:SF Mono,Fira Code,monospace}.log-entry{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.log-entry .turn-num{color:#666;margin-right:6px}.log-entry .player-name{color:#c0a050;margin-right:4px}.log-entry .scopa-badge{color:#fbbf24;font-weight:700}.lobby{max-width:600px;margin:60px auto;padding:32px;background:#0000004d;border-radius:12px}.lobby h2{color:#c0a050;margin-bottom:20px}.player-config{display:flex;gap:12px;align-items:center;margin-bottom:12px}.player-config label{width:80px}.player-config input,.player-config select{padding:6px 10px;border-radius:4px;border:1px solid #3a6b50;background:#1e3a2a;color:#e0e0e0;font-size:14px}.player-config select{min-width:160px}.btn{padding:10px 24px;border-radius:6px;border:none;font-size:15px;cursor:pointer;font-weight:700;transition:background .15s}.btn-primary{background:#c0a050;color:#1a1a1a}.btn-primary:hover{background:#d4b060}.btn-secondary{background:#3a6b50;color:#e0e0e0}.btn-secondary:hover{background:#4a8b60}.btn-row{display:flex;gap:12px;margin-top:20px}.scores-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.scores-card{background:#1e3a2a;border:2px solid #c0a050;border-radius:12px;padding:32px;min-width:400px}.scores-card h2{color:#c0a050;margin-bottom:16px}.score-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)}.score-row.winner{color:#fbbf24;font-weight:700}.replay-controls{display:flex;gap:8px;align-items:center;padding:12px;background:#0000004d;border-radius:8px}.replay-controls button{padding:6px 12px;border:1px solid #3a6b50;border-radius:4px;background:#1e3a2a;color:#e0e0e0;cursor:pointer}.replay-controls button:hover{background:#2d5a3d}.replay-controls .turn-display{margin:0 12px;font-size:14px}.last-hand-banner{background:linear-gradient(90deg,transparent,rgba(251,191,36,.15),transparent);border:1px solid #c0a050;border-radius:6px;padding:10px;text-align:center;font-size:16px;font-weight:700;letter-spacing:3px;color:#fbbf24;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #fbbf2433}50%{box-shadow:0 0 20px #fbbf2480}}@media (max-width: 900px){.game-container{flex-direction:column}.game-sidebar{width:100%}}