*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #000000;--color-white: #ffffff;--color-gray: #808080;--color-light-gray: #f8f8f8;--color-red: #ff3333;--color-blue: #0066ff;--color-yellow: #ffcc00;--color-green: #00cc44;--color-purple: #9933ff;--color-orange: #ff6600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4;color:var(--color-black);background:var(--color-white);font-size:14px;font-weight:400}#app{max-width:1000px;margin:0 auto;padding:var(--spacing-lg)}h1{font-size:2rem;font-weight:900;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em;color:var(--color-black)}h2{font-size:1.25rem;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-md) 0;text-transform:uppercase;letter-spacing:.05em;color:var(--color-black)}header{padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);border-bottom:3px solid var(--color-black)}section{margin-bottom:var(--spacing-xl);background:var(--color-light-gray);border:2px solid var(--color-black);padding:var(--spacing-lg)}.controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}button{font-family:inherit;font-size:.875rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-black);background:var(--color-white);color:var(--color-black);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .1s ease;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}button:hover:not(:disabled){background:var(--color-blue);color:var(--color-white);border-color:var(--color-blue)}button:active{transform:scale(.98)}button:disabled{color:var(--color-gray);border-color:var(--color-gray);cursor:not-allowed;background:var(--color-light-gray)}#add-rateables-btn{background:var(--color-blue);color:var(--color-white);border-color:var(--color-black)}#add-rateables-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-blue)}.winner-btn{font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-green);color:var(--color-white);border-color:var(--color-black);min-height:3rem}.winner-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-green)}.tie-btn{background:var(--color-yellow);color:var(--color-black);border-color:var(--color-black);margin-top:var(--spacing-md)}.tie-btn:hover:not(:disabled){background:var(--color-black);color:var(--color-yellow)}.remove-btn{background:var(--color-red);color:var(--color-white);border-color:var(--color-black);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);min-height:2rem}.remove-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-red)}#back-btn{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}#back-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-black)}#clear-all-btn{background:var(--color-red);color:var(--color-white);border-color:var(--color-black)}#clear-all-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-red)}.primary-btn,#add-btn{background:var(--color-blue);color:var(--color-white);border-color:var(--color-blue)}.primary-btn:hover:not(:disabled),#add-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-blue);border-color:var(--color-blue)}.remove-btn,#clear-all-btn{background:var(--color-red);color:var(--color-white);border-color:var(--color-red)}.remove-btn:hover:not(:disabled),#clear-all-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-red);border-color:var(--color-red)}#process-btn{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}#process-btn:hover:not(:disabled){background:var(--color-white);color:var(--color-green);border-color:var(--color-green)}textarea,input[type=text],select{font-family:inherit;font-size:.875rem;border:2px solid var(--color-black);padding:var(--spacing-sm);background:var(--color-white);color:var(--color-black);width:100%;transition:all .1s ease}textarea{resize:vertical;min-height:4rem;line-height:1.4}textarea:focus,input:focus,select:focus{outline:none;background:var(--color-white);border-color:var(--color-blue);box-shadow:0 0 0 2px #06f3}.matchup{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--color-white);border:3px solid var(--color-black)}.player{flex:1;text-align:center;padding:var(--spacing-lg);background:var(--color-light-gray);border:2px solid var(--color-black)}.player h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-black);text-transform:uppercase;letter-spacing:.05em}.vs{font-weight:900;text-align:center;font-size:1.5rem;color:var(--color-black);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-transform:uppercase;letter-spacing:.1em}.probability,.rating-display{border:2px solid var(--color-black);padding:var(--spacing-sm);margin:var(--spacing-sm) 0;text-align:center;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}#ratings-table-container{overflow-x:auto;margin-top:var(--spacing-md);border:3px solid var(--color-black)}table{width:100%;border-collapse:collapse;margin-top:0;background:var(--color-white);min-width:800px}table th:first-child,table td:first-child{width:60px;text-align:center;padding:var(--spacing-xs)}.rank-group{border-right:2px solid var(--color-black)}.name-group,.openskill-group,.elo-group,.whr-group,.glicko2-group,.games-group,.stats-group{border-right:3px solid var(--color-black)}.actions-group{background:var(--color-light-gray)}th,td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-black);border-right:1px solid var(--color-gray)}th{background:var(--color-black);color:var(--color-white);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}tr:nth-child(2n){background:var(--color-light-gray)}tr:hover{background:var(--color-yellow)}tr:hover td{position:relative}tr:hover td:before{content:"";position:absolute;inset:0;background:var(--color-yellow);opacity:.3;pointer-events:none}td:first-child,td:last-child{text-align:center}th:last-child,td:last-child{border-right:none}.color-scheme-controls{background:var(--color-white);border:2px solid var(--color-black);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.color-scheme-controls label{font-weight:700;margin-right:var(--spacing-sm);color:var(--color-black);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.custom-color-row{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.custom-color-row label{min-width:4rem;font-size:.875rem;font-weight:700}.custom-color-row input{width:12rem;font-size:.875rem}.yaml-controls{margin-bottom:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}#yaml-display{font-family:Courier New,monospace;background:var(--color-white);border:2px solid var(--color-black);min-height:8rem;font-size:.75rem;line-height:1.4;padding:var(--spacing-md);color:var(--color-black)}.table-legend{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-light-gray);border:2px solid var(--color-black)}.table-legend h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm)}.legend-content{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:.75rem}.legend-content span{white-space:nowrap}table th:nth-child(1),table th:nth-child(3),table th:nth-child(4),table th:nth-child(5),table th:nth-child(6),table th:nth-child(7),table th:nth-child(8),table th:nth-child(9),table td:nth-child(1),table td:nth-child(3),table td:nth-child(4),table td:nth-child(5),table td:nth-child(6),table td:nth-child(7),table td:nth-child(8),table td:nth-child(9){text-align:right;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-variant-numeric:tabular-nums}.rank-header,.name-header,.games-header,.actions-header{background:var(--color-black)!important}.openskill-header{background:var(--color-blue)!important}.openskill-uncertainty-header{background:#04b!important;background:color-mix(in srgb,var(--color-blue) 70%,var(--color-gray) 30%)!important}.elo-header{background:var(--color-red)!important}.whr-header{background:var(--color-green)!important}.glicko2-header{background:var(--color-yellow)!important;color:var(--color-black)!important}.glicko2-uncertainty-header{background:#c90!important;background:color-mix(in srgb,var(--color-yellow) 70%,var(--color-gray) 30%)!important;color:var(--color-black)!important}table td:nth-child(4),table td:nth-child(8){opacity:.7}@media (max-width: 768px){body{font-size:12px}#app{padding:var(--spacing-md)}h1{font-size:1.5rem}h2{font-size:1rem}header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.matchup{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.vs{flex-direction:row;justify-content:center;font-size:1.25rem}.controls{justify-content:center}section{padding:var(--spacing-md)}table{font-size:.75rem}th,td{padding:var(--spacing-xs) var(--spacing-sm)}.custom-color-row{flex-direction:column;align-items:stretch}.custom-color-row input{width:100%}}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}