:root{--primary:var(--gray-400);--bg-dark:#0f172a;--card-bg:#1e293b;--text-light:#f1f5f9;--text-dim:#94a3b8;--accent-red:#94a3b8;--accent-blue:#64748b;--accent-green:#475569;--accent-yellow:#cbd5e1;--accent-purple:#334155;--accent-orange:#1e293b;--radius:16px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--gray-100:#f8fafc;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--gray-900);color:var(--gray-100);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:480px;margin:0 auto;padding:1rem}.container{flex-direction:column;height:100%;display:flex}.card{background:var(--gray-800);border-radius:var(--radius);border:1px solid #ffffff0d;margin-bottom:1rem;padding:1.25rem;animation:.4s ease-out fadeIn;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}h1{background:linear-gradient(to right, var(--gray-300), var(--gray-500));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.75rem}button{background:var(--gray-700);color:var(--gray-100);border:1px solid var(--gray-600);cursor:pointer;transition:var(--transition);border-radius:12px;padding:.875rem 1.25rem;font-size:1rem;font-weight:600}button:hover{background:var(--gray-600)}button:active{transform:scale(.98)}input{background:var(--gray-900);border:1px solid var(--gray-700);color:#fff;border-radius:12px;width:100%;padding:.875rem 1rem;font-size:1rem}h2,h3{letter-spacing:-.025em;margin-bottom:1rem;font-weight:700}.player-input-row{gap:.5rem;margin-bottom:1rem;display:flex}.secondary-btn{border:1px solid var(--gray-700);color:var(--gray-400);background:0 0}.secondary-btn:hover{background:var(--gray-800);border-color:var(--gray-500);color:var(--gray-200)}.score-grid{gap:1rem;margin-top:1.5rem;display:grid}.score-item{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.score-item:last-child{border-bottom:none}.player-name-tag{align-items:center;gap:.5rem;font-weight:600;display:flex}.player-dot{border-radius:50%;width:12px;height:12px}.table-container{margin-top:1rem;overflow-x:auto}.score-input-large{text-align:center;font-weight:700;color:var(--primary)!important;padding:.5rem!important;font-size:1.5rem!important}table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:1rem}th,td{text-align:center;vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #ffffff1a;padding:1rem .5rem;overflow:hidden}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:.8rem;font-weight:700}td{font-variant-numeric:tabular-nums;transition:var(--transition)}tr:hover td{background:#ffffff08}th:first-child,td:first-child{width:60px}th:last-child,td:last-child{width:50px}.totals-section{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editable-score{cursor:pointer;border-radius:4px;padding:4px 8px}.editable-score:hover{background:#ffffff1a}.turn-badge{color:var(--text-dim);background:#334155;border-radius:4px;padding:2px 6px;font-size:.75rem}.actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.secondary-btn{color:var(--text-light);background:0 0;border:1px solid #334155}.secondary-btn:hover{background:#334155}.color-0{background:var(--accent-red)}.color-1{background:var(--accent-orange)}.color-2{background:var(--accent-yellow)}.color-3{background:var(--accent-green)}.color-4{background:var(--accent-blue)}.color-5{background:var(--accent-purple)}