/* Phone/tablet-only presentation. The quiz runtime, answers and score rules are separate. */
@media(max-width:1099px){
 html body main[data-screen-fit]{width:100%!important;max-width:1480px!important;padding:12px 14px 16px!important;min-height:100svh!important;box-sizing:border-box}
 html body main[data-screen-fit]>.round-stats{font-size:12px!important;line-height:1.4!important;padding:3px 8px!important;gap:6px 11px!important;margin:0 0 8px auto!important;min-height:0!important}
 html body main[data-screen-fit] .round-stats b{font-size:14px!important}
 html body main[data-screen-fit] .round-stats .round-grade{display:none!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question){gap:8px!important;min-width:0!important}
 html body main[data-screen-fit] .asker{grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important;margin:0!important;max-width:100%!important;width:100%!important;flex-shrink:0}
 html body main[data-screen-fit] .asker .pati{width:48px!important;height:56px!important;object-fit:contain}
 html body main[data-screen-fit] .asker h1{font-size:19px!important;line-height:1.3!important;padding:9px 11px!important;margin:0!important;overflow-wrap:normal!important}
 html body main[data-screen-fit] fieldset{margin:0!important;min-width:0!important;width:100%!important}
 html body main[data-screen-fit] fieldset .choices{gap:8px!important;max-width:100%!important;margin:0 auto!important;width:100%!important}
 html body main[data-screen-fit] fieldset .choice{padding:6px!important;min-height:44px!important;min-width:44px!important;box-sizing:border-box!important}
 html body main[data-screen-fit] fieldset .choice>.number{font-size:12px!important;line-height:18px!important;min-height:18px!important;padding:0 5px!important}
 html body main[data-screen-fit] fieldset .choice>img{width:100%!important;height:auto!important;min-height:0!important;max-height:var(--sf-choice-height,170px)!important;object-fit:contain!important;margin-top:3px!important}
 html body main[data-screen-fit] :is(.word-answer,.answer-text){font-size:var(--sf-word-size,21px)!important;line-height:1.35!important;padding:8px 2px!important;overflow-wrap:normal!important;word-break:normal!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question)>.reference{height:auto!important;max-height:var(--sf-reference-height,280px)!important;object-fit:contain!important;margin:0!important;min-width:0!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question)>.visual-sequence{margin:0!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question)>.question-context{font-size:21px!important;line-height:1.4!important;padding:10px!important;margin:0!important}
 html body main[data-screen-fit]>.feedback{margin:16px auto 0!important;max-width:760px}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="3"]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="3"]>.choice:nth-child(n){grid-column:span 2!important;width:100%!important;justify-self:stretch!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="3"]:has(>.choice:nth-child(5)):not(:has(>.choice:nth-child(6)))>.choice:nth-child(4){grid-column:2/span 2!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="3"]:has(>.choice:nth-child(5)):not(:has(>.choice:nth-child(6)))>.choice:nth-child(5){grid-column:4/span 2!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="2"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="2"]>.choice:nth-child(n){grid-column:auto!important;width:100%!important;justify-self:stretch!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="2"]>.choice:last-child:nth-child(odd){grid-column:1/-1!important;width:calc(50% - 4px)!important;justify-self:center!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="1"]{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="1"]>.choice:nth-child(n){grid-column:1!important;width:100%!important;justify-self:stretch!important}
}
@media(max-width:699px){
 html body main[data-screen-fit]{display:flex!important;flex-direction:column!important;padding:10px 12px 12px!important;min-height:0!important}
 html body main[data-screen-fit]>.rollout-stage{display:flex!important;flex-direction:column!important;gap:10px!important;flex:0 0 auto!important;min-width:0!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:0!important}
 html body main[data-screen-fit]>.pilot-question{margin-bottom:10px!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question)>.reference{max-width:var(--reference-width,100%)!important;max-height:var(--sf-reference-height,230px)!important}
}
@media(min-width:700px) and (max-width:1099px) and (orientation:portrait){
 html body main[data-screen-fit]>.rollout-stage{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;flex:0 0 auto!important}
 html body main[data-screen-fit].layout-pilot{display:flex!important;flex-direction:column!important;gap:12px!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question){display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){html body main[data-screen-fit]{scroll-behavior:auto!important}}

@media(max-width:1099px){html body main[data-screen-fit] :is(.rollout-question,.pilot-question)>:not(.asker){margin-block:0!important}}

@media(max-width:699px){html body main[data-screen-fit] .visual-sequence.sequence-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}}

@media(max-width:699px){
 html body main[data-screen-fit] .symbol-rules240{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="4"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html body main[data-screen-fit] fieldset .choices[data-fit-cols="4"]>.choice:nth-child(n){grid-column:auto!important;width:100%!important;justify-self:stretch!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .balance-givens294{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;max-width:100%!important}
 html body main[data-screen-fit] .parts311{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body main[data-screen-fit] .parts311>div{padding:22px 6px 4px!important}
 html body main[data-screen-fit] .fruit-values377{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .balance-target294{width:180px!important;max-width:180px!important}
 html body main[data-screen-fit] :is(.visual-sequence.sequence-5,.visual-sequence.sequence-6,.rods418){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body main[data-screen-fit] .rods418>div:last-child{grid-column:auto!important;width:100%!important}
 html body main[data-screen-fit] .numeric487{flex-direction:row!important;gap:3px!important;width:100%!important;max-width:100%!important}
 html body main[data-screen-fit] .numeric487 .num487{font-size:20px!important;min-width:26px!important;padding:6px 2px!important}
 html body main[data-screen-fit] .numeric487 .step487{font-size:14px!important;transform:none!important}
 html body main[data-screen-fit] .fruitcode498{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:100%!important}
 html body main[data-screen-fit] .fruitcode498 section{padding:8px!important}
 html body main[data-screen-fit] .fruitcode498 h2{font-size:16px!important;line-height:1.3!important;margin-bottom:6px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] :is(.visual-sequence.sequence-5,.visual-sequence.sequence-6)>li:nth-child(n){grid-column:auto!important;width:100%!important;justify-self:stretch!important}
 html body main[data-screen-fit] .dots-parts587{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .parts522{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body main[data-screen-fit] .cipher637{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:100%!important}
 html body main[data-screen-fit] .cipher637 section{padding:8px!important}
 html body main[data-screen-fit] .cipher637 h2{font-size:16px!important;line-height:1.3!important;margin-bottom:8px!important}
 html body main[data-screen-fit] .cipher637 :is(.words637,.codes637){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 html body main[data-screen-fit] .cipher637 :is(.words637,.codes637) span{font-size:22px!important;letter-spacing:.08em!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .piecegallery673{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body main[data-screen-fit] .domino649{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:25px 22px!important;max-width:100%!important}
 html body main[data-screen-fit] .domino649 li:nth-child(4){grid-column:3!important;grid-row:2!important}
 html body main[data-screen-fit] .domino649 li:nth-child(5){grid-column:2!important;grid-row:2!important}
 html body main[data-screen-fit] .domino649 li:nth-child(6){grid-column:1!important;grid-row:2!important}
 html body main[data-screen-fit] .domino649 li:not(:last-child)::after{content:'→'!important;left:auto!important;right:-21px!important;top:calc(50% - 11px)!important;bottom:auto!important;font-size:20px!important}
 html body main[data-screen-fit] .domino649 li:nth-child(3)::after{content:'↓'!important;left:calc(50% - 7px)!important;right:auto!important;top:auto!important;bottom:-25px!important}
 html body main[data-screen-fit] .domino649 li:is(:nth-child(4),:nth-child(5))::after{content:'←'!important;left:-21px!important;right:auto!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .key98{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;max-width:100%!important}
 html body main[data-screen-fit] .key98 span{font-size:18px!important;padding:7px 2px!important}
}
@media(max-width:1099px){html body main[data-screen-fit] :is(.word-answer,.answer-text){white-space:normal!important}}

@media(max-width:699px){
 html body main[data-screen-fit] .apple124pieces{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body main[data-screen-fit] .scale134givens{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;max-width:100%!important}
 html body main[data-screen-fit] .scale134target{width:180px!important;max-width:180px!important}
 html body main[data-screen-fit] .flags141{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body main[data-screen-fit] .flags141>div{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;padding:4px!important}
 html body main[data-screen-fit] .flags141>div:last-child{grid-column:1/-1!important;width:70%!important;justify-self:center!important}
 html body main[data-screen-fit] .flags141 span{font-size:21px!important}
 html body main[data-screen-fit] .flags141 .flags141unknown{font-size:42px!important}
}

@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit]{padding:8px 10px 10px!important}
 html body main[data-screen-fit]>.round-stats{margin-bottom:6px!important}
 html body main[data-screen-fit] :is(.rollout-question,.pilot-question){gap:6px!important}
 html body main[data-screen-fit] .asker{grid-template-columns:36px minmax(0,1fr)!important;gap:6px!important}
 html body main[data-screen-fit] .asker .pati{width:36px!important;height:42px!important}
 html body main[data-screen-fit] .asker h1{font-size:18px!important;padding:8px 10px!important}
 html body main[data-screen-fit]>.rollout-stage{gap:8px!important}
 html body main[data-screen-fit] fieldset .choices{gap:6px!important}
 html body main[data-screen-fit] fieldset .choice{padding:4px!important}
 html body main[data-screen-fit] fieldset .choice>.number{line-height:16px!important;min-height:16px!important}
 html body main[data-screen-fit] :is(.word-answer,.answer-text){padding:6px 2px!important}
}

@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit][data-screen-question="14"] .pilot-question{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important}
}

@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit][data-screen-question="14"] .pilot-question>.reference{width:100%!important;max-width:100%!important;justify-self:center!important}
 html body main[data-screen-fit][data-screen-question="14"] .pilot-question{column-gap:10px!important}
}

@media(max-width:699px) and (max-height:600px){html body main[data-screen-fit][data-screen-question="70"] .word-answer{font-size:18px!important}}

@media(max-width:699px){
 html body main[data-screen-fit] .codes129{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}
 html body main[data-screen-fit] .codes129>div{padding:3px!important}
}
@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit] .bead-sequence133{max-width:265px!important}
 html body main[data-screen-fit][data-screen-question="176"] .rollout-question>div:first-child{max-width:195px!important}
}

@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit] .balance-target294{width:150px!important;max-width:150px!important}
 html body main[data-screen-fit]:is([data-screen-question="228"],[data-screen-question="283"]) .word-answer{font-size:18px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .codepool498{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 html body main[data-screen-fit] .codepool498 span{font-size:26px!important;letter-spacing:.04em!important;padding:4px 0!important;min-width:0!important}
 html body main[data-screen-fit] .fruitlines498{gap:4px!important}
 html body main[data-screen-fit] .fruitcode498 h2{margin-bottom:4px!important}
}
@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit] .target498{max-width:240px!important;padding:6px!important;gap:8px!important}
 html body main[data-screen-fit][data-screen-question="484"] .word-answer{font-size:18px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit] .codekey596{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}
 html body main[data-screen-fit] .codekey596>div{font-size:18px!important;padding:6px 2px!important;gap:2px!important}
}
@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit][data-screen-question="461"] .fruitlines498{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
}

@media(max-width:699px){
 html body main[data-screen-fit][data-screen-question="519"] .codepool498 span{font-size:22px!important;letter-spacing:0!important}
}
@media(max-width:349px){
 html body main[data-screen-fit][data-screen-question="639"] .word-answer{font-size:18px!important;white-space:nowrap!important}
}
@media(max-width:699px) and (max-height:600px){
 html body main[data-screen-fit]:is([data-screen-question="693"],[data-screen-question="706"],[data-screen-question="714"],[data-screen-question="729"],[data-screen-question="739"]) .visual-sequence{max-width:300px!important}
 html body main[data-screen-fit] .apple124target{width:110px!important;max-width:110px!important}
 html body main[data-screen-fit] .apple124pieces{max-width:300px!important}
 html body main[data-screen-fit][data-screen-question="725"] .balance-target294{width:120px!important;max-width:120px!important}
}

@media(max-width:1099px){
 html body main[data-screen-fit][data-screen-question="770"] .choice{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:4px 8px!important;gap:8px!important;min-height:44px!important}
 html body main[data-screen-fit][data-screen-question="770"] .choice-letter{flex:0 0 20px!important;margin:0!important}
 html body main[data-screen-fit][data-screen-question="770"] .choice img{width:calc(100% - 32px)!important;max-width:440px!important;height:auto!important;max-height:40px!important;margin:0 auto!important}
}
@media(max-width:699px){
 html body main[data-screen-fit][data-screen-question="770"] .key111{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}
 html body main[data-screen-fit][data-screen-question="770"] .key111>div{padding:4px 2px!important;gap:2px!important}
 html body main[data-screen-fit][data-screen-question="770"] .key111 b{font-size:16px!important}
 html body main[data-screen-fit][data-screen-question="770"] .key111 svg{width:42px!important;max-width:100%!important;height:22px!important}
}