*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:root{--azul-deep: #10314f;--azul: #1e5a96;--azul-soft: #e4ebf2;--cal: #eef1ee;--card: #fff;--verde: #1f6b4a;--brasa: #dc5432;--ink: #12202c;--pencil: #64798a;--rule: #cbd5dc;--rule-soft: #e5ebef;--display: "Fraunces", Georgia, serif;--ui: "Archivo", system-ui, -apple-system, sans-serif;--data: "Barlow Condensed", "Archivo Narrow", sans-serif;--pad: 20px;--radius: 14px;--shadow: 0 1px 2px #10314f0f, 0 8px 24px -14px #10314f47}body{font-family:var(--ui);color:var(--ink);background:var(--cal);font-size:15px;line-height:1.45}.app{flex-direction:column;min-height:100%;display:flex}.masthead{background:var(--azul-deep);color:#fff;padding:calc(env(safe-area-inset-top) + 18px) var(--pad) 16px;position:relative;overflow:hidden}.masthead:after{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.1'%3E%3Cpath d='M22 6c0 5-3 8-8 8 5 0 8 3 8 8 0-5 3-8 8-8-5 0-8-3-8-8z'/%3E%3Cpath d='M22 22c0 5-3 8-8 8 5 0 8 3 8 8 0-5 3-8 8-8-5 0-8-3-8-8z'/%3E%3Cpath d='M0 22h44M22 0v44'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.masthead>*{z-index:1;position:relative}.wordmark{font-family:var(--display);font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 100;letter-spacing:-.015em;font-size:27px;font-weight:600;line-height:1.05}.masthead-meta{font-family:var(--data);text-transform:uppercase;letter-spacing:.13em;color:#9fbad2;margin-top:5px;font-size:13px;font-weight:500}.main{width:100%;max-width:620px;padding:22px var(--pad) 120px;flex:1;margin:0 auto}.tabbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#ffffffeb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--pencil);font-family:var(--data);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;align-items:center;gap:4px;padding:11px 2px 13px;font-size:11px;font-weight:600;transition:color .16s;display:flex}.tab svg{width:21px;height:21px}.tab-on{color:var(--azul-deep)}.tab-on svg{color:var(--brasa)}.screen-title{font-family:var(--display);font-variation-settings:"SOFT" 20,"WONK" 1,"opsz" 90;letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:1.1}.eyebrow{font-family:var(--data);text-transform:uppercase;letter-spacing:.14em;color:var(--pencil);font-size:12.5px;font-weight:600}.lede{color:var(--pencil);margin-top:6px;font-size:14px}.num{font-family:var(--data);font-variant-numeric:tabular-nums;font-weight:600}.card{background:var(--card);border:1px solid var(--rule-soft);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{border-bottom:1px solid var(--rule-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.card-body{padding:16px}.stack>*+*{margin-top:16px}.section{margin-top:30px}.main>header+.section{margin-top:26px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.hint{color:var(--pencil);text-align:right;font-size:12.5px}.cells{gap:6px;display:flex}.cell{border:1px solid var(--rule);text-align:center;background:#fff;border-radius:5px;min-width:44px;padding:4px 8px 5px}.cell-label{font-family:var(--data);letter-spacing:.12em;text-transform:uppercase;color:var(--pencil);font-size:10.5px;line-height:1}.cell-value{font-family:var(--data);font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:1.15}.cell-total{background:var(--azul-soft);border-color:#b4c6d6}.cell-total .cell-value{color:var(--azul-deep)}.cell-empty .cell-value{color:var(--rule)}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--rule-soft);grid-template-columns:26px 1fr auto;align-items:center;gap:12px;padding:11px 16px;display:grid}.row:last-child{border-bottom:0}.row-plain{grid-template-columns:1fr auto}.row-lead{background:linear-gradient(90deg,#dc543212,#dc543200 62%)}.row-rank{font-family:var(--data);color:var(--pencil);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.row-lead .row-rank{color:var(--brasa)}.row-name{letter-spacing:-.005em;font-weight:500}.row-sub{color:var(--pencil);margin-top:1px;font-size:12px}.row-waiting .row-name{color:var(--pencil)}.h2h{grid-template-columns:1fr 1fr;display:grid}.h2h-side{padding:14px 16px}.h2h-side+.h2h-side{border-left:1px solid var(--rule-soft)}.h2h-name{font-family:var(--display);font-variation-settings:"WONK" 1;font-size:19px;font-weight:600}a.h2h-name{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}a.h2h-name:after{content:"";opacity:.45;background:currentColor;flex:none;width:13px;height:13px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h10v10M19 5L6 18'/%3E%3C/svg%3E") 50% / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h10v10M19 5L6 18'/%3E%3C/svg%3E") 50% / contain no-repeat}a.h2h-name:hover{color:var(--azul)}.hcp-input{border:1px solid var(--rule);width:76px;font-family:var(--data);font-variant-numeric:tabular-nums;text-align:center;background:#fff;border-radius:8px;padding:7px 8px;font-size:19px;font-weight:600}.hcp-input::-webkit-outer-spin-button{appearance:none;margin:0}.hcp-input::-webkit-inner-spin-button{appearance:none;margin:0}.h2h-total{font-family:var(--data);font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1}.h2h-win .h2h-total{color:var(--verde)}.h2h-lose .h2h-total{color:var(--pencil)}.contrib{flex-direction:column;gap:2px;margin-top:10px;display:flex}.contrib-line{color:var(--ink);justify-content:space-between;gap:8px;font-size:13px;display:flex}.contrib-line .num{color:var(--ink)}.contrib-dropped{color:var(--pencil);text-decoration:line-through;-webkit-text-decoration-color:var(--brasa);text-decoration-color:var(--brasa)}.contrib-dropped .num{color:var(--pencil)}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--rule);font-family:var(--data);text-transform:uppercase;letter-spacing:.09em;color:var(--pencil);background:#fff;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip-on{background:var(--azul-deep);border-color:var(--azul-deep);color:#fff}.segmented{border:1px solid var(--rule);background:#fff;border-radius:10px;padding:3px;display:flex}.segmented button{font-family:var(--data);text-transform:uppercase;letter-spacing:.09em;color:var(--pencil);border-radius:7px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.segmented button[aria-pressed=true]{background:var(--azul-deep);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--data);text-transform:uppercase;letter-spacing:.12em;color:var(--pencil);font-size:12px;font-weight:600}select,.score-input{border:1px solid var(--rule);appearance:none;background:#fff;border-radius:10px;width:100%;padding:12px 14px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364798A' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.score-input{font-family:var(--data);font-variant-numeric:tabular-nums;text-align:center;padding:10px;font-size:40px;font-weight:700;line-height:1.2}.score-input::-webkit-outer-spin-button{appearance:none;margin:0}.score-input::-webkit-inner-spin-button{appearance:none;margin:0}.score-grid{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.score-sum{text-align:center;padding-bottom:6px}.score-sum .cell-value{font-size:34px}.btn{background:var(--azul-deep);color:#fff;width:100%;font-family:var(--data);text-transform:uppercase;letter-spacing:.12em;border-radius:11px;padding:14px;font-size:15px;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-quiet{color:var(--pencil);border:1px solid var(--rule);background:0 0}.btn-danger{color:var(--brasa);border:1px solid var(--brasa);background:0 0}.tag{font-family:var(--data);text-transform:uppercase;letter-spacing:.11em;background:var(--azul-soft);color:var(--azul-deep);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-live{color:var(--brasa);background:#dc54321f}.tag-done{color:var(--verde);background:#1f6b4a1f}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tag-live .dot{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.note{color:var(--azul-deep);background:var(--azul-soft);border-radius:9px;gap:9px;padding:10px 12px;font-size:13px;display:flex}.note-warn{color:#8e2f14;background:#dc543217}.note b{font-weight:600}.kv{grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;display:grid}.kv dt{font-family:var(--data);text-transform:uppercase;letter-spacing:.1em;color:var(--pencil);padding-top:2px;font-size:12px}.kv dd{margin:0}.kv a{color:var(--azul)}.empty{text-align:center;color:var(--pencil);padding:26px 16px;font-size:14px}.countdown{gap:8px;margin-top:14px;display:flex}.countdown .cell{flex:1;padding:8px 4px 9px}.countdown .cell-value{font-size:30px}.leg{grid-template-columns:30px 1fr;gap:14px;display:grid}.leg+.leg{margin-top:4px}.leg-mark{font-family:var(--data);color:var(--pencil);text-align:center;padding-top:15px;font-size:15px;font-weight:700;position:relative}.leg-mark:before{content:"";background:var(--rule);width:1px;position:absolute;top:34px;bottom:-4px;left:50%;transform:translate(-50%)}.leg:last-child .leg-mark:before{display:none}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}:focus-visible{outline:2px solid var(--brasa);outline-offset:2px;border-radius:4px}