*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:'Trebuchet MS',Arial,sans-serif;background:#162f2a}
.engine-page{position:fixed;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}
.engine-page[hidden],button[hidden]{display:none!important}
button{cursor:pointer;touch-action:manipulation;border:0;border-radius:18px;padding:12px 20px;background:#218a3e;color:white;font-size:clamp(19px,5vw,28px);font-weight:900;box-shadow:0 5px 0 #62452c}
button img{width:100%;height:auto;display:block}
#game-frame{border:0;width:100%;height:100%;display:block}
#shusha-exit{display:block!important;position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:2.2vw!important;bottom:auto!important;width:clamp(82px,18vw,135px)!important;height:auto!important;z-index:2147483000!important;visibility:visible!important;opacity:1!important;background:transparent!important;box-shadow:none!important;padding:0;border:0}
#shusha-exit[hidden]{display:none!important}
#shusha-exit img{width:100%!important;height:auto!important;display:block!important}
/* MathCountry Shoosha settings */
.mc-settings-launch{position:fixed!important;z-index:2147483001!important;display:grid!important;place-items:center!important;
 width:clamp(52px,10vw,78px)!important;height:clamp(52px,10vw,78px)!important;padding:0!important;
 border:5px solid #f8a518!important;border-radius:50%!important;background:linear-gradient(#ffdd56,#ec8615)!important;
 color:#073a79!important;font-size:clamp(26px,5vw,40px)!important;text-shadow:0 1px white;box-shadow:0 4px 0 #8b3909,0 6px 10px #0006!important}
.mc-settings-launch[hidden]{display:none!important}
#mc-settings-menu{top:env(safe-area-inset-top,8px);left:12px}
#mc-settings-game{top:env(safe-area-inset-top,8px);left:12px}
#mc-settings-overlay{position:fixed;inset:0;z-index:2147483600;background:#062624a6;display:flex;align-items:center;justify-content:center;overflow:hidden}
#mc-settings-overlay[hidden]{display:none!important}
#mc-settings-panel{position:relative;width:min(94vw,94vh,760px);aspect-ratio:1}
.mc-settings-art{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.mc-settings-content{position:absolute;left:17%;right:13%;top:52%;bottom:17%;display:flex;flex-direction:column;justify-content:space-evenly;gap:1%}
.mc-setting-row{display:grid;grid-template-columns:12% 1fr 20% 20%;align-items:center;gap:2%;height:35%}
.mc-setting-icon{font-size:clamp(16px,4vmin,35px)}
.mc-setting-row label{font-family:'Trebuchet MS',sans-serif;font-size:clamp(16px,4vmin,34px);font-weight:1000;color:#5c2208;text-shadow:1px 2px #fff8}
.mc-toggle{padding:0!important;height:80%;min-height:0!important;font-size:clamp(12px,2.9vmin,25px)!important;font-weight:1000!important;
 border:3px solid #ac5a0c!important;border-radius:12px!important;color:white!important;background:linear-gradient(#a6a6a6,#656565)!important;
 box-shadow:inset 0 2px 3px #fff8,0 3px 0 #7c3b09!important;text-shadow:1px 2px #333}
.mc-toggle.selected{background:linear-gradient(#81ee31,#119522)!important;border-color:#aa6b09!important}
.mc-setting-range{display:flex;align-items:center;gap:3%;height:15%;font-size:clamp(14px,3vmin,26px)}
.mc-setting-range input{flex:1;min-width:0;width:100%;height:100%;accent-color:#ffb900;touch-action:auto}
#mc-vibrate-level{accent-color:#04a8ff}
#mc-settings-close{position:absolute;left:84%;top:39%;width:13%;height:13%;border-radius:50%;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
@media(max-height:460px){#mc-settings-panel{width:min(84vh,94vw)}}


/* Approved Settings artwork integration: unified control sizes and centered group. */
.mc-settings-launch{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:block!important;width:clamp(82px,18vw,135px)!important;height:auto!important;aspect-ratio:1324/1188}
.mc-settings-launch img{width:100%;height:100%;object-fit:contain;display:block}
#mc-settings-game{top:max(8px,env(safe-area-inset-top))!important;left:2.2vw!important}
#mc-settings-menu{top:max(8px,env(safe-area-inset-top))!important;left:2.2vw!important}
.mc-settings-content{left:20%;right:20%;top:53%;bottom:16%;justify-content:center;gap:4%}
.mc-setting-row{display:grid;grid-template-columns:1fr 20% 20%;gap:3%;height:28%;align-items:center}
.mc-setting-row label{font-size:clamp(13px,3.1vmin,25px);white-space:nowrap}
.mc-toggle,.mc-toggle.selected{width:100%;height:auto;aspect-ratio:1.15;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;opacity:.48;filter:grayscale(.35)}
.mc-toggle.selected{opacity:1;filter:none;transform:scale(1.04)}
.mc-toggle img{width:100%;height:100%;object-fit:contain;display:block}
.mc-setting-range{height:15%;gap:3%}
.mc-setting-range img{width:11%;height:100%;object-fit:contain}
.mc-setting-range input{height:auto;flex:1;min-width:0}

/* Approved gameplay gear geometry preserved from v6. */
#mc-settings-menu{display:none!important}
#mc-settings-game{width:clamp(72px,17vw,120px)!important;height:auto!important;aspect-ratio:1!important;border:0!important;background:none!important;box-shadow:none!important;top:2%!important;left:2%!important}
#mc-settings-game img{width:100%;height:100%;object-fit:contain}

/* v11: approved standalone v4 geometry, relative to full 1086x1448 panel */
#mc-settings-panel{width:min(94vw,calc(90dvh * 1086 / 1448),490px)!important;aspect-ratio:1086/1448!important;height:auto!important;max-height:90dvh!important}
#mc-settings-panel .mc-settings-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
#mc-settings-panel .mc-settings-content{position:absolute!important;left:24%!important;top:49%!important;width:52%!important;height:37%!important;right:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:clamp(7px,1.8vw,14px)!important;padding:4% 3%!important;box-sizing:border-box!important}
#mc-settings-panel .mc-v4-control{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-height:0!important}
#mc-settings-panel .mc-v4-control label{font-family:'Trebuchet MS',Arial,sans-serif!important;font-size:clamp(12px,2.8vw,17px)!important;font-weight:900!important;color:#683c15!important;text-shadow:0 1px white!important;white-space:nowrap}
#mc-settings-panel .mc-toggle{display:block!important;width:28%!important;max-width:52px!important;aspect-ratio:1.2!important;height:auto!important;flex-shrink:0!important;opacity:1!important;filter:none!important;transform:none!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
#mc-settings-panel .mc-toggle img{display:block;width:100%;height:100%;object-fit:fill}
#mc-settings-panel .mc-v4-range{display:flex!important;flex-direction:column!important;gap:2px!important;min-height:0!important}
#mc-settings-panel .mc-v4-range label{font:800 clamp(11px,2.4vw,14px) 'Trebuchet MS',Arial,sans-serif!important;color:#683c15!important}
#mc-settings-panel .mc-v4-range input{width:100%!important;height:auto!important;min-height:16px!important;accent-color:#18b7ed!important;touch-action:auto}
#mc-settings-panel .mc-v4-hidden{display:none!important}
#mc-settings-close{left:78%!important;top:38%!important;width:13%!important;height:9%!important}

/* v12: settings must be the topmost engine surface; freeze interactions */
html.mc-settings-open #game-frame {pointer-events:none!important}
#mc-settings-overlay:not([hidden]) {position:fixed!important;inset:0!important;z-index:2147483647!important;isolation:isolate!important;transform:translateZ(0)!important}
#mc-settings-overlay:not([hidden]) #mc-settings-panel {position:relative!important;z-index:2!important}
