@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
:root { --bg:#071722; --panel:#0c2130; --line:#1e3a4a; --text:#f4f8fa; --muted:#8fa4af; --green:#00e94f; --green-soft:rgba(0,233,79,.12); }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { background:var(--bg); color-scheme:dark; }
body { margin:0; background:radial-gradient(circle at 50% -20%,#12344a 0,var(--bg) 46%); color:var(--text); font-family:Inter,Arial,sans-serif; min-height:100vh; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; }
.site-shell { min-height:100vh; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(255,255,255,.07); background:rgba(5,19,29,.9); backdrop-filter:blur(18px); }
.header-inner,.main-content,footer { width:min(1120px,calc(100% - 36px)); margin:0 auto; }
.header-inner { height:74px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; background:none; border:0; padding:0; }
.brand img { display:block; width:190px; height:auto; }
.login-link { display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border-radius:10px; background:var(--green); color:#03160a; font-size:12px; font-weight:800; text-decoration:none; }
.main-content { padding:28px 0 80px; }
.eyebrow,.card-title>span { color:var(--green); font-size:11px; font-weight:800; letter-spacing:.22em; }
.event-tabs { display:flex; gap:4px; width:max-content; max-width:100%; margin-bottom:18px; padding:4px; border:1px solid var(--line); border-radius:13px; background:#091c29; }
.event-tabs button { display:flex; align-items:center; gap:9px; min-height:42px; padding:0 18px; border:0; border-radius:9px; background:transparent; color:var(--muted); cursor:pointer; font-weight:700; }
.event-tabs button span { display:grid; place-items:center; min-width:22px; height:22px; padding:0 6px; border-radius:20px; background:rgba(255,255,255,.07); font-size:11px; }
.event-tabs button.active { background:var(--green); color:#03170a; }
.event-tabs button.active span { background:rgba(0,0,0,.14); }
.event-list { display:grid; gap:13px; }
.event-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,rgba(16,42,58,.96),rgba(8,27,39,.96)); box-shadow:0 14px 50px rgba(0,0,0,.16); }
.event-card.open { border-color:#285263; }
.event-summary { width:100%; padding:20px 22px; border:0; background:transparent; cursor:pointer; text-align:left; }
.league-line { display:flex; align-items:center; gap:9px; color:#b9cad1; font-size:12px; font-weight:700; }
.league-icon { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:rgba(255,255,255,.06); }
.league-icon img { width:18px; height:18px; object-fit:contain; }
.status { margin-left:auto; padding:6px 9px; border-radius:20px; font-size:10px; font-style:normal; letter-spacing:.08em; text-transform:uppercase; }
.status.active { background:var(--green-soft); color:var(--green); }
.status.completed { background:rgba(255,255,255,.06); color:#a9bbc4; }
.match-line { display:grid; grid-template-columns:1fr 160px 1fr; align-items:center; gap:24px; padding:24px 0 18px; }
.team-side { display:flex; align-items:center; gap:14px; min-width:0; }
.team-side.away { justify-content:flex-end; text-align:right; }
.team-side b { overflow:hidden; font-size:clamp(16px,2.5vw,23px); text-overflow:ellipsis; white-space:nowrap; }
.crest { display:grid; place-items:center; flex:0 0 54px; width:54px; height:54px; border:1px solid #2d4c5c; border-radius:16px; background:#132f3f; }
.image-crest img { width:38px; height:38px; object-fit:contain; }
.date-side { display:grid; justify-items:center; }
.date-side strong { font-size:31px; letter-spacing:-.04em; }
.date-side small { margin-top:4px; color:var(--muted); font-size:11px; text-align:center; }
.summary-bottom { display:flex; align-items:flex-end; justify-content:space-between; padding-top:16px; border-top:1px solid rgba(255,255,255,.07); }
.summary-bottom>span { display:grid; gap:4px; }
.summary-bottom small { color:var(--muted); font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.summary-bottom b { font-size:14px; }
.event-countdown { margin-left:auto; margin-right:18px; text-align:right; }
.event-countdown b { color:var(--green); font-variant-numeric:tabular-nums; }
.summary-bottom>i { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.06); color:var(--green); font-size:20px; font-style:normal; }
.event-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.8fr); gap:22px; padding:22px; border-top:1px solid var(--line); background:rgba(2,15,23,.3); }
.event-main { display:flex; flex-direction:column; gap:13px; }
.question-box,.rules-box,.participant-panel { border:1px solid var(--line); border-radius:14px; background:rgba(8,27,39,.72); }
.question-box,.rules-box { padding:19px; }
.question-box>span { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.question-box h2 { margin:8px 0 0; font-size:20px; }
.question-box p { margin:11px 0 0; color:var(--muted); font-size:13px; }
.question-box p strong { color:var(--text); }
.rules-box h3 { margin:0 0 8px; font-size:13px; }
.rules-box p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; white-space:pre-line; }
.primary-button,.secondary-button { min-height:48px; padding:0 22px; border-radius:11px; cursor:pointer; font-weight:800; }
.primary-button { border:0; background:var(--green); color:#03160a; box-shadow:0 12px 30px rgba(0,233,79,.12); }
.secondary-button { border:1px solid #315061; background:#122d3c; color:#c5d2d7; }
.primary-button:disabled,.secondary-button:disabled { border-color:transparent; background:#17313f; color:#70858e; cursor:not-allowed; box-shadow:none; }
.participant-panel { overflow:hidden; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; padding:16px 17px; border-bottom:1px solid var(--line); }
.panel-heading h3 { margin:0; font-size:14px; }
.panel-heading span { display:grid; place-items:center; min-width:27px; height:25px; padding:0 7px; border-radius:8px; background:var(--green-soft); color:var(--green); font-size:11px; font-weight:800; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th,td { padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.055); text-align:left; white-space:nowrap; }
th { color:#6f8792; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
td { color:#b8c8cf; }
td:nth-child(2) { color:var(--text); font-weight:700; }
td small { margin-left:8px; padding:3px 6px; border-radius:5px; background:var(--green); color:#052311; font-size:9px; }
.current-row { background:var(--green-soft); }
.winner-label { color:var(--green); font-size:10px; }
.empty-copy,.empty-state { color:var(--muted); }
.empty-copy { margin:0; padding:22px; }
.empty-state { padding:35px; border:1px dashed var(--line); border-radius:16px; text-align:center; }
.setup-banner { margin-bottom:18px; padding:14px 17px; border:1px solid rgba(255,107,114,.35); border-radius:12px; background:rgba(255,107,114,.08); color:#ffadb1; font-size:13px; }
footer { display:flex; align-items:center; justify-content:space-between; min-height:100px; border-top:1px solid rgba(255,255,255,.06); color:#758c97; font-size:12px; }
footer .brand img { width:145px; opacity:1; }
.modal-backdrop { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; background:rgba(1,10,16,.82); backdrop-filter:blur(8px); }
.modal { width:min(580px,100%); max-height:92vh; overflow:auto; padding:26px; border:1px solid #28495a; border-radius:20px; background:#0a202d; box-shadow:0 30px 90px rgba(0,0,0,.5); }
.modal-title { display:flex; justify-content:space-between; gap:20px; margin-bottom:23px; }
.modal-title span { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.12em; }
.modal-title h2 { margin:7px 0 5px; font-size:27px; }
.modal-title p { margin:0; color:var(--muted); }
.modal-title>button { width:38px; height:38px; border:1px solid var(--line); border-radius:10px; background:#102b3a; color:#a9bac2; cursor:pointer; font-size:22px; }
form { display:grid; gap:16px; }
label { display:grid; gap:8px; }
label>span,legend { color:#afc0c7; font-size:12px; font-weight:700; }
input,select,textarea { width:100%; min-height:48px; padding:0 14px; border:1px solid #254454; border-radius:10px; outline:0; background:#071b27; color:var(--text); }
textarea { min-height:120px; padding:13px 14px; resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.time-selects { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
fieldset { margin:0; padding:15px; border:1px solid var(--line); border-radius:12px; }
legend { padding:0 7px; }
.answer-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.answer-option { min-height:45px; border:1px solid #284858; border-radius:9px; background:#0d2938; cursor:pointer; }
.answer-option.selected { border-color:var(--green); background:var(--green); color:#06210f; }
.score-input { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; }
.score-input input { text-align:center; }
.check-row { grid-template-columns:auto 1fr; align-items:center; }
.check-row input { width:18px; min-height:18px; accent-color:var(--green); }
.form-error { margin:0; color:#ff9da2; font-size:12px; }
.success-state { display:grid; justify-items:center; gap:12px; padding:30px 12px 12px; text-align:center; }
.success-state h3,.success-state p { margin:0; }
.success-state p { color:var(--muted); line-height:1.6; }
.success-mark { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:var(--green); color:#04200e; font-size:25px; font-weight:800; }
.back-link { padding:10px 14px; border:1px solid var(--line); border-radius:10px; color:#b7c7ce; font-size:12px; font-weight:700; text-decoration:none; }
.auth-card,.management-card { border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:0 20px 70px rgba(0,0,0,.18); }
.auth-card { width:min(520px,100%); margin:30px auto; padding:34px; }
.auth-card h1 { margin:10px 0; font-size:34px; }
.auth-card>p { margin:0 0 24px; color:var(--muted); line-height:1.6; }
.reset-link { display:block; margin-top:14px; color:var(--muted); font-size:12px; text-align:center; text-decoration:none; }
.reset-link:hover { color:var(--text); }
.reset-card form { display:grid; gap:15px; }
.reset-card .danger-button { min-height:48px; }
.management-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr); align-items:start; gap:18px; }
.management-section-tabs { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,1fr); gap:8px; padding:7px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.management-section-tabs a { display:grid; place-items:center; min-height:44px; border-radius:10px; color:var(--muted); font-size:13px; font-weight:800; text-decoration:none; }
.management-section-tabs a:hover { color:var(--text); }
.management-section-tabs a.active { background:var(--green); color:#03150b; }
.management-card { display:flex; flex-direction:column; gap:17px; padding:26px; }
.management-grid>#eventForm { grid-column:1/-1; }
.card-title h1,.card-title h2 { margin:8px 0; }
.card-title p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.catalog-card { grid-column:1/-1; }
.catalog-forms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.catalog-form { align-content:start; padding:18px; border:1px solid var(--line); border-radius:13px; background:rgba(7,27,39,.58); }
.catalog-form>strong { font-size:14px; }
.catalog-create-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; gap:14px; }
.catalog-create-form>strong,.catalog-create-form>.form-message { grid-column:1/-1; }
.catalog-create-form>button { min-height:44px; }
.catalog-heading { display:flex; align-items:center; justify-content:space-between; padding-top:3px; }
.catalog-heading strong { font-size:13px; }
.catalog-heading span { color:var(--muted); font-size:11px; }
.catalog-list { overflow:hidden; border:1px solid var(--line); border-radius:12px; }
.catalog-league-row { display:grid; gap:11px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.06); }
.catalog-league-row:last-child { border-bottom:0; }
.catalog-league-heading { display:flex; align-items:center; gap:10px; }
.catalog-league-heading img { width:28px; height:28px; padding:3px; border:1px solid #294858; border-radius:8px; background:#102b3a; object-fit:contain; }
.catalog-league-heading strong { font-size:13px; }
.catalog-league-heading span { margin-left:auto; color:var(--muted); font-size:10px; }
.catalog-team-list { display:flex; flex-wrap:wrap; gap:7px; }
.catalog-team-list>span { display:flex; align-items:center; gap:7px; min-height:32px; padding:4px 9px 4px 5px; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(255,255,255,.035); color:#bdcbd1; font-size:11px; }
.catalog-team-list img { width:23px; height:23px; padding:2px; border-radius:50%; background:#173442; object-fit:contain; }
.catalog-team-list small { color:var(--muted); }
.catalog-edit-list { display:grid; gap:10px; }
.catalog-edit-row { display:grid; grid-template-columns:52px minmax(180px,1fr) minmax(180px,1fr) auto; align-items:end; gap:12px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(7,27,39,.55); }
.catalog-edit-row.team-edit-row { grid-template-columns:52px minmax(150px,.75fr) minmax(180px,1fr) minmax(180px,1fr) auto; }
.catalog-edit-icon { align-self:center; width:46px; height:46px; padding:5px; border:1px solid #294858; border-radius:12px; background:#102b3a; object-fit:contain; }
.catalog-edit-row label { margin:0; }
.catalog-edit-row .secondary-button { min-height:44px; padding:0 17px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.wide { grid-column:1/-1; }
.form-message { margin:0; padding:11px 13px; border-radius:9px; background:var(--green-soft); color:var(--green); font-size:12px; }
.form-message.error { background:rgba(255,107,114,.09); color:#ff9da2; }
.result-card { position:sticky; top:94px; }
.result-answer-field label { display:grid; gap:8px; }
.candidate-heading { display:flex; align-items:center; justify-content:space-between; padding-top:6px; }
.candidate-heading strong { font-size:13px; }
.candidate-heading span { color:var(--green); font-size:12px; font-weight:800; }
.candidate-list { display:grid; max-height:360px; overflow:auto; border:1px solid var(--line); border-radius:11px; }
.candidate-row { display:grid; grid-template-columns:auto 30px 1fr; align-items:center; gap:9px; padding:12px; border-bottom:1px solid rgba(255,255,255,.06); cursor:pointer; }
.candidate-row:last-child { border-bottom:0; }
.candidate-row input { width:17px; min-height:17px; accent-color:var(--green); }
.candidate-row>strong { color:#69818c; font-size:11px; }
.candidate-row>span { display:grid; gap:3px; }
.candidate-row b { font-size:12px; }
.candidate-row small { color:var(--muted); font-size:10px; }
.management-events-card { grid-column:1/-1; }
.management-bulk-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border:1px solid rgba(255,107,114,.18); border-radius:11px; background:rgba(255,107,114,.035); }
.management-bulk-actions p { margin:0; color:var(--muted); font-size:11px; }
.management-event-tabs { display:flex; gap:8px; overflow:auto; padding:2px 0 6px; scrollbar-width:thin; }
.management-event-tabs button { display:grid; flex:0 0 auto; min-width:210px; gap:5px; padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:#091c29; color:var(--text); cursor:pointer; text-align:left; }
.management-event-tabs button strong { overflow:hidden; max-width:230px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.management-event-tabs button small { color:var(--muted); font-size:9px; }
.management-event-tabs button.active { border-color:var(--green); background:var(--green-soft); }
.management-event-detail { display:grid; gap:16px; padding-top:4px; }
.management-event-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(135deg,rgba(17,48,65,.8),rgba(7,27,39,.72)); }
.management-event-teams { display:flex; align-items:center; min-width:0; gap:13px; }
.management-event-teams>img { width:48px; height:48px; padding:6px; border:1px solid #2b4b5b; border-radius:14px; background:#102d3c; object-fit:contain; }
.management-event-teams>span { display:grid; min-width:0; gap:4px; }
.management-event-teams small { color:var(--green); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.management-event-teams strong { overflow:hidden; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.management-event-teams em { color:var(--muted); font-size:10px; font-style:normal; }
.management-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.management-stats>span { display:grid; gap:5px; padding:13px 15px; border:1px solid var(--line); border-radius:11px; background:rgba(7,27,39,.55); }
.management-stats small { color:var(--muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.management-stats b { font-size:14px; }
.management-event-columns { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr); align-items:start; gap:14px; }
.management-subcard { display:flex; flex-direction:column; gap:15px; padding:18px; border:1px solid var(--line); border-radius:14px; background:rgba(7,27,39,.55); }
.management-event-columns .result-card { position:static; }
.subcard-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.subcard-title>div { display:grid; gap:5px; }
.subcard-title span { color:var(--green); font-size:9px; font-weight:800; letter-spacing:.17em; }
.subcard-title h3 { margin:0; font-size:15px; }
.subcard-title>small { max-width:290px; color:#d8ae65; font-size:10px; line-height:1.5; text-align:right; }
#activeResultPanel { display:grid; gap:14px; }
.completed-answer { display:grid; gap:6px; padding:14px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); }
.completed-answer small { color:var(--muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.completed-winner-list { overflow:hidden; border:1px solid var(--line); border-radius:11px; }
.completed-winner-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border-bottom:1px solid rgba(255,255,255,.06); }
.completed-winner-row:last-child { border-bottom:0; }
.completed-winner-row>strong { color:var(--green); font-size:10px; }
.completed-winner-row>span { font-size:12px; font-weight:800; }
.completed-winner-row>small { color:var(--muted); font-size:9px; }
.management-participants-card { padding:0; overflow:hidden; }
.management-participants-card .subcard-title { padding:16px 18px 0; }
.management-participant-list { overflow:auto; }
#deleteEvent { justify-self:start; align-self:flex-start; }
.management-history-card { grid-column:1/-1; }
.management-history-heading { display:flex; align-items:center; justify-content:space-between; }
.management-history-heading strong { font-size:13px; }
.management-history-heading span { display:grid; place-items:center; min-width:28px; height:26px; padding:0 8px; border-radius:8px; background:var(--green-soft); color:var(--green); font-size:11px; font-weight:800; }
.management-history-list { overflow:hidden; border:1px solid var(--line); border-radius:12px; }
.management-history-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.06); }
.management-history-row:last-child { border-bottom:0; }
.management-history-icons { display:flex; align-items:center; }
.management-history-icons img { width:36px; height:36px; padding:5px; border:1px solid #294858; border-radius:50%; background:#102b3a; object-fit:contain; }
.management-history-icons img+img { margin-left:-9px; }
.management-history-copy { display:grid; min-width:0; gap:4px; }
.management-history-copy span { color:var(--green); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.management-history-copy strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.management-history-copy small { color:var(--muted); font-size:10px; }
.danger-button { min-height:38px; padding:0 14px; border:1px solid rgba(255,107,114,.35); border-radius:9px; background:rgba(255,107,114,.08); color:#ff9da2; cursor:pointer; font-size:12px; font-weight:800; }
.danger-button:hover { background:rgba(255,107,114,.15); }
.danger-button:disabled { opacity:.55; cursor:not-allowed; }
.toast { position:fixed; right:20px; bottom:20px; z-index:80; max-width:min(380px,calc(100% - 40px)); padding:13px 16px; border:1px solid rgba(0,233,79,.35); border-radius:11px; background:#0c2b1a; color:#b8ffce; box-shadow:0 20px 60px rgba(0,0,0,.4); font-size:13px; }
.toast.error { border-color:rgba(255,107,114,.4); background:#32161c; color:#ffc0c3; }
.loading { opacity:.65; pointer-events:none; }

@media (max-width:780px) {
  .header-inner,.main-content,footer { width:min(100% - 24px,1120px); }
  .brand img { width:160px; }
  .main-content { padding-top:22px; }
  .match-line { grid-template-columns:1fr 76px 1fr; gap:8px; padding:20px 0 16px; }
  .team-side { align-items:flex-start; flex-direction:column; gap:8px; }
  .team-side.away { align-items:flex-end; }
  .team-side b { max-width:100%; font-size:14px; }
  .crest { width:44px; height:44px; flex-basis:44px; border-radius:13px; }
  .image-crest img { width:31px; height:31px; }
  .date-side strong { font-size:23px; }
  .date-side small { font-size:9px; }
  .event-details,.management-grid,.catalog-forms,.management-event-columns { grid-template-columns:1fr; }
  .event-summary,.event-details { padding-left:15px; padding-right:15px; }
  .answer-options,.form-grid { grid-template-columns:1fr; }
  .wide { grid-column:auto; }
  .event-tabs { width:100%; }
  .event-tabs button { flex:1; justify-content:center; padding:0 10px; }
  .result-card { position:static; }
  .management-grid>#eventForm { grid-column:auto; }
  .catalog-create-form,.catalog-edit-row,.catalog-edit-row.team-edit-row { grid-template-columns:1fr; }
  .catalog-edit-icon { width:42px; height:42px; }
  .management-event-hero { align-items:flex-start; }
  .management-event-teams>img { width:38px; height:38px; }
  .management-stats { grid-template-columns:1fr; }
  .management-bulk-actions { align-items:stretch; flex-direction:column; }
  .subcard-title { flex-direction:column; }
  .subcard-title>small { text-align:left; }
  .management-history-row { grid-template-columns:auto minmax(0,1fr); }
  .management-history-row .danger-button { grid-column:1/-1; }
  footer { flex-direction:column; justify-content:center; gap:13px; }
}

@media (max-width:460px) {
  .event-summary { padding-top:16px; }
  .team-side b { white-space:normal; }
  .date-side small { max-width:78px; }
  .summary-bottom b { font-size:12px; }
  .event-countdown { margin-right:9px; }
  .event-countdown small { max-width:120px; letter-spacing:.05em; }
  .modal { padding:20px; }
  .management-event-teams { gap:8px; }
  .management-event-teams>img { width:32px; height:32px; border-radius:10px; }
  .management-event-teams strong { font-size:13px; white-space:normal; }
  .management-event-hero { padding:13px; }
  .completed-winner-row { grid-template-columns:28px minmax(0,1fr); }
  .completed-winner-row>small { grid-column:2; }
}