:root{color:#f5f5f5;background:#090909;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(213,10,10,.34),transparent 38%),#090909}body:before{position:fixed;z-index:0;top:50%;left:50%;width:min(680px,82vw);aspect-ratio:1;content:"";transform:translate(-50%,-43%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.035) 49%,rgba(255,255,255,.035) 51%,transparent 52%),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.03) 49%,rgba(255,255,255,.03) 51%,transparent 52%),#050505;border:2px solid rgba(255,255,255,.04);opacity:.78}#root{position:relative;z-index:1;min-height:100vh}button,input{font:inherit}.page{width:min(1120px,calc(100vw - 40px));margin:0 auto;padding:34px 0 48px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:18px;border-bottom:4px solid #d20a0a}.eyebrow{margin:0 0 7px;color:#d20a0a;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:1.04;text-transform:uppercase}h1{color:#fff;font-size:38px;font-weight:950}h2{color:#fff;font-size:28px}label,legend{color:#d8d8d8;font-size:13px;font-weight:850;text-transform:uppercase}label{display:grid;gap:8px}input{width:100%;min-height:46px;border:1px solid #3a3a3a;border-radius:4px;background:#111;color:#fff;padding:10px 12px;outline:none}input::placeholder{color:#777}input:focus{border-color:#d20a0a;box-shadow:0 0 0 3px #d20a0a47}.fighter-search{position:relative}.fighter-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;border:1px solid #3a3a3a;border-radius:4px;background:#111;box-shadow:0 18px 34px #00000075}.fighter-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;border-radius:0;background:transparent;color:#f1f1f1;padding:0 12px;text-align:left;text-transform:none}.fighter-option span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fighter-option span:last-child{color:#9a9a9a;font-size:12px;font-weight:850;white-space:nowrap}.fighter-option:hover,.fighter-option:focus{background:#d20a0a;color:#fff}.fighter-option:hover span:last-child,.fighter-option:focus span:last-child{color:#fff}.workspace{display:grid;gap:20px}.event-panel{display:grid;gap:18px;margin-bottom:22px;padding:22px;border:1px solid #2d2d2d;border-top:6px solid #d20a0a;border-radius:6px;background:linear-gradient(180deg,#1a1a1a,#0e0e0e);box-shadow:0 22px 42px #00000061}.event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.event-date{margin:9px 0 0;color:#a8a8a8;font-size:14px;font-weight:850}.event-error,.event-status{min-height:72px}.edge-table{display:grid;overflow:hidden;border:1px solid #2b2b2b;border-radius:6px}.edge-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(104px,.7fr) minmax(104px,.7fr) minmax(160px,1fr) minmax(150px,1fr);gap:14px;align-items:center;padding:14px 16px;border-top:1px solid #292929;background:#ffffff05}.edge-row:first-child{border-top:0}.edge-row>div{display:grid;gap:4px;min-width:0}.edge-row span,.edge-row strong,.edge-row small{min-width:0;overflow-wrap:anywhere}.edge-head{min-height:42px;background:#d20a0a;color:#fff;font-size:12px;font-weight:950;text-transform:uppercase}.fight-cell strong,.edge-row strong{color:#fff;font-weight:950}.fight-cell span,.edge-row span,.edge-row small,.muted{color:#a8a8a8;font-size:13px;font-weight:800}.edge-positive strong,.edge-positive span,.edge-positive small{color:#47e08d}.edge-negative strong,.edge-negative span,.edge-negative small{color:#ff6868}.fight-form{display:grid;gap:18px}.fighter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fighter-card,.result-panel{border:1px solid #2d2d2d;border-radius:6px;background:linear-gradient(180deg,#181818,#101010);box-shadow:0 18px 34px #00000057}.fighter-card{display:grid;gap:18px;margin:0;padding:20px;border-top:5px solid #d20a0a}.fighter-card legend{padding:0 6px;color:#fff;font-size:18px;font-weight:950}.odds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #262626;border-radius:6px;background:#0f0f0f}.check-row{display:flex;align-items:center;gap:10px;color:#d8d8d8}.check-row input{width:18px;min-height:18px;accent-color:#d20a0a}button{min-height:48px;border:0;border-radius:4px;background:#d20a0a;color:#fff;padding:0 20px;font-weight:950;text-transform:uppercase;cursor:pointer}button:hover:not(:disabled){background:#f01818}button:disabled{cursor:wait;opacity:.62}.result-panel{min-height:172px;padding:22px;border-left:5px solid #d20a0a}.page-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:26px}.page-footer a,.page-footer span{color:#a8a8a8;font-size:13px;font-weight:900;text-transform:uppercase}.page-footer a:hover,.page-footer a:focus{color:#fff}.result-panel.empty,.status-line{display:grid;place-items:center;color:#a0a0a0;font-weight:800}.result-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.result-summary strong{color:#fff;font-size:28px;font-weight:950}.probability-list{display:grid;gap:16px}.probability-row{display:grid;gap:8px}.probability-label{display:flex;justify-content:space-between;gap:16px;color:#eee;font-size:14px;font-weight:900}.meter{height:12px;overflow:hidden;border-radius:999px;background:#2b2b2b}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d20a0a,#fff)}.error-text{color:#ff5a5a;font-weight:900}@media(max-width:760px){.page{width:min(100vw - 28px,1120px);padding-top:20px}.page-header,.event-header,.actions,.result-summary{align-items:stretch;flex-direction:column}h1{font-size:32px}.fighter-grid,.odds-grid{grid-template-columns:1fr}.edge-table{gap:12px;border:0;overflow:visible}.edge-head{display:none}.edge-row{grid-template-columns:1fr 1fr;border:1px solid #2b2b2b;border-radius:6px}.fight-cell{grid-column:1 / -1}}
