:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1c2430;--line:#2a3441;--text:#e6edf3;--muted:#8b98a5;--accent:#3fb950;--accent-dim:#1f6f33;--warn:#d29922;--danger:#f85149;--mercy:#a371f7;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.app{max-width:720px;padding:0 16px calc(80px + env(safe-area-inset-bottom));margin:0 auto}header.top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0d1117eb;margin:0 -16px 16px;padding:12px 16px;position:sticky;top:0}header.top h1{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:650;display:flex}header.top .season,header.top .who{color:var(--muted);margin-left:auto;font-size:13px;font-weight:450}nav.tabs{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#161b22f5;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 12px;font-size:12px;display:flex}nav.tabs button .ico{font-size:18px;line-height:1}nav.tabs button[aria-current=true]{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.card>h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.card>h2 .right{text-transform:none;letter-spacing:0;margin-left:auto}.row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 14px;display:flex}.row:last-child{border-bottom:none}.row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .name small{color:var(--muted);font-size:12px;display:block}.row .amount{font-variant-numeric:tabular-nums;font-weight:600}.row.total{background:var(--surface-2);font-weight:650}.row .pos{width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.row .pts{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.row.out{opacity:.55}.row.mercy{background:color-mix(in srgb, var(--mercy) 12%, transparent)}.row.demoted{background:color-mix(in srgb, var(--warn) 12%, transparent)}.row.cut{border-bottom:2px dashed var(--accent-dim)}.chips{gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;min-width:44px;padding:5px 11px;font-size:12px;font-weight:550;transition:background .12s,color .12s,border-color .12s}.chip:active{transform:scale(.96)}.chip[data-on=true]{color:var(--text)}.chip.signed[data-on=true]{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent);color:#d4f7dc}.chip.paid[data-on=true]{background:var(--accent-dim);border-color:var(--accent);color:#d4f7dc}.chip.debt[data-on=true]{background:color-mix(in srgb, var(--danger) 22%, transparent);border-color:var(--danger);color:#ffd9d6}.tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.tag.mercy{background:color-mix(in srgb, var(--mercy) 25%, transparent);color:#d8c4ff}.tag.demoted{background:color-mix(in srgb, var(--warn) 25%, transparent);color:#ffe0a3}.tag.debt{background:color-mix(in srgb, var(--danger) 22%, transparent);color:#ffd9d6}button.btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:550}button.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#d4f7dc}button.btn:disabled{opacity:.45;cursor:not-allowed}button.btn.wide{width:100%}.actions{gap:8px;padding:12px 14px;display:flex}input,select{background:var(--surface-2);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:9px;width:100%;padding:9px 11px;font-size:16px}label.field{margin:0 0 12px;display:block}label.field span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:14px}.empty .big{margin-bottom:6px;font-size:28px;display:block}.muted{color:var(--muted)}.card>p.note{color:var(--muted);margin:0;padding:10px 14px;font-size:13px}.note-below{padding:0 2px;font-size:12px}.hint{margin:10px 0 0;font-size:12px}.form{padding:14px}input.invalid{border-color:var(--danger)}label.field small{color:var(--danger);margin-top:4px;font-size:12px;display:block}ul.rules{margin:6px 0 0;padding-left:18px;font-size:13px}.err{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid var(--danger);color:#ffd9d6;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:14px}.stat-row{gap:10px;padding:12px 14px;display:flex}.stat{text-align:center;flex:1}.stat b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:650;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.scroll-x{overflow-x:auto}table.grid{border-collapse:collapse;width:100%;font-size:13px}table.grid th,table.grid td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);padding:7px 9px}table.grid th:first-child,table.grid td:first-child{text-align:left;background:var(--surface);position:sticky;left:0}table.grid th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:550}table.grid td{font-variant-numeric:tabular-nums}.resolve{border-bottom:1px solid var(--line);padding:10px 14px}.resolve .actions{flex-wrap:wrap;padding:8px 0 0}textarea{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.app.wide{max-width:1280px}:root{--top-h:48px;--in:color-mix(in srgb, var(--accent) 14%, transparent);--out:color-mix(in srgb, var(--muted) 10%, transparent);--hand:color-mix(in srgb, var(--warn) 18%, transparent)}.bar{top:var(--top-h);z-index:6;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:12px 16px;position:sticky}.bar .row1{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bar .row1 .sp{flex:1}.bar select.sel{width:auto;padding:6px 10px;font-size:15px}.counters{color:var(--muted);gap:16px;font-size:13px;display:flex}.counters b{color:var(--text);font-size:17px}.steps{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.step{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:13px}.step.done{background:var(--in);color:var(--text)}.step.now{background:var(--accent-dim);color:#d4f7dc;border-color:var(--accent);font-weight:600}.step.now.cancelled{background:color-mix(in srgb, var(--danger) 30%, transparent);border-color:var(--danger);color:#ffd9d6}.next{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.next .txt{flex:1;min-width:200px}button.btn.link{color:var(--muted);background:0 0;border:0;padding:8px 4px;font-weight:450;text-decoration:underline}button.btn.mini{padding:3px 9px;font-size:12px;line-height:1.2}.delete-game{margin-top:4px}.delete-game button.btn.link{padding:2px 0;font-size:12px}.record-game{margin-top:10px}.record-game .actions{padding:0}.game-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:12px;display:grid}.game-tabs{display:none}.card h2 small{color:var(--muted);text-transform:none;letter-spacing:0;margin-left:auto;font-weight:400}.scroll{overflow-x:auto}.p1 table{border-collapse:collapse;width:100%}.p1 th,.p1 td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 10px;font-size:14px}.p1 th{color:var(--muted);background:var(--surface);font-size:12px;font-weight:600}.p1 td.n,.p1 th.n{text-align:right;font-variant-numeric:tabular-nums}.p1 tr.out td{background:var(--out);color:var(--muted)}.p1 tr.sub td{background:var(--out);color:var(--muted);font-size:13px}.p1 tr.line td{border-bottom:2px dashed var(--muted);padding:0}.p1 tbody.drop-over{outline:2px dashed var(--accent);outline-offset:-2px}.p1 td.grip,.p1 th.grip{width:28px;color:var(--muted);text-align:center;padding-left:6px;padding-right:2px}.p1 td.grip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.p1 td.act{text-align:right}button.th-sort{color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.drag-ghost{background:var(--accent-dim);border:1px solid var(--accent);color:#d4f7dc;border-radius:8px;padding:6px 12px}.phone-line{display:none}.tag{background:var(--hand);color:#ffe0a3;text-transform:none;letter-spacing:0;margin-left:6px;font-weight:500}.tag.holder{background:color-mix(in srgb, var(--danger) 22%, transparent);color:#ffd9d6;margin:0 6px 0 0}td .chip,.pay-cell .chip{cursor:default;align-items:center;gap:6px;min-width:0;padding:2px 8px;display:inline-flex}td .chip.claros{color:var(--text);background:#58a6ff38;border-color:#58a6ff}td .chip.oscuros{color:var(--text);background:#bc8cff38;border-color:#bc8cff}.pay-cell .chip.paid{background:var(--accent-dim);border-color:var(--accent);color:#d4f7dc}.pay-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pay-cell .adjust{gap:6px;display:inline-flex}.pay-cell .adjust input{width:90px;padding:4px 8px;font-size:14px}.side{gap:10px;padding:12px;display:grid}.side textarea{width:100%;font-family:ui-monospace,monospace}.unres{border:1px dashed var(--warn);border-radius:8px}.cancelled-view .scroll{opacity:.6}@media (width<=760px){.app.wide{padding-left:8px;padding-right:8px}header.top{margin-left:-8px;margin-right:-8px}.game-grid{grid-template-columns:minmax(0,1fr)}.game-grid[data-tab=main] .p2,.game-grid[data-tab=side] .p1{display:none}.game-tabs{gap:6px;margin-bottom:8px;display:flex}.game-tabs button{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--text);font:inherit;border-radius:8px;flex:1}.game-tabs button[aria-selected=true]{background:var(--accent-dim);border-color:var(--accent)}.bar{padding:10px}.counters{justify-content:space-between;gap:8px;width:100%}.counters b{font-size:15px}.steps .step:not(.now){display:none}.steps{margin:8px 0}.next .btn{min-height:44px}.hide-sm{display:none}.p1 th,.p1 td{padding:7px 4px;font-size:14px}.p1 td:last-child{white-space:normal}.phone-line{color:var(--muted);font-size:12px;display:block}.p1 td{white-space:normal}.p1 button.btn,.p1 button.th-sort{min-height:44px}.p1 td.grip{width:22px}.card{overflow:visible}}.resolve-dialog{width:min(640px,92vw);max-height:90vh;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0}.resolve-dialog::backdrop{background:#0009}.resolve-dialog header{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;top:0}.resolve-dialog header h2{margin:0;font-size:16px}.resolve-item{border-bottom:1px solid var(--line);padding-bottom:10px}.resolve-item>.btn{margin:0 14px}.resolve-dialog .resolve .actions select,.resolve-dialog .resolve .actions input{flex:200px;min-width:0}@media (width<=760px){.resolve-dialog{border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}}.candidate-card{overflow:visible}.candidate-card .paste{border-bottom:1px solid var(--line);gap:8px;padding:12px 14px;display:grid}.candidate-card .paste textarea{width:100%}.candidate-card .phone-line-inline{white-space:nowrap;font-size:12px}.sticky-actions{bottom:calc(60px + env(safe-area-inset-bottom));z-index:5;background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);gap:8px;padding:10px 14px;display:flex;position:sticky}.section-tabs{margin-bottom:14px}.section-tabs .chip{flex:1;padding:9px 11px}.section-tabs .chip[data-on=true]{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:var(--accent)}.debt-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.debt-filters .sel{flex:160px;min-width:0}.debt-filters .sp{flex:1}.debtor-line{flex-wrap:wrap}.row.report-line .name{flex-basis:100%}.row.wrap .name{white-space:normal}.tag.stat-good{background:var(--accent-dim);color:#d4f7dc}.tag.stat-bad{color:var(--danger);background:#f8514926}.tag.stat-muted{color:var(--muted)}b.stat-good{color:var(--accent)}.login{max-width:360px;margin:0 auto;padding:64px 16px 16px}.login h1{text-align:center;margin:0 0 4px;font-size:24px}.login p.sub{text-align:center;color:var(--muted);margin:0 0 28px}.ok{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid var(--accent);color:#d4f7dc;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:14px}header.top .top-action{margin-left:12px;padding:0 4px;font-size:13px}