:root{--accent:#005b50;--ink:#10243a;--paper:#f5f2e9;--line:#d5d7ce;--yellow:#f5c744;color:var(--ink);background:var(--paper);font-family:"TablePredict Inter",Inter,Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-underline-offset:3px}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button,input,select{min-height:44px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d28400;outline-offset:3px}h1,h2,h3{font-family:"Roboto Condensed","TablePredict Inter",Arial,sans-serif;line-height:1.1;margin:0 0 12px}h1{font-size:34px}h2{font-size:28px}h3{font-size:23px}p{line-height:1.5;margin:10px 0}small{font-size:13px;line-height:1.5}button{border:1px solid var(--ink);padding:10px 15px;background:#fffefa;font-weight:700}button.primary,.primary-link{background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.primary-link{display:inline-block;padding:10px 16px;font-weight:700}.cup-skip{position:absolute;top:-80px;left:10px;z-index:20;background:white;padding:10px}.cup-skip:focus{top:10px}.demo-strip{background:#10243a;color:#fff;text-align:center;padding:8px 12px;font-size:12px;letter-spacing:.04em}.cup-header{padding:20px 24px;border-bottom:5px solid var(--accent);background:#fffefa;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cup-brand{font-size:23px;font-weight:800;overflow-wrap:anywhere}.cup-brand small{display:block;font-size:12px;font-weight:500}.cup-shell{width:min(1080px,100%);margin:auto;padding:20px 24px 40px}.cup-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin-bottom:22px}.cup-tabs button{border:0;border-bottom:4px solid transparent;background:transparent}.cup-tabs button[aria-current]{border-color:var(--accent-ink,var(--ink));color:var(--accent-ink,var(--ink))}.cup-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px;align-items:start}.panel{background:#fffefa;border:1px solid var(--line);padding:22px;min-width:0}.panel+.panel{margin-top:18px}.kicker{font-size:12px;font-weight:800;color:var(--accent-ink,var(--ink));letter-spacing:.05em;text-transform:uppercase}.subtle{color:#5a665f}.notice{padding:12px 14px;background:#fff3c9;border-left:4px solid var(--yellow);font-size:14px}.rule{background:#edf2ed;padding:12px 14px;font-size:14px}.cup-question{margin:22px 0;border:0;padding:0;min-width:0}.cup-question legend{font-weight:750;line-height:1.4;margin-bottom:7px}.cup-question .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cup-question .options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.options label{display:flex;gap:7px;align-items:center;padding:9px;border:1px solid #a1aaa3;background:#f3f2eb;font-size:14px;min-height:48px;line-height:1.25;cursor:pointer;overflow-wrap:anywhere}.options label:has(input:checked){background:#e0eee6;border:2px solid var(--accent);padding:8px}.options input{width:17px;height:17px;min-height:17px;accent-color:var(--accent-ink,var(--ink));flex-shrink:0}.options label:has(input:focus-visible){outline:3px solid #d28400;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.metric{padding:14px;background:#edf2ed}.metric strong{display:block;font-size:32px;line-height:1.2}.metric span{font-size:13px}.score-note{font-size:14px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.toolbar label,.form-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.toolbar select,select,input[type=text]{border:1px solid #a1aaa3;padding:10px;background:#fffefa;max-width:100%}.rank-table{width:100%;border-collapse:collapse;font-size:14px}.rank-table th,.rank-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 6px;overflow-wrap:anywhere}.rank-table td:last-child,.rank-table th:last-child{text-align:right}.rank-table tr.you{background:#fff3c9}.table-scroll{overflow:auto}.table-scroll .rank-table{min-width:360px}.bar-row{margin:12px 0}.bar-row p{display:flex;justify-content:space-between;gap:10px;font-size:14px}.bar{height:7px;background:#e2e6de}.bar span{display:block;height:100%;background:var(--accent-ink,var(--ink))}.empty{padding:20px;border:1px dashed #9ba69d}.cup-footer{padding:20px 24px;text-align:center;font-size:12px;border-top:1px solid var(--line);color:#5a665f}.cup-footer button{font-size:12px;padding:6px 10px;background:transparent;margin-left:8px}.cup-status{max-width:1080px;margin:0 auto;padding:0 24px;min-height:1.5em}.cup-status:empty{min-height:0;padding:0}.expert-name{display:flex;align-items:center;gap:9px}.initials{background:#e5ece5;border:1px solid #abb7ad;border-radius:50%;padding:8px;display:inline-block;min-width:36px;text-align:center}.next-window{border-top:4px solid var(--accent)}.cup-result-item{padding:14px 0;border-top:1px solid var(--line)}.cup-result-item strong{display:block;margin:4px 0}.correct{color:#005b40}.pending{color:#775510}.internal-header{padding:20px 24px;background:#10243a;color:#fff}.internal-header nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.internal-shell{padding:24px;width:min(1440px,100%);margin:auto}.present-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.present-controls{display:grid;gap:13px}.present-controls input,.present-controls select{width:100%}.present-controls input[type=color]{height:44px;border:1px solid #9ba69d;background:white;padding:4px}.preview-frame{width:100%;height:900px;border:1px solid #a1aaa3;background:#fff}.frame-wrap.mobile{max-width:390px;margin:auto}.present-explanation{margin-top:18px;font-size:14px}.editorial-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.editorial-filters select{width:100%}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial-grid .panel{margin:0}.headline{background:#edf2ed;padding:14px;font-weight:700;line-height:1.5}.participation{display:grid;gap:8px}.participation p{font-size:14px;display:flex;justify-content:space-between}details{line-height:1.55}summary{cursor:pointer;font-weight:700}dialog{max-width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:24px}dialog::backdrop{background:rgb(5 20 31 / .7)}dialog .form-label{margin-top:14px}dialog canvas{width:100%;height:auto;border:1px solid var(--line)}.embed .cup-shell{padding:16px}.embed .cup-header{padding:14px 16px}.embed .cup-footer{padding:12px}.editors-note{font-size:13px}.share-link{overflow-wrap:anywhere;display:block;font-size:12px;margin-top:12px}
@media(max-width:900px){.present-grid{grid-template-columns:1fr}.present-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cup-grid,.editorial-grid{grid-template-columns:1fr}.cup-shell,.internal-shell{padding:16px}.cup-header{padding:16px}.panel{padding:17px}h1{font-size:30px}.cup-tabs{margin-bottom:16px}.internal-header{padding:18px 16px}.internal-header h1{font-size:30px}}
@media(max-width:360px){.cup-shell,.internal-shell{padding:12px}.panel{padding:13px}.cup-question .options.three{grid-template-columns:1fr}.present-controls{grid-template-columns:1fr}.rank-table th,.rank-table td{padding:9px 3px}.metric strong{font-size:28px}.actions button{width:100%}.cup-header button{font-size:13px}.editorial-filters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Shared cup art direction: readable team rows, clear selections and quiet metadata. */
.cup-header{background:var(--ink);color:#fffefa;border:0;padding:20px max(24px,calc((100% - 1200px)/2));min-width:0}
.cup-header button{border-color:#f5c744;background:#f5c744;color:var(--ink)}
.cup-brand{min-width:0;flex:1}.cup-brand small{margin-top:5px;color:#c7d3c9}
.cup-sponsorbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#063f36;color:#fffefa;flex-wrap:wrap}
.cup-sponsorbar strong{background:#fffefa;color:var(--ink);padding:8px 14px;max-width:100%;overflow-wrap:anywhere}
.cup-hero{background:var(--accent);color:var(--hero-ink,#fffefa);padding:32px max(24px,calc((100% - 1200px)/2));border-bottom:6px solid var(--yellow)}
.cup-hero h1{font-size:clamp(38px,4vw,58px);max-width:100%;overflow-wrap:anywhere}.cup-hero .kicker{color:inherit;opacity:.9}.cup-hero p{max-width:700px}
.cup-hero-round{display:inline-block;padding:7px 11px;border:1px solid currentColor;font-weight:700;font-size:14px;margin-top:8px}
.cup-shell{width:min(1248px,100%)}.panel{border-top:5px solid var(--ink)}.cup-grid>section.panel{border-top-color:var(--accent)}
.cup-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:20px 0}
.cup-question{margin:0;border:1px solid var(--line);border-top:4px solid var(--accent);padding:14px;background:#f5f3ed}
.cup-question legend{float:left;width:100%;margin-bottom:8px}.cup-question>.subtle{display:block;clear:both;min-height:40px;font-size:12px}
.cup-question .options,.cup-question .options.three{grid-template-columns:1fr;margin-top:10px}
.cup-question .options label{position:relative;min-height:58px;gap:9px;background:#fffefa;padding:10px;border:1px solid #b6beb6;min-width:0}
.cup-question .options label:has(input:checked){background:#e0eee6;border:2px solid var(--accent);padding:9px}
.cup-team-badge{display:grid;place-items:center;flex:0 0 30px;min-height:30px;background:#e9e9e0;border:1px solid #c3c7bf;font-size:11px;font-weight:800;color:var(--ink)}
.cup-choice-tick{margin-left:auto;color:#005b40;font-weight:900;opacity:0}.options label:has(input:checked) .cup-choice-tick{opacity:1}
.cup-question[data-question-type=tournament_winner],.cup-question[data-question-type=group_winner]{grid-column:1/-1}
.cup-question[data-question-type=tournament_winner] .options,.cup-question[data-question-type=group_winner] .options{grid-template-columns:repeat(2,minmax(0,1fr))}
.cup-progress{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 0}.cup-progress strong{white-space:nowrap}.cup-progress progress{flex:1;min-width:100px;height:10px;accent-color:var(--accent-ink)}
.cup-preview-document{min-width:0;border:1px solid var(--line);background:var(--paper);container:cup-preview / inline-size}.frame-wrap{min-width:0}.frame-wrap.mobile{width:390px;max-width:100%}
.present-explanation{max-width:100%}.present-grid>div{min-width:0}.share-link{word-break:break-word}
@media(max-width:720px){.cup-question-grid{grid-template-columns:1fr}.cup-hero{padding:24px 16px}.cup-hero h1{font-size:38px}.cup-header{padding:16px}.cup-question{padding:12px}}
@container cup-preview (max-width:720px){
 .cup-grid,.editorial-grid,.cup-question-grid{grid-template-columns:1fr}.cup-shell{padding:16px}.cup-header{padding:16px}.panel{padding:17px}
 .cup-hero{padding:24px 16px}.cup-hero h1{font-size:38px}.cup-hero p{font-size:15px}.cup-tabs{margin-bottom:16px}.cup-question{padding:12px}
 h2{font-size:28px}.cup-sponsorbar{padding:12px 16px}.cup-footer{padding:16px}.cup-footer button{margin:8px 0 0}
}
@container cup-preview (max-width:360px){
 .cup-shell{padding:12px}.panel{padding:13px}.metric strong{font-size:28px}.actions button{width:100%}.cup-header button{font-size:13px}
 .cup-question[data-question-type=tournament_winner] .options,.cup-question[data-question-type=group_winner] .options{grid-template-columns:1fr}
}