.class-survey-host{font-family:Nunito,system-ui,sans-serif;color:#172543}.sv-shell{max-width:1100px;margin:auto;background:#fbf8f1;border:2px solid #172543;border-radius:20px;padding:24px;box-shadow:0 8px 0 #172543}.sv-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid #ddd2e9;padding-bottom:14px}.sv-header small{color:#734193;font-weight:800;letter-spacing:1px}.sv-header h1{color:#172543!important;font-size:clamp(30px,5vw,48px);margin:6px 0;line-height:1}.sv-header p{margin:5px 0}.sv-fixture{background:#fff0b5;color:#594515;border-radius:8px;padding:10px;font-size:12px;font-weight:800}.class-survey-host button{font:inherit;font-weight:800;min-height:44px;border:2px solid #172543;border-radius:10px;background:#172543;color:#fffaf1;padding:10px 16px;cursor:pointer}.class-survey-host button:disabled{opacity:.5;cursor:default}.class-survey-host .sv-quiet{background:transparent;color:#172543;font-size:12px}.class-survey-host button:focus-visible,.class-survey-host input:focus-visible,.class-survey-host select:focus-visible,.class-survey-host summary:focus-visible{outline:3px solid #d733aa;outline-offset:3px}.class-survey-host h2{color:#172543}.class-survey-host h3{color:#68407d}.sv-panel{background:white;border:1px solid #bcb4c9;border-radius:16px;padding:20px;margin:16px 0}.class-survey-host label{display:block;font-weight:750;margin:12px 0}.class-survey-host input,.class-survey-host select{display:block;box-sizing:border-box;width:100%;min-height:48px!important;color:#172543!important;background:#fff!important;border:2px solid #89789c!important;border-radius:9px;font:inherit;opacity:1!important;padding:10px;margin-top:6px}.sv-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sv-team-rosters{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sv-team-rosters ul{list-style:none;padding:0;max-height:250px;overflow:auto}.sv-team-rosters li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ddd;padding:8px 0;font-size:13px}.sv-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;flex-wrap:wrap}.sv-scores{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0}.sv-scores>div{display:grid;grid-template-columns:1fr auto;align-items:center;border:2px solid #1f7683;background:#d9f3f0;border-radius:16px;padding:14px 20px}.sv-scores>div:last-child{background:#f5dcee;border-color:#b25791}.sv-scores .active{box-shadow:0 0 0 3px #172543}.sv-scores span{font-weight:900;letter-spacing:2px}.sv-scores strong{font-size:34px}.sv-scores small{grid-column:1/-1}.sv-roster{font-size:12px;margin:10px 0}.sv-roster summary{cursor:pointer}.sv-roster p{max-height:130px;overflow:auto}.sv-prompt{font-size:clamp(22px,3vw,30px);line-height:1.4;margin:22px 0;text-align:center}.sv-received{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;background:#eee3f7;border-radius:12px}.sv-received strong{font-size:48px;color:#683c89}.sv-survey form{max-width:620px;margin:18px auto}.sv-board{list-style:none;max-width:800px;margin:20px auto;padding:18px;background:#172543;border-radius:22px;display:grid;gap:11px}.sv-board li{display:grid;grid-template-columns:45px 1fr 60px;align-items:center;gap:12px;min-height:65px;padding:6px 14px;border:2px solid #766d9b;border-radius:14px;color:#d3cae4;background:#243451}.sv-position{border-radius:50%;background:#483267;color:#fff;width:34px;height:34px;display:grid;place-items:center;font-weight:900}.sv-board strong{font-size:21px}.sv-board li>b{font-size:27px;color:#ffeb8b;text-align:right}.sv-board .revealed{background:#f7f0e4;color:#172543;border-color:#39d5d2}.sv-board .revealed>b{color:#146c76}.sv-board .unavailable{opacity:.5}.sv-board .unavailable strong{font-size:15px}.sv-notice{padding:12px 16px;background:#e7e0f3;border-left:5px solid #9860c1;border-radius:8px}.sv-review{padding:15px;margin:12px 0;border:1px solid #b4a4c4;border-radius:12px}.sv-review>strong{display:block;overflow-wrap:anywhere;font-size:20px}.sv-review>span{font-size:12px}.sv-buttons{display:flex;gap:9px;flex-wrap:wrap}.sv-buttons button{font-size:13px}.sv-error{color:#822044;background:#ffe1ea;padding:15px;border-radius:10px}@media(max-width:650px){.sv-shell{padding:12px}.sv-header{gap:10px}.sv-settings,.sv-team-rosters{grid-template-columns:1fr}.sv-scores{gap:9px}.sv-scores>div{padding:10px}.sv-scores span{font-size:12px;letter-spacing:1px}.sv-panel{padding:14px}.sv-board{padding:10px}.sv-board li{grid-template-columns:30px 1fr 38px;padding:6px 8px;gap:8px}.sv-position{width:28px;height:28px}.sv-board strong{font-size:17px}.sv-board li>b{font-size:22px}}

.class-survey-host .sv-question-image{margin:16px auto 24px;max-width:720px;text-align:center}
.class-survey-host .sv-question-image>img{display:block;width:auto;max-width:100%;height:auto;max-height:320px;object-fit:contain;margin:auto;border-radius:12px}
.class-survey-host .sv-question-image figcaption p{margin:8px 0}.class-survey-host .sv-question-image small{display:block;font-size:12px}.class-survey-host .sv-question-image>button{margin-top:10px}
.class-survey-host .sv-image-dialog{box-sizing:border-box;width:94vw;max-width:1100px;max-height:92vh;overflow:auto;padding:18px;border:2px solid #172543;border-radius:16px;background:#fffaf1;color:#172543}
.class-survey-host .sv-image-dialog::backdrop{background:rgba(12,24,45,.8)}.class-survey-host .sv-image-dialog form{text-align:right;margin-bottom:12px}.class-survey-host .sv-image-dialog img{display:block;max-width:100%;height:auto;margin:auto;object-fit:contain}

/* Owner reference: compact four-answer stage, central prompt, side scores. */
.class-survey-host .sv-header h1{font-size:28px}.class-survey-host .sv-header small{font-size:10px}.class-survey-host .sv-header p{font-size:13px}.class-survey-host .sv-header{padding-bottom:10px}.class-survey-host .sv-fixture{font-weight:600}.sv-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-stage{display:grid;grid-template-columns:95px minmax(0,1fr) 95px;grid-template-rows:auto auto;gap:16px;align-items:center;padding:22px 16px;margin:16px 0;border:5px solid #e7ab46;border-radius:70px 70px 30px 30px;background:radial-gradient(circle,#fff4b7 1px,transparent 2px) 0 0/14px 14px,#162440;box-shadow:inset 0 0 0 4px #734e22,0 0 0 2px #172543,0 0 18px #efb54e66}
.sv-stage-prompt{grid-column:2;grid-row:1;background:#102449;border:3px solid #68c5ed;border-radius:22px;box-shadow:0 0 12px #3aaff466;padding:14px 18px;min-width:0;text-align:center}.class-survey-host .sv-stage .sv-prompt{color:#fff8dc;font-size:clamp(16px,1.8vw,22px);line-height:1.35;margin:0;overflow-wrap:anywhere}
.sv-team-score{padding:12px 5px;display:flex;flex-direction:column;text-align:center;background:linear-gradient(#1c71b7,#10365d);border:3px solid #ffc966;border-radius:14px;color:#fff8dc;min-width:0;grid-row:1/3}.sv-team-1{grid-column:1}.sv-team-2{grid-column:3}.sv-team-score span{font-size:12px;font-weight:900;letter-spacing:1px}.sv-team-score strong{font-size:36px;line-height:1.3}.sv-team-score small{font-size:11px}.sv-team-score.active{box-shadow:0 0 18px #fff0a7}
.class-survey-host .sv-stage .sv-board{grid-column:2;grid-row:2;width:100%;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:12px;border:3px solid #edbb66;border-radius:20px;background:#06142a;box-shadow:0 0 10px #fac76199}
.class-survey-host .sv-stage .sv-board li{min-width:0;min-height:85px;grid-template-columns:28px minmax(0,1fr) 32px;gap:7px;padding:10px;border:2px solid #8bd2fa;border-radius:17px;background:linear-gradient(180deg,#1977bf 0%,#104c85 48%,#083360 51%,#0b467b 100%);box-shadow:inset 0 2px 2px #d5efff88,0 0 8px #2cb8f266;color:#fff8df}.class-survey-host .sv-stage .sv-board strong{font-size:clamp(13px,1.6vw,19px);overflow-wrap:anywhere;line-height:1.25}.class-survey-host .sv-stage .sv-board li>b{font-size:23px;color:#fff0ad}.class-survey-host .sv-stage .sv-position{width:26px;height:26px;background:#061b40;border:1px solid #7cc6f6}.class-survey-host .sv-stage .sv-board .revealed{background:linear-gradient(#effbff,#a6d9f3);color:#102449}.class-survey-host .sv-stage .sv-board .revealed>b{color:#102449}
.class-survey-host .sv-stage .sv-question-image{margin:10px auto 0;max-width:100%}.class-survey-host .sv-stage .sv-question-image>img{max-height:210px;border-radius:9px}.class-survey-host .sv-stage .sv-question-image figcaption{color:#fff8dc}.class-survey-host .sv-stage .sv-question-image>button{color:#fff8dc;border-color:#8bd2fa;padding:4px 12px;min-height:36px;margin-top:6px}.sv-teaching{border-left:4px solid #18a6ac;padding:8px 16px}.sv-credit{font-size:12px}
@media(max-width:650px){.sv-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;border-radius:35px 35px 22px 22px;gap:10px;padding:14px 9px}.sv-team-score{grid-row:1;padding:5px;display:grid;grid-template-columns:1fr auto;align-items:center}.sv-team-score strong{font-size:25px}.sv-team-score small{grid-column:1/-1}.sv-team-1{grid-column:1}.sv-team-2{grid-column:2}.sv-stage-prompt{grid-row:2;grid-column:1/-1;padding:12px}.class-survey-host .sv-stage .sv-board{grid-row:3;grid-column:1/-1;padding:7px;gap:7px}.class-survey-host .sv-stage .sv-board li{grid-template-columns:22px minmax(0,1fr);gap:5px;padding:8px;min-height:76px}.class-survey-host .sv-stage .sv-board li>b{grid-column:2;font-size:20px;text-align:left}.class-survey-host .sv-stage .sv-position{width:22px;height:22px;font-size:12px}.class-survey-host .sv-stage .sv-question-image>img{max-height:185px}.class-survey-host .sv-stage .sv-prompt{font-size:16px}.sv-settings{grid-template-columns:1fr}}