:root{--surface: #ffffff;--background: #f6f6f8;--text: #111111;--muted: #666666;--border: #e6e6e9;--primary: #2b6ef6;--onPrimary: #ffffff;--danger: #c04}:root[data-theme=dark]{--surface: #0f1720;--background: #071019;--text: #e6eef6;--muted: #9fb0c6;--border: #17313f;--primary: #3b82f6;--danger: #ff7b7b}*{box-sizing:border-box}html{font-size:16px;padding:.5rem}body{font-family:system-ui,Arial,sans-serif;margin:0;padding:.25rem;background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}#app{max-width:42rem;margin:0 auto}h2{font-size:1.5rem;margin:.5rem 0 .75rem}section{background:var(--surface);padding:.75rem;border-radius:.5rem;margin-bottom:2rem}footer{display:flex;align-items:center;gap:.5rem}input,select{flex-grow:1;padding:.5rem;border-radius:.5rem;border:1px solid var(--border)}button.small{padding:.5rem;min-width:2.5rem}button.small.unsure{border-style:dashed;border-color:#c08;background:#fff0f6;color:#c04}button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--border);color:var(--text);cursor:pointer;font-size:1rem}button.primary{background:var(--primary);color:var(--onPrimary);border-color:transparent}.player-list{display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;gap:.5rem;align-items:center;padding:.5rem 0}.items{display:flex;gap:12px;flex-direction:column}.item-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.item-name{width:180px;font-weight:600}.player-selector{display:flex;gap:.5rem;align-items:center;flex-grow:1}@media(max-width:480px){.item-row{flex-direction:row;align-items:center}.item-name{width:120px;font-size:.98rem}}