/* V21 — refined setup spacing and helper sidebar */
:root{--setup-bg:#fffaf4;--ink:#242033;--muted:#817b89;--line:#ece4df;--purple:#5b3a92;--gold:#d7b85c;--shadow:0 18px 55px rgba(64,43,36,.09)}
body{background:var(--setup-bg);overflow-x:hidden}.setup-page-v16{width:min(1530px,calc(100vw - 22px));min-height:calc(100vh - 14px);margin:7px auto;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:16px;direction:ltr;align-items:stretch}.setup-reference,.setup-side-v16{direction:rtl;height:100%}.setup-reference{grid-column:1;margin:0;padding:24px 34px 20px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:0;overflow:hidden}.setup-side-v16{grid-column:2;background:#fff;border:1px solid var(--line);border-radius:27px;box-shadow:var(--shadow);padding:20px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.setup-hero-head{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 20px}.setup-logo-wrap{position:relative;width:max-content;margin:0 auto 14px;padding:0 52px}.setup-logo{font-size:88px;font-weight:800;line-height:.88;background:linear-gradient(110deg,#31236f 6%,#6d3e92 52%,#f06f59 98%);-webkit-background-clip:text;color:transparent;letter-spacing:-4px;white-space:nowrap}.spark{position:absolute;color:#efb21d;font-size:32px}.spark-a{left:8px;top:8px}.spark-b{right:8px;bottom:2px;font-size:25px}.setup-tagline{text-align:center;font-size:18px;line-height:1.8;font-weight:800;color:var(--ink);margin:0}.setup-tagline b{color:#db5953}
.setup-controls-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:34px;align-items:end;margin:0 28px 18px;direction:ltr}.setup-controls-top>*{direction:rtl}.setup-field-reference{margin:0}.setup-field-reference .section-title{font-size:15px;margin:0 0 8px;font-weight:800;color:var(--ink);text-align:center}.setup-choice-row{display:flex;gap:8px;justify-content:center}.setup-choice-row .choice{min-width:49px;height:43px;padding:0 12px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#111;font-weight:800;box-shadow:none}.setup-choice-row .choice.active{background:linear-gradient(135deg,#6745a9,#3e2d69);color:#fff;border-color:#604397}.rounds-row .choice{min-width:60px}.timer-display{height:43px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#393342;background:#fff;min-width:0}.timer-chevron{margin-right:auto;color:#817b89}.centered-title{text-align:center!important}.categories-field{margin:0 0 18px}.setup-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;direction:rtl}.setup-categories .cat-chip{min-height:98px;border:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;box-shadow:none;min-width:0}.setup-categories .cat-chip .emoji{font-size:31px;margin:0}.setup-categories .cat-chip strong{font-size:15px;font-weight:800;color:var(--ink);text-align:center}.cat-blue{background:linear-gradient(135deg,#dcecf9,#cfdff4)}.cat-coral{background:linear-gradient(135deg,#f6d6cd,#efc1b7)}.cat-yellow{background:linear-gradient(135deg,#fff0b8,#ffe49b)}.cat-purple{background:linear-gradient(135deg,#efe2f6,#e3d6f0)}.cat-violet{background:linear-gradient(135deg,#eadffc,#dccdf3)}.cat-green{background:linear-gradient(135deg,#e7f0dc,#d5e6c8)}.cat-lilac{background:linear-gradient(135deg,#e1e4fb,#d0d6f4)}.cat-pink{background:linear-gradient(135deg,#f7d7e5,#edc4d8)}.teams-field{margin:0 auto 14px;max-width:1000px}.setup-team-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-team-inputs .team-input{height:50px;border-radius:14px;border:1px solid var(--line);background:#fff;padding:7px 14px;min-width:0}.setup-team-inputs .team-input input{font-size:14px;font-weight:600;text-align:right;min-width:0}.setup-team-inputs .team-dot{width:10px;height:10px}.setup-start-reference{display:block;margin:10px auto 0;min-width:280px;border-radius:18px;background:linear-gradient(135deg,#7444c9,#432c68);border:2px solid var(--gold);color:#fff;box-shadow:0 12px 26px rgba(70,43,100,.18);font-size:22px;padding:13px 30px}.setup-bottom-facts{display:flex;justify-content:center;gap:18px;margin-top:14px}.setup-bottom-facts span{min-width:230px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 14px;font-size:12px;color:#4e4857}
.setup-score-preview{text-align:center;padding-bottom:4px}.setup-score-preview>small{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.setup-score-preview>strong{display:block;font-size:28px;color:var(--ink);margin-bottom:4px;line-height:1.2}.setup-score-preview>span{display:inline-block;background:#f6f2ee;border-radius:999px;padding:5px 10px;font-size:11px;color:#4e4857}.preview-score-list{display:grid;gap:7px;margin-top:14px}.preview-team{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:10px 11px;min-width:0}.preview-team.current{background:#faf7ff;border-color:#d7c9ee}.preview-team>div{display:flex;align-items:center;gap:7px;font-size:13px;min-width:0}.preview-team b{font-size:15px}.side-divider{height:1px;background:var(--line);margin:7px 0 2px}.setup-side-v16 h3{font-size:18px;margin:0 5px 5px;color:var(--ink);text-align:center}.assist-side-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:13px 12px;background:#fff;min-height:92px;overflow:hidden}.assist-side-item .assist-icon{font-size:28px;text-align:center}.assist-side-item div{display:grid;gap:4px;min-width:0}.assist-side-item b{font-size:14px;color:var(--ink);line-height:1.35}.assist-side-item small{font-size:10px;line-height:1.6;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.assist-choice{border-color:#d6c2ed;background:#fcf9ff}
@media(min-width:901px) and (max-height:900px){.setup-page-v16{min-height:calc(100vh - 10px);margin:5px auto;grid-template-columns:minmax(0,1fr) 300px}.setup-reference{padding:16px 26px 14px}.setup-hero-head{margin-bottom:13px}.setup-logo{font-size:68px}.setup-logo-wrap{margin-bottom:9px}.setup-tagline{font-size:15px;line-height:1.5}.setup-controls-top{margin-bottom:11px;gap:26px}.setup-categories .cat-chip{min-height:76px}.setup-categories .cat-chip .emoji{font-size:25px}.setup-side-v16{padding:13px 11px;gap:7px}.assist-side-item{padding:10px;min-height:78px}.setup-start-reference{padding:10px 25px}.setup-bottom-facts{margin-top:7px}.setup-score-preview>strong{font-size:23px}}
@media(max-width:900px){.setup-page-v16{grid-template-columns:1fr;width:calc(100% - 16px);min-height:auto;direction:ltr}.setup-reference{grid-column:1;padding:18px 14px}.setup-side-v16{grid-column:1;height:auto}.setup-logo{font-size:54px}.setup-logo-wrap{padding:0 35px;margin-bottom:10px}.setup-tagline{font-size:15px}.setup-controls-top{grid-template-columns:1fr;margin:0 0 16px;gap:12px}.setup-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-team-inputs{grid-template-columns:1fr}.setup-bottom-facts{flex-direction:column;gap:7px}.setup-bottom-facts span{min-width:0}.setup-side-v16{display:grid;grid-template-columns:1fr 1fr}.setup-score-preview,.side-divider,.setup-side-v16 h3{grid-column:1/-1}}