:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#19332e;background:#f3f5f0}*{box-sizing:border-box}body{margin:0}header{background:#163e38;color:white;padding:20px max(18px,calc((100vw - 1180px)/2))}header h1{margin:0;font-size:1.65rem}header p{margin:5px 0 0;color:#c7ded3}main{max-width:1180px;margin:24px auto;padding:0 16px 60px}.panel{background:white;border:1px solid #dce4dd;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px #142f2310}h2{margin:0 0 14px;font-size:1.22rem}h3{margin:0 0 12px}p{line-height:1.5}.muted{color:#63776e}.small{font-size:.85rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}label{font-weight:600;display:block;margin-bottom:5px}input{width:100%;padding:11px 12px;border:1px solid #bacbc1;border-radius:9px;font:inherit}input:focus,button:focus-visible{outline:3px solid #91c7ac;outline-offset:2px}button{border:0;border-radius:9px;padding:10px 14px;background:#176b50;color:white;font:inherit;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}button.secondary{background:#e5eee8;color:#204b3b}button.danger{background:#a73b3b}button:disabled{opacity:.48;cursor:not-allowed}button.tiny{padding:6px 10px;font-size:.82rem}.participants{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.participants li{display:flex;gap:7px;align-items:center;background:#f4f7f4;padding:8px;border-radius:9px}.participants li span{flex:1;overflow-wrap:anywhere}.stat{background:#eaf3eb;padding:12px;border-radius:10px}.stat strong{font-size:1.3rem;display:block}.tabs{display:flex;gap:7px;margin-bottom:16px}.tabs button[aria-selected=true]{background:#176b50;color:white}.tabs button[aria-selected=false]{background:#e7eee9;color:#244c3b}.bracket{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 18px}.bracket-col{min-width:220px;flex:1;display:flex;flex-direction:column;gap:14px}.bracket-col h3{text-align:center;position:sticky;left:0}.match{border:1px solid #cbdad0;border-radius:12px;padding:12px;background:#fff;min-width:0}.match.done{border-color:#70ad88;background:#f4fbf6}.match .meta{font-size:.8rem;color:#61736a;margin-bottom:8px}.side{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:7px;margin-top:4px;background:#f0f3f0;overflow-wrap:anywhere}.side.winner{background:#cdebd8;font-weight:700}.side.empty{color:#87958c;font-style:italic}.match-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.match-actions button{flex:1}.round-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.champion{text-align:center;padding:25px;background:#e9f4e8;border:2px solid #8fbd92;border-radius:14px}.champion .cup{font-size:2.6rem}.notice{background:#fff4da;padding:12px;border-radius:9px;color:#72561d}.hidden{display:none!important}.footer{color:#6a7c70;text-align:center;font-size:.85rem;padding:16px}.file-label{display:inline-block;background:#e5eee8;color:#204b3b;padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:600}.file-label input{display:none}@media(max-width:600px){main{margin:14px auto}.panel{padding:15px}.bracket-col{min-width:205px}.row.mobile-stack{align-items:stretch}.row.mobile-stack>*{flex:1}}

.back-link{display:inline-block;color:#c7ded3;margin-bottom:12px;text-decoration:none}.back-link:hover{text-decoration:underline}.back-link:focus-visible{outline:3px solid #91c7ac;outline-offset:4px}
.local-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.local-list .resume-button{flex:1 1 210px;width:auto;overflow-wrap:anywhere}.local-list .forget-button{flex:0 0 auto;width:auto;text-align:center}

a{color:#176b50}a:focus-visible{outline:3px solid #91c7ac;outline-offset:3px}.hero-home{padding:12px 0 20px}.hero-home h2{font-size:clamp(1.8rem,5vw,2.8rem);max-width:700px;margin-bottom:12px}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.home-grid .panel{display:flex;flex-direction:column;align-items:flex-start}.home-grid p{flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:#63776e}.code-display{font-size:clamp(1.3rem,4vw,2rem);font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}.share-box{margin:16px 0;padding:16px;background:#eaf3eb;border-radius:12px}.share-box p{margin:6px 0}.home-nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px}.local-list{list-style:none;padding:0;display:grid;gap:10px}.local-list button{width:100%;text-align:left}.error{color:#9b3030}.success{color:#176b50}.status-box{min-height:1.5em;margin-top:12px}#joinForm{width:100%}#joinCode{text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.readonly-note{padding:12px;background:#eaf3eb;border-radius:9px;margin-bottom:16px}.badge{font-size:.8rem;padding:5px 9px;border-radius:30px;background:#eaf3eb;color:#176b50}.link-button{background:none;color:#176b50;padding:0;text-decoration:underline}.setup-actions{margin-top:18px}.backup-controls{margin-top:18px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91c7ac;outline-offset:3px}@media(max-width:600px){.home-grid{gap:0}.share-box .row>button{flex:1}.tabs{flex-wrap:wrap}.code-display{letter-spacing:.04em}}

.mode-choice{margin:20px 0;padding:16px;background:#eaf3eb;border-radius:12px}.mode-choice select{width:100%;font:inherit;padding:12px;border:1px solid #bacbc1;border-radius:9px;background:white;color:#19332e}.standings-scroll{overflow-x:auto}.standings-table{width:100%;border-collapse:collapse;text-align:left}.standings-table th,.standings-table td{padding:10px;border-bottom:1px solid #dce4dd}.standings-table thead{font-size:.85rem}.standings-table tbody th{font-weight:600}select:focus-visible{outline:3px solid #91c7ac;outline-offset:3px}