/* Arena token ailesi; maç programında yüzey gölgesi yerine çizgi hiyerarşisi. */
:root{color-scheme:dark;--accent:#f97316;--good:#22c55e;--bad:#ef4444;--panel:rgba(10,12,16,.82);--r1:4px;--r2:6px;--r3:8px;--r-pill:20px;--s0:#05070a;--s1:#07090d;--s2:#0a0d12;--hair:#161b22;--bg:#05070a;--line:#1e232b;--line2:#2a2f36;--txt:#e5e7eb;--dim:#9ca3af;--faint:#848b94;--info:#38bdf8;--score:#fff;--focus:#ffad70;--space:4px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--txt);font:15px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}a{color:var(--info);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,select,input:not([type=radio]),textarea{min-height:44px;border-radius:var(--r2);border:1px solid var(--line2)}button{padding:10px 16px;background:var(--s2);color:var(--txt);cursor:pointer;font-weight:650}button:hover:not(:disabled){border-color:var(--dim);background:var(--line)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:var(--faint);cursor:not-allowed;border-style:dashed}.primary{background:var(--accent);border-color:var(--accent);color:var(--s0)}.primary:hover:not(:disabled){background:var(--focus);border-color:var(--focus)}.primary:disabled{background:var(--s2)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}input,select,textarea{width:100%;min-width:0;padding:10px 12px;color:var(--txt);background:var(--s0)}textarea{resize:vertical}input::placeholder{color:var(--faint)}input[type=radio]{accent-color:var(--accent);width:20px;height:20px;flex:0 0 auto}label{display:grid;gap:8px;color:var(--txt);font-size:14px}small{font-size:12px;color:var(--dim);font-weight:400}fieldset{border:0;padding:0;margin:24px 0}legend{font-size:14px;margin-bottom:12px}form{display:grid;gap:20px}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4.5vw,60px);letter-spacing:-.05em;line-height:1.12;color:var(--score)}h2{font-size:24px;letter-spacing:-.035em;line-height:1.3}h3{font-size:18px;line-height:1.35}p{max-width:80ch}button,a{touch-action:manipulation}.skip{position:absolute;top:-80px;left:16px;background:var(--score);color:var(--s0);padding:12px;z-index:5}.skip:focus{top:8px}.mast{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left))}.brand{color:var(--score);font-weight:850;letter-spacing:.14em;font-size:21px;text-decoration:none}.brand span{color:var(--dim);font-size:12px;font-weight:500;margin-left:16px;letter-spacing:.03em}.mast nav{display:flex;gap:24px;flex-wrap:wrap}.mast nav a{font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--dim)}main{max-width:1320px;margin:auto;padding:0 32px 64px}.connection{min-height:40px;padding:12px 0 8px;color:var(--faint);font-size:12px}.connection.offline{color:var(--focus)}.error,.notice{padding:16px;border-left:3px solid var(--bad);background:var(--s2);margin:8px 0 24px}.notice{border-color:var(--info)}.error{color:var(--score)}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.09em;color:var(--accent)}.opening{padding:40px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:end}.opening .eyebrow{grid-column:1/-1}.opening>p:last-child{color:var(--dim);padding-bottom:4px;font-size:17px}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px}.setup{border-top:2px solid var(--accent);padding-top:24px}.section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.section-heading p:not(.eyebrow){color:var(--dim);font-size:13px;margin-top:4px}.section-heading .eyebrow{margin-bottom:8px}.section-number{font-size:13px;color:var(--faint);border:1px solid var(--line2);border-radius:var(--r1);width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;font-variant-numeric:tabular-nums}.compact{margin-bottom:16px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-pair>*{min-width:0}.recipe{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.recipe legend{padding-top:4px}.recipe-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line2);padding:16px;border-radius:var(--r2);cursor:pointer}.recipe-option:has(input:checked){border-color:var(--accent);background:var(--s2)}.recipe-option strong,.recipe-option small{display:block}.recipe-option small{margin-top:6px}.rule-note{font-size:13px;color:var(--dim);line-height:1.7}.stage-fields{border-top:1px solid var(--line2)}.stage-editor{padding:20px 0;border-bottom:1px solid var(--line2);display:grid;gap:16px}.stage-editor>header{display:flex;align-items:center;gap:12px}.stage-editor .stage-index{color:var(--accent);font-size:20px;font-variant-numeric:tabular-nums}.stage-editor .source-fields{display:grid;gap:12px}.stage-editor details{border-left:2px solid var(--line2);padding-left:16px}.stage-editor summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--dim);font-size:13px}.night-rail{border-left:1px solid var(--line);padding-left:28px}.night-rail h2{margin:16px 0 28px;font-size:28px}.night-rail ol{list-style:none;padding:0;margin:0 0 28px}.night-rail li{padding:0 0 24px 20px;border-left:1px solid var(--line2);position:relative}.night-rail li:before{content:"";position:absolute;left:-4px;top:9px;width:7px;height:7px;background:var(--info)}.night-rail li b{display:block;color:var(--score);font-size:14px}.night-rail li span{display:block;color:var(--dim);font-size:13px;margin-top:4px}.resume-link{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}#etkinlikler{margin-top:64px;padding-top:32px;border-top:1px solid var(--line2)}.list-tools{display:flex;gap:16px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.list-tools label{flex:1;max-width:340px}.public-event{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.public-event time{font-size:14px;color:var(--dim)}.public-event h3{margin-bottom:8px}.public-event .event-list-meta{font-size:13px;color:var(--dim)}.tag{font-size:11px;font-weight:650;border:1px solid var(--line2);border-radius:var(--r1);padding:3px 7px;color:var(--dim);display:inline-block}.tag.official{color:var(--accent);border-color:var(--accent)}.back-link{display:inline-block;min-height:44px;padding:8px 0;margin-top:16px;font-size:13px}.event-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px 0 32px}.event-heading h1{font-size:clamp(32px,4vw,48px);margin:8px 0 12px}.event-heading #event-meta{color:var(--dim);font-size:13px}.event-tools,.button-row{display:flex;gap:12px;flex-wrap:wrap}.event-tools{justify-content:flex-end}.next-match{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-top:2px solid var(--accent);border-bottom:1px solid var(--line2);background:var(--s2);margin-bottom:40px}.next-match h2{margin:8px 0;font-size:28px}.next-match p:last-child{font-size:14px;color:var(--dim)}.next-actions{display:flex;gap:12px;flex-wrap:wrap;flex:0 0 auto}.event-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px}.team-rail{border-right:1px solid var(--line);padding-right:24px}.team-block{padding:20px 0;border-bottom:1px solid var(--line)}.team-block h3{color:var(--info);font-size:16px}.team-block ul{list-style:none;padding:0;margin:12px 0 0}.team-block li{padding:7px 0;display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:14px}.team-block li small{font-size:11px;text-align:right}.team-block .empty-seat{color:var(--faint)}.team-rail form{margin-top:24px}.team-rail #my-seat{margin:20px 0}.danger-text{color:var(--bad);background:transparent}.match-program{min-width:0}.match-round{margin-bottom:28px}.round-heading{display:flex;gap:12px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line2)}.round-heading small{color:var(--dim)}.match-row{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px}.match-row.current{border-left:3px solid var(--accent);padding-left:16px}.match-row .versus{font-size:17px;font-weight:650;color:var(--score)}.match-row .match-score{font-size:24px;color:var(--score);font-variant-numeric:tabular-nums}.match-row .match-detail{font-size:12px;color:var(--dim)}.match-row .match-state{font-size:12px;color:var(--info)}.match-row .match-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.table-scroll{overflow-x:auto;min-width:0;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--dim)}td:last-child{font-weight:700;color:var(--score)}.organizer-panel,.appeal-panel{border-top:1px solid var(--line2);padding-top:28px;margin-top:40px}.organizer-panel>p{color:var(--dim);font-size:14px;margin:12px 0 20px}.organizer-panel form{max-width:720px;margin-top:28px}.appeal-panel summary{cursor:pointer;min-height:44px;font-size:18px}.appeal-panel form{max-width:720px;margin:20px 0}.appeal-item{border-top:1px solid var(--line);padding:16px 0;font-size:14px}.appeal-item p{color:var(--dim)}#invite-fallback{margin-bottom:24px;max-width:780px}#invite-fallback button{margin-top:12px}footer{max-width:1320px;margin:auto;padding:24px 32px max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--faint);font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.noscript{padding:24px}.empty-state{padding:24px 0;color:var(--dim)}
@media(max-width:960px){.setup-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.night-rail{padding-left:20px}.event-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.event-heading{align-items:flex-start;flex-direction:column}.event-tools{justify-content:flex-start}.next-match{padding:24px;align-items:flex-start;flex-direction:column}.next-actions{flex:initial}.brand span{display:none}}
@media(max-width:700px){main{padding:0 20px 40px}.mast{padding:12px 20px;gap:12px}.mast nav{gap:12px}.mast nav a{font-size:12px}.brand{font-size:18px}.opening{padding:24px 0 32px;grid-template-columns:1fr;gap:16px}.opening>p:last-child{font-size:15px}.setup-layout{grid-template-columns:1fr}.night-rail{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.night-rail ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.night-rail h2{font-size:24px}.event-layout{display:flex;flex-direction:column}.team-rail{border-right:0;padding:0}.team-rail #teams{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.match-program{border-top:1px solid var(--line2);padding-top:24px}.public-event{grid-template-columns:minmax(0,1fr) auto;gap:12px}.public-event time{grid-column:1/-1}.event-tools button{font-size:13px}.next-match{padding:20px}.next-match h2{font-size:24px}.next-actions{width:100%}.next-actions>*{flex:1}.primary{min-height:52px}.event-heading{padding-top:12px}.recipe{grid-template-columns:1fr}.field-pair{gap:16px}footer{padding:20px;font-size:11px}.table-scroll th,.table-scroll td{padding:12px 6px;font-size:12px}}
@media(max-width:430px){.field-pair{grid-template-columns:1fr}.event-tools{width:100%}.event-tools button{flex:1}.team-rail #teams{grid-template-columns:1fr}.night-rail ol{grid-template-columns:1fr}.section-heading{gap:12px}.next-match{padding:16px}.match-row .versus{font-size:15px}.match-row .match-score{font-size:20px}.public-event{grid-template-columns:1fr}.public-event button{width:100%}.mast nav a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active:not(:disabled){transform:none}}
.match-entry,.list-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line2);border-radius:var(--r2);font-weight:650;text-decoration:none}.match-entry{border-color:var(--accent)}.match-entry:hover{background:var(--focus)}.list-entry:hover{background:var(--s2);border-color:var(--dim)}.stage-editor h4{margin:0;font-size:16px}.organizer-panel details{margin-top:24px}.organizer-panel summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--info)}#rules-fields{display:grid;gap:16px;margin:24px 0 0}
.event-rules{margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:24px}.event-rules summary{min-height:44px;cursor:pointer;color:var(--info);padding:8px 0}.event-rules>p{margin-top:16px}#stage-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}.stage-summary{border-left:1px solid var(--line2);padding-left:16px}.stage-summary .stage-index{font-size:12px;color:var(--accent)}.stage-summary h3{margin:8px 0}.stage-summary p+p{margin-top:8px}.role-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:12px 0;font-size:14px}#role-list{margin-top:24px}@media(max-width:700px){#stage-overview{grid-template-columns:1fr}.stage-summary{padding-bottom:12px}.role-row{align-items:flex-start;flex-direction:column}}
.map-preview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;border:1px solid var(--line2);border-radius:var(--r2);padding:16px}.map-preview svg{width:100%;height:auto;grid-row:span 6}.map-preview .error{grid-column:1/-1}.notify-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:44px;margin-bottom:24px;font-size:13px}.notify-choice input{width:20px;min-height:20px;height:20px;accent-color:var(--accent)}.notify-choice small{flex-basis:100%;padding-left:32px}@media(max-width:430px){.map-preview{grid-template-columns:1fr}.map-preview svg{max-width:240px;grid-row:auto}}

.catalog-tools{border-top:1px solid var(--line2);margin-top:40px;padding-top:16px}.catalog-tools summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--info)}.catalog-tools>p,.catalog-tools>div,.catalog-tools>form,.catalog-tools>details{margin-top:20px}.catalog-tools form{display:grid;gap:16px;padding-top:20px;border-top:1px solid var(--line)}.catalog-tools .field-pair{align-items:end}.catalog-tools button{justify-self:start}#map-review-panel{border-top:1px solid var(--line)}

/* Turnuva akışı: bir karar alanı, sabit oyun özeti, görünür sonraki adım. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
h1, h2 { letter-spacing: normal; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
main { max-width:1240px; }
.opening { grid-template-columns: 1.3fr 1fr; padding:32px 0 40px; }
.opening h1 { font-size:clamp(32px,4vw,48px); line-height:1.16; }
.opening > p:last-child { font-size:16px; }
.setup-layout { grid-template-columns:minmax(0,1fr) 272px; gap:32px; align-items:start; }
.setup { padding:0; border:1px solid var(--line2); border-radius:var(--r3); background:var(--s1); min-width:0; }
.setup-steps { border-bottom:1px solid var(--line2); padding:12px 20px; }
.setup-steps ol { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.setup-steps button { width:100%; display:flex; align-items:center; gap:8px; border:0; padding:10px 8px; background:transparent; color:var(--dim); text-align:left; font-size:14px; }
.setup-steps button span { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--line2); border-radius:50%; flex-shrink:0; font-variant-numeric:tabular-nums; }
.setup-steps button[aria-current=step] { color:var(--score); }
.setup-steps button[aria-current=step] span { background:var(--accent); border-color:var(--accent); color:var(--s0); }
#create-form { gap:0; }
.setup-step { display:grid; gap:20px; padding:28px; min-width:0; }
.setup-step h2 { font-size:28px; line-height:1.25; }
.step-caption { color:var(--accent); font-size:12px; font-weight:700; }
.step-intro { color:var(--dim); margin-top:-12px; }
.recipe { gap:12px; }
.recipe-option { background:var(--s0); padding:20px 16px; }
.recipe-option strong { font-size:20px; color:var(--score); }
.recipe-option small { font-size:13px; line-height:1.6; }
.recipe-option input { margin-top:5px; }
.recipe-option:has(input:checked) { background:#19110c; }
.advanced { border-top:1px solid var(--line); }
.advanced > summary { min-height:44px; padding:12px 0; color:var(--dim); font-size:14px; cursor:pointer; }
.advanced > summary small { margin-left:8px; }
.advanced[open] > summary { color:var(--txt); }
.advanced > label, .advanced > p, .advanced > .field-pair { margin:8px 0 16px; }
#team-name-fields { margin:8px 0 16px; }
#rules-fields { margin:0; gap:12px; }
#rules-fields > legend { font-weight:700; font-size:16px; }
#rules-fields > label > span { display:none; }
.stage-fields { border:0; display:grid; gap:16px; }
.stage-editor { background:var(--s0); border:1px solid var(--line2); border-radius:var(--r2); padding:20px; gap:12px; }
.stage-editor > header { gap:8px; }
.stage-editor .stage-index { font-size:13px; border:1px solid var(--line2); width:28px; height:28px; display:grid; place-items:center; border-radius:var(--r1); }
.stage-editor h4 { font-size:16px; }
.stage-editor details { border-left:0; padding-left:0; }
.stage-editor details details { margin-top:12px; }
.stage-editor > header > button { margin-left:auto; font-size:13px; padding:8px 12px; color:var(--info); }
.map-customize[open] > details { padding:0 12px; border-left:2px solid var(--line2); }
.map-preview { grid-template-columns: minmax(120px,180px) minmax(0,1fr); }
.wizard-actions { display:flex; gap:12px; align-items:center; padding:20px 28px; border-top:1px solid var(--line2); }
#step-position { margin-right:auto; font-size:13px; color:var(--dim); font-variant-numeric:tabular-nums; }
.wizard-actions .primary { min-height:48px; }
#create-error { margin:0 28px 20px; }
[aria-invalid=true] { border-color:var(--bad); }
.setup-summary { padding:24px; border-top:2px solid var(--accent); background:var(--s2); }
.setup-summary h2 { font-size:22px; margin:8px 0 16px; }
#setup-summary-format { font-size:15px; color:var(--txt); }
.plan-maps { margin:24px 0; padding:16px 0; border-block:1px solid var(--line2); display:grid; gap:16px; }
.plan-maps p { display:flex; gap:12px; align-items:center; }
.plan-maps span { color:var(--accent); font-size:12px; width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--line2); border-radius:50%; flex-shrink:0; }
.plan-maps strong { font-size:14px; }
#setup-summary-time { margin-top:12px; }
.summary-footnote { margin-top:24px; padding-top:16px; border-top:1px solid var(--line); color:var(--faint); font-size:13px; }
.resume-events:empty { display:none; }
.resume-events { margin-bottom:24px; display:flex; flex-wrap:wrap; gap:12px; }
.resume-link { margin:0; padding:12px 16px; border:1px solid var(--line2); border-radius:var(--r2); min-height:44px; }
#create-review h3 { font-size:24px; color:var(--score); }
.review-format { margin-top:8px; color:var(--dim); }
.review-facts { display:grid; grid-template-columns:112px minmax(0,1fr); gap:12px 20px; margin:24px 0; padding:20px 0; border-block:1px solid var(--line2); font-size:14px; }
.review-facts dt { color:var(--dim); }
.review-facts dd { margin:0; }
.review-stage { padding:12px 0; }
.review-stage p { color:var(--dim); font-size:14px; margin-top:4px; }
.help-box { padding:20px; border-left:3px solid var(--info); background:var(--s2); font-size:14px; }
.help-box ol { padding-left:20px; margin:12px 0 0; color:var(--dim); display:grid; gap:8px; }
.event-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; gap:8px; }
.event-progress li { padding:12px; border-top:2px solid var(--line2); color:var(--dim); font-size:14px; }
.event-progress li[aria-current=step] { border-color:var(--accent); color:var(--score); font-weight:700; }
.next-match { border-top:0; border:1px solid var(--line2); border-radius:var(--r2); margin:12px 0 24px; }
.next-match > div:first-child { min-width:0; }
.next-match h2 { max-width:28ch; }
.next-actions { flex-shrink:1; }
.event-nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin:0 0 24px; padding:8px 0; border-bottom:1px solid var(--line2); }
.event-nav a { display:flex; align-items:center; min-height:44px; color:var(--txt); text-decoration:none; font-size:14px; }
.event-nav a:hover { color:var(--info); text-decoration:underline; }
.event-layout { grid-template-columns:300px minmax(0,1fr); gap:32px; }
.team-rail .section-heading { display:block; }
.team-rail .section-number, .match-program .section-number { display:none; }
.team-rail h2 { font-size:22px; }
#join-form { padding:20px; border:1px solid var(--accent); border-radius:var(--r2); gap:16px; background:var(--s2); scroll-margin-top:24px; }
#join-form h3 { font-size:20px; }
#join-form:target { outline:2px solid var(--focus); outline-offset:4px; }
.team-rail .advanced { margin:16px 0; }
.event-rules { padding:0 0 16px; margin:0 0 16px; }
#standings-section { margin-top:32px; }
dialog { width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:28px; border:1px solid var(--line2); border-radius:var(--r3); background:var(--s2); color:var(--txt); overflow-y:auto; }
dialog::backdrop { background:rgba(0,0,0,.78); }
dialog p { color:var(--dim); }
dialog .button-row { justify-content:flex-end; }
@media(min-width:961px) { .setup-summary { position:sticky; top:24px; } }
@media(max-width:960px) { .setup-layout { grid-template-columns:minmax(0,1fr) 230px; gap:20px; } .setup-summary { padding:20px; } .setup-step { padding:24px; } .wizard-actions { padding:20px 24px; } .event-layout { grid-template-columns:260px minmax(0,1fr); gap:24px; } }
@media(max-width:760px) { .setup-layout { grid-template-columns:1fr; } .setup-summary { display:none; } .opening { grid-template-columns:1fr; gap:16px; padding:24px 0 28px; } .event-layout { display:flex; flex-direction:column; } .team-rail { padding:0; border:0; } .recipe { grid-template-columns:1fr 1fr; } .setup-steps { padding:12px; } .setup-step h2 { font-size:25px; } .event-progress li { padding:12px 4px; font-size:13px; } }
@media(max-width:430px) { main { padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right)); } .setup-step { padding:20px 16px; gap:18px; } .setup-steps { padding:8px; } .setup-steps ol { gap:4px; } .setup-steps button { padding:8px 4px; font-size:12px; gap:6px; flex-direction:column; text-align:center; } .recipe { grid-template-columns:1fr; } .recipe-option { padding:16px; }  .recipe-option strong { font-size:18px; } .wizard-actions { padding:16px; gap:8px; flex-wrap:wrap; } #step-position { margin-right:auto; } .wizard-actions .primary { flex:1; font-size:14px; } #create-error { margin:0 16px 16px; } .stage-editor { padding:16px; } .map-preview { grid-template-columns:1fr; } .review-facts { grid-template-columns:1fr; gap:4px; } .review-facts dd { margin-bottom:12px; } .event-nav { gap:4px 16px; } dialog { padding:20px; } dialog .button-row > button { flex:1; } }

.stage-settings { display:grid; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line2); }
.match-row .match-detail:last-child { grid-column:1/-1; }