/* Shared layout controls for every page; placed last in the cascade. */
html{--device-width68:100%}html[data-device=tablet]{--device-width68:1100px}html[data-device=phone]{--device-width68:520px}body{width:100%;max-width:var(--device-width68);margin-inline:auto;min-width:0}*,*::before,*::after{box-sizing:border-box}
.topbar.unified-header43{height:auto!important;min-height:180px!important;position:relative!important}.topbar.unified-header43 .nav{min-height:180px!important;height:auto!important;padding:20px 20px 20px 250px!important;display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:center!important}.topbar .unified-brand43{width:230px!important;max-width:230px!important;height:170px!important;min-height:0!important;left:8px!important;top:5px!important}.topbar .unified-brand43 img{width:112px!important;height:112px!important}.topbar .unified-brand43 strong{font-size:23px!important}.topbar .links{flex:1 1 460px;flex-wrap:wrap!important;gap:10px 16px!important}.topbar .links a{font-size:16px!important;white-space:nowrap}.account-controls68{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.device-control68,.language-control68,.account-row68{display:flex;align-items:center;gap:8px}.account-row68{flex-wrap:wrap;justify-content:flex-end}.account-row68 [data-auth-slot]{display:flex;gap:6px;flex-wrap:wrap}.account-controls68 select{min-height:42px;font:inherit;font-size:16px!important;max-width:150px;padding:7px 9px;border-radius:10px;border:1px solid #52778c;background:#112c40;color:#fff}.device-control68 span{font-size:16px}.account-controls68 a{min-height:42px;display:inline-flex;align-items:center;font-size:16px!important}.nav-toggle68{display:none}.container,.play-shell{max-width:100%}.hint-bar66{top:8px!important}.hint-result67{max-height:45dvh;overflow:auto}.touch-zoom68{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:9}.touch-zoom68 button{width:46px;height:46px;padding:0;border:1px solid #69ccd3;background:#102c40e8;color:#fff;border-radius:12px;font-size:28px;touch-action:manipulation}.stage,.chess3d-viewport,.board-viewport47,.go-viewport46{position:relative}
body:has(.memory-premium) .play-shell,body:has(.memory-premium) .game-shell{max-width:none!important;width:calc(100% - 16px)!important;padding:8px!important}body:has(.memory-premium) #gameRoot{width:100%!important;max-width:none!important;padding:0!important}.memory-premium{width:100%!important;max-width:none!important;gap:4px!important;padding:4px!important}.memory-table{width:100%!important;padding:0!important;overflow:auto!important;justify-content:safe center!important}.memory-grid{flex-shrink:0;max-width:none!important}.memory-card{min-width:0!important;min-height:0!important}.memory-face{padding:2px!important}.memory-back img{min-height:0!important;max-height:calc(100% - 26px)!important;object-fit:contain!important}.memory-name{font-size:17px!important;line-height:24px!important;min-height:24px}.memory-footer{padding:0!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 16px}.memory-footer p{margin:0!important;font-size:16px!important}.memory-footer small,.memory-footer small a{font-size:14px!important;line-height:1.2!important}.memory-premium .pro-game-controls{padding-right:180px!important;min-height:64px}
html:is([data-device=phone],[data-device=tablet]) .topbar.unified-header43{min-height:0!important}html:is([data-device=phone],[data-device=tablet]) .topbar.unified-header43 .nav{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;padding:8px!important;min-height:0!important;gap:8px!important}html:is([data-device=phone],[data-device=tablet]) .topbar .unified-brand43{position:static!important;width:100px!important;height:auto!important;max-width:100px!important;grid-column:1;grid-row:1;margin:0!important;transform:none!important}html:is([data-device=phone],[data-device=tablet]) .topbar .unified-brand43 img{width:76px!important;height:76px!important}html:is([data-device=phone],[data-device=tablet]) .topbar .unified-brand43 strong{font-size:17px!important}html:is([data-device=phone],[data-device=tablet]) .account-controls68{grid-column:2;grid-row:1;min-width:0}html:is([data-device=phone],[data-device=tablet]) .account-controls68 select{max-width:128px}html:is([data-device=phone],[data-device=tablet]) .device-control68>span{display:none}html:is([data-device=phone],[data-device=tablet]) .account-row68{gap:6px}html:is([data-device=phone],[data-device=tablet]) .account-row68 [data-auth-slot]{justify-content:flex-end}html:is([data-device=phone],[data-device=tablet]) .header-start43{display:none!important}html:is([data-device=phone],[data-device=tablet]) .nav-toggle68{display:block;grid-column:1/-1;grid-row:2;min-height:44px;background:#15384b;color:white;border:1px solid #488292;border-radius:10px;font-size:17px}html:is([data-device=phone],[data-device=tablet]) .topbar .links{display:none!important;grid-column:1/-1;grid-row:3;margin:0!important;width:100%!important}html:is([data-device=phone],[data-device=tablet]) .topbar .menu-open68 .links{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}html:is([data-device=phone],[data-device=tablet]) .topbar .links a{min-height:44px;padding:8px;display:flex;align-items:center;white-space:normal}
html:is([data-device=phone],[data-device=tablet]) .container{width:100%!important;padding-inline:12px!important}html:is([data-device=phone],[data-device=tablet]) .play-layout{grid-template-columns:minmax(0,1fr)!important}html:is([data-device=phone],[data-device=tablet]) .play-layout>.stage-wrap{grid-column:1!important;grid-row:1!important;min-width:0}html:is([data-device=phone],[data-device=tablet]) .play-layout>.settings{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html:is([data-device=phone],[data-device=tablet]) .play-layout>.settings>h2{grid-column:1/-1}html:is([data-device=phone],[data-device=tablet]) .play-layout>.scoreboard{grid-column:1!important;grid-row:3!important}html:is([data-device=phone],[data-device=tablet]) .stage{height:min(68dvh,620px)!important;min-height:340px!important}html:is([data-device=phone],[data-device=tablet]) .stage canvas{width:100%!important;height:100%!important;touch-action:none}html:is([data-device=phone],[data-device=tablet]) .play-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}html:is([data-device=phone],[data-device=tablet]) :is(.controls,.pro-game-controls){flex-wrap:wrap!important;gap:8px!important}html:is([data-device=phone],[data-device=tablet]) :is(select,input:not([type=checkbox]),.btn,.button){min-height:44px;font-size:16px!important;max-width:100%}html:is([data-device=phone],[data-device=tablet]) .tabs{flex-wrap:wrap!important;overflow:visible!important}html:is([data-device=phone],[data-device=tablet]) :is(.chess-layout,.reversi-layout,.qb-layout){grid-template-columns:minmax(0,1fr)!important}html:is([data-device=phone],[data-device=tablet]) #gameRoot{max-width:100%;overflow-x:auto}html:is([data-device=phone],[data-device=tablet]) .memory-premium .pro-game-controls{padding-top:72px!important;padding-right:0!important}html:is([data-device=phone],[data-device=tablet]) .memory-table{justify-content:flex-start!important}html:is([data-device=phone],[data-device=tablet]) .memory-back img{max-width:100%!important}html:is([data-device=phone],[data-device=tablet]) .home-hero{margin-top:0!important}html:is([data-device=phone],[data-device=tablet]) dialog{max-width:calc(100% - 24px);max-height:90dvh;overflow:auto}
html[data-device=phone] :is(.two-col,.grid-2,.grid-3,.games-grid,.game-grid,.menu-grid,.guide-grid,.play-hero-premium,.today-learning-overview,.contact-layout,.roadmap,.pen-layout,.tower-layout,.sudoku-area){grid-template-columns:minmax(0,1fr)!important}html[data-device=phone] :is(.example-grid,.examples-grid,.premium-gallery){grid-template-columns:minmax(0,1fr)!important}html[data-device=tablet] :is(.example-grid,.examples-grid,.premium-gallery){grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-device=phone] :is(h1,h2,h3,p){overflow-wrap:break-word}html[data-device=phone] img{max-width:100%}html[data-device=phone] .settings label{min-width:0}html[data-device=phone] .scoreboard{min-width:0}
@container site69 (max-width:600px){html[data-device-choice=pc] body{min-width:1000px;max-width:none}}

html body .topbar.unified-header43 .unified-brand43 img{width:112px!important;height:112px!important}html body .topbar.unified-header43 .unified-brand43 strong{position:static!important;font-size:23px!important;line-height:1.15!important}html:is([data-device=phone],[data-device=tablet]) body .topbar.unified-header43 .unified-brand43 img{width:76px!important;height:76px!important}html:is([data-device=phone],[data-device=tablet]) body .topbar.unified-header43 .unified-brand43 strong{position:static!important;font-size:17px!important}html:is([data-device=phone],[data-device=tablet]) body .approved-home-hero-image{margin-top:0!important}

body[data-playgame="zeka-kartlari"] main.container{max-width:none!important;width:calc(100% - 16px)!important;padding-inline:4px!important}body[data-playgame="zeka-kartlari"] .memory-premium .memory-table{justify-content:safe center!important}html:is([data-device=phone],[data-device=tablet]) body[data-playgame="zeka-kartlari"] .memory-premium .memory-table{justify-content:flex-start!important}.memory-premium .memory-name{font-size:17px!important;line-height:24px!important;height:24px!important;flex:0 0 24px}.memory-footer{display:flex!important}