/* ── MENU ── */
#menuScreen{display:none;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 80px;max-width:480px;width:100%;position:relative;z-index:1;height:100vh;height:100dvh;overflow:hidden;}#sec-match,#sec-learn,#sec-fun{display:flex;flex-direction:column;flex:1;width:100%;}
.menu-title{font-size:clamp(1.5rem,4.5vw,2.4rem);font-weight:800;color:var(--text);text-shadow:0 2px 0 rgba(255,255,255,.85);text-align:center;line-height:1.1;}
.menu-sub{font-size:.9rem;color:var(--text);opacity:.6;font-weight:600;text-align:center;padding:4px 0 8px;flex-shrink:0;}
.menu-lbl{font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#b0a090;width:100%;padding-left:4px;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:clamp(2px,.8vw,6px);width:100%;flex:1 1 0;min-height:0;overflow:visible;}
.see-more-btn{display:none;}
.cat-btn{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;padding:clamp(2px,.4vw,5px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;width:100%;height:100%;min-height:0;min-width:0;box-sizing:border-box;overflow:hidden;}
.cat-btn:active{transform:scale(.9);}
.cat-icon-wrap{width:100%;height:100%;min-height:0;border-radius:clamp(10px,2.5vw,18px);overflow:hidden;}
.cat-icon-img{width:100%;height:100%;object-fit:contain;display:block;}
.cn{font-size:clamp(.72rem,2vw,.88rem);font-weight:800;color:var(--text);line-height:1.2;}
.cd{font-size:clamp(.6rem,1.6vw,.7rem);font-weight:600;color:#bbb;text-align:center;line-height:1.3;}

/* SVG menu icons */
.menu-svg-icon{width:clamp(28px,7vw,44px);height:clamp(28px,7vw,44px);display:flex;align-items:center;justify-content:center;}

/* ── TOGGLE BTNS ── */
#muteBtn,#langBtn{position:relative;overflow:hidden;background:white;border:3px solid #b3e5fc;border-radius:50px;padding:10px 22px;font-size:.9rem;font-weight:800;color:var(--text);cursor:pointer;box-shadow:0 3px 12px var(--shadow);font-family:'Baloo 2',cursive;-webkit-tap-highlight-color:transparent;user-select:none;width:100%;}
#muteBtn .hf,#langBtn .hf{position:absolute;top:0;left:0;bottom:0;width:0%;background:#ef5350;border-radius:50px;pointer-events:none;opacity:.35;}
#langBtn .hf{background:#7c4dff;}
#muteBtn span,#langBtn span{position:relative;z-index:1;}
.toggle-row{display:flex;gap:10px;width:100%;}
#hubScreen{display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:clamp(6px,1.2vh,10px) clamp(10px,3vw,18px);width:100%;max-width:480px;position:relative;z-index:1;height:100dvh;box-sizing:border-box;overflow:hidden;}
body.timer-active #hubScreen{padding-bottom:58px;}
.hub-btn{width:100%;background:white;border:3px solid #e0e0e0;border-radius:28px;padding:clamp(14px,3vh,22px) 20px;display:flex;align-items:center;gap:18px;cursor:pointer;box-shadow:0 4px 16px var(--shadow);transition:transform .15s;-webkit-tap-highlight-color:transparent;font-family:'Baloo 2',cursive;text-align:left;}
.hub-btn:active{transform:scale(.97);}
.hub-icon{font-size:clamp(2.4rem,7vw,3.2rem);line-height:1;flex-shrink:0;}
.hub-cat-img{width:clamp(64px,14vw,90px);height:clamp(64px,14vw,90px);object-fit:cover;border-radius:14px;flex-shrink:0;}
.hub-text-title{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1.1;}
.hub-text-desc{font-size:.82rem;font-weight:600;color:#bbb;margin-top:3px;}.hub-cards{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(10px,2vh,16px);width:100%;}.hub-toggles{width:100%;display:flex;flex-direction:column;gap:8px;}.hub-toggle-lbl{font-size:.68rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#b0a090;text-align:center;}
.menu-back-btn{background:none;border:none;font-size:.9rem;font-weight:800;color:var(--text);opacity:.55;cursor:pointer;padding:2px 0 4px 0;font-family:'Baloo 2',cursive;-webkit-tap-highlight-color:transparent;align-self:flex-start;}
.menu-back-btn:active{opacity:.3;}
svg{overflow:visible;}