/* Responsive reference artboards. Artwork supplies the lettering; buttons retain
   real hit areas, keyboard focus and accessible text. Values remain live. */
.in-menu>main{max-width:none}.in-menu .game{height:100dvh!important;padding:0;background:#081918}
#mainMenu{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#081918;overflow:hidden;container-type:size}
.menu-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,177.6833cqh);aspect-ratio:1672/941;background:var(--menu-landscape) center/100% 100% no-repeat;container-type:inline-size}
#mainMenu .menu-title-link{left:38%;top:8%;width:43%;height:31%}
#mainMenu .menu-wallet{left:87.3%;top:5.4%;width:8.4%;height:6.3%;right:auto;padding:0;border:0;border-radius:0;background:#1c1c1c;color:transparent;font-size:0;display:grid;place-items:center}
#mainMenu #menuCoins{color:#fff;font-size:3.2cqw;font-weight:850;line-height:1;text-shadow:0 2px 3px #000}
#mainMenu .menu-actions{position:static;display:contents}
#mainMenu .menu-actions[hidden]{display:none!important}
#mainMenu .menu-actions button{position:absolute;margin:0;padding:0;background:transparent;border:0;outline:none;box-shadow:none;border-radius:14%;font-size:0;color:transparent;min-height:0;letter-spacing:0}
#mainMenu .menu-actions button span{display:none}
#mainMenu #menuPlay{left:42.5%;top:41.8%;width:34.8%;height:16.8%;border-radius:20%}
#mainMenu #menuLevels{left:39.6%;top:61.4%;width:12.4%;height:18.2%}
#mainMenu #menuStore{left:53.2%;top:61.4%;width:12.4%;height:18.2%}
#mainMenu #menuSettings{left:66.8%;top:61.4%;width:12.4%;height:18.2%}
#mainMenu .menu-actions button:hover{background:#fff2}
#mainMenu button:focus-visible,#mainMenu a:focus-visible{outline:3px solid #fff;outline-offset:2px}
#mainMenu .menu-progress{position:absolute;left:50.9%;top:82%;width:16.2%;height:5.3%;display:grid;place-items:center;padding:0 3px;border:2px solid #e5ab57;border-radius:40px;background:linear-gradient(#291609,#4a2a12);font-size:1.65cqw;line-height:1;white-space:nowrap}
#mainMenu #homeSocial{position:static;display:contents;padding:0}
#mainMenu #homeSocial a{position:absolute;top:88.9%;width:5%;height:9%;min-width:32px;min-height:32px;border-radius:50%;background:transparent}
#mainMenu #homeSocial a:nth-child(1){left:50.5%}#mainMenu #homeSocial a:nth-child(2){left:56.6%}#mainMenu #homeSocial a:nth-child(3){left:62.7%}
#mainMenu #homeSocial a::before,#mainMenu #homeSocial a::after,#mainMenu #homeSocial svg{display:none}
#mainMenu #homeSocial a:hover{background:#fff2}
#mainMenu .developer-credit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#mainMenu #installGame{left:85.5%;right:auto;top:89%;bottom:auto;width:11.4%;height:5.2%;min-height:0;padding:0;border:0;border-radius:0;background:linear-gradient(#039945,#007730);font-size:1.7cqw;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 2px 2px #164223;box-shadow:none}
#mainMenu #installGame::before{content:'';position:absolute;left:-40%;right:-5%;top:-40%;bottom:-30%;border-radius:15px}
#mainMenu #menuSubpanel{inset:5% 20%;z-index:3;padding:20px;background:#10383bfA}
#mainMenu:has(#menuSubpanel:not([hidden])) .menu-stage::before{content:'';position:absolute;inset:0;background:#061e29dd}
#mainMenu:has(#menuSubpanel:not([hidden])) #homeSocial,#mainMenu:has(#menuSubpanel:not([hidden])) #installGame{display:none}
#mainMenu:not([data-context=home]) #menuPlay{color:#3a2004;background:linear-gradient(#ffe274,#ffb514);border:3px solid #fbd758;box-shadow:0 3px 0 #a85b0b;font-size:4.4cqw;font-weight:950;border-radius:25px}
#mainMenu:not([data-context=home]) #menuLevels{color:#fff;background:linear-gradient(#008c7b,#00482f);border:2px solid #ffdf6b;font-size:1.7cqw;border-radius:18px}
#mainMenu:not([data-context=home]) .menu-progress{left:43%;width:32%;font-size:1.45cqw}
/* Avoid GPU filter layers on the long character grid, especially during rotation. */
#manager.painted-store{background-attachment:scroll;overscroll-behavior:contain;max-height:100svh;padding-bottom:max(16px,env(safe-area-inset-bottom))}
#manager.painted-store #shopCards article.coming-soon{filter:none}
#manager .item-art{flex:none;max-width:260px;aspect-ratio:26/19;object-fit:contain}
@media(orientation:portrait){
 .menu-stage{width:min(100cqw,56.2799cqh);aspect-ratio:941/1672;background-image:var(--menu-portrait)}
 #mainMenu .menu-title-link{left:18%;top:9%;width:74%;height:17%}
 #mainMenu .menu-wallet{left:81%;top:2.7%;width:12.7%;height:2.9%}
 #mainMenu #menuCoins{font-size:5cqw}
 #mainMenu #menuPlay{left:21%;top:66.6%;width:58%;height:8.5%}
 #mainMenu #menuLevels{left:15.3%;top:75.9%;width:21.6%;height:8.8%}
 #mainMenu #menuStore{left:39.2%;top:75.9%;width:21.6%;height:8.8%}
 #mainMenu #menuSettings{left:63.1%;top:75.9%;width:21.6%;height:8.8%}
 #mainMenu .menu-progress{left:35.8%;top:85.4%;width:28.4%;height:2.9%;font-size:2.9cqw}
 #mainMenu #homeSocial a{top:88.9%;width:8.5%;height:4.7%}
 #mainMenu #homeSocial a:nth-child(1){left:34%}#mainMenu #homeSocial a:nth-child(2){left:45.9%}#mainMenu #homeSocial a:nth-child(3){left:57.8%}
 #mainMenu #installGame{left:44.5%;top:95.2%;width:20.9%;height:2.4%;font-size:3.2cqw}
 #mainMenu #installGame::before{left:-60%;right:-12%;top:-45%;bottom:-40%}
 #mainMenu #menuSubpanel{inset:27% 5% 5%}
 #mainMenu:not([data-context=home]) #menuPlay{font-size:8cqw;border-radius:20px}
 #mainMenu:not([data-context=home]) #menuLevels{font-size:3cqw;border-radius:14px}
 #mainMenu:not([data-context=home]) .menu-progress{left:20%;width:60%;font-size:2.8cqw}
}
#mainMenu #menuCoins{font-size:calc(3.2cqw * var(--wallet-scale,1))}
@media(orientation:portrait){#mainMenu #menuCoins{font-size:calc(5cqw * var(--wallet-scale,1))}}
/* Use an image element: multi-megabyte embedded URLs exceed CSS variable limits. */
#mainMenu .menu-stage{background:#103c3b}
#mainMenu .menu-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
#mainMenu .art-unavailable .menu-art{visibility:hidden}
#mainMenu .art-unavailable .menu-title-link::after{content:'GAZA ADVENTURE';font-size:4cqw;color:#ffe077}
#mainMenu .art-unavailable .menu-actions button{color:#fff;background:linear-gradient(#008c7b,#00482f);border:2px solid #ffdf6b;font-size:1.8cqw}
#mainMenu .art-unavailable #menuPlay{color:#3a2004;background:linear-gradient(#ffe274,#ffb514);font-size:5cqw}
#mainMenu .art-unavailable #homeSocial svg{display:block}
@media(orientation:portrait){#mainMenu .art-unavailable .menu-actions button{font-size:3cqw}#mainMenu .art-unavailable #menuPlay{font-size:8cqw}}