/* Sudan Stories: responsive page, reader, games and owner. */
html{scrollbar-gutter:stable}body{overflow-wrap:break-word}main,section,article,figure,.hero>*,.learn-wrap>*,.records-grid>*,.story-grid>*,.world-grid>*,.downloads>*,.stage-top>*,.game-board{min-width:0}input,select,textarea{max-width:100%;font-size:16px}button,.pill,.cta,.secondary,select{min-height:44px}button{white-space:normal}video{max-width:100%}.nav{gap:12px 20px}.nav nav{flex-wrap:wrap}.nav nav a{display:inline-flex;align-items:center;min-height:44px}main select,.stage-select select{max-width:100%}.canvas-actions,.missing-entry,.stage-top,.game-guide{flex-wrap:wrap}.game-guide>div{min-width:0}.options button{max-width:100%;overflow-wrap:anywhere}.stage-select label{min-width:0;flex:1 1 130px}.stage-select select{width:100%;min-width:0}.puzzle-pair>*,.stage-puzzle,.puzzle{max-width:100%;min-width:0}.stage-puzzle button,.puzzle button{min-width:0;min-height:0}.stage-puzzle{width:min(420px,100%)}.memory button{height:auto;min-width:0;overflow:hidden}.memory img{max-width:100%;height:clamp(48px,12vw,90px)}.date-count{margin-inline:0;gap:10px}.missing-word{overflow-wrap:anywhere}.missing-entry input{min-width:0;max-width:100%}.lesson-steps button{min-width:0}.guided-lessons select,.learning-path select{max-width:100%;width:100%}.score-number{font-size:clamp(44px,10vw,78px)}.record-table,.scroll{max-width:100%;overscroll-behavior-inline:contain}#dashboard input{width:min(100%,340px)}
dialog#reader{max-width:100vw;max-height:100dvh;margin:auto}.reader-shell{min-height:0}.reader-top,.reader-bottom,.reader-lesson{flex-shrink:0}.reader-scroll{min-height:0;-webkit-overflow-scrolling:touch}.reader-tools{flex-wrap:wrap;min-width:0}.reader-tools .pill{padding:7px 12px}.reader-scroll:not(.zoomed) .magazine-page{width:100%;max-width:100%;min-width:0}.reader-scroll:not(.zoomed) .comic-panel{max-width:100%;min-width:0}.reader-bottom button{min-width:70px}.reader-close{min-width:44px}.reader-lesson{max-height:16dvh;overflow:auto}.reader-scroll.zoomed{overflow:auto;touch-action:pan-x pan-y pinch-zoom}
@media(min-width:701px) and (max-width:1050px){.hero{gap:24px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-wrap{grid-template-columns:minmax(160px,210px) minmax(0,1fr)}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav nav{order:3;width:100%;margin:0;justify-content:center}}
@media(max-width:700px){html{scroll-padding-top:155px}main{padding-inline:12px}.nav{padding:8px 12px;gap:6px 12px}.nav nav{justify-content:flex-start;gap:0 12px}.nav nav a{font-size:13px}.hero h1{font-size:clamp(27px,7vw,37px);letter-spacing:normal}.section h2{font-size:clamp(23px,6vw,28px)}.learn-wrap,.records-grid{display:grid;grid-template-columns:minmax(0,1fr)}.learn-panel,.game-board,.private-panel,.honours-panel{padding:14px;min-height:0}.game-tabs{gap:8px}.game-tabs button{flex:1 1 110px;padding:8px 10px}.memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.memory button{min-height:90px;padding:7px;font-size:18px}.options{gap:8px}.options button{padding:10px 12px;flex:0 1 auto}.stage-top{gap:8px}.stage-badge{white-space:normal}.question-actions>*{max-width:100%}.result-card,.publish-score,.answer-review,.guided-lessons{padding:14px}.game-guide img{width:52px;height:68px}.guided-steps{padding-inline-start:18px}.cast-tag img{height:clamp(130px,35vw,190px)}.reader-scroll:not(.zoomed) .magazine-page{grid-template-columns:minmax(0,1fr);gap:10px;padding:3px}.reader-top{padding:7px;gap:5px}.reader-tools{gap:5px;width:100%}.reader-tools .pill{font-size:11px;padding:6px 9px}.reader-top h2{font-size:14px}.reader-bottom{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}dialog#reader{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.reader-lesson{font-size:12px}footer{overflow-wrap:anywhere}#security input,#login input{display:block;width:100%;box-sizing:border-box}body>main{min-width:0}#dashboard .grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}
@media(max-width:380px){.learn-menu{grid-template-columns:minmax(0,1fr)}.memory{gap:5px}.memory button{padding:4px;font-size:16px}.reader-tools .pill{padding-inline:7px}.lesson-steps{gap:5px}.story-copy{padding:14px}.missing-entry{gap:8px}}
@media(max-height:500px) and (orientation:landscape){header{position:relative}dialog#reader{height:100dvh;width:100%;max-height:100dvh;border-radius:0}.reader-top{padding:4px 10px;gap:4px}.reader-top h2{font-size:13px}.reader-tools{width:auto;gap:4px}.reader-tools .pill{min-height:36px;padding:4px 9px}.reader-lesson{display:none}.reader-bottom{padding-block:4px}.reader-bottom button{min-height:36px;padding-block:4px}.reader-scroll{padding:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{header{position:static}.reader-lesson{max-height:none}#dashboard .grid{grid-template-columns:repeat(3,1fr)}}