:root{font-family:system-ui,sans-serif;color:#333;background:#f5f5f5}body{margin:0}main{max-width:1050px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:4px solid #ff6600;padding-bottom:12px}h1{margin:0;color:#428bca}header p{margin:4px 0 0;color:#666}h2{font-size:1.2rem;color:#333}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}article,section{background:#fff;border-radius:8px;padding:18px;margin:20px 0;box-shadow:0 1px 3px #0002}form,label{display:grid;gap:5px;margin:10px 0}input,select,button{font:inherit;padding:8px;border-radius:5px;border:1px solid #bbb}button{border:0;background:#428bca;color:#fff;cursor:pointer;font-weight:600}button:hover{background:#357ebd}.check{display:block}fieldset{border:1px solid #ccc}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:0}th,td{text-align:left;vertical-align:top;padding:11px 10px;border-bottom:1px solid #ddd}th{background:#eaf3fb;color:#285e8e;font-size:.88rem}th .header-filter{display:block;width:100%;min-width:110px;margin-top:6px;padding:3px;font-size:.8rem;background:#fff}.info-button{display:inline;padding:0 4px;background:transparent;color:#428bca;font-size:1rem}.info-button:hover{background:transparent;color:#ff6600}td small{display:block;color:#777;margin-top:3px}.past-game{background:#fafafa;color:#5b625b}.date-state{display:inline-block;border-radius:99px;padding:3px 8px;font-size:.82rem;font-weight:600}.date-state.upcoming{background:#d9edf7;color:#31708f}.date-state.past{background:#eee;color:#555}.empty-row{text-align:center;color:#777;padding:24px}.actions,.dialog-actions{display:flex;gap:7px;flex-wrap:wrap}.actions button{padding:6px 9px;font-size:.9rem}.actions .delete-button{background:#c1272d}.actions .delete-button:hover{background:#911d22}.dialog-actions{justify-content:flex-end;margin-top:18px}dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:8px;box-shadow:0 16px 50px #0008;padding:22px}dialog::backdrop{background:#0008}dialog h2{border-bottom:3px solid #ff6600;padding-bottom:8px}dialog fieldset{max-height:190px;overflow:auto}.warning{background:#fcf8e3;padding:10px}.error{background:#f2dede;color:#a94442;padding:10px}#notice{min-height:1em}@media(max-width:900px){main{padding:12px}section{padding:12px}table{min-width:0;font-size:.88rem}th,td{padding:8px 6px}th .header-filter{min-width:75px}.actions{gap:4px}.actions button{padding:5px 6px;font-size:.8rem}}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}}