:root { --ink:#000; --orange:#ff3d1c; --orange-light:#ff4b2b; --paper:#f6f6f6; --line:#dedede; --muted:#8a8a8a; --white:#fff; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:15px; line-height:1.45; }
.topbar { min-height:78px; padding:0 max(24px, calc((100vw - 1220px)/2)); background:var(--ink); color:white; display:flex; align-items:center; justify-content:space-between; border-bottom:3px solid var(--orange); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:inherit; font-weight:800; letter-spacing:-.02em; font-size:18px; }
.brand img { display:block; }
.brand .brand-logo { width:66px; height:52px; object-fit:contain; object-position:center; border-radius:0; }
.brand i { font-size:13px; font-style:normal; font-weight:500; color:#b8b8b4; letter-spacing:0; }
.topbar nav { display:flex; gap:20px; align-items:center; }
.topbar nav a, .logout { color:#f4f4f1; text-decoration:none; font:inherit; font-size:14px; }
.logout { background:transparent; border:0; cursor:pointer; padding:5px 0; }
.container { width:min(1220px, calc(100% - 48px)); margin:0 auto; padding:52px 0 80px; }
.eyebrow { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:6px 0 28px; font-size:clamp(33px, 5vw, 56px); line-height:1.04; letter-spacing:-.055em; }
h2 { margin:0; font-size:25px; letter-spacing:-.035em; line-height:1.15; }
p { margin:0; }
.hero { background:var(--ink); border:1px solid var(--ink); border-radius:25px; padding:30px; display:grid; gap:28px; grid-template-columns:1.05fr .95fr; align-items:end; position:relative; overflow:hidden; }
.hero:after { content:""; position:absolute; width:240px; height:240px; right:-105px; top:-130px; border-radius:50%; border:38px solid rgba(255,61,28,.85); }
.hero p { max-width:570px; color:#fff; font-size:18px; position:relative; z-index:1; }
.new-game { display:flex; gap:12px; align-items:end; position:relative; z-index:1; }
label { font-size:13px; font-weight:700; color:#2f2f2d; display:grid; gap:7px; }
input, textarea, select { width:100%; min-width:0; border:1px solid #d5d5d1; border-radius:9px; background:white; color:var(--ink); padding:12px 13px; font:inherit; font-size:15px; font-weight:500; outline:0; transition:border .15s, box-shadow .15s; }
input:focus, textarea:focus, select:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,61,28,.15); }
textarea { resize:vertical; min-height:86px; }
.new-game label { flex:1; }
.button { display:inline-flex; border:0; border-radius:9px; min-height:45px; padding:0 17px; align-items:center; justify-content:center; gap:16px; text-decoration:none; white-space:nowrap; cursor:pointer; font:700 14px/1 inherit; transition:transform .15s, background .15s; }
.button:hover { transform:translateY(-1px); }
.button:disabled { cursor:not-allowed; opacity:.62; transform:none; }
.primary { color:var(--ink); background:var(--orange); box-shadow:0 8px 18px rgba(255,61,28,.23); }
.secondary { background:white; color:var(--ink); border:1px solid #cacac6; }
.section { margin-top:49px; }
.section-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:17px; }
.section-head span { font-size:13px; color:var(--muted); }
.games-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; }
.game-card { min-height:146px; padding:19px; background:white; border:1px solid var(--line); border-radius:14px; color:var(--ink); text-decoration:none; position:relative; display:flex; flex-direction:column; align-items:flex-start; transition:box-shadow .15s, transform .15s, border .15s; }
.game-card:hover { box-shadow:0 12px 24px rgba(27,27,25,.1); transform:translateY(-2px); border-color:var(--orange); }
.game-card-meta, .prompt-meta { font-size:11px; color:#7c7c78; letter-spacing:.04em; text-transform:uppercase; }
.game-card b { margin-top:10px; font-size:18px; line-height:1.2; letter-spacing:-.025em; }
.game-card small { color:var(--muted); margin-top:8px; }
.arrow { color:var(--orange); position:absolute; right:18px; bottom:15px; font-size:23px; }
.empty { padding:24px; background:white; border:1px dashed #c4d1e5; border-radius:12px; color:var(--muted); }
.game-intro { display:flex; justify-content:space-between; align-items:end; padding:24px 0 29px; }
.game-intro h2 { margin:8px 0 8px; font-size:33px; }
.game-intro p { color:var(--muted); max-width:720px; }
.tag { display:inline-block; padding:4px 7px; background:#fff0ed; color:#bf2e18; border-radius:5px; font-size:10px; line-height:1; font-weight:800; letter-spacing:.07em; }
.player-link-card { margin-top:7px; padding:28px; display:grid; grid-template-columns:1fr 1.15fr; gap:25px; align-items:end; background:#fff3f1; border:1px solid #ffc3b8; border-radius:18px; border-left:7px solid var(--orange); }
.player-link-card h2 { margin:8px 0 7px; }
.player-link-card p { color:#654844; max-width:510px; }
.player-link-actions { display:grid; grid-template-columns:1fr auto; gap:10px; }
.player-link-actions input { grid-column:1 / -1; background:white; font-size:14px; }
.player-link-actions .button { min-height:42px; }
.player-container { max-width:940px; }
.player-page { min-height:100vh; display:flex; flex-direction:column; }
.player-page>.player-container { flex:1 0 auto; }
.player-intro { max-width:760px; margin-bottom:28px; }
.player-intro h1 { margin-bottom:13px; }
.player-intro p { font-size:17px; color:var(--muted); }
.player-generator { margin-bottom:55px; }
.sent-card { max-width:670px; margin:70px auto; padding:42px; background:var(--ink); border-radius:22px; color:white; }
.sent-card .tag { background:rgba(255,61,28,.18); color:#ff8f7b; }
.sent-card h1 { margin:13px 0; color:white; }
.sent-card p { color:#cfcec9; font-size:17px; margin-bottom:26px; }
.sent-card .sent-wait-note { display:block; color:#ff8f7b; font-weight:700; }
.generator { padding:28px; background:white; border:1px solid var(--line); border-radius:18px; border-top:4px solid var(--orange); }
.generator-head { display:flex; gap:14px; align-items:center; margin-bottom:25px; }
.generator-head>span, legend>span { color:var(--ink); background:var(--orange); width:26px; height:26px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; }
.generator-head p { margin-top:5px; color:var(--muted); }
.generator-form { display:grid; gap:26px; }
.form-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:15px; }
.form-grid.single { grid-template-columns:1fr 1fr; }
fieldset { padding:0; margin:0; border:0; display:grid; gap:10px; }
legend { padding:0 0 9px; font-weight:800; font-size:16px; display:flex; align-items:center; gap:9px; }
.choice { display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:10px; cursor:pointer; font-size:14px; font-weight:500; color:#383835; transition:border .15s, background .15s; }
.choice:hover { border-color:var(--orange-light); }
.choice input { appearance:none; position:absolute; opacity:0; }
.choice:has(input:checked) { border-color:var(--orange); background:#fff6f4; box-shadow:inset 0 0 0 1px var(--orange); }
.choice-number { flex:none; width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#f2f2f2; color:#b72a14; font-size:11px; font-weight:800; }
.choice:has(input:checked) .choice-number { color:var(--ink); background:var(--orange); }
.customer-draw-card { --customer-accent:#bf2e18; padding:20px 23px; border:1px solid #f2b4aa; border-left:6px solid var(--customer-accent); border-radius:13px; background:#fff7f5; }
.customer-visionary { --customer-accent:#754a92; border-color:#dcc4e8; background:#fbf6ff; }
.customer-rational { --customer-accent:#247c85; border-color:#b9dfe1; background:#f2fbfb; }
.customer-draw-card .tag { color:var(--customer-accent); background:rgba(255,255,255,.8); }
.customer-draw-card h3 { margin:11px 0 8px; font-size:22px; line-height:1.15; }
.customer-draw-card p { max-width:760px; font-size:15px; font-weight:500; }
.customer-draw-card blockquote { margin:13px 0 9px; padding-left:13px; border-left:3px solid var(--customer-accent); color:var(--customer-accent); font-size:16px; font-weight:800; }
.customer-draw-card small, .tactic small { display:block; margin-top:6px; color:var(--muted); font-weight:500; line-height:1.35; }
.tactic-title { margin:5px 0 0; color:#454541; font-size:13px; font-weight:800; }
.tactic-options { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.tactic { min-height:113px; }
.submit-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:5px; border-top:1px solid var(--line); }
.submit-row p { max-width:480px; color:var(--muted); font-size:13px; }
.team-list { display:grid; gap:10px; }
.team-card { display:flex; align-items:center; gap:22px; padding:0 18px 0 0; background:white; border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:border .15s, box-shadow .15s, transform .15s; }
.team-card:hover { border-color:var(--orange); box-shadow:0 10px 22px rgba(27,27,25,.08); transform:translateY(-1px); }
.team-link { min-width:0; flex:1; color:var(--ink); text-decoration:none; padding:17px 0 17px 21px; border-left:6px solid var(--orange); }
.team-link:hover .team-name { color:#bf2e18; }
.team-ordinal, .team-name, .team-detail { display:block; }
.team-ordinal { margin-bottom:6px; color:#bf2e18; font-size:10px; font-weight:800; letter-spacing:.1em; }
.team-name { font-weight:800; font-size:19px; letter-spacing:-.03em; }
.team-detail { margin-top:4px; color:var(--muted); font-size:13px; }
.team-detail i { color:var(--orange); font-style:normal; font-weight:800; }
.team-customer { display:block; margin-top:5px; color:#ad301c; font-size:12px; font-weight:750; }
.team-card-actions { display:flex; flex:none; align-items:center; flex-wrap:wrap; gap:10px; }
.team-landing-link { min-height:35px; padding:0 11px; border-color:#ffb5a6; background:#fff3f1; color:#b7301a; font-size:12px; }
.team-edit { color:#5c5c58; font-size:13px; font-weight:700; text-decoration:none; }
.team-edit:hover { color:#bf2e18; }
.team-card-status { min-width:190px; }
.job-badge { display:grid; grid-template-columns:10px 1fr; column-gap:7px; align-items:center; color:#6b6b67; font-size:12px; }
.job-badge i { width:8px; height:8px; display:block; border-radius:50%; background:#aaa; grid-row:span 2; }
.job-badge b { font-size:12px; color:#3d3d39; }
.job-badge small { grid-column:2; color:#888883; margin-top:2px; }
.job-generating i, .job-publishing i { background:var(--orange); box-shadow:0 0 0 4px #fff0ed; }
.job-ready i { background:#2d9b5b; }
.job-error i { background:#dc4d4d; }
.landing-link { grid-column:2; color:#bf2e18; font-size:12px; font-weight:800; text-decoration:none; margin-top:5px; }
.job-error { color:#bd4545 !important; }
.generation-panel { margin-top:24px; padding:22px 25px; display:flex; justify-content:space-between; align-items:center; gap:20px; background:#fff3f1; border:1px solid #ffc3b8; border-left:7px solid var(--orange); border-radius:16px; }
.generation-panel h2 { margin-top:7px; }
.generation-panel p { margin-top:5px; color:#6a5350; }
.generation-panel-status { min-width:230px; }
.generation-panel-actions { display:grid; gap:12px; justify-items:end; }
.generation-form { margin:0; }
.team-list-action { margin-top:17px; }
.inline-actions { display:flex; gap:9px; align-items:center; }
.copy-source { display:none; }
.final-prompt { margin-top:34px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#1b1b19; color:white; }
.final-prompt .tag { background:rgba(255,61,28,.18); color:#ff8f7b; }
.final-prompt h2 { margin-top:8px; color:white; }
.final-prompt p { margin-top:6px; color:#c7c7c2; }
.final-prompt-head { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.final-prompt pre { margin-top:22px; color:#22221f; background:#fffdfb; border:0; max-height:430px; }
.prompt-list { display:grid; gap:14px; }
.prompt-card { background:white; border:1px solid var(--line); border-radius:13px; padding:18px; position:relative; }
.prompt-meta { display:flex; flex-wrap:wrap; gap:7px 12px; padding-right:180px; }
.prompt-actions { position:absolute; right:18px; top:14px; }
.copy { min-height:35px; padding:0 11px; background:#fff0ed; color:#b7301a; }
.copy.copied { background:#d6f5e1; color:#146b36; }
pre { margin:15px 0 0; padding:15px; background:#f5f8fd; color:#354056; border-radius:8px; white-space:pre-wrap; font:13px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; max-height:230px; overflow:auto; }
.form-error { margin:10px 0; padding:12px; border-radius:8px; background:#fff0f0; color:#a23030; }
.login-bg { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 90% 10%, #ff4b2b 0, transparent 27%), radial-gradient(circle at 8% 90%, #ff3d1c 0, transparent 28%), var(--ink); }
.login-card { width:min(100%, 500px); padding:39px; background:rgba(255,255,255,.98); border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.22); }
.login-brand { width:max-content; max-width:100%; margin-bottom:34px; padding:7px 13px; color:white; background:var(--ink); border-radius:12px; }
.login-card h1 { font-size:40px; margin:9px 0 13px; }
.login-card>p { color:var(--muted); font-size:16px; }
.login-form { display:grid; gap:15px; margin-top:28px; }
.wide { width:100%; margin-top:4px; }
.stage-nav { margin:4px 0 24px; padding:7px; display:grid; grid-template-columns:repeat(8, 1fr); gap:5px; background:#ecece8; border-radius:13px; overflow-x:auto; }
.stage-tab { min-width:96px; padding:10px 8px; display:flex; gap:7px; align-items:center; color:#666660; text-decoration:none; border-radius:9px; }
.stage-tab span { flex:none; width:23px; height:23px; display:grid; place-items:center; border:1px solid #c9c9c4; border-radius:50%; font-size:10px; }
.stage-tab b { font-size:11px; line-height:1.1; }
.stage-tab:hover, .stage-tab.active { color:var(--ink); background:white; }
.stage-tab.active span { border-color:var(--orange); background:var(--orange); }
.active-stage-card { padding:27px; display:grid; grid-template-columns:1fr 150px; gap:28px; align-items:center; color:white; background:var(--ink); border-radius:20px; border-left:7px solid var(--orange); }
.active-stage-card h2 { margin:10px 0 8px; font-size:30px; }
.active-stage-card p { color:#c8c8c3; margin-bottom:18px; }
.qr-preview { width:150px; height:150px; padding:8px; object-fit:contain; background:white; border-radius:12px; }
.link-strip { margin-top:13px; padding:13px; display:grid; grid-template-columns:1fr auto 1fr auto; gap:9px; align-items:end; background:#fff3f1; border:1px solid #ffc3b8; border-radius:13px; }
.link-strip small, .stage-share small { display:block; margin-bottom:6px; color:#a93220; font-size:10px; font-weight:800; letter-spacing:.08em; }
.link-strip input, .stage-share input { padding:9px 11px; font-size:12px; }
.add-team { margin-bottom:14px; display:grid; grid-template-columns:1fr auto; gap:9px; }
.team-overview-list { display:grid; gap:9px; }
.team-overview { padding:17px 18px; display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:24px; align-items:center; background:white; border:1px solid var(--line); border-left:6px solid var(--orange); border-radius:13px; }
.team-overview-main { color:var(--ink); text-decoration:none; }
.team-overview-main b { display:block; font-size:19px; }
.team-overview-main small { color:var(--muted); }
.team-metrics { display:flex; gap:25px; }
.team-metrics span { display:grid; }
.team-metrics small, .stat-card small { color:#92928c; font-size:9px; font-weight:800; letter-spacing:.09em; }
.team-metrics b { font-size:20px; }
.team-overview-actions { display:flex; gap:12px; }
.mini-link { color:#b7301a; font-size:12px; font-weight:800; text-decoration:none; }
.team-delete-inline { position:relative; }
.team-delete-inline summary { color:#a52d2d; cursor:pointer; font-size:12px; font-weight:800; list-style:none; }
.team-delete-inline summary::-webkit-details-marker { display:none; }
.team-delete-inline summary::before { content:'× '; }
.team-delete-inline[open] summary { color:#8c2525; }
.team-delete-inline .danger-zone-content { position:absolute; z-index:5; top:25px; right:0; width:min(330px, calc(100vw - 40px)); padding:0 14px 14px; background:#fff8f8; border:1px solid #edb6b6; border-radius:12px; box-shadow:0 14px 35px rgba(35,35,31,.16); }
.team-delete-inline .danger-zone-content h3 { margin-top:14px; font-size:14px; }
.team-delete-inline .danger-zone-content p { margin:7px 0 12px; font-size:12px; }
.team-profile-actions { align-items:center; }
.team-delete-header summary { min-height:45px; padding:0 17px; display:inline-flex; align-items:center; justify-content:center; color:#a52d2d; background:#fff; border:1px solid #edb6b6; border-radius:9px; font-size:14px; white-space:nowrap; }
.team-delete-header summary::before { display:none; }
.team-delete-header[open] summary { color:#8c2525; border-color:#d99393; background:#fff8f8; }
.team-delete-header .danger-zone-content { top:54px; }
.delete-team-form { display:grid; gap:10px; }
.delete-team-form label { font-size:11px; }
.delete-team-form input:not([type="checkbox"]) { margin-top:5px; padding:9px 10px; }
.team-delete-zone { margin-top:28px; }
.stage-heading { padding-top:8px; }
.status-pill { padding:10px 13px; color:#5f5f5a; background:#ecece8; border-radius:999px; font-size:12px; font-weight:800; }
.status-pill.active { color:#a22917; background:#ffded8; }
.stage-share { margin:0 0 28px; padding:18px; display:grid; grid-template-columns:140px 1fr; gap:20px; align-items:center; background:#fff3f1; border:1px solid #ffc3b8; border-radius:16px; }
.stage-share img { width:140px; height:140px; padding:7px; background:white; border-radius:10px; }
.stage-share.compact { margin-top:22px; grid-template-columns:105px 1fr; }
.stage-share.compact img { width:105px; height:105px; }
.stage-lifecycle { margin:0 0 20px; padding:18px 20px; display:flex; justify-content:space-between; gap:20px; align-items:center; background:#fff; border:1px solid #efc9c2; border-radius:16px; }
.stage-lifecycle h3 { margin:5px 0 4px; }
.stage-lifecycle p { margin:0; color:#777; }
.stage-lifecycle-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.public-stage-live { margin:0 0 18px; padding:22px; background:#fff; border:1px solid #343434; border-radius:16px; color:#242424; }
.public-finale { margin:0 0 22px; padding:34px 38px; display:flex; align-items:center; justify-content:space-between; gap:34px; overflow:hidden; color:#160503; background:linear-gradient(120deg,#fff1ee 0%,#ff9b89 52%,#ff3d1c 100%); border:1px solid #ff7259; border-radius:22px; box-shadow:0 18px 50px rgba(255,61,28,.2); }
.public-finale h2 { margin:7px 0 3px; font-size:clamp(34px,5vw,64px); line-height:.98; letter-spacing:-.04em; }
.public-finale p { margin:12px 0 0; font-size:clamp(20px,2.4vw,30px); font-weight:700; }
.public-finale-copy { min-width:0; }
.public-finale-feedback { flex:0 0 190px; display:grid; justify-items:center; gap:9px; padding:15px; text-align:center; background:rgba(255,255,255,.82); border:1px solid rgba(111,35,22,.16); border-radius:17px; box-shadow:0 10px 28px rgba(111,35,22,.14); }
.public-finale-feedback img { width:145px; height:145px; padding:6px; background:white; border-radius:11px; }
.public-finale-feedback b, .public-finale-feedback span { display:block; }
.public-finale-feedback b { font-size:15px; }
.public-finale-feedback span { margin-top:2px; color:#6f3b33; font-size:11px; line-height:1.3; }

.feedback-intro { margin-bottom:20px; }
.feedback-card { max-width:760px; margin:0 auto; }
.feedback-form { display:grid; gap:25px; }
.feedback-progress { display:grid; grid-template-columns:auto minmax(120px,1fr); gap:14px; align-items:center; color:var(--muted); font-size:12px; font-weight:800; }
.feedback-progress progress { width:100%; height:8px; accent-color:var(--orange); }
.feedback-step { display:grid; gap:24px; }
.feedback-step[hidden] { display:none; }
.feedback-step h2 { max-width:620px; font-size:clamp(27px,4vw,40px); }
.feedback-number { color:var(--orange); font-size:12px; font-weight:900; letter-spacing:.12em; }
.feedback-range { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 62px; gap:20px; align-items:center; }
.feedback-range input { padding:0; border:0; box-shadow:none; accent-color:var(--orange); }
.feedback-range output { width:62px; height:62px; display:grid; place-items:center; color:white; background:var(--ink); border-radius:16px; font-size:28px; font-weight:900; }
.feedback-scale { margin-top:-16px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:11px; }
.feedback-step textarea { min-height:105px; max-height:105px; overflow-y:auto; }
.feedback-actions { display:flex; justify-content:space-between; gap:12px; }
.feedback-step>.button { justify-self:end; }
.feedback-thanks { max-width:760px; }

.feedback-results { margin-top:24px; }
.feedback-results-actions { display:flex; align-items:center; justify-content:flex-end; gap:13px; flex-wrap:wrap; }
.feedback-results-actions>span { color:var(--muted); font-size:13px; }
.feedback-summary { margin:22px 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.feedback-summary article { padding:20px; background:#fff6f4; border:1px solid #ffc2b7; border-radius:14px; }
.feedback-summary small { display:block; min-height:30px; color:#7c514a; font-size:10px; font-weight:900; letter-spacing:.08em; }
.feedback-summary strong { display:block; margin-top:8px; color:var(--orange); font-size:36px; line-height:1; }
.feedback-summary strong i { margin-left:4px; color:#8a6761; font-size:14px; font-style:normal; }
.feedback-response-list { display:grid; gap:12px; }
.feedback-response { padding:20px; border:1px solid var(--line); border-radius:14px; background:white; }
.feedback-response header { display:flex; justify-content:space-between; gap:20px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.feedback-response header span { color:var(--muted); font-size:12px; }
.feedback-response-ratings { display:flex; gap:10px; margin:15px 0; }
.feedback-response-ratings span { padding:8px 11px; color:#704d47; background:#fff3f1; border-radius:8px; font-size:12px; }
.feedback-response dl { margin:0; display:grid; grid-template-columns:190px minmax(0,1fr); gap:10px 18px; }
.feedback-response dt { color:var(--muted); font-size:12px; font-weight:800; }
.feedback-response dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.public-stage-heading { margin-bottom:16px; }
.public-stage-heading h2 { margin:7px 0; color:#242424; }
.public-stage-heading p { margin:0 0 16px; color:#5f5b58; }
.public-participation-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:10px; margin:0 0 16px; }
.public-participation-card { padding:13px 15px; background:#fff6f4; border:1px solid #f1beb5; border-radius:11px; }
.public-participation-card div { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.public-participation-card span { color:#694945; font-size:13px; font-weight:700; }
.public-participation-card strong { white-space:nowrap; color:#b6301b; font-size:15px; }
.public-participation-card progress { display:block; width:100%; height:7px; margin-top:10px; overflow:hidden; appearance:none; border:0; border-radius:99px; background:#ead9d6; accent-color:var(--orange); }
.public-participation-card progress::-webkit-progress-bar { background:#ead9d6; border-radius:99px; }
.public-participation-card progress::-webkit-progress-value { background:var(--orange); border-radius:99px; }
.public-participation-card progress::-moz-progress-bar { background:var(--orange); border-radius:99px; }
.public-participation-card.complete { background:#f1faf4; border-color:#b9dec5; }
.public-participation-card.complete strong { color:#237a42; }
.public-participation-card.complete progress { accent-color:#2c9953; }
.public-participation-card.complete progress::-webkit-progress-value { background:#2c9953; }
.public-participation-card.complete progress::-moz-progress-bar { background:#2c9953; }
.public-stage-qr { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:20px; padding-top:16px; border-top:1px solid #e8d1cd; color:#242424; }
.public-stage-qr img { width:150px; height:150px; padding:8px; background:white; border-radius:10px; }
.public-stage-qr small { display:block; margin-bottom:7px; color:var(--orange); font-size:10px; font-weight:800; letter-spacing:.1em; }
.public-stage-qr p { margin:0; color:#5f5b58; }
.public-stage-closed { display:flex; gap:10px; flex-direction:column; padding-top:16px; border-top:1px solid #414141; color:#b9b9b3; }
.public-stage-closed b { color:var(--orange); }
.public-landing-vote { margin-top:8px; padding:22px; display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:24px; align-items:center; color:#28231f; background:#fff3f1; border:2px solid var(--orange); border-radius:15px; }
.public-landing-vote h3 { margin:9px 0; color:#28231f; font-size:clamp(22px,3vw,31px); }
.public-landing-vote p { margin:7px 0; color:#6a4640; font-size:16px; }
.public-landing-vote ul { margin:8px 0 0; padding-left:22px; color:#503d3a; }
.public-landing-vote li { margin:6px 0; }
.public-landing-vote img { width:170px; height:170px; padding:8px; background:white; border-radius:11px; }
.public-game-event { margin-top:18px; padding:22px 24px; background:linear-gradient(135deg,#fff3f1,#fff8f7); border:2px solid var(--orange); border-radius:16px; box-shadow:0 8px 20px rgba(255,61,28,.12); }
.public-game-event h3 { margin:9px 0 7px; font-size:clamp(21px,3vw,30px); letter-spacing:-.035em; }
.public-game-event p { color:#654844; font-size:16px; max-width:900px; }
.public-logos { margin:0 0 18px; padding:22px; background:#fff; border:1px solid #343434; border-radius:16px; }
.public-logos-head h2 { margin:8px 0 5px; }
.public-logos-head p { color:#777; }
.public-logo-grid { margin-top:17px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.public-logo-card { display:grid; justify-items:center; gap:7px; padding:16px; color:var(--ink); text-decoration:none; border:1px solid var(--line); border-radius:13px; background:#fafafa; transition:border .15s, transform .15s, box-shadow .15s; }
.public-logo-card:hover { border-color:var(--orange); box-shadow:0 8px 18px rgba(27,27,25,.1); transform:translateY(-2px); }
.public-logo-card img { width:150px; height:110px; object-fit:contain; }
.public-logo-card b { font-size:15px; }
.public-logo-card small { color:var(--muted); }
.leader-identity { min-width:0; display:flex; align-items:center; gap:10px; }
.leader-logo { flex:0 0 auto; width:48px; height:48px; object-fit:contain; }
.logo-job-list { display:grid; gap:9px; }
.logo-job-row { padding:14px 17px; display:flex; justify-content:space-between; gap:18px; align-items:center; background:white; border:1px solid var(--line); border-radius:12px; }
.logo-job-row small { display:block; margin-top:4px; color:var(--muted); }
.logo-job-team { min-width:0; flex:1 1 auto; }
.logo-job-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.logo-job-status { min-width:190px; }
.logo-job-actions .job-badge { min-width:190px; }
.logo-job-actions form { flex:0 0 auto; }
.logo-regenerate-button { width:42px; height:42px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid #efa99c; border-radius:10px; color:#bf2e18; background:#fff6f4; cursor:pointer; transition:color .15s, background .15s, border-color .15s, transform .15s; }
.logo-regenerate-button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s; }
.logo-regenerate-button:hover:not(:disabled) { color:var(--ink); background:var(--orange); border-color:var(--orange); transform:translateY(-1px); }
.logo-regenerate-button:hover:not(:disabled) svg { transform:rotate(-24deg); }
.logo-regenerate-button:disabled { color:#a8a8a4; background:#f1f1ef; border-color:#d9d9d5; cursor:not-allowed; transform:none; }
.public-setup-list { display:grid; gap:10px; padding-top:16px; border-top:1px solid #414141; }
.public-setup-team { display:grid; grid-template-columns:1fr 1.2fr 1.2fr; gap:16px; align-items:center; padding:13px 15px; background:#292929; border:1px solid #414141; border-radius:10px; }
.public-setup-team div { display:grid; gap:4px; }
.public-setup-team small { color:#b9b9b3; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.public-setup-team strong { color:#fff; }
.team-stage-list, .stage-team-rows, .draw-list { display:grid; gap:9px; }
.team-stage-form { padding:15px; display:grid; grid-template-columns:minmax(150px,.8fr) 1fr 1fr auto; gap:11px; align-items:end; background:white; border:1px solid var(--line); border-radius:12px; }
.team-stage-form.expanded { grid-template-columns:minmax(145px,.65fr) repeat(2,1fr); }
.team-stage-form.expanded textarea { min-height:70px; }
.team-stage-form.expanded .check-line, .team-stage-form.expanded button { align-self:end; }
.team-stage-form>div:first-child { align-self:center; }
.team-stage-form>div:first-child b, .team-stage-form>div:first-child small { display:block; }
.team-stage-form>div:first-child small { color:var(--muted); }
.check-line { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:8px; }
.check-line input { width:18px; height:18px; accent-color:var(--orange); }
.save-status { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border-radius:7px; font-size:12px; font-weight:800; white-space:nowrap; }
.save-status.pending { color:#a4301d; background:#ffe2dd; }
.save-status.success { color:#18733c; background:#dff5e7; }
.save-status.error { color:#a52d2d; background:#ffe7e7; }
.stage-team-row { padding:16px 18px; display:flex; justify-content:space-between; gap:16px; align-items:center; background:white; border:1px solid var(--line); border-radius:12px; }
.stage-team-row small { display:block; color:var(--muted); }
.stage-team-row strong { font-size:22px; }
.draw-buttons { margin-bottom:12px; display:flex; gap:8px; flex-wrap:wrap; }
.draw-entry { display:grid; gap:6px; }
.draw-entry>form { justify-self:end; }
.draw-entry .danger { min-height:34px; padding:0 12px; color:#a52d2d; border:1px solid #e8bebe; background:#fff7f7; font-size:12px; }
.manual-card-form { margin:12px 0; padding:14px; display:flex; gap:12px; align-items:flex-end; background:#fff3f1; border:1px solid #ffc3b8; border-radius:12px; }
.manual-card-fields { flex:1; min-width:0; display:grid; grid-template-columns:1fr 1.4fr; gap:12px; }
.manual-card-form label { font-size:11px; font-weight:800; }
.manual-card-form select { margin-top:5px; }
.additional-card-list { margin:12px 0; display:grid; gap:10px; }
.additional-card-form { padding:14px; display:grid; grid-template-columns:minmax(210px,.8fr) minmax(280px,1.4fr) auto; gap:12px; align-items:end; background:#fff3f1; border:1px solid #ff9f8d; border-radius:12px; }
.additional-card-form b, .additional-card-form small { display:block; }
.additional-card-form small { margin-top:5px; color:var(--muted); }
.additional-card-form label { font-size:11px; font-weight:800; }
.additional-card-form select { margin-top:5px; }
.additional-card-form.disabled { display:block; opacity:.7; }
.draw-reveal, .revealed-card { padding:14px; display:grid; grid-template-columns:1fr minmax(190px,.5fr) auto; gap:10px; align-items:center; background:white; border:1px solid var(--line); border-radius:12px; }
.draw-reveal strong, .draw-reveal small { display:block; margin-top:5px; }
.draw-reveal small { color:var(--muted); }
.revealed-card { grid-template-columns:1fr auto; }
.revealed-card b, .revealed-card small { display:block; margin-top:5px; }
.revealed-card small { color:var(--muted); }
.revealed-card>strong { font-size:26px; }
.score-positive { color:#21824a; }
.score-negative { color:#ca3f3f; }
.leader-breakdown { display:flex; align-items:center; gap:18px; }
.leader-breakdown span { display:grid; gap:3px; min-width:78px; }
.leader-breakdown small { color:#92928c; font-size:9px; font-weight:800; letter-spacing:.08em; }
.leader-breakdown b { font-size:16px; }
.leader-breakdown strong { color:var(--orange); font-size:27px; }
.quiz-live { margin-bottom:18px; padding:22px; background:#fff3f1; border:1px solid #ffc3b8; border-radius:16px; color:#28231f; }
.quiz-live h2, .quiz-live h3, .quiz-live-question { color:#28231f; }
.quiz-live h2 { margin:7px 0; }
.quiz-live p { color:#6a4640; }
.quiz-live-question { margin:14px 0; font-size:20px; font-weight:800; }
.quiz-live-options { display:grid; gap:7px; margin:0; padding-left:0; list-style:none; }
.quiz-live-options li { padding:10px 12px; background:white; border:1px solid #efc9c2; border-radius:9px; color:#28231f; }
.quiz-live-options li.correct { border-color:#ff7057; background:#ffe8e4; }
.quiz-live-options b { display:inline-grid; width:24px; height:24px; margin-right:7px; place-items:center; color:#a93220; background:#ffded8; border-radius:50%; }
.quiz-review-options li { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:58px; }
.quiz-option-copy { display:flex; align-items:center; min-width:0; }
.quiz-option-copy em { margin-left:10px; color:#b9341f; font-size:12px; font-style:normal; font-weight:800; white-space:nowrap; }
.quiz-option-voters { display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:7px; }
.quiz-option-voters img, .quiz-team-logo-fallback { width:42px; height:42px; border:2px solid #fff; border-radius:10px; background:#fff; box-shadow:0 2px 8px rgba(40,35,31,.16); }
.quiz-option-voters img { object-fit:contain; }
.quiz-team-logo-fallback { display:grid; place-items:center; color:#a4311e; background:#ffded8; font-size:11px; font-weight:900; }
.quiz-team-answers { display:grid; gap:8px; margin-top:14px; }
.quiz-team-answer { display:flex; justify-content:space-between; gap:14px; padding:10px 12px; background:#fff; border:1px solid #efc9c2; border-radius:9px; color:#28231f; }
.quiz-team-answer span { color:#6a4640; text-align:right; }
.quiz-auto-note { color:#6a4640; margin-top:18px; }
.quiz-host-panel { margin-bottom:16px; }
.family-event-teams { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.family-event-team { align-items:center; margin:0; }
.family-event-team span { min-width:0; display:grid; flex:1; gap:4px; }
.family-event-team small { color:var(--muted); font-weight:500; }
.family-event-team strong { color:var(--orange); font-size:20px; }
.family-event-check { width:22px; height:22px; display:grid; flex:0 0 auto; place-items:center; color:transparent; border:2px solid #c9c9c3; border-radius:6px; font-size:13px; font-style:normal; font-weight:900; }
.family-event-team input:checked + .family-event-check { color:white; border-color:var(--orange); background:var(--orange); }
.pitch-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.pitch-card { padding:19px; background:white; border:1px solid var(--line); border-top:5px solid var(--orange); border-radius:14px; }
.pitch-card header { display:flex; justify-content:space-between; align-items:start; }
.pitch-card header strong { font-size:25px; }
.pitch-card h3 { margin:2px 0 0; font-size:21px; }
.pitch-card ul { min-height:140px; margin:16px 0; padding-left:18px; color:#555550; }
.pitch-card li { margin:6px 0; }
.pitch-score { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.pitch-score .check-line, .pitch-score button { grid-column:span 3; }
.pitch-card>form:last-child { margin-top:8px; }
.team-profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.team-profile-grid-compact { grid-template-columns:repeat(2,1fr); }
.stat-card { padding:20px; display:grid; gap:7px; background:white; border:1px solid var(--line); border-radius:13px; }
.stat-card strong { font-size:23px; }
.split-panel { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.split-panel>div { padding:22px; background:white; border:1px solid var(--line); border-radius:14px; }
.split-panel h2 { margin-bottom:15px; }
.split-panel dl { display:grid; grid-template-columns:120px 1fr; gap:8px 13px; }
.split-panel dt { color:var(--muted); }
.split-panel dd { margin:0; font-weight:600; }
.score-ledger { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.score-ledger li { padding-bottom:8px; display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); }
.score-ledger-start { padding-top:10px; }
.score-ledger-total { margin-top:5px; padding:13px 0 4px; align-items:center; border-bottom:0 !important; border-top:2px solid var(--ink); font-weight:900; }
.score-ledger-total b { color:var(--orange); font-size:24px; }
.muted { color:var(--muted); }
.vote-row { padding:10px 0; display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,220px); gap:16px; align-items:center; border-bottom:1px solid var(--line); }
.vote-row select { width:100%; }
.vote-row.is-own { color:var(--muted); }
.vote-row.is-own select { color:var(--muted); background:#f1f1ee; cursor:not-allowed; }
.landing-vote-summary { margin-top:18px; }
.landing-vote-result-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:12px; }
.landing-vote-result { padding:18px; background:#fff6f4; border:1px solid #f1beb5; border-radius:13px; }
.landing-vote-result header { display:flex; justify-content:space-between; align-items:start; gap:15px; }
.landing-vote-result header small, .landing-vote-metrics small { display:block; color:#805f59; font-size:9px; font-weight:800; letter-spacing:.08em; }
.landing-vote-result h3 { margin:4px 0 0; font-size:21px; }
.landing-vote-result header>strong { color:var(--orange); font-size:34px; line-height:1; }
.landing-vote-metrics { margin:16px 0 12px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.landing-vote-metrics span { padding:9px; background:white; border-radius:8px; }
.landing-vote-metrics b { display:block; margin-top:3px; font-size:17px; }
.landing-vote-result ul { margin:0; padding:0; list-style:none; }
.landing-vote-result li { padding:7px 0; display:flex; justify-content:space-between; gap:12px; border-top:1px solid #ead4d0; }
.landing-vote-result li span { color:#6b504b; }
.player-help { padding:15px; background:#fff3f1; border-radius:10px; color:#6a4640; }
.partners-footer { flex:0 0 auto; margin-top:20px; color:white; background:#0f0f0e; border-top:3px solid var(--orange); }
.partners-shell { width:min(1220px,calc(100% - 48px)); min-height:128px; margin:0 auto; padding:25px 0 28px; display:flex; align-items:center; justify-content:space-between; gap:38px; }
.partners-shell>span { flex:0 0 auto; color:#8e8e89; font-size:10px; font-weight:800; letter-spacing:.12em; }
.partner-logos { flex:1; display:flex; align-items:center; justify-content:flex-end; gap:42px; flex-wrap:wrap; }
.partner-logos img { display:block; width:auto; max-width:220px; height:auto; max-height:58px; object-fit:contain; }
.scoreboard { min-height:100vh; color:white; background:var(--ink); }
.scoreboard-shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:55px 0; }
.scoreboard-shell>header { display:flex; justify-content:space-between; align-items:end; margin-bottom:35px; }
.scoreboard-branding { min-width:0; display:flex; align-items:center; gap:24px; }
.scoreboard-brand-logo { width:92px; height:68px; display:block; flex:0 0 auto; object-fit:contain; }
.scoreboard-branding>div { min-width:0; }
.scoreboard-shell h1 { margin:10px 0 7px; }
.scoreboard-shell header p { color:#b9b9b3; }
.scoreboard-clocks { display:flex; align-items:flex-end; gap:34px; }
.scoreboard-clock { display:grid; justify-items:end; gap:3px; color:var(--orange); font-size:35px; font-weight:800; }
.scoreboard-clock small { color:#b9b9b3; font-size:10px; letter-spacing:.1em; }
.danger-zone { margin-top:52px; border:1px solid #edb6b6; border-radius:14px; background:#fff8f8; }
.danger-zone summary { padding:16px 18px; color:#a52d2d; cursor:pointer; font-size:13px; font-weight:800; }
.danger-zone-content { padding:0 18px 19px; border-top:1px solid #f0d0d0; }
.danger-zone-content h3 { margin:17px 0 5px; color:#8c2525; font-size:17px; }
.danger-zone-content p { color:#7b5454; font-size:13px; }
.delete-game-form { max-width:520px; margin-top:17px; display:grid; gap:12px; }
.danger { color:white; background:#bd3b3b; box-shadow:0 8px 18px rgba(189,59,59,.2); }
.danger:hover { background:#a82f2f; }
.leaderboard { display:grid; gap:10px; }
.leader-row { padding:20px 23px; display:grid; grid-template-columns:45px minmax(0,1fr) auto; gap:18px; align-items:center; color:var(--ink); background:white; border-radius:14px; }
.leader-row.leader-winner { min-height:128px; padding:27px 30px; background:linear-gradient(110deg,#fff4f1 0%,#ffb6aa 100%); border:3px solid var(--orange); box-shadow:0 18px 45px rgba(255,61,28,.2); }
.leader-winner .leader-place { width:48px; height:48px; color:#fff; background:#171714; font-size:21px; }
.leader-winner .leader-identity b { font-size:32px; line-height:1; }
.leader-trophy { flex:0 0 auto; font-size:46px; line-height:1; filter:drop-shadow(0 5px 5px rgba(111,35,22,.18)); }
.leader-final-score { min-width:110px; text-align:right; }
.leader-final-score small { color:#78453d; font-size:10px; font-weight:900; letter-spacing:.12em; }
.leader-final-score strong { display:block; color:var(--orange); font-size:38px; }
.leader-winner .leader-final-score strong { color:#9f2915; font-size:52px; }
.leader-place { width:36px; height:36px; display:grid; place-items:center; background:var(--orange); border-radius:50%; font-weight:900; }
.leader-row b, .leader-row small { display:block; }
.leader-row b { font-size:20px; }
.leader-row small { color:var(--muted); }
.leader-row strong { font-size:28px; }
@media (max-width:800px) { .topbar { padding:0 20px; }.brand i { display:none; }.brand .brand-logo { width:58px; height:46px; }.container { width:min(100% - 32px, 1220px); padding-top:35px; }.hero, .games-grid, .customer-options, .tactic-options, .player-link-card, .active-stage-card, .stage-share, .pitch-grid, .team-profile-grid, .split-panel, .public-stage-qr, .public-setup-team, .public-landing-vote { grid-template-columns:1fr; }.stage-lifecycle { align-items:stretch; flex-direction:column; }.stage-lifecycle-actions { justify-content:flex-start; }.new-game, .game-intro, .submit-row, .team-card, .final-prompt-head, .generation-panel, .logo-job-row { flex-direction:column; align-items:stretch; }.logo-job-actions { justify-content:space-between; }.logo-job-status, .logo-job-actions .job-badge { min-width:0; }.player-link-actions, .link-strip, .add-team, .team-overview, .team-stage-form, .team-stage-form.expanded, .draw-reveal, .manual-card-form { grid-template-columns:1fr; flex-direction:column; align-items:stretch; }.manual-card-fields { grid-template-columns:1fr; }.team-overview-actions, .team-metrics { justify-content:space-between; }.player-link-actions { grid-template-columns:1fr; }.team-card { gap:0; padding-right:0; }.team-link { padding-right:18px; }.team-card-status { padding:0 18px; }.team-card-actions { padding:0 18px 17px; justify-content:flex-start; }.generation-panel-status { min-width:0; }.generation-panel-actions { justify-items:stretch; }.inline-actions { flex-wrap:wrap; }.form-grid, .form-grid.single { grid-template-columns:1fr; }.prompt-meta { padding-right:0; }.prompt-actions { position:static; margin-top:12px; }.generator, .final-prompt, .player-link-card, .sent-card { padding:18px; }.qr-preview { width:120px; height:120px; }.stage-share img { width:120px; height:120px; }.public-stage-qr img, .public-landing-vote img { width:120px; height:120px; }.pitch-score { grid-template-columns:1fr; }.pitch-score .check-line, .pitch-score button { grid-column:auto; }.split-panel dl { grid-template-columns:1fr; }.leader-breakdown { justify-content:space-between; gap:8px; }.leader-breakdown span { min-width:0; }.partners-shell { width:min(100% - 32px,1220px); align-items:flex-start; flex-direction:column; gap:18px; }.partner-logos { justify-content:flex-start; }.scoreboard-shell>header { align-items:start; flex-direction:column; gap:15px; }.scoreboard-branding { align-items:flex-start; gap:16px; }.scoreboard-brand-logo { width:76px; height:56px; }.leader-logo { width:32px; height:32px; margin:0 5px; } }
@media (max-width:1000px) { .public-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .public-logo-grid { grid-template-columns:1fr; }.leader-row { grid-template-columns:36px minmax(0,1fr); }.leader-breakdown { grid-column:2; }.leader-identity { align-items:flex-start; }.leader-logo { width:40px; height:40px; margin:0; }.quiz-review-options li { align-items:flex-start; flex-direction:column; }.quiz-option-voters { padding-left:31px; }.vote-row { grid-template-columns:minmax(0,1fr); gap:7px; }.vote-row select { max-width:none; } }
@media (max-width:800px) { .family-event-teams { grid-template-columns:1fr; } }
@media (max-width:800px) { .additional-card-form { grid-template-columns:1fr; align-items:stretch; } }
@media (max-width:800px) { .scoreboard-clocks { width:100%; justify-content:space-between; }.public-finale { padding:24px; align-items:flex-start; }.public-finale-feedback { flex-basis:150px; }.public-finale-feedback img { width:115px; height:115px; }.feedback-results-actions { justify-content:flex-start; }.feedback-summary { grid-template-columns:1fr; }.feedback-response dl { grid-template-columns:1fr; gap:5px; }.feedback-response dd+dt { margin-top:9px; }.leader-row.leader-winner { padding:22px; } }
@media (max-width:560px) { .scoreboard-clocks { align-items:flex-start; flex-direction:column; gap:12px; }.scoreboard-clock { justify-items:start; }.leader-trophy { font-size:34px; }.leader-winner .leader-identity b { font-size:25px; }.leader-final-score { grid-column:2; text-align:left; }.leader-winner .leader-final-score strong { font-size:40px; } }
@media (max-width:560px) { .public-finale { flex-direction:column; }.public-finale-feedback { width:100%; grid-template-columns:100px minmax(0,1fr); justify-items:start; align-items:center; text-align:left; }.public-finale-feedback img { width:100px; height:100px; }.feedback-progress { grid-template-columns:1fr; }.feedback-range { grid-template-columns:minmax(0,1fr) 54px; gap:12px; }.feedback-range output { width:54px; height:54px; }.feedback-actions { align-items:stretch; flex-direction:column-reverse; }.feedback-step>.button { width:100%; justify-self:stretch; } }
@media (max-width:560px) { .brand>span { font-size:15px; }.partner-logos { gap:28px; }.partner-logos img { max-width:160px; max-height:48px; }.scoreboard-branding { width:100%; flex-direction:column; }.scoreboard-brand-logo { width:84px; height:62px; } }