@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  color-scheme:light;
  --blue:#203b91;
  --blue-deep:#1d347f;
  --purple:#914f9e;
  --teal:#63c4c8;
  --ink:#192d69;
  --muted:#69748e;
  --paper:#f7f2f7;
  --line:#dfe2ed;
  --green:#198a75;
  --red:#c84b5d;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{display:grid;place-items:center;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#eae8f0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.app-shell{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);isolation:isolate;width:min(100vw,56.25vh);height:min(100dvh,177.7778vw);aspect-ratio:9/16;container-type:size;padding:0 5.4%;display:grid;grid-template-rows:9.2% 1fr;overflow:hidden;background:var(--paper) url('forum-kv.jpg') center/100% 100% no-repeat;box-shadow:0 18px 54px rgba(21,33,81,.16)}
.app-shell::after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent 63%)}
.topbar{z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(32,59,145,.12)}
.header-logo{display:block;flex:0 1 auto;width:min(34cqw,280px);height:78%;object-fit:contain;object-position:left center}
.topbar-event{display:flex;flex-direction:column;gap:4px;text-align:center}
.eyebrow{color:#7c8195;font-size:clamp(7px,.76cqh,11px);font-weight:800;letter-spacing:.18em}
.topbar-event strong{color:var(--blue);font:800 clamp(10px,1.22cqh,16px) Manrope,sans-serif;letter-spacing:.035em;white-space:nowrap}
.topbar-event strong b,.header-mark b,.footer b{color:var(--purple)}
.header-mark{color:#69738b;font-size:clamp(7px,.85cqh,11px);font-weight:800;letter-spacing:.12em;white-space:nowrap}
.stage{position:relative;min-height:0;overflow:hidden}
.screen{position:absolute;inset:0;z-index:1;display:none;animation:screen-enter .4s cubic-bezier(.2,.7,.25,1) both}
.screen.active{display:block}
@keyframes screen-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.geometry{display:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;color:var(--blue-deep)}
.welcome-copy{position:absolute;top:7%;left:50%;width:min(88%,800px);transform:translateX(-50%);text-align:center}
.event-title{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--blue);font:800 clamp(21px,3.15cqh,42px)/1.08 Manrope,sans-serif;letter-spacing:.015em}
.event-title strong span{color:var(--purple)}
.event-title b{color:var(--purple);font-size:1.05em;letter-spacing:.08em}
.event-subtitle{margin-top:7px;color:#6e7185;font-size:clamp(10px,1.1cqh,15px);font-style:italic;letter-spacing:.025em}
.welcome-copy h1{margin:clamp(21px,3.5cqh,48px) 0 clamp(11px,1.7cqh,23px);color:var(--blue);font:700 clamp(40px,5.25cqh,76px)/.99 Manrope,sans-serif;letter-spacing:-.055em}
.welcome-copy h1 em{color:var(--purple);font-style:normal}
.lead{margin-bottom:clamp(17px,2.6cqh,34px);color:#606d87;font-size:clamp(14px,1.55cqh,21px);line-height:1.58}
.primary-button{min-height:clamp(54px,6.2cqh,78px);min-width:clamp(220px,31cqw,390px);padding:0 clamp(20px,3cqw,34px);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:13px;background:var(--blue);color:#fff;font:800 clamp(15px,1.65cqh,21px) Manrope,sans-serif;box-shadow:0 12px 26px rgba(32,59,145,.18);cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s}
.primary-button span{color:#87dcde;font-size:1.2em}
.primary-button:hover{background:#192f7b;box-shadow:0 15px 30px rgba(32,59,145,.23)}
.primary-button:active{transform:scale(.985)}
.micro-note{width:max-content;max-width:100%;margin:clamp(9px,1.2cqh,16px) auto 0;padding:8px 12px;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.76);color:#66728d;font-size:clamp(10px,1cqh,13px);backdrop-filter:blur(8px)}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(99,196,200,.19)}
.welcome-art{display:none}
.orbit{position:absolute;inset:8%;border:1px solid rgba(32,59,145,.16);border-radius:50%}
.orbit-two{inset:19%;border:1px dashed rgba(145,79,158,.3)}
.art-core{width:65%;height:65%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(150deg,#27469f,var(--blue-deep));color:#fff;font:800 clamp(19px,2.25cqh,32px)/1.04 Manrope,sans-serif;letter-spacing:.1em;box-shadow:0 16px 34px rgba(32,59,145,.26);transform:rotate(-5deg)}
.art-core .amp{margin:4px;color:#9be0e0;font-size:.8em}
.art-core small{margin-top:12px;color:#d0d9f8;font:700 clamp(6px,.7cqh,9px) 'DM Sans',sans-serif;letter-spacing:.12em}
.art-tag{position:absolute;padding:10px 13px;border:1px solid #e6e4ed;border-radius:8px;background:#fff;color:#69738b;font-size:clamp(8px,.85cqh,11px);font-weight:800;letter-spacing:.12em;box-shadow:0 8px 20px rgba(31,47,103,.1)}
.art-tag i{color:#999bad;font-style:normal}
.tag-top{top:15%;right:1%}
.tag-bottom{bottom:12%;left:-3%;color:var(--purple)}
.tag-bottom span{margin-left:8px;color:var(--teal);font-size:1.5em}
.tagline{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);padding:6px 11px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,255,255,.72);color:#66728d;font-size:clamp(8px,.8cqh,11px);font-style:italic;white-space:nowrap}
#welcome-screen .tagline{display:none}
.footer{z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 clamp(8px,1.3cqw,15px);border:1px solid rgba(255,255,255,.9);border-bottom:0;border-radius:13px 13px 0 0;background:rgba(255,255,255,.8);color:#40527f;font-size:clamp(6px,.68cqh,9px);font-weight:800;letter-spacing:.11em;backdrop-filter:blur(8px)}
.footer-center{color:#9a9eae}
.admin-entry{padding:10px 0 10px 12px;color:#6a7390;text-align:right;text-decoration:none;font-size:inherit;letter-spacing:.02em}
.admin-entry:active{color:var(--purple)}
.step-label{position:absolute;top:4%;left:1%;color:#797e93;font-size:clamp(9px,.9cqh,12px);font-weight:800;letter-spacing:.14em}
.step-label span{color:var(--purple);font-size:1.2em}
.center-panel{position:absolute;top:50%;left:50%;width:min(88%,680px);max-height:94%;overflow:auto;transform:translate(-50%,-50%);padding:clamp(21px,3.4cqh,40px) clamp(20px,4cqw,48px);border:1px solid rgba(255,255,255,.92);border-radius:25px;background:rgba(255,255,255,.91);box-shadow:0 24px 70px rgba(38,47,105,.12);text-align:center;backdrop-filter:blur(10px)}
.icon-orb{width:clamp(45px,6cqh,68px);height:clamp(45px,6cqh,68px);margin:0 auto clamp(10px,1.6cqh,20px);display:grid;place-items:center;border-radius:50%;background:#f1e7f2;color:var(--purple);font-size:clamp(22px,2.5cqh,31px)}
.center-panel h2{margin:0 0 9px;font-size:clamp(26px,3.6cqh,44px);line-height:1.08;letter-spacing:-.045em}
.center-panel p{margin-bottom:clamp(10px,1.6cqh,18px);color:var(--muted);font-size:clamp(11px,1.25cqh,15px)}
.center-panel form{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,.8cqh,10px)}
.center-panel input{width:100%;height:clamp(47px,5.8cqh,66px);padding:0 16px;border:1px solid #dfe1eb;border-radius:11px;outline:0;background:#fff;color:var(--ink);font:600 clamp(15px,1.8cqh,20px) 'DM Sans',sans-serif;text-align:center;box-shadow:0 4px 12px rgba(38,47,105,.04)}
.center-panel input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(145,79,158,.13)}
.center-panel input::placeholder{color:#9ba0b0;font-size:.77em}
.keyboard-hint{color:#7a8197;font-size:clamp(9px,.9cqh,11px)}
.onscreen-keyboard{width:100%;display:flex;flex-direction:column;gap:clamp(4px,.6cqh,7px)}
.key-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(3px,.5cqw,6px)}
.key-row:nth-child(2){padding-inline:4%;grid-template-columns:repeat(9,minmax(0,1fr))}
.key-row:nth-child(3){grid-template-columns:1.2fr repeat(7,minmax(0,1fr)) 1.2fr}
.screen-key{min-width:0;min-height:clamp(35px,4.6cqh,52px);border:1px solid #e3e4ed;border-radius:9px;background:#fff;color:var(--blue);font:800 clamp(12px,1.7cqh,18px) Manrope,sans-serif;box-shadow:0 2px 5px rgba(32,59,145,.07);touch-action:manipulation;cursor:pointer}
.screen-key:active,.screen-key.key-active{border-color:#d1b1d5;background:#f4ebf5;color:var(--purple);transform:translateY(1px)}
.screen-key.utility-key{background:#f0eef5;color:#606d87;font-size:clamp(9px,1.2cqh,13px)}
.key-row-bottom{grid-template-columns:1fr 3fr}
.key-row-bottom .screen-key{min-height:clamp(33px,4.2cqh,46px)}
#name-screen .center-panel form .primary-button{width:100%;min-width:0;min-height:clamp(48px,5.8cqh,64px);height:clamp(48px,5.8cqh,64px);margin-top:2px;font-size:clamp(13px,1.5cqh,17px)}
.text-button{margin-top:8px;padding:9px;border:0;background:none;color:#737e97;font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.text-button:active{color:var(--purple)}
.quiz-head{position:absolute;top:3.5%;left:1%;right:1%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.quiz-head .step-label{position:static;flex:0 0 auto;white-space:nowrap;line-height:1.2}
.quiz-head .question-count{flex:0 0 auto;white-space:nowrap;text-align:right}
.question-count{color:#717a93;font-size:clamp(8px,.85cqh,11px);font-weight:800;letter-spacing:.13em}
.question-count span{margin-left:6px;color:var(--purple);font-size:1.3em}
.question-card{position:absolute;top:50%;left:50%;width:min(88%,790px);max-height:91%;overflow:auto;transform:translate(-50%,-50%);padding:clamp(22px,3.6cqh,42px) clamp(21px,4cqw,46px);border:1px solid rgba(255,255,255,.95);border-radius:24px;background:rgba(255,255,255,.93);box-shadow:0 24px 68px rgba(38,47,105,.13);backdrop-filter:blur(10px)}
.question-index{color:#83899c;font-size:clamp(8px,.8cqh,10px);font-weight:800;letter-spacing:.14em}
.question-index span{margin:0 7px;color:var(--teal)}
.question-index b{color:var(--purple)}
.question-card h2{margin:clamp(13px,2cqh,23px) 0 clamp(16px,2.3cqh,26px);font-size:clamp(22px,3.45cqh,42px);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}
.answers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(9px,1.1cqh,14px)}
.answer-button{min-height:clamp(76px,10cqh,130px);display:flex;align-items:flex-start;gap:clamp(10px,1.2cqw,15px);padding:clamp(13px,1.8cqh,20px);border:1px solid #dfe2ed;border-radius:15px;background:#fff;color:var(--ink);font:600 clamp(13px,1.65cqh,20px)/1.38 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:transform .16s,border .16s,background .16s,box-shadow .16s}
.answer-button .answer-letter{flex:0 0 clamp(30px,3.8cqh,42px);width:clamp(30px,3.8cqh,42px);height:clamp(30px,3.8cqh,42px);display:grid;place-items:center;border-radius:50%;background:#eff0f6;color:#66728d;font:800 clamp(12px,1.4cqh,16px) Manrope,sans-serif}
.answer-button>span:last-child{display:block;min-width:0;overflow-wrap:anywhere}
.answer-button:hover,.answer-button:active{transform:translateY(-2px);border-color:#b6a0c6;background:#fdfaff;box-shadow:0 8px 20px rgba(65,52,120,.08)}
.answer-button.selected{border:2px solid var(--purple);background:#f8f0f8;box-shadow:0 0 0 3px rgba(145,79,158,.1)}
.answer-button.selected .answer-letter{background:var(--purple);color:#fff}
.answer-button:disabled{cursor:default}
.pick-hint{margin-top:clamp(15px,2.1cqh,24px);display:flex;align-items:center;justify-content:center;gap:10px;color:#767e94;font-size:clamp(10px,1cqh,13px)}
.reveal-wrap{position:absolute;inset:2.2% 3%;width:auto;max-width:790px;margin:0 auto;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(8px,1.2cqh,14px);overflow:hidden}
.result-topline{flex:0 0 auto;min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.result-kicker,.recap-label{color:#777f96;font-size:clamp(8px,.82cqh,11px);font-weight:800;letter-spacing:.14em}
.result-kicker b{color:var(--purple)}
.result-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:999px;background:#edf0f7;color:#566481;font-size:clamp(8px,.8cqh,10px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.result-pill.correct{background:#e7f5f2;color:#167762}
.result-pill.incorrect{background:#f9ecee;color:#ad3f51}
.question-recap{flex:0 0 auto;max-height:27%;overflow:hidden;padding:clamp(12px,1.8cqh,20px) clamp(14px,2cqw,23px);border:1px solid rgba(255,255,255,.96);border-radius:17px;background:rgba(255,255,255,.87);box-shadow:0 8px 24px rgba(41,50,108,.07);backdrop-filter:blur(8px)}
.question-recap h2{margin:7px 0 0;color:var(--blue-deep);font:700 clamp(14px,1.9cqh,23px)/1.25 Manrope,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.question-poll{flex:1 1 auto;min-height:0;overflow:hidden;padding:clamp(10px,1.5cqh,17px) clamp(11px,1.7cqw,18px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.94);border-radius:20px;background:rgba(255,255,255,.91);box-shadow:0 12px 34px rgba(41,50,108,.09);backdrop-filter:blur(9px)}
.poll-heading{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:clamp(7px,1cqh,12px)}
.poll-heading h3{margin:0;color:var(--blue);font-size:clamp(13px,1.65cqh,19px);letter-spacing:-.02em}
.poll-total{color:#737d96;font-size:clamp(9px,1.05cqh,13px);font-weight:700;white-space:nowrap}
.option-results{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(5px,.75cqh,9px)}
.option-result{min-height:0;overflow:hidden;padding:clamp(6px,.9cqh,10px) clamp(8px,1cqw,12px);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(226,228,238,.9);border-radius:13px;background:rgba(255,255,255,.93);transition:border-color .18s,background .18s}
.option-result.is-correct{border-color:#8bd0c5;background:#f2fbf8}
.option-result.player-wrong{border-color:#e6a7b0;background:#fff7f8}
.option-result.player-correct{border-color:#8bd0c5;background:#f2fbf8}
.option-result-head{min-height:0;display:grid;grid-template-columns:clamp(21px,2.8cqh,28px) minmax(0,1fr) clamp(58px,8cqw,82px);column-gap:clamp(6px,.8cqw,10px);align-items:center}
.option-result-letter{display:grid;place-items:center;width:clamp(21px,2.8cqh,28px);height:clamp(21px,2.8cqh,28px);border-radius:50%;background:#eff0f6;color:#707a94;font:800 clamp(9px,1cqh,12px) Manrope,sans-serif}
.option-result-text{min-width:0;color:#263867;font-size:clamp(9px,1.16cqh,14px);font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.option-result-value{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;color:var(--blue)}
.option-result-value strong{font:800 clamp(12px,1.55cqh,17px) Manrope,sans-serif}
.option-result-value small{color:var(--purple);font:800 clamp(10px,1.25cqh,14px) Manrope,sans-serif}
.option-result.is-correct .option-result-text::before{content:"✓";margin-right:6px;color:var(--green);font-weight:900}
.option-result.player-wrong .option-result-text::before{content:"×";margin-right:6px;color:var(--red);font-weight:900}
.poll-track{flex:0 0 9px;height:9px;margin:clamp(5px,.65cqh,8px) 4px 0 clamp(27px,3.7cqh,38px);overflow:hidden;border-radius:99px;background:#e9eaf1}
.poll-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#a34c9c 48%,var(--teal));box-shadow:0 1px 5px rgba(92,155,176,.22);transition:width .8s cubic-bezier(.2,.75,.25,1)}
.option-result.is-correct .poll-track i{background:linear-gradient(90deg,#278f85,var(--teal))}
.option-result.player-wrong .poll-track i{background:linear-gradient(90deg,#c84b5d,#ed9aa5)}
.all-done{flex:0 0 auto;padding:clamp(7px,1cqh,11px) clamp(11px,1.5cqw,16px);border-left:4px solid var(--teal);border-radius:0 10px 10px 0;background:rgba(255,255,255,.7)}
.all-done>div{display:flex;align-items:baseline;gap:7px;line-height:1.35;flex-wrap:wrap}
.all-done strong{color:var(--blue);font:800 clamp(10px,1.2cqh,14px) Manrope,sans-serif}
.all-done>div>span{color:#6d7790;font-size:clamp(8px,.95cqh,11px)}
.result-actions{flex:0 0 auto;width:100%;display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(8px,1cqh,12px)}
.result-actions .primary-button{width:100%;min-width:0;min-height:clamp(43px,5.4cqh,60px);padding:0 clamp(12px,2cqw,22px);gap:8px;border-radius:12px;font-size:clamp(11px,1.4cqh,16px)}
.result-actions .try-again-button{border:1px solid rgba(32,59,145,.17);background:rgba(255,255,255,.91);color:var(--blue);box-shadow:0 6px 16px rgba(32,59,145,.07)}
.result-actions .try-again-button span:last-child{color:var(--purple)}
.result-actions .next-player-inline{margin:0}
.confetti-layer{position:fixed;inset:0;z-index:10;overflow:hidden;pointer-events:none}
.confetti{position:absolute;top:-18px;width:9px;height:15px;animation:confetti-fall 3s cubic-bezier(.2,.6,.5,1) forwards}
@keyframes confetti-fall{to{transform:translate3d(var(--drift,20px),110cqh,0) rotate(700deg);opacity:.18}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@container (max-width:800px){
  .app-shell{padding-inline:4.2%;grid-template-rows:8% 1fr}
  .header-logo{width:min(34cqw,220px)}
  .topbar-event strong{font-size:clamp(8px,1.1cqh,12px)}
  .welcome-copy{top:7%;width:91%}
  .welcome-art{right:7%;width:min(43cqw,360px)}
  .question-card{width:92%}
  .reveal-wrap{inset:1.6% 2.5%}
}
@container (max-width:560px){
  .app-shell{padding-inline:18px;grid-template-rows:7.5% 1fr}
  .header-logo{width:min(36cqw,150px)}
  .topbar{gap:5px}
  .topbar-event{gap:2px}
  .topbar-event .eyebrow{font-size:6px;letter-spacing:.1em}
  .topbar-event strong{max-width:150px;font-size:8px;letter-spacing:0}
  .header-mark{font-size:6px;letter-spacing:.04em}
  .welcome-copy{top:8%;width:96%}
  .welcome-copy h1{font-size:clamp(38px,5.3cqh,56px)}
  .lead{font-size:13px}
  .welcome-art{right:50%;bottom:6%;width:min(60cqw,290px);transform:translateX(50%)}
  .tagline{bottom:2%;font-size:8px}
  .footer{font-size:5px;letter-spacing:.06em}
  .footer-center{display:none}
  .admin-entry{padding-left:6px}
  .center-panel{width:94%;max-height:96%;padding:15px 13px;border-radius:20px}
  .center-panel h2{font-size:clamp(24px,3.1cqh,35px)}
  .center-panel p{margin-bottom:9px}
  .screen-key{min-height:clamp(32px,4cqh,42px);border-radius:7px;font-size:clamp(11px,1.45cqh,15px)}
  .key-row-bottom .screen-key{min-height:32px}
  .quiz-head{top:2.5%;left:1%;right:1%;gap:6px}
  .quiz-head .step-label{font-size:clamp(8px,.82cqh,10px);letter-spacing:.08em}
  .quiz-head .question-count{font-size:clamp(7px,.76cqh,9px);letter-spacing:.07em}
  .quiz-head .question-count span{margin-left:3px}
  .question-card{width:97%;max-height:94%;padding:15px 13px;border-radius:18px}
  .question-card h2{font-size:clamp(17px,2.5cqh,24px);margin:12px 0 14px}
  .answers{grid-template-columns:1fr;gap:7px}
  .answer-button{min-height:clamp(55px,8cqh,84px);padding:9px 10px;font-size:clamp(11px,1.55cqh,15px);border-radius:11px}
  .answer-button .answer-letter{flex-basis:27px;width:27px;height:27px}
  .pick-hint{margin-top:10px;font-size:9px}
  .reveal-wrap{inset:1% 1.4%;gap:5px}
  .result-topline{min-height:22px}
  .question-recap{max-height:25%;padding:8px 10px}
  .question-recap h2{font-size:clamp(11px,1.6cqh,16px);line-height:1.2}
  .question-poll{padding:7px 7px;border-radius:15px}
  .poll-heading{margin-bottom:5px}
  .poll-heading h3{font-size:clamp(11px,1.35cqh,15px)}
  .option-results{gap:3px}
  .option-result{padding:4px 5px;border-radius:9px}
  .option-result-head{grid-template-columns:19px minmax(0,1fr) 50px;column-gap:5px}
  .option-result-letter{width:19px;height:19px;font-size:8px}
  .option-result-text{font-size:clamp(7px,.96cqh,9px);line-height:1.16}
  .option-result-value{gap:3px}
  .option-result-value strong{font-size:clamp(9px,1.2cqh,11px)}
  .option-result-value small{font-size:clamp(8px,1.05cqh,10px)}
  .poll-track{flex-basis:7px;height:7px;margin:3px 2px 0 24px}
  .all-done{padding:5px 7px}
  .result-actions{gap:6px}
  .result-actions .primary-button{min-height:39px;padding:0 9px;font-size:10px}
}
@container (max-height:760px){
  .app-shell{grid-template-rows:8% 1fr}
  .welcome-copy{top:4%}
  .welcome-copy h1{margin:clamp(12px,2.3cqh,23px) 0 10px;font-size:clamp(35px,5cqh,58px)}
  .lead{margin-bottom:14px;font-size:clamp(12px,1.5cqh,16px)}
  .welcome-art{width:min(31cqw,265px);bottom:5%}
  .center-panel{padding-block:12px}
  .icon-orb{margin-bottom:8px}
  .question-card{padding-block:18px}
  .question-card h2{margin-block:12px;font-size:clamp(19px,3cqh,31px)}
  .answer-button{min-height:clamp(54px,8cqh,78px)}
  .reveal-wrap{gap:5px}
  .question-recap{padding-block:8px}
  .option-result{padding-block:4px}
  .poll-track{height:7px;flex-basis:7px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}