/* Lightweight presentation defaults; questions, rules and progression are unchanged. */
html[data-vocab-lite] *,html[data-vocab-lite] *::before,html[data-vocab-lite] *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
html[data-vocab-lite] .fighterArt,html[data-vocab-lite] .fighterArt img,html[data-vocab-lite] .heroPick img,html[data-vocab-lite] .field,html[data-vocab-lite] .field::before,html[data-vocab-lite] .field::after{filter:none!important;animation:none!important;will-change:auto!important}
html[data-vocab-lite] .rpgCorners,html[data-vocab-lite] .duel-floor,html[data-vocab-lite] .duel-projectile,html[data-vocab-lite] .cp-arena,html[data-vocab-lite] .companionAura{display:none!important}
html[data-vocab-lite] .screen:not(.active){content-visibility:hidden}
#liteInfo{position:fixed;right:10px;bottom:8px;z-index:9999;font:12px system-ui;color:#f8e6be;background:#182322;border:1px solid #776b48;border-radius:8px;padding:6px 9px;max-width:190px}
#liteInfo summary{cursor:pointer}#liteInfo p{line-height:1.5}#liteInfo a{color:#c8e3ff}

/* Short laptop viewports and browser zoom: preserve readable controls, scroll safely. */
html[data-vocab-lite] body .screen.active{max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding:12px 0 54px}
html[data-vocab-lite] body #game.screen.active{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding-bottom:0!important}
html[data-vocab-lite] body #game.screen .hudTop{flex:0 0 auto!important;padding:4px 8px 0!important}
html[data-vocab-lite] body #game.screen .field{flex:1 0 clamp(144px,30dvh,280px)!important;min-height:144px!important;padding:38px 6% 6px!important}
html[data-vocab-lite] body #game.screen .question{flex:0 0 auto!important;overflow:visible!important;max-height:none!important;min-height:0!important;margin:0 auto 50px!important;padding:10px 12px!important;width:min(880px,calc(100% - 20px))!important}
html[data-vocab-lite] body #game.screen .answers:not(.chips) .ans{min-height:44px!important;padding:8px!important;font-size:16px!important;line-height:1.35!important}
html[data-vocab-lite] body #game.screen .answers.chips .chip,html[data-vocab-lite] body #game.screen .spButton{min-height:44px!important;font-size:14px!important}
html[data-vocab-lite] body #game.screen .qword{font-size:clamp(20px,3vw,28px)!important;line-height:1.3!important}
html[data-vocab-lite] body #game.screen .gExplain{font-size:13px!important;max-height:none!important;overflow:visible!important}
html[data-vocab-lite] body #setup,html[data-vocab-lite] body #startMenu{justify-content:flex-start!important;align-items:center!important;flex-direction:column!important;padding:10px 10px 54px!important}
html[data-vocab-lite] body #setup .setupWrap,html[data-vocab-lite] body #startMenu .menuCard{flex:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0 auto!important;padding:16px!important;max-width:100%!important}
html[data-vocab-lite] body #setup .setupGrid,html[data-vocab-lite] body #setup .heroGrid,html[data-vocab-lite] body #setup .diffBox,html[data-vocab-lite] body #setup .diffList{flex:0 0 auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
html[data-vocab-lite] body #setup .heroArt{height:clamp(110px,25dvh,220px)!important;min-height:0!important;max-height:220px!important}
html[data-vocab-lite] body #setup .heroPick{min-height:0!important}
html[data-vocab-lite] body #setup .setupAction{position:static!important;flex:0 0 auto!important;margin:10px 0 0!important;padding:8px 0!important}
html[data-vocab-lite] body #setup .setupAction button,html[data-vocab-lite] body #setup .diff,html[data-vocab-lite] body #startMenu button{min-height:44px!important}
html[data-vocab-lite] body #setup .setupHeader .title{font-size:clamp(22px,3vw,32px)!important}
html[data-vocab-lite] body #setup .setupHeader{margin-bottom:10px!important}
html[data-vocab-lite] body .modalOverlay,html[data-vocab-lite] body #hellEndChoice,html[data-vocab-lite] body #gachaScreen,html[data-vocab-lite] body #victory{max-height:100dvh!important;overflow-y:auto!important;align-items:flex-start!important;padding:12px 10px 54px!important;scroll-padding:12px 0 54px}
html[data-vocab-lite] body .modalCard,html[data-vocab-lite] body .hellEndCard,html[data-vocab-lite] body .gachaCard,html[data-vocab-lite] body .victoryCard{flex:0 0 auto!important;max-height:none!important;height:auto!important;margin:0 auto!important;overflow:visible!important;max-width:100%!important}
html[data-vocab-lite] body .modalActions{flex-wrap:wrap!important}
html[data-vocab-lite] body .modalOverlay button,html[data-vocab-lite] body #hellEndChoice button{min-height:44px!important}
@media(max-height:600px){
 html[data-vocab-lite] body #setup .heroArt{height:120px!important}
 html[data-vocab-lite] body #setup .heroInfo{padding:8px!important}
 html[data-vocab-lite] body #game.screen .field{flex-basis:144px!important}
 html[data-vocab-lite] body #game.screen .answers{gap:6px!important;margin-top:6px!important}
 html[data-vocab-lite] body #game.screen .fighterName{font-size:16px!important}
 #liteInfo{font-size:11px;padding:4px 7px;bottom:4px}
}