.practice-mobile-header{display:none}
@media(max-width:767px){
body.mobile-workout-open::before{content:"";position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(3px);z-index:42;pointer-events:none}
body.mobile-workout-open>nav,body.mobile-workout-open>aside{visibility:hidden}
#section-practice:not(.hidden){position:fixed;inset:auto 0 0;z-index:45;height:94dvh;max-height:94dvh;width:100%;max-width:560px;margin:0 auto!important;display:flex;flex-direction:column;gap:0;background:#fffdf9;border-radius:28px 28px 0 0;border-top:2px solid #6ee7b7;box-shadow:0 -10px 30px #0003;overflow:hidden;animation:none!important;transform:none!important}
#section-practice:not(.hidden)>div:not(#practice-workspace):not(.practice-mobile-header):not(#arena-action-buttons){display:none}
#section-practice .practice-mobile-header{display:flex;flex-direction:column;gap:8px;flex-shrink:0;background:#fffdf9;padding:10px 16px;border-bottom:1px solid #fef3c7;max-height:48dvh;overflow:auto}
.practice-sheet-handle{width:44px;height:5px;border-radius:20px;background:#cbd5e1;align-self:center;margin-bottom:2px}.practice-mobile-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.practice-mobile-title-row>span{font-size:12px;font-weight:800;color:#065f46;background:#d1fae5;padding:7px 10px;border-radius:20px;line-height:1.4}.practice-mobile-close{width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:22px;flex-shrink:0}
#practice-workspace{display:contents}#practice-workspace>div:last-child:not(#arena-question-card){display:none}
.practice-mobile-header>div:not(.practice-mobile-title-row):not(.practice-sheet-handle){background:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:5px}
.practice-mobile-header #streak-indicator{font-size:10px}.practice-mobile-header>div>div:first-child{gap:6px}.practice-mobile-header>div>div:first-child>div:first-child{box-shadow:none;padding:3px 8px;}
.practice-mobile-header #q-counter-text{font-size:11px;white-space:nowrap}.practice-mobile-header #session-time-indicator{font-size:10px;white-space:nowrap}.practice-mobile-header>div>div:last-child{display:flex;gap:6px;width:100%;flex-wrap:wrap}.practice-mobile-header>div>div:last-child>div{flex:1;min-width:64px;height:10px;background:#e2e8f0}.practice-mobile-header #q-progress-bar{background:linear-gradient(90deg,#34d399,#10b981)}
.practice-mobile-levels{background:#f1f5f9;border-radius:12px;padding:0 10px}.practice-mobile-levels summary{font-size:12px;font-weight:800;color:#047857;cursor:pointer;min-height:40px;display:list-item;padding:10px 0;margin-left:14px}
#level-selector-container{padding:8px 0;background:none;border:0;box-shadow:none;gap:8px}#level-selector-container>div:first-child>div:first-child{display:none}#level-selector-container>div:first-child{padding:0;border:0}#level-selector-container button{min-height:40px}#level-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#level-cards-grid>button{padding:8px 4px;border-radius:12px}#level-cards-grid>button>span:last-child{font-size:9px}
#arena-question-card{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:14px 16px 24px;border:0;border-radius:0;background:#fffdf9;box-shadow:none;gap:14px;scroll-padding:12px}
#arena-question-card>div.absolute{display:none}#arena-question-card>div:nth-child(3){padding-bottom:8px;gap:5px}#arena-question-card>div:nth-child(3) span{font-size:10px;padding:3px 5px}#skill-name-badge{display:none}#topic-badge{max-width:100%}#topic-badge-text{white-space:normal}
#arena-question-card>div:has(>#mascot-emoji){display:none}
#arena-question-card>div:has(#question-story){background:#ecfdf5;border:1px solid #a7f3d0;padding:12px;flex-direction:row;align-items:flex-start;gap:10px;border-radius:16px}
#arena-question-card>div:has(#question-story)>div:first-child{width:38px;height:42px;box-shadow:none;background:#d1fae5;padding:3px;border-radius:12px}#mascot-emoji{font-size:26px}#mascot-name{display:none}#arena-question-card>div:has(#question-story)>div:last-child{min-width:0}
#question-story{font-size:16px;line-height:1.55;font-weight:800;overflow-wrap:anywhere}#question-subtext{font-size:13px;line-height:1.5}
#visual-model-area,#hint-visual-area{max-width:100%;overflow-x:auto;flex-shrink:0}#visual-model-area svg,#hint-visual-area svg{max-width:100%;height:auto}#visual-model-area img{max-width:100%;height:auto}
#quiz-options:not(.hidden),#multi-options-container{grid-template-columns:1fr;gap:9px}#quiz-options button,#multi-options-container button{min-height:54px;height:auto;border-radius:16px;padding:12px;gap:10px;white-space:normal;text-align:left}#quiz-options button span,#multi-options-container button span{overflow-wrap:anywhere}#quiz-options button>span:first-child,#multi-options-container button>span:first-child{flex-shrink:0}#all-combinations-area>div:first-child{flex-wrap:wrap;gap:6px}
#input-number-area{padding:12px;gap:12px}#keypad-container{gap:8px}#keypad-container button{min-height:44px}#custom-number-input{font-size:26px;max-width:150px}
#section-practice>#arena-action-buttons{display:grid;grid-template-columns:1fr;flex-shrink:0;gap:6px;padding:8px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #0f172a08;margin:0}
#btn-open-support{min-height:36px;height:36px;width:100%;padding:6px 12px;box-shadow:none;border:1px dashed #6ee7b7;background:#ecfdf5;color:#047857;font-size:12px}
#arena-action-buttons>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:7px;width:100%}#arena-action-buttons>div button{min-height:48px;padding:8px 10px;font-size:12px;border-radius:14px;box-shadow:none}#btn-submit{background:linear-gradient(#10b981,#059669);color:white;border-bottom:3px solid #047857}#btn-pause-session{width:44px}#btn-pause-session>span:last-child{display:none}
#result-banner:not(.hidden){display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px;border-radius:16px;box-shadow:none}#btn-next-question{min-height:44px;width:100%;justify-content:center}#result-title{font-size:15px}#result-desc{font-size:12px;line-height:1.5}#owl-hint-box,#diagnostic-probe-card{padding:12px;border-radius:16px}#owl-hint-text{font-size:13px;line-height:1.6}
#modal-support,#modal-pause-session,#completion-modal,#modal-session-config{z-index:60;padding:12px}#modal-support>div,#modal-pause-session>div,#completion-modal>div,#modal-session-config>div{max-height:calc(100dvh - 24px);overflow:auto;padding:18px}#sgk-reader-modal{z-index:65}
#section-practice button:focus-visible,#section-practice summary:focus-visible{outline:3px solid #059669;outline-offset:2px}
}
@media(max-height:600px) and (max-width:767px){#section-practice:not(.hidden){height:100dvh;max-height:100dvh}.practice-sheet-handle{display:none}#section-practice .practice-mobile-header{padding:5px 12px;gap:3px;max-height:40dvh}#btn-open-support{height:32px;min-height:32px}#section-practice>#arena-action-buttons{padding-top:4px}}
@media(prefers-reduced-motion:reduce){#section-practice{scroll-behavior:auto}#section-practice *{animation:none!important}}