/* JadvalYar 5.0.1: isolated enhancements. No global WordPress selectors. */ #jadvalyar-app{--jy-v5-violet:#6254d6;--jy-v5-ink:#243047;--jy-v5-surface:#fff;--jy-v5-edge:#dcdff1;isolation:isolate} #jadvalyar-app :is(#jy-home-hub,#jy-games-section,#jy-solver-section,#jy-special-game){scroll-margin-top:var(--jy-v5-scroll-offset,110px)} :is(#jadvalyar-app,body) .jy-v5-elevator{position:sticky;top:var(--jy-v5-top,8px);z-index:90;display:flex;align-items:center;gap:8px;padding:7px 9px;margin:8px 0 16px;border:1px solid #d9dcf1;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(42,48,91,.09);backdrop-filter:blur(9px);direction:rtl;max-width:100%} :is(#jadvalyar-app,body) .jy-v5-nav-caption{flex:0 0 auto;font-size:12px;font-weight:800;color:#4e447e} :is(#jadvalyar-app,body) .jy-v5-nav-list{display:flex;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:3px 2px} :is(#jadvalyar-app,body) .jy-v5-nav-list button:is(:hover,:focus-visible),:is(#jadvalyar-app,body) .jy-v5-nav-list button.jy-v5-current{border-color:#a99de5;background:#eae5ff;color:#352777} #jadvalyar-app .jy-game-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;margin:13px 0!important} #jadvalyar-app .jy-game-cards .jy-v5-game-card{min-width:0!important;width:100%;min-height:188px;display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:18px!important;text-align:right;border-radius:17px!important;background:linear-gradient(155deg,#fff,#f5f2ff)!important;border:1px solid #dcd5f6!important;box-shadow:0 4px 15px rgba(47,50,99,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;line-height:1.7;white-space:normal} #jadvalyar-app .jy-game-cards .jy-v5-game-card:nth-child(2){background:linear-gradient(155deg,#fff,#edf8ff)!important;border-color:#cde5f8!important} #jadvalyar-app .jy-game-cards .jy-v5-game-card:nth-child(3){background:linear-gradient(155deg,#fff,#f1faf3)!important;border-color:#cbe4d2!important} #jadvalyar-app .jy-game-cards .jy-v5-game-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#9584db!important;box-shadow:0 9px 23px rgba(48,49,110,.12)} :is(#jadvalyar-app,body) .jy-v5-card-icon{font-size:29px;line-height:1.4} :is(#jadvalyar-app,body) .jy-v5-card-body{display:block;flex:1;min-height:0} #jadvalyar-app .jy-game-cards .jy-v5-card-body b{font-size:19px;color:#202c43;font-weight:850} #jadvalyar-app .jy-game-cards .jy-v5-card-body small{font-size:12px;color:#556178;margin-top:3px;line-height:1.8} :is(#jadvalyar-app,body) .jy-v5-card-progress{display:block;font-size:11px;color:#494777;font-weight:650;font-style:normal;margin-top:6px} :is(#jadvalyar-app,body) .jy-v5-card-cta{align-self:stretch;display:block;text-align:center;border-radius:9px;background:#5146b8;color:#fff;padding:8px;font-weight:800;font-size:13px;margin-top:auto} #jadvalyar-app .jy-game-cards .jy-v5-game-card:nth-child(2) .jy-v5-card-cta{background:#2b6193} #jadvalyar-app .jy-game-cards .jy-v5-game-card:nth-child(3) .jy-v5-card-cta{background:#28734e} :is(#jadvalyar-app,body) .jy-v5-preferences{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 12px} :is(#jadvalyar-app,body) .jy-v5-preferences button{border:1px solid #d7dbea;background:#fafbff;padding:8px 11px;border-radius:10px;color:#384663;cursor:pointer;font:inherit;font-size:12px;min-height:40px} :is(#jadvalyar-app,body) .jy-v5-preferences button[aria-pressed=true]{background:#e6e2ff;border-color:#a99ce5} #jadvalyar-app .jy-topics-section:has(#jy-topic-cards:empty){display:none} /* Widen Sudoku only when user did not select a custom board width. */ @media(min-width:1050px){ #jadvalyar-app #jy-special-game .jy-sudoku-layout, #jadvalyar-app.jy-player-immersive #jy-special-game .jy-sudoku-layout{max-width:990px;width:100%;grid-template-columns:minmax(0,590px) minmax(292px,338px);grid-template-areas:'board tools';gap:17px;align-items:start} #jadvalyar-app #jy-special-game:not(.jy-sudoku-board-custom) .jy-sudoku-scroll .jy-sudoku{width:min(100%,570px)!important;max-width:570px!important} #jadvalyar-app #jy-special-game .jy-sudoku-side{width:100%} } @media(min-width:861px) and (max-width:1049px){ #jadvalyar-app #jy-special-game .jy-sudoku-layout{grid-template-columns:minmax(0,1fr) minmax(260px,310px);max-width:100%;gap:12px} } #jadvalyar-app #jy-special-game .jy-sudoku-side{box-shadow:0 4px 15px rgba(29,35,78,.055)} :is(#jadvalyar-app,body) .jy-v5-share{display:inline-flex;min-height:40px;margin:10px 0 0;padding:8px 13px;border:1px solid #c3d9ef;border-radius:10px;background:#f1f8ff;color:#2d5387;font:inherit;font-weight:700;cursor:pointer} /* Optional high contrast and dark theme live inside the plugin only. */ #jadvalyar-app.jy-v5-contrast :is(.jy-btn,.jy-s-cell,.jy-v5-game-card,.jy-v5-nav-list button){outline-offset:1px;border-width:2px!important} #jadvalyar-app.jy-v5-contrast .jy-sudoku .jy-s-cell.active{outline:4px solid #191970!important} #jadvalyar-app.jy-v5-dark{--jy-text:#e6eaf6;--jy-muted:#bdc4dd;--jy-card:#17243a;--jy-border:#43506d;color:#edf1fa;background:#10192c;border-radius:18px} #jadvalyar-app.jy-v5-dark :is(.jy-card,.jy-home-hub,.jy-sudoku-side,.jy-v5-elevator,.jy-player-game-tools){background:#182640!important;color:#e7eaf8!important;border-color:#435174!important} #jadvalyar-app.jy-v5-dark :is(.jy-games-section h2,.jy-special h2,.jy-home-hub h2,.jy-home-hub-card h3,.jy-game-cards .jy-v5-card-body b){color:#f1f3ff!important} #jadvalyar-app.jy-v5-dark .jy-game-cards .jy-v5-game-card{background:#263350!important;border-color:#50627c!important;color:#edf1ff!important} #jadvalyar-app.jy-v5-dark :is(.jy-game-cards .jy-v5-card-body small,.jy-v5-card-progress){color:#c3cbe0!important} #jadvalyar-app.jy-v5-dark :is(.jy-num-pad button,.jy-sudoku .jy-s-cell:not(.fixed),.jy-v5-preferences button,.jy-v5-nav-list button){background:#263754!important;color:#edf2ff!important;border-color:#607094!important} #jadvalyar-app.jy-v5-dark .jy-sudoku .jy-s-cell.fixed{background:#34415b!important;color:#f5f6ff!important} #jadvalyar-app.jy-v5-dark :is(.jy-sudoku-progress,.jy-sudoku-score-status,.jy-sud-selection-status,.jy-sud-save-status){background:#243452!important;color:#e8efff!important;border-color:#526484!important} #jadvalyar-app.jy-v5-dark .jy-sudoku .jy-s-cell.active{background:#463977!important;color:#fff!important} @media(max-width:780px){ #jadvalyar-app .jy-game-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} #jadvalyar-app .jy-game-cards .jy-v5-game-card{min-height:170px;padding:12px!important;gap:5px} :is(#jadvalyar-app,body) .jy-v5-card-icon{font-size:24px} #jadvalyar-app .jy-game-cards .jy-v5-card-body b{font-size:16px} :is(#jadvalyar-app,body) .jy-v5-nav-caption{display:none} :is(#jadvalyar-app,body) .jy-v5-elevator{margin:6px 0 10px;padding:5px;max-width:100%} :is(#jadvalyar-app,body) .jy-v5-nav-list button{font-size:11px;min-height:37px;padding-inline:8px} #jadvalyar-app #jy-special-game .jy-sudoku-side{max-width:100%} } @media(max-width:520px){ #jadvalyar-app .jy-game-cards{grid-template-columns:1fr!important} #jadvalyar-app .jy-game-cards .jy-v5-game-card{min-height:125px;display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:3px 11px} :is(#jadvalyar-app,body) .jy-v5-card-icon{grid-row:1;font-size:26px} :is(#jadvalyar-app,body) .jy-v5-card-body{grid-column:2;grid-row:1} :is(#jadvalyar-app,body) .jy-v5-card-cta{grid-column:1/-1;grid-row:2} :is(#jadvalyar-app,body) .jy-v5-preferences{gap:5px} :is(#jadvalyar-app,body) .jy-v5-preferences button{flex:1;font-size:11px;padding:6px} #jadvalyar-app #jy-special-game .jy-sudoku-scroll .jy-sudoku{max-width:100%;width:100%} } @media(prefers-reduced-motion:reduce){#jadvalyar-app .jy-game-cards .jy-v5-game-card{transition:none;transform:none!important}#jadvalyar-app *{scroll-behavior:auto!important}} /* On narrow screens, keep number keys reachable while the tools panel scrolls. The keyboard is not fixed over the 9x9 board. */ @media(max-width:860px){ #jadvalyar-app #jy-special-game .jy-sudoku-side .jy-sudoku-quick{ position:sticky;top:var(--jy-v5-scroll-offset,70px);z-index:3; background:#fafaff;border:1px solid #dde0f3;border-radius:12px; padding:6px;box-shadow:0 5px 14px rgba(32,39,78,.07); } #jadvalyar-app.jy-v5-dark #jy-special-game .jy-sudoku-side .jy-sudoku-quick{background:#182640;border-color:#42516d} } /* 5.0.1: true viewport fixed pin. Moved to body to bypass theme overflow/transform wrappers. */ .jy-v501-anchor{height:0;pointer-events:none;visibility:hidden} body > #jy-v5-nav.jy-v501-pinned{position:fixed!important;margin:0!important;z-index:900000!important;box-sizing:border-box;max-width:none;transform:none!important;contain:layout style;direction:rtl} :is(#jadvalyar-app,body) .jy-v5-elevator{padding:10px 11px;min-height:67px;border:1px solid #cbc6fa;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.99),rgba(246,244,255,.99));box-shadow:0 14px 38px rgba(48,39,114,.17),0 2px 7px rgba(49,49,106,.07);} :is(#jadvalyar-app,body) .jy-v5-nav-list{gap:9px;padding:4px 2px;scrollbar-width:thin;scroll-snap-type:x proximity} :is(#jadvalyar-app,body) .jy-v5-nav-list button{min-height:47px!important;font-size:13px!important;font-weight:800!important;padding:9px 15px!important;border:1px solid #dedaf4!important;border-radius:13px!important;background:#fff!important;color:#423a75!important;box-shadow:0 2px 5px rgba(34,23,85,.035);scroll-snap-align:center;transition:background .15s,border-color .15s,box-shadow .15s;} :is(#jadvalyar-app,body) .jy-v5-nav-list button:is(:hover,:focus-visible){background:#eeeaff!important;border-color:#8674dc!important;outline-offset:2px;} :is(#jadvalyar-app,body) .jy-v5-nav-list button.jy-v5-current{background:#5948c7!important;border-color:#5143b4!important;color:white!important;box-shadow:0 4px 13px rgba(78,62,174,.21)} body > #jy-v5-nav.jy-v5-dark{background:#1b2842!important;border-color:#53608a!important} body > #jy-v5-nav.jy-v5-dark .jy-v5-nav-list button{background:#293955!important;color:#f2efff!important;border-color:#607094!important} body > #jy-v5-nav.jy-v5-dark .jy-v5-nav-list button.jy-v5-current{background:#6650db!important;color:#fff!important} #jadvalyar-app :is(#jy-v501-rankings,#jy-v501-prizes){scroll-margin-top:var(--jy-v5-scroll-offset,110px)} #jadvalyar-app .jy-v501-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0 19px} #jadvalyar-app .jy-v501-panel{min-width:0;display:flex;flex-direction:column;gap:12px;padding:17px;border:1px solid #ddd5f5;border-radius:18px;background:linear-gradient(140deg,#fff,#f7f5ff);box-shadow:0 3px 13px rgba(60,40,110,.045)} #jadvalyar-app .jy-v501-prizes{border-color:#e9d8bb;background:linear-gradient(140deg,#fff,#fffaf1)} #jadvalyar-app .jy-v501-panel-heading{display:flex;align-items:flex-start;gap:11px} #jadvalyar-app .jy-v501-panel-icon{display:grid;place-items:center;font-size:25px;flex:0 0 49px;height:49px;background:#ece7ff;border-radius:13px} #jadvalyar-app .jy-v501-prizes .jy-v501-panel-icon{background:#fff0d4} #jadvalyar-app .jy-v501-panel h2{margin:0 0 3px;font-size:19px;color:#2b2764} #jadvalyar-app .jy-v501-panel p{margin:0;font-size:12px;color:#525879;line-height:1.85} #jadvalyar-app .jy-v501-panel-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto} #jadvalyar-app .jy-v501-panel-actions button{min-height:43px;background:#584bc5;color:#fff;font-weight:800;font-size:13px;border-radius:11px} #jadvalyar-app .jy-v501-prizes .jy-v501-panel-actions button{background:#a16a27} #jadvalyar-app .jy-v501-panel-actions span{font-size:11px;color:#60627b} #jadvalyar-app .jy-v501-prize-steps{display:flex;flex-wrap:wrap;gap:6px} #jadvalyar-app .jy-v501-prize-chip{padding:5px 8px;background:#fff;border:1px solid #eadbc2;border-radius:9px;font-size:11px;color:#624c2b} #jadvalyar-app.jy-v5-dark .jy-v501-panel{background:#1c2c44;color:#e7e8ff;border-color:#526181} #jadvalyar-app.jy-v5-dark .jy-v501-panel :is(h2,p,.jy-v501-panel-actions span){color:#e7e8ff} @media(max-width:760px){#jadvalyar-app .jy-v501-panels{grid-template-columns:1fr} :is(#jadvalyar-app,body) .jy-v5-elevator{min-height:58px;padding:7px;border-radius:13px} :is(#jadvalyar-app,body) .jy-v5-nav-list button{min-height:44px!important;padding:8px 12px!important;font-size:12px!important} :is(#jadvalyar-app,body) .jy-v5-nav-caption{display:none}} @media(prefers-reduced-motion:reduce){:is(#jadvalyar-app,body) .jy-v5-nav-list button{transition:none}} #jadvalyar-app .jy-account-section[hidden]{display:none!important} #jadvalyar-app .jy-account-quicknav button[aria-pressed="true"]{background:#5948c7;color:#fff;border-color:#5948c7} /* Independent anchor positions: each shortcut lands on its own panel. */ #jadvalyar-app .jy-v501-panels{grid-template-columns:1fr} #jadvalyar-app .jy-v501-panel{min-height:170px} /* Portalled nav must never cover an in-game fullscreen view or dialog. */ body.jy-player-immersive-active > #jy-v5-nav.jy-v501-pinned, body:has(#jadvalyar-app .jy-modal:not([hidden])) > #jy-v5-nav.jy-v501-pinned, body:has(#jadvalyar-app .jy-game-guide:not([hidden])) > #jy-v5-nav.jy-v501-pinned{visibility:hidden!important;pointer-events:none!important} /* 5.0.2: safe fallbacks for native/keyboard scrollIntoView inside the plugin. */ #jadvalyar-app #jy-special-game :is(.jy-sudoku-layout,.jy-ct-active-inline,.jy-ct-layout,.jy-mcq-clue), #jadvalyar-app :is(#jy-v501-rankings,#jy-v501-prizes){ scroll-margin-top:var(--jy-v5-scroll-offset,120px); } /* 5.0.27 — accessible floating shortcuts and Sudoku touch layout. Mobile-only overrides; existing desktop layout and game logic are unchanged. */ .jy-v5-mobile-toggle{display:none} @media (max-width:600px){ :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-elevator{ position:sticky;min-height:48px;max-width:100%;width:100%; display:flex;align-items:center;justify-content:space-between;gap:7px; padding:5px 9px;margin:4px 0 10px;border-radius:13px; box-shadow:0 5px 17px rgba(37,41,88,.11);overflow:visible; } body > #jy-v5-nav.jy-v501-pinned{position:fixed!important;max-width:calc(100vw - 16px)!important} :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-nav-caption{display:block;min-width:0;white-space:nowrap;font-size:12px} :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-mobile-toggle{ display:inline-flex;justify-content:center;align-items:center;flex:none; width:auto;min-width:120px;min-height:44px;padding:7px 12px;border-radius:10px; border:1px solid #ccc4f8;background:#f0edff;color:#392e86; font:inherit;font-weight:800;font-size:13px;cursor:pointer;touch-action:manipulation; } :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-mobile-toggle:focus-visible{outline:3px solid #5143b4;outline-offset:2px} :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-nav-list{display:none!important} :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list{ display:grid!important;position:absolute;inset-inline:0;top:calc(100% + 4px); z-index:2;width:100%;max-width:100%;min-width:0; grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch; gap:7px;padding:10px;max-height:65dvh;overflow-y:auto;overflow-x:hidden; background:#fff;border:1px solid #d9d4f1;border-radius:13px; box-shadow:0 15px 26px rgba(32,35,82,.21);scroll-snap-type:none; } :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list button{ margin:0;width:100%;min-width:0;min-height:44px!important; padding:8px 4px!important;font-size:12px!important; white-space:normal;line-height:1.5; } :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-dark.jy-v5-nav-open .jy-v5-nav-list{background:#182640;border-color:#50627c} } /* Mobile Sudoku: make the existing keypad the first tool immediately below the 9x9 grid. display:contents promotes the aside's children into grid tracks without cloning keys. */ @media (max-width:860px){ #jadvalyar-app #jy-special-game .jy-sudoku-layout, #jadvalyar-app.jy-player-immersive #jy-special-game .jy-sudoku-layout{ display:grid;grid-template-columns:minmax(0,1fr)!important; grid-template-areas:'board' 'quick' 'tools' 'actions' 'notices' 'help' 'ads'!important; gap:8px;max-width:520px;width:100%;margin-inline:auto; } #jadvalyar-app #jy-special-game .jy-sudoku-side{display:contents!important} #jadvalyar-app #jy-special-game .jy-sudoku-quick{ grid-area:quick;display:grid;gap:6px;position:relative;top:auto; padding:7px;border:1px solid #d6d8ee;border-radius:12px; background:#fafaff;box-shadow:0 4px 13px rgba(31,40,85,.07); min-width:0;max-width:100%;direction:rtl; } #jadvalyar-app #jy-special-game .jy-sudoku-summary{grid-area:tools;padding:7px;border:1px solid #e2e6f2;border-radius:10px;background:#fafbff} #jadvalyar-app #jy-special-game .jy-sud-actions{grid-area:actions} #jadvalyar-app #jy-special-game .jy-sudoku-notices{grid-area:notices} #jadvalyar-app #jy-special-game .jy-sud-entry-help{grid-area:help} #jadvalyar-app #jy-special-game .jy-sudoku-ad-slot{grid-area:ads} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad{padding:5px;gap:5px} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad button{min-height:44px;height:44px;font-size:19px} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-sud-selection-status{margin:0;padding:4px 8px;font-size:12px} #jadvalyar-app.jy-v5-dark #jy-special-game .jy-sudoku-quick{background:#182640;border-color:#526181} #jadvalyar-app.jy-v5-dark #jy-special-game .jy-sudoku-summary{background:#243452;border-color:#526181} } /* Show a compact keypad at the bottom only when the Sudoku board is on screen. The IntersectionObserver toggles this state; scrolling away restores normal flow. */ @media (max-width:860px) and (min-height:551px){ #jadvalyar-app #jy-special-game.jy-sudoku-dock-visible .jy-sudoku-quick{ position:fixed!important;inset-inline:8px;bottom:calc(5px + env(safe-area-inset-bottom,0px)); top:auto!important;z-index:900010;max-width:520px;width:calc(100vw - 16px); margin:0 auto;box-shadow:0 5px 22px rgba(26,28,69,.22); } #jadvalyar-app #jy-special-game.jy-sudoku-dock-visible .jy-sudoku-layout{padding-bottom:132px} } @media (max-width:370px){ :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-nav-caption{font-size:11px} :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-mobile-toggle{min-width:108px;font-size:12px} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad{gap:4px;padding:4px} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad button{font-size:17px;min-height:42px;height:42px} } @media (prefers-reduced-motion:reduce){ :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list{scroll-behavior:auto} } /* 5.0.30 — Mobile layout pass. Scoped to JadvalYar; desktop/game logic unchanged. Keep word boards horizontally scrollable instead of shrinking cells to unreadable sizes. */ @media (max-width: 860px) { #jadvalyar-app :is(.jy-card,.jy-solver,.jy-play,.jy-special,.jy-section, .jy-home-hub,.jy-search-shell,.jy-ct-stage,.jy-ct-clues-panel, .jy-player-game-tools,.jy-sudoku-layout,.jy-sudoku-scroll) { min-width: 0; max-width: 100%; } #jadvalyar-app #jy-special-game .jy-sudoku-scroll .jy-sudoku { /* Square cells scale with their board; custom sizes remain scrollable. */ max-width: 100%; } #jadvalyar-app #jy-special-game .jy-sudoku-quick, #jadvalyar-app #jy-special-game .jy-sudoku-summary, #jadvalyar-app #jy-special-game .jy-sudoku-notices, #jadvalyar-app #jy-special-game .jy-sud-actions {min-width:0;max-width:100%;} #jadvalyar-app .jy-ct-scroll {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;} #jadvalyar-app .jy-ct-board {max-width:none;} } @media (max-width: 640px) { #jadvalyar-app {width:100%;max-width:100%;min-width:0;padding-inline:clamp(8px,2.7vw,12px);} #jadvalyar-app :is(.jy-card,.jy-solver,.jy-play,.jy-special,.jy-home-hub) { padding:clamp(10px,3vw,14px);border-radius:16px; } #jadvalyar-app :is(.jy-topbar,.jy-hero,.jy-play-head,.jy-special-head,.jy-section-head) { min-width:0;gap:9px;flex-wrap:wrap; } #jadvalyar-app :is(.jy-special-head,.jy-play-head) > * {min-width:0;max-width:100%;} #jadvalyar-app :is(.jy-special-head,.jy-play-head) h2 {font-size:clamp(19px,5.2vw,26px);line-height:1.5;} #jadvalyar-app :is(.jy-grid4,.jy-search-grid,.jy-search-actions-row) {min-width:0;max-width:100%;} #jadvalyar-app :is(.jy-grid4,.jy-search-grid) :is(label,input,select,textarea) {min-width:0;max-width:100%;} #jadvalyar-app :is(.jy-search-grid input,.jy-search-grid select,.jy-answer,.jy-modal input,.jy-modal select) { font-size:16px;/* Prevent unintended automatic input zoom on iOS. */ } #jadvalyar-app :is(.jy-actions,.jy-ct-actions,.jy-sud-actions) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;width:100%; } #jadvalyar-app :is(.jy-actions,.jy-ct-actions,.jy-sud-actions) .jy-btn, #jadvalyar-app .jy-player-game-buttons .jy-btn { box-sizing:border-box;min-width:0;max-width:100%;width:100%; min-height:44px;margin:0;padding:9px 7px; font-size:clamp(12px,3.25vw,14px);line-height:1.65; white-space:normal;overflow-wrap:anywhere;text-align:center; } #jadvalyar-app .jy-player-game-tools {align-items:stretch;gap:9px;padding:9px;} #jadvalyar-app .jy-player-game-title {width:100%;} #jadvalyar-app .jy-player-game-buttons {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;} #jadvalyar-app .jy-ct-clue-controls {display:flex;flex-wrap:wrap;gap:7px;} #jadvalyar-app .jy-ct-next-clue {min-height:44px;white-space:normal;flex:1 1 130px;} #jadvalyar-app .jy-ct-zoom-tools {display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;} #jadvalyar-app .jy-ct-zoom-tools .jy-btn {flex:1 1 76px;min-width:0;white-space:normal;min-height:44px;} #jadvalyar-app .jy-mcq-options {grid-template-columns:1fr;max-width:100%;gap:8px;} #jadvalyar-app .jy-mcq-option {min-height:50px;width:100%;min-width:0;padding:9px 10px;white-space:normal;overflow-wrap:anywhere;} #jadvalyar-app .jy-mcq-option b {min-width:0;font-size:clamp(14px,3.8vw,17px);} #jadvalyar-app .jy-mcq-footer {display:grid;grid-template-columns:1fr;width:100%;max-width:100%;gap:8px;} #jadvalyar-app .jy-mcq-footer .jy-btn {display:block;width:100%;min-width:0;min-height:44px;margin:0;white-space:normal;} #jadvalyar-app .jy-mcq-footer small {width:100%;line-height:1.8;} #jadvalyar-app .jy-v5-preferences {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;} #jadvalyar-app .jy-v5-preferences button {min-width:0;min-height:44px;white-space:normal;padding:8px 5px;font-size:12px;} #jadvalyar-app .jy-account-quicknav {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;} #jadvalyar-app .jy-account-quicknav button {white-space:normal;overflow-wrap:anywhere;} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad button {min-width:0;width:100%;min-height:44px;height:44px;padding:3px;font-size:clamp(16px,5vw,20px);touch-action:manipulation;} #jadvalyar-app #jy-special-game .jy-sud-actions #jy-sud-check, #jadvalyar-app #jy-special-game .jy-sud-actions #jy-sud-conflicts, #jadvalyar-app #jy-special-game .jy-sud-actions .jy-level-next {grid-column:1/-1;} :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-elevator {box-sizing:border-box;min-width:0;} :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list {grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(65dvh,540px);} :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list button {overflow-wrap:anywhere;} } @media (max-width: 370px) { #jadvalyar-app :is(.jy-card,.jy-solver,.jy-play,.jy-special,.jy-home-hub) {padding:9px;} #jadvalyar-app :is(.jy-actions,.jy-ct-actions,.jy-sud-actions,.jy-player-game-buttons) {gap:6px;} #jadvalyar-app :is(.jy-actions,.jy-ct-actions,.jy-sud-actions,.jy-player-game-buttons) .jy-btn {font-size:12px;padding:8px 5px;} #jadvalyar-app .jy-v5-preferences {gap:5px;} #jadvalyar-app #jy-special-game .jy-sudoku-quick .jy-num-pad {gap:4px;padding:4px;} :is(#jadvalyar-app,body) #jy-v5-nav .jy-v5-mobile-toggle {min-width:106px!important;padding-inline:7px;} } /* Short landscape phones: preserve board visibility and prevent keyboard obstruction. */ @media (max-width: 860px) and (max-height: 550px) { #jadvalyar-app #jy-special-game .jy-sudoku-quick {position:relative!important;bottom:auto!important;top:auto!important;} :is(#jadvalyar-app,body) #jy-v5-nav.jy-v5-nav-open .jy-v5-nav-list {max-height:55dvh;} }