:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e8e2c8;background:radial-gradient(circle at 50% 30%,#2a2a2a,#0d0d0d);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Courier New,ui-monospace,monospace;display:flex}#app{width:100%;max-width:420px;padding:24px}.screen{text-align:center;background:#1b1b1b;border:3px solid #444;border-radius:18px;padding:28px 24px;box-shadow:inset 0 0 0 6px #111,0 10px 30px #000}.title{color:#ff3b30;text-shadow:0 0 8px #ff3b30aa;letter-spacing:4px;margin:0 0 24px;font-size:28px;line-height:1.15}.label{letter-spacing:3px;color:#9a9580;text-align:left;margin-bottom:6px;font-size:12px;display:block}.field{width:100%;font:inherit;color:#7cfc7c;background:#0a0f0a;border:2px solid #333;border-radius:8px;outline:none;padding:12px;font-size:18px}.field:focus{border-color:#7cfc7c}.code-field{text-align:center;letter-spacing:8px}.btn{width:100%;font:inherit;letter-spacing:2px;color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:999px;margin-top:14px;padding:14px;font-size:18px;font-weight:700;display:block;box-shadow:0 4px #7a1414}.btn:active{transform:translateY(3px);box-shadow:0 1px #7a1414}.btn:disabled{opacity:.5;cursor:wait}.btn.secondary{background:#444;margin-top:20px;box-shadow:0 4px #222}.row{gap:10px;display:flex}.row .btn{width:auto;margin-top:0;padding:0 22px}.or{color:#777;margin:22px 0 10px;font-size:13px}.error{color:#ffb74d;min-height:1.2em;margin:14px 0 0;font-size:14px}.hint{color:#9a9580;font-size:14px}.led{letter-spacing:12px;color:#ff3b30;text-shadow:0 0 12px #ff3b30;background:#0a0505;border-radius:10px;margin:8px 0 6px;padding:10px 0 10px 12px;font-size:64px}.led.small{letter-spacing:6px;font-size:34px}.players{text-align:left;margin:20px 0 0;padding:0;list-style:none}.players li{border-bottom:1px dashed #333;justify-content:space-between;padding:10px 12px;display:flex}.blink{color:#7cfc7c;animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.vs{color:#7cfc7c;margin:8px 0 16px;font-size:26px;line-height:1.4}body.drafting{align-items:flex-start}.draft{grid-template-columns:260px 1fr 260px;align-items:start;gap:18px;display:grid}@media (width<=900px){.draft{grid-template-columns:1fr}.draft .middle{order:-1}}.title.small{letter-spacing:3px;margin-bottom:14px;font-size:20px}.middle .led.small{padding:8px 0;font-size:30px}.team{background:#141414;border:2px solid #333;border-radius:14px;padding:14px}.team h2{color:#7cfc7c;text-align:center;border-radius:8px;margin:0 0 10px;padding:6px;font-size:18px}.team h2.on-clock{color:#ff3b30;text-shadow:0 0 6px #ff3b30;background:#2a0b09}.slots{margin:0;padding:0;font-size:14px;list-style:none}.slots li{color:#555;border-bottom:1px dashed #2a2a2a;gap:10px;padding:4px 6px;display:flex}.slots li.filled{color:#e8e2c8}.slots li.group{color:#9a9580;letter-spacing:3px;border:none;padding-top:12px;font-size:11px}.slots .slot{color:#ff6b5e;flex-shrink:0;width:46px}.filters{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.chip{font:inherit;color:#e8e2c8;cursor:pointer;background:#262626;border:1px solid #444;border-radius:999px;padding:6px 10px;font-size:14px}.chip.on{color:#fff;background:#c62828;border-color:#c62828}.chip.pick{color:#7cfc7c;background:#0f2a0f;border-color:#2f6f2f;font-size:13px}.chip.pick:hover{background:#1c4d1c}.pool{text-align:left;max-height:60vh;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.player{border-bottom:1px dashed #333;padding:10px 6px}.pname{color:#e8e2c8;font-size:16px}.years{color:#777;font-size:13px}.pinfo{color:#9a9580;margin-top:2px;font-size:13px}.pick-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.credit{color:#555;margin:18px 0 0;font-size:10px;line-height:1.4}.scoreboard{background:#0a0505;border-radius:10px;margin:14px 0;padding:8px 14px}.score-row{align-items:center;gap:12px;padding:6px 0;display:flex}.score-row+.score-row{border-top:1px dashed #3a1a1a}.score-name{text-align:left;color:#7cfc7c;flex:1;font-size:20px}.score-runs{color:#ff3b30;text-shadow:0 0 10px #ff3b30;text-align:right;min-width:60px;font-size:44px}.diamond{display:inline-flex}.led.winner{margin-top:6px}.box li{align-items:flex-start}.box .who{color:inherit;flex:1}.box .who small{color:#777}.box .line{color:#9a9580;font-size:12px;display:block}.box .pts{color:#7cfc7c;white-space:nowrap}.chip.auto{margin:4px auto 0;display:block}.keeps{text-align:left;gap:6px;margin:12px 0;display:grid}.keep{cursor:pointer;background:#141414;border:1px solid #333;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.keep input{accent-color:#c62828;width:18px;height:18px}.keep .slot{color:#ff6b5e;width:30px}.lead{color:#7cfc7c;margin:10px 0;font-size:18px}.notes{text-align:left;color:#e8e2c8;padding-left:20px;font-size:14px;line-height:1.5}.box .moved{color:#ffb74d}.roomcode{letter-spacing:4px;color:#9a9580;margin:-8px 0 10px;font-size:13px}.small-hint{margin-top:16px;font-size:12px}.rain-delay{z-index:100;background:repeating-linear-gradient(105deg,#0000 0 18px,#8caaff2e 18px 20px) 0 0/60px 60px,#05080ee0;justify-content:center;align-items:center;padding:20px;animation:.5s linear infinite rain;display:flex;position:fixed;inset:0}.rain-delay[hidden]{display:none}@keyframes rain{to{background-position:-12px 60px,0 0}}.rain-box{text-align:center;background:#1b1b1b;border:3px solid #444;border-radius:18px;width:100%;max-width:420px;padding:26px 22px;box-shadow:0 10px 40px #000}select.field{appearance:auto;cursor:pointer}.label.top-gap{margin-top:16px}.pool{max-height:64vh;overflow:auto}.stat-table{border-collapse:collapse;text-align:right;width:100%;font-size:13px}.stat-table th{color:#9a9580;letter-spacing:1px;white-space:nowrap;background:#1b1b1b;border-bottom:1px solid #444;padding:6px 5px;font-weight:400;position:sticky;top:0}.stat-table th.sortable{cursor:pointer}.stat-table th.sortable:hover{color:#e8e2c8}.stat-table th.sorted,.stat-table td.sorted{color:#7cfc7c}.stat-table td{vertical-align:top;border-bottom:1px dashed #2a2a2a;padding:7px 5px}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.stat-table td.num{font-variant-numeric:tabular-nums}.stat-table .pcell{min-width:150px}.stat-table .pick-cell{text-align:left;min-width:90px}.stat-table tbody tr:hover{background:#202020}.stat-table.small{text-align:center;margin:10px 0;font-size:14px}.stat-table.small th,.stat-table.small td{text-align:center}body.drafting #app{max-width:1400px}.draft{grid-template-columns:240px 1fr 240px}.ticker{color:#ffd23f;text-shadow:0 0 6px #ffd23f99;letter-spacing:1px;background:#0a0a04;border-radius:8px;min-height:3.2em;margin:10px 0;padding:12px 10px;font-size:15px;line-height:1.4}.pbp-buttons{align-items:center;gap:12px;display:flex}.pbp-buttons .btn{margin-top:0}.pbp-buttons .btn:last-child{background:#e2522b;flex:2;box-shadow:0 4px #8c2c12}.btn.small-btn{flex:1;font-size:15px}.btn.blue{background:#2f6fd8;box-shadow:0 4px #1b4389}.score-name small{color:#9a9580;letter-spacing:2px;font-size:11px}.clickable{cursor:pointer}.clickable:hover{background:#202020}.modal{z-index:90;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-box{text-align:center;background:#1b1b1b;border:3px solid #444;border-radius:18px;width:100%;max-width:520px;padding:24px;box-shadow:0 10px 40px #000}.modal-box h2{color:#7cfc7c;margin:0 0 4px}
