:root{--bg:#0f1222;--surface:#1b1f38;--surface-2:#262c4d;--text:#f2f4ff;--muted:#a6adce;--accent:#6ea8fe;--plus:#3ecf8e;--minus:#f0708a;--leader:#ffd45e;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}#app{max-width:560px;margin:0 auto;padding:16px 14px 48px}.header h1{margin:8px 0 2px;font-size:1.6rem}.sub{color:var(--muted);margin:0 0 14px;font-size:.95rem}.add-row{gap:8px;margin-bottom:18px;display:flex}.name-input{background:var(--surface);border:1px solid var(--surface-2);min-width:0;color:var(--text);border-radius:var(--radius);flex:1;padding:14px;font-size:1rem}.name-input::placeholder{color:var(--muted)}.name-input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{cursor:pointer;border-radius:var(--radius);color:var(--text);background:var(--surface-2);touch-action:manipulation;border:none;min-height:48px;padding:12px 14px;font-size:1rem;font-weight:600}.btn:active{transform:translateY(1px)}.btn-add{background:var(--accent);color:#06122c;padding:12px 20px}.empty{background:var(--surface);border:1px dashed var(--surface-2);border-radius:var(--radius);text-align:center;padding:26px 20px}.empty-title{margin:0 0 6px;font-size:1.15rem;font-weight:700}.empty-body{color:var(--muted);margin:0 0 18px}.btn-ghost{border:1px solid var(--surface-2);color:var(--text);background:0 0}.list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:14px}.card.is-leader{border-color:var(--leader);box-shadow:0 0 0 1px var(--leader) inset}.card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.who{align-items:center;gap:8px;min-width:0;display:flex}.crown{font-size:1.1rem}.pname{text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;font-weight:700;overflow:hidden}.score{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:1.9rem;font-weight:800}.controls{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.btn-step{font-size:1.05rem;font-weight:700}.btn-plus{background:var(--plus);color:#04281b}.btn-minus{background:var(--minus);color:#330916}.btn-remove{border:1px solid var(--surface-2);color:var(--muted);background:0 0;grid-column:1/-1;min-height:44px;font-size:.9rem}.footer{gap:10px;margin-top:22px;display:flex}.footer .btn{flex:1}