/* v156: size against the selected page width, not only the browser viewport. */
html body{min-width:0!important}
html body :is(main,.layout,.play-shell,.game-shell,.card,.panel,.visual-deck-card){min-width:0}
html body :is(.layout,.play-shell){padding-bottom:28px!important}
html body :is(.on-image-gallery,.example-four-grid){gap:16px!important;margin-block:12px!important}
html body :is(.on-image-gallery,.example-four-card,.rules-mini-card,.final-section-figure,.today-learning-figure,.real-visual-card) img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;padding:0!important}
html body :is(.final-section-figure,.today-learning-figure){margin:0!important;min-width:0}
html body .tabbar{position:relative!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;margin-block:12px!important}
html body .tabbar button{flex:1 1 140px;min-width:0!important;min-height:44px;white-space:normal!important;line-height:1.35;padding:10px 12px!important}
html body :is(.btn,.nav-toggle68,.side-link,.filters button,.poster59-toolbar button,.poster59-toolbar a){min-height:44px;white-space:normal;overflow-wrap:break-word;touch-action:manipulation}
html body :is(.cta,.guide-actions52,.controls,.pro-game-controls,.filters){flex-wrap:wrap;gap:8px}
html body :is(.account-controls68 select,.settings select,.settings input:not([type=checkbox]):not([type=radio])){font-size:16px!important;min-height:44px;max-width:100%}
html body .poster59-modal{width:min(1536px,calc(100vw - 16px))!important;height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:0!important;margin:auto}
html body .poster59-modal[open]{display:flex;flex-direction:column}
html body .poster59-toolbar{position:static;flex:0 0 auto;flex-wrap:wrap;gap:8px;padding:10px}
html body .poster59-scroll{flex:1 1 auto;min-height:0;height:auto;overscroll-behavior:contain}
html body .poster59-scroll img{padding:0!important;border-radius:0!important}
html body .poster59-scroll.is-zoomed img{width:1536px!important;max-width:none!important;max-height:none!important}
@container site69 (max-width:1100px){
 html body :is(.container,.layout){width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 html body :is(.container .container,.layout .container){width:100%!important}
 html body :is(.game-hero,.play-hero-premium,.today-learning-overview,.contact-layout,.contact-top65,.leaderboard-grid){grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:16px!important}
 html body :is(.example-four-grid,#ornek .on-image-gallery){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body .panel{padding:12px 0!important}
 html body .hero-image{height:auto!important;min-height:0!important}
 html body .hero70-readable{position:static;width:auto;height:auto;margin:0;padding:16px 20px;overflow:visible;clip-path:none;white-space:normal}
 html body .hero70-readable h1{font-size:clamp(26px,4cqw,38px);line-height:1.2;margin:8px 0}
 html body .hero70-readable p{font-size:17px;line-height:1.6;margin-block:8px}
 html body .hero70-hotspot{display:none}
 html body[data-playgame="denge-kulesi"] .game-stage.premium-stage .jenga-scene-wrap{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body[data-playgame="denge-kulesi"] .jenga-v33 .tower-local-controls{height:auto!important;min-height:0!important;max-height:none!important}
}
@container site69 (max-width:600px){
 html body :is(.container,.layout){width:calc(100% - 16px)!important}
 html body .layout{padding-top:10px!important}
 html body :is(.card,.panel .card,.game-hero,.real-visual-card){padding:12px!important;border-radius:14px!important;min-height:0!important}
 html body .visuals-deck.real-game-visuals{gap:12px!important}
 html body :is(.panel,.on-image-gallery,.example-four-grid,.premium-band){margin-block:10px!important}
 html body .panel{padding:8px 0!important}
 html body :is(.example-four-grid,#ornek .on-image-gallery,.rules-mini-grid,.panel .two-col,.two-col,.levels,.section-checklist,.insight-grid,.play-layout>.settings){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html body :is(.level,.guide-card,.rules-mini-card,.example-four-card){min-height:0!important}
 html body .layout>.sidebar{gap:6px!important;padding:8px!important;margin-bottom:10px!important}
 html body .layout>.sidebar .side-link{min-height:44px!important;margin:0!important;padding:8px!important;font-size:14px!important}
 html body .tabbar button{flex:1 1 calc(50% - 6px)!important;font-size:15px!important}
 html body :is(.howto-text132,.poster60-transcript){padding:10px!important;margin-block:10px!important}
 html body :is(.howto-text132,.poster60-transcript)>summary{min-height:44px;display:list-item;align-content:center;line-height:1.45}
 html body .hero70-readable{padding:14px 12px}
 html body .hero70-actions .btn{flex:1 1 140px;justify-content:center;text-align:center}
 html body .poster59-toolbar strong{flex-basis:100%}
 html body .poster59-toolbar :is(button,a){flex:1 1 auto;padding:8px;font-size:14px}
 html body :is(.play-shell,.uniform61 main.play-shell){width:calc(100% - 16px)!important;padding:8px 0 24px!important}
 html body .topbar.unified-header43 .nav{gap:6px!important;padding:8px!important}
 html body .account-controls68{max-width:100%;gap:6px}
 html body .account-row68 [data-auth-slot]{gap:6px!important}
 html body .account-row68 [data-auth-slot] a{padding:8px!important}
 html body .poster59-hint{font-size:13px;padding:7px;line-height:1.4}
}

html body .menu-card>a>img{display:block;width:100%;height:auto;object-fit:contain}