:root{--primary: #7c3aed;--primary-light: #ede9fe;--primary-dark: #5b21b6;--success: #059669;--success-light: #d1fae5;--bg: #f5f3ff;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 14px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.page{max-width:640px;margin:0 auto;padding:16px 16px 48px;width:100%}.app-header{background:var(--primary);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:10}.app-header h1{font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.app-header .sub{font-size:.85rem;opacity:.85;margin-top:2px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:14px}.card-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,transform .1s,background .15s;white-space:nowrap;line-height:1}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:6px 12px;font-size:.88rem}.btn-full{width:100%;justify-content:center}.input{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1.05rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;font-family:inherit}.input:focus{border-color:var(--primary)}.input::placeholder{color:#9ca3af}.setup-hero{text-align:center;padding:36px 0 24px}.setup-hero .icon{font-size:3.2rem;line-height:1;margin-bottom:10px}.setup-hero h1{font-size:1.65rem;font-weight:800;color:var(--primary);letter-spacing:-.04em}.setup-hero p{color:var(--muted);margin-top:4px;font-size:.95rem}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--primary-light);border:1.5px solid var(--primary);border-radius:var(--radius);margin-bottom:14px}.resume-banner .resume-title{font-weight:600;color:var(--primary);font-size:1rem}.resume-banner .resume-sub{color:var(--muted);font-size:.88rem;margin-top:2px}.player-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.player-num{width:20px;font-size:.88rem;color:var(--muted);text-align:right;flex-shrink:0}.round-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:14px;scrollbar-width:none}.round-tabs::-webkit-scrollbar{display:none}.round-tab{flex-shrink:0;min-width:38px;padding:6px 10px;border-radius:20px;font-size:.82rem;font-weight:700;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s;text-align:center}.round-tab.done{background:var(--success-light);border-color:var(--success);color:var(--success)}.round-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.round-tab.is-next:not(.active){border-color:var(--primary);color:var(--primary)}.score-grid{display:grid;grid-template-columns:auto 1fr auto;gap:10px 12px;align-items:center}.score-input{width:72px;text-align:center;padding:9px 6px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1.05rem;font-weight:700;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;font-family:inherit}.score-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.score-input.entered{background:var(--primary-light);border-color:var(--primary)}.round-done-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:.92rem;color:var(--success);font-weight:600}.standing-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.standing-row:last-child{border-bottom:none}.standing-row.leader{background:var(--primary-light);margin:0 -20px;padding:9px 20px;border-radius:8px;border-bottom:none}.rank-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;background:var(--border);color:var(--muted)}.standing-name{flex:1;font-size:1.05rem;font-weight:500}.standing-total{font-size:1.1rem;font-weight:700;color:var(--primary)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.score-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:max-content}.score-table th{padding:7px 9px;text-align:center;font-weight:600;color:var(--muted);background:#f9f7ff;border-bottom:1.5px solid var(--border);white-space:nowrap}.score-table th:first-child{text-align:left;min-width:90px}.score-table td{padding:7px 9px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}.score-table td:first-child{text-align:left;font-weight:500}.score-table tr:last-child td{border-bottom:none}.score-table tr.leader td{background:#faf5ff}.score-table tr:hover td{background:#f8f7ff}.col-total{font-weight:700;color:var(--primary)}.col-empty{color:#d1d5db}.col-active{font-weight:700}.winner-card{text-align:center;padding:32px 20px 28px;background:linear-gradient(135deg,var(--primary-light) 0%,#fff 100%);border:1.5px solid var(--primary)}.winner-trophy{font-size:3.8rem;line-height:1;margin-bottom:12px}.winner-name{font-size:1.85rem;font-weight:800;color:var(--primary);letter-spacing:-.03em}.winner-sub{color:var(--muted);margin-top:6px;font-size:.95rem}textarea.input{min-height:76px;resize:vertical;line-height:1.5}.export-pre{background:#f8f9fa;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-family:Menlo,Consolas,monospace;font-size:.75rem;white-space:pre;overflow-x:auto;max-height:180px;overflow-y:auto;margin-top:12px;color:var(--muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.mt-1{margin-top:4px}.mt-2{margin-top:10px}.mt-3{margin-top:16px}.text-sm{font-size:.92rem}.text-muted{color:var(--muted)}.text-center{text-align:center}.setup-topnav{display:flex;justify-content:flex-end;padding:8px 0 0}.saved-quick-add{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.saved-quick-label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:5px;white-space:nowrap;flex-shrink:0}.saved-chips{display:flex;flex-wrap:wrap;gap:6px}.saved-chip{padding:4px 10px;border-radius:20px;font-size:.88rem;font-weight:500;border:1.5px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;transition:background .15s,opacity .15s}.saved-chip:hover:not(:disabled){background:var(--primary-light)}.saved-chip.added{background:var(--primary-light);opacity:.65;cursor:default}.saved-chip:disabled{opacity:.35;cursor:not-allowed}.saved-manage-toggle{cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;margin-bottom:0!important}.saved-manage-toggle+*{margin-top:12px}.saved-manage-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:1rem;border-bottom:1px solid var(--border)}.saved-manage-row:last-of-type{border-bottom:none}.score-input.is-zero{background:#fef9c3;border-color:#d97706;color:#92400e}.score-input.is-zero:focus{box-shadow:0 0 0 3px #fef3c7;border-color:#d97706}.reorder-col{display:flex;flex-direction:column;gap:2px;align-items:center}.reorder-btn{width:24px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .1s,color .1s,border-color .1s}.reorder-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.reorder-btn:disabled{opacity:.2;cursor:not-allowed}.score-zero{color:#b45309;font-weight:700;font-size:.82em;white-space:nowrap}.podium-wrap{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:4px 0 0}.podium-col{display:flex;flex-direction:column;align-items:center;flex:1;max-width:130px}.podium-label{text-align:center;margin-bottom:6px}.podium-name{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.podium-score{font-size:.82rem;color:var(--muted);margin-top:2px}.podium-block{width:100%;border-radius:8px 8px 0 0;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;box-shadow:var(--shadow)}.podium-medal{font-size:1.9rem;line-height:1}.podium-rank{font-size:.8rem;font-weight:700;margin-top:4px;color:#00000073}.highlights{display:flex;flex-direction:column;gap:8px}.highlight-item{font-size:.95rem;line-height:1.5;padding:9px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.history-back-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.history-entry{cursor:pointer;transition:box-shadow .15s,transform .1s}.history-entry:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.history-entry:active{transform:scale(.99)}.history-entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.history-entry-name{font-weight:700;font-size:1.05rem}.history-entry-date{font-size:.85rem;color:var(--muted)}.history-entry-winner{font-size:.95rem;font-weight:600;color:var(--primary);margin-bottom:4px}.history-entry-players{font-size:.85rem;color:var(--muted)}.standing-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.standing-behind{font-size:.82rem;font-weight:600;color:var(--muted);letter-spacing:.01em}.standing-behind.is-leader{color:var(--success)}.podium-rank-1{height:120px}.podium-rank-2{height:90px}.podium-rank-3{height:70px}.podium-behind{font-size:.78rem;font-weight:600;color:var(--muted);margin-top:2px}.podium-behind.is-leader{color:var(--success)}.end-actions{display:flex;gap:8px;align-items:center}.end-actions .btn{flex:1;justify-content:center}.end-actions-primary{flex:2!important}.next-round-btn{padding:10px 18px;font-size:.9rem}.round-done-row{flex-wrap:wrap;gap:10px}@media (max-width: 480px){.page{padding:10px 12px 56px}.app-header{padding:9px 14px}.app-header>div>div:first-child{font-size:1.05rem}.app-header .sub{font-size:.78rem;margin-top:1px}.card{padding:12px 14px;margin-bottom:10px}.card-title{margin-bottom:10px}.score-input{min-height:44px;padding:10px 6px;font-size:1.1rem;width:62px}.reorder-col{gap:3px}.reorder-btn{width:28px;height:26px;font-size:.72rem}.score-grid{gap:8px 10px}.round-tabs{gap:4px;margin-bottom:10px}.round-tab{min-height:36px;padding:7px 9px;font-size:.8rem;min-width:34px}.btn-primary,.btn-secondary,.btn-danger{min-height:44px}.btn-sm{min-height:36px;padding:8px 12px}.next-round-btn{min-height:44px;width:100%;justify-content:center}.round-done-row{flex-direction:column;align-items:stretch}.round-done-row .next-round-btn{text-align:center}.standing-row{padding:10px 0;gap:10px}.rank-badge{width:26px;height:26px;font-size:.7rem;flex-shrink:0}.standing-name{font-size:.95rem}.standing-total{font-size:1rem}.standing-behind{font-size:.75rem}.podium-wrap{gap:4px}.podium-col{max-width:100px}.podium-label{margin-bottom:4px}.podium-name{font-size:.85rem;max-width:85px}.podium-score{font-size:.75rem}.podium-behind{font-size:.72rem}.podium-medal{font-size:1.5rem}.podium-rank-1{height:88px}.podium-rank-2{height:66px}.podium-rank-3{height:50px}.setup-hero{padding:20px 0 14px}.setup-hero .icon{font-size:2.4rem}.setup-hero h1{font-size:1.55rem}.winner-card{padding:22px 14px 18px}.winner-trophy{font-size:3rem}.winner-name{font-size:1.5rem}.export-pre{font-size:.65rem;max-height:140px}.history-entry-name{font-size:1rem}.end-actions{flex-wrap:wrap}.end-actions .btn{min-height:44px}}