:root{--bg: #0b1220;--panel: #141d2e;--panel-2: #1b2740;--line: #243049;--text: #e6ebf5;--dim: #8b97ad;--accent: #deff01;--live: #39d98a;--paused: #ffb020}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}h1,h2,h3,h4{margin:0 0 8px}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.02em}.spacer{flex:1}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px}button:hover{border-color:var(--accent)}input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-right:8px;font-size:14px}.content{flex:1;overflow:auto}.center{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.center.column{flex-direction:column;gap:12px}.hint{color:var(--dim);max-width:460px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.badge.live{color:var(--live);border-color:var(--live)}.badge.paused{color:var(--paused);border-color:var(--paused)}:root{--diab-green-top: #0F8666;--diab-green-bottom: #0D6B51}.signup-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;background:linear-gradient(180deg,var(--diab-green-top),var(--diab-green-bottom))}.signup-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}.signup-brand .bm-logo{height:104px;width:auto}.signup-brand .bm-title{height:30px;width:auto}.signup-card{width:min(440px,94vw);background:#fff;color:#121212;border-radius:20px;padding:24px;border-top:4px solid var(--diab-green-top);box-shadow:0 18px 48px #00000047}.signup-card.center{display:flex}.signup-card h1{font-size:22px;margin-bottom:10px;color:#121212}.signup-card .hint{color:#555}.signup-card p{color:#333}.signup-card .field{display:flex;flex-direction:column;gap:4px;margin-top:14px;color:#555;font-size:13px}.signup-card .field input,.signup-card .field select{margin:0;font-size:15px;color:#121212;background:#f6f8f7;border:1px solid #D7DDDA;border-radius:8px;padding:9px 10px}.signup-card .field input:focus,.signup-card .field select:focus{outline:none;border-color:var(--diab-green-top)}.signup-card .field select option{background:#fff;color:#121212}.signup-card button{background:#f1f3f2;color:#121212;border:1px solid #D7DDDA}.signup-card button:hover{border-color:var(--diab-green-top)}.signup-card button.primary-green{background:var(--diab-green-top);color:#fff;border-color:var(--diab-green-top)}.signup-card button.primary-green:hover{background:var(--diab-green-bottom);border-color:var(--diab-green-bottom)}.signup-card button.primary-green:disabled{opacity:.5}.signup-card .err{color:#c0392b}.signup-actions{display:flex;align-items:center;gap:8px;margin-top:20px}.diab-id{font-size:30px;font-weight:800;letter-spacing:.06em;color:var(--diab-green-top);margin:6px 0 12px}.id-actions{display:flex;gap:10px;justify-content:center}.signup-card .store-btn{display:inline-block;text-decoration:none;text-align:center;background:var(--diab-green-top);color:#fff;font-weight:700;padding:11px 20px;border-radius:10px;margin:4px 0}.signup-card .store-btn:hover{background:var(--diab-green-bottom)}.signup-card .id-copy-link{background:transparent;border:none;padding:0 0 0 8px;color:var(--diab-green-top);font-size:13px;font-weight:700;cursor:pointer}.signup-card .id-copy-link:hover{text-decoration:underline}.console{padding:12px 16px}.console-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.view-toggle{display:flex;align-items:center;gap:8px}.seg{background:transparent;color:var(--dim);border:1px solid var(--line);padding:6px 12px}.seg.on{color:var(--text);border-color:var(--accent);background:var(--panel-2)}.view-toggle select{margin:0}.console-grid{display:grid;gap:14px;grid-template-columns:200px 200px minmax(0,1fr);align-items:start}@media (max-width: 800px){.console-grid{grid-template-columns:1fr}.standings-rail{grid-column:auto}}.col-cards{display:flex;flex-direction:column;gap:12px}.empty{color:var(--dim);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.panel-head{display:flex;align-items:baseline;justify-content:space-between}.panel-head h3{font-size:15px;font-weight:700;margin:0}.panel-tag{color:var(--paused);font-weight:700;font-size:13px}.match-card{width:200px;min-height:135px;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;overflow:hidden}.mc-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--line);background:#0003}.mc-title{font-weight:700;font-size:15px}.mc-meta{color:var(--paused);font-weight:300;font-size:10px}.mc-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;text-align:center}.mc-team{font-size:13px;line-height:1.15}.mc-vs{color:var(--dim);font-size:11px}.mc-actions{display:flex;gap:6px;padding:8px}.mc-btn{width:93px;height:20px;padding:0;border-radius:4px;font-size:11px;border:none;color:#0b1220;font-weight:600}.mc-btn.primary{background:var(--live)}.mc-btn.orange{background:var(--paused)}.mc-btn.danger{background:#ff5a5a;color:#fff}.schedule-list{display:flex;flex-direction:column;gap:0}.schedule-list h3{font-size:15px;font-weight:700;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--line)}.sched-cell{width:100%;box-sizing:border-box;padding:14px 6px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.sched-cell:last-child{border-bottom:none}.standings-rail table{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}.standings-rail th,.standings-rail td{text-align:center;padding:4px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.standings-rail th{color:var(--paused);font-weight:700}.standings-rail td.rank{text-align:left;width:1%}.standings-rail td.team{text-align:left;white-space:normal}.standings-rail tr.advancing td{color:var(--live)}.champion-banner{margin-top:14px;border-color:var(--accent)}.cb-head{display:flex;align-items:baseline;justify-content:space-between}.cb-head h3{font-size:15px;font-weight:700;margin:0}.cb-rows{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:10px}.cb-row{display:flex;align-items:baseline;gap:8px}.cb-place{color:var(--dim);font-size:13px;min-width:64px}.cb-team{font-size:15px}.cb-row.champ .cb-place,.cb-row.champ .cb-team{color:var(--accent);font-weight:800;font-size:17px}.bracket{margin-top:14px}.bracket h3{font-size:15px;font-weight:700;margin-bottom:10px}.bracket-rounds{display:flex;gap:24px;overflow-x:auto;align-items:flex-start}.bracket-round{display:flex;flex-direction:column;gap:14px;min-width:200px}.bracket-round-name{color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.bracket-match{border:1px solid var(--line);border-radius:9px;overflow:hidden}.bracket-match.bye{opacity:.55}.bm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px}.bm-row+.bm-row{border-top:1px solid var(--line)}.bm-row.win{color:var(--live);font-weight:700}.bm-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-score{font-variant-numeric:tabular-nums;color:var(--accent)}.all-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start}.all-col{display:flex;flex-direction:column;gap:12px}.all-col-head{color:var(--dim)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;width:min(440px,92vw)}.err{color:#ff6b6b;font-size:13px;margin:6px 0}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:14px}button.primary-green{background:var(--live);color:#0b1220;border-color:var(--live);font-weight:700}button.danger-outline{background:transparent;border-color:#ff5a5a;color:#ff8a8a}button.danger-outline:hover{border-color:#ff5a5a;color:#ff5a5a}button.primary-green:disabled{opacity:.5}.score-modal{width:min(420px,92vw)}.sm-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}.sm-title{font-weight:800;font-size:20px}.sm-meta{color:var(--paused);font-weight:800;font-size:16px}.sm-teams{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:10px}.sm-teams span{flex:1;text-align:center}.sm-scores{display:flex;align-items:center;justify-content:center;gap:14px}.sm-scores select{width:96px;text-align:center;font-size:20px;padding:10px;margin:0}.sm-dash{color:var(--dim);font-size:20px}.sm-confirm-line{font-size:16px;text-align:center}.sm-confirm-winner{text-align:center;color:var(--accent)}.cancel-choices{display:flex;gap:10px;margin:10px 0}.cancel-choices button{flex:1}
