@import url('/mobile-world-menus.css?v=20261010-3');
@import url('/restaurant/mobile-menus.css?v=20261010-3');
/* Safe viewport sheets and comfortable touch controls across learning games. */
.mobileSpectateActions{display:none}
@media(max-width:1024px),(pointer:coarse){
body[data-nizur-screen] :is(dialog,.mobileGameOptions){box-sizing:border-box;overscroll-behavior:contain}
body[data-nizur-screen] dialog{width:min(760px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 20px)!important;overflow:auto!important;padding:16px!important;scroll-padding:64px 12px 16px}
body[data-nizur-screen] dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){min-width:0;max-width:100%;box-sizing:border-box;font-size:16px!important}
body[data-nizur-screen] dialog :is(button,a){min-height:44px}
body[data-nizur-screen] dialog :is(h1,h2,h3,p,label,strong,small){overflow-wrap:anywhere}
body[data-nizur-screen] dialog button:is(.close,#close-modal,#miniClose){position:sticky;top:0;z-index:10;min-width:44px;min-height:44px}
.mobileGameOptions{width:min(240px,calc(100vw - 24px))!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 150px)!important;overflow:auto;min-width:0!important}.mobileGameOptions button{width:100%;min-height:44px}
[data-mobile-game-owned="1"]{display:none!important}
.mobileSpectateActions{display:flex;gap:8px;justify-content:center;position:fixed;left:12px;right:12px;bottom:max(20px,env(safe-area-inset-bottom));z-index:45;pointer-events:auto}.mobileSpectateActions button{min-height:44px;padding:10px 16px;border:1px solid #607e97;border-radius:12px;background:#173e61;color:#fff;font:700 15px system-ui}
body[data-nizur-screen="/codelab/index.html"] #world-actions{display:none!important}body[data-nizur-screen="/codelab/index.html"] .mobileGameMenu{top:80px!important;right:12px!important}body[data-nizur-screen="/codelab/index.html"] #mission{max-width:calc(100vw - 110px)!important;left:12px!important;top:85px!important}body[data-nizur-screen="/codelab/index.html"] #mission h1{font-size:23px!important;line-height:1.15}
body[data-nizur-screen="/codelab/index.html"] #modal-content{min-width:0}body[data-nizur-screen="/codelab/index.html"] :is(.mission-grid,.shop-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body[data-nizur-screen="/codelab/index.html"] .mission-card{padding:12px!important;min-width:0;white-space:normal;min-height:70px;font-size:14px}body[data-nizur-screen="/codelab/index.html"] .settings-row{flex-wrap:wrap;gap:10px}body[data-nizur-screen="/codelab/index.html"] .settings-row :is(input,select){max-width:100%!important;width:100%}
body[data-nizur-screen="/codelab/index.html"] #editor{max-width:calc(100vw - 16px)!important;box-sizing:border-box;overflow:hidden}body[data-nizur-screen="/codelab/index.html"] .editor-top{height:auto!important;min-height:48px;flex-wrap:wrap}body[data-nizur-screen="/codelab/index.html"] .editor-top button{min-height:40px!important;font-size:12px!important}body[data-nizur-screen="/codelab/index.html"] #editor footer{height:auto!important;min-height:56px;flex-wrap:wrap;padding:6px!important}body[data-nizur-screen="/codelab/index.html"] #editor footer button{min-height:44px;font-size:12px!important;padding:8px!important}body[data-nizur-screen="/codelab/index.html"] #categories button{min-height:40px;font-size:12px!important}body[data-nizur-screen="/codelab/index.html"] #workspace .block input{font-size:16px!important;min-height:36px}body[data-nizur-screen="/codelab/index.html"] #mentor{max-height:22dvh;overflow:auto}
body[data-nizur-screen="/robotica.html"] #miniDialog .miniLayout{grid-template-columns:1fr!important;gap:12px}body[data-nizur-screen="/robotica.html"] #miniPreview{height:200px!important;min-height:0!important}body[data-nizur-screen="/robotica.html"] #miniPreview canvas{max-height:200px!important;width:100%!important}body[data-nizur-screen="/robotica.html"] #miniChoices{min-width:0}body[data-nizur-screen="/robotica.html"] #miniChoices button{min-height:44px}body[data-nizur-screen="/robotica.html"] .palette button{min-height:44px;font-size:14px!important}body[data-nizur-screen="/robotica.html"] .tabs{max-width:100%;flex-wrap:wrap}body[data-nizur-screen="/robotica.html"] .tabs button{min-height:44px}
body[data-nizur-screen="/mbot-lab.html"] :is(.spotlightTip,.guideCard){box-sizing:border-box;max-width:calc(100vw - 20px)!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 24px);overflow:auto}body[data-nizur-screen="/mbot-lab.html"] :is(.modal,.modalCard,.connectCard){box-sizing:border-box;max-width:calc(100vw - 20px)!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 20px);overflow:auto}body[data-nizur-screen="/mbot-lab.html"] :is(.lessonGrid,.connectGrid){grid-template-columns:1fr!important}body[data-nizur-screen="/mbot-lab.html"] :is(.guideActions,.demoBtns,.programTools){flex-wrap:wrap}body[data-nizur-screen="/mbot-lab.html"] :is(.guideActions,.demoBtns,.programTools) button{min-height:44px;font-size:14px!important}body[data-nizur-screen="/mbot-lab.html"] .controls{gap:6px}body[data-nizur-screen="/mbot-lab.html"] .controls button{min-height:44px;white-space:normal}
body[data-nizur-screen="/tomas.html"] #family{padding:14px!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 20px)!important}body[data-nizur-screen="/tomas.html"] .familyTabs{display:flex!important;gap:6px;overflow-x:auto!important;flex-wrap:nowrap!important;max-width:100%;scrollbar-width:thin}body[data-nizur-screen="/tomas.html"] .familyTabs button{flex:0 0 auto;min-height:44px;font-size:14px;white-space:nowrap;padding:8px 12px}body[data-nizur-screen="/tomas.html"] :is(.familyCardList,.pictogramGrid,.customCategoryList){min-width:0;max-width:100%}body[data-nizur-screen="/tomas.html"] .familyVoiceRow{min-width:0;overflow-wrap:anywhere;flex-wrap:wrap}body[data-nizur-screen="/tomas.html"] .familyVoiceRow audio{max-width:100%;width:100%}body[data-nizur-screen="/tomas.html"] .familyBoardEditor{max-width:100%;overflow:auto}
body[data-nizur-screen="/microbit.html"] .toolbar{flex-wrap:wrap!important;gap:6px!important}body[data-nizur-screen="/microbit.html"] .toolbar :is(a,button){min-height:44px!important;white-space:normal;font-size:14px!important}body[data-nizur-screen="/microbit.html"] .challengeCards{grid-template-columns:1fr!important}
body[data-nizur-screen="/studio"] :is(.studioLibrary,.studioModal,.modalBox,#studioGuideTip){box-sizing:border-box;max-width:calc(100vw - 20px)!important;max-height:calc(min(var(--visual-height,100dvh),100dvh) - 20px);overflow:auto}body[data-nizur-screen="/studio"] :is(.studioDialogButtons,.studioModalActions){display:flex;flex-wrap:wrap;gap:8px}body[data-nizur-screen="/studio"] :is(.studioDialogButtons,.studioModalActions) button{min-height:44px}body[data-nizur-screen^="/games/"] .gameHeading{left:12px!important;top:12px!important;max-width:calc(100vw - 115px)!important;box-sizing:border-box;padding:10px!important}body[data-nizur-screen^="/games/"] .gameHeading h1{font-size:16px!important}body[data-nizur-screen^="/games/"] .gameHeading p{display:none}body[data-nizur-screen^="/games/"] .back{right:12px!important;top:12px!important;min-height:44px;box-sizing:border-box}body[data-nizur-screen^="/games/"] .mobileGameMenu{top:72px!important}
}
@media(max-width:380px){body[data-nizur-screen="/codelab/index.html"] .mission-grid{grid-template-columns:1fr!important}body[data-nizur-screen="/tomas.html"] #family .familyCardList{grid-template-columns:1fr!important}}
@media(max-height:500px) and (max-width:1024px){body[data-nizur-screen="/codelab/index.html"] #mission{display:none!important}body[data-nizur-screen="/codelab/index.html"] #mentor{display:none!important}.mobileGameOptions{max-height:calc(100dvh - 82px)!important}body[data-nizur-screen] dialog{max-height:calc(100dvh - 16px)!important}}

body[data-nizur-screen] .mobileGameOptions [hidden]{display:none!important}