/* Scope to reachable mask game; engine, other games and rewards remain untouched. */
#village-game[data-game=masks]{height:fit-content!important;max-height:calc(100dvh - var(--global-player-dock-height,96px) - 16px);overflow:auto}
#village-game[data-game=masks] header{position:sticky;top:0;z-index:2;min-height:64px;padding:10px 60px 10px 16px;background:#102c2e;justify-content:flex-start}
#village-game[data-game=masks] header .vg-host{flex-basis:44px;width:44px;height:44px;background-image:url('/assets/mask-painter-v2/dloubek.png');background-size:300%;background-position:72% 26%}
#village-game[data-game=masks] h2{font-size:24px}
#village-game[data-game=masks] .vg-close{width:44px;height:44px;padding:0;right:10px;top:10px}
#village-game[data-game=masks] main{height:auto!important;min-height:0!important;max-width:none;margin:0;padding:14px 20px;display:block}
#village-game[data-game=masks] footer{padding:8px 16px;min-height:60px}
#village-game[data-game=masks] .vg-picture-rule{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:12px auto 18px}
#village-game[data-game=masks] .vg-picture-rule .vg-mask{display:block;margin:0;width:80px;height:80px;flex:none}
#village-game[data-game=masks] .vg-picture-rule b{font-size:30px;color:#9eebba}
#village-game[data-game=masks] .vg-short-rule{font:700 24px Georgia;color:#ffdc99;margin:10px 0}
#village-game[data-game=masks] .vg-help{font-size:12px;margin:14px auto 0;color:#bfd2c4}
#village-game[data-game=masks] .vg-help summary{cursor:pointer;min-height:32px;padding:6px}
#village-game[data-game=masks] .vg-help p{max-width:520px;margin:auto}
#village-game[data-game=masks] .vg-meta{margin:0 0 6px}
#village-game[data-game=masks] .vg-memory+p{margin:7px 0 0}
#village-game[data-game=masks] .vg-mask-result h3{font:700 26px Georgia;color:#ffdc99;margin:8px}
#village-game[data-game=masks] .vg-mask-result .vg-mask{width:58px;height:58px}
@media(max-width:650px){#village-game[data-game=masks]{max-height:calc(100dvh - 150px);width:calc(100vw - 16px)}#village-game[data-game=masks] header small{display:none}#village-game[data-game=masks] main{padding:12px}#village-game[data-game=masks] .vg-memory button{height:76px}#village-game[data-game=masks] .vg-mask-result .vg-mask{width:48px;height:48px}}
@media(max-height:500px) and (min-width:600px){#village-game[data-game=masks]{width:min(740px,calc(100vw - 20px));max-height:calc(100dvh - 108px)}#village-game[data-game=masks] header{min-height:48px;padding:2px 58px 2px 12px}#village-game[data-game=masks] header small,#village-game[data-game=masks] header .vg-host{display:none}#village-game[data-game=masks] h2{font-size:20px}#village-game[data-game=masks] .vg-close{top:2px}#village-game[data-game=masks] main{padding:6px 14px}#village-game[data-game=masks] .vg-memory{grid-template-columns:repeat(6,1fr);gap:5px;max-width:610px}#village-game[data-game=masks] .vg-memory button{height:59px}#village-game[data-game=masks] .vg-memory .vg-mask{height:40px;width:40px;margin:0 auto}#village-game[data-game=masks] .vg-memory small{font-size:9px}#village-game[data-game=masks] main>p:not(.vg-meta):not(.vg-feedback){display:none}#village-game[data-game=masks] .vg-memory+p{display:none}#village-game[data-game=masks] footer{display:none}#village-game[data-game=masks] .vg-picture-rule{margin:0 auto 4px;gap:9px}#village-game[data-game=masks] .vg-picture-rule .vg-mask{width:44px;height:44px}#village-game[data-game=masks] .vg-short-rule{font-size:20px;margin:4px}#village-game[data-game=masks] .vg-help{margin:0}#village-game[data-game=masks] .vg-mask-result p{font-size:12px;margin:4px}#village-game[data-game=masks] .vg-mask-result h3{font-size:22px}}
#village-game[data-game=masks] .vg-primary:hover:not(:disabled),#village-game[data-game=masks] .vg-primary:focus-visible{background:linear-gradient(#ffe2a5,#d6b375);color:#182b2b}