/* Layout follows the chosen page width, including offline file:// pages. */
html body{container-type:inline-size;container-name:site69;min-width:0!important}html[data-device=phone]{--device-width68:520px}html[data-device=tablet]{--device-width68:1100px}
.home-hero69{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:28px;padding:44px max(24px,4%);background:radial-gradient(ellipse at 85% 40%,#07546c 0%,#042b43 45%,#031c30 80%);color:#fff}.home-copy69{min-width:0}.hero-eyebrow69{color:#49eff1;font-weight:800;letter-spacing:2px;font-size:17px}.home-hero69 h1{font-size:clamp(34px,4.2vw,72px);line-height:1.12;margin:20px 0}.home-hero69 h1 em{display:block;color:#ffd727;font-style:normal}.hero-description69{font-size:21px;line-height:1.65;max-width:760px}.hero-actions69{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.hero-actions69 a{min-height:50px;font-size:18px}.hero-stats69{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 0}.hero-stats69 div{border-left:2px solid #18adca;padding-left:14px}.hero-stats69 dt{font-size:30px;font-weight:800;color:#ffdb3f}.hero-stats69 dd{margin:5px 0;font-size:17px}.home-art69{margin:0;min-width:0;text-align:center}.home-art69 img{display:block;width:100%;max-width:448px;height:auto;max-height:575px;object-fit:contain;margin:auto;border-radius:30px;box-shadow:0 0 45px #08b9d533}.home-art69 figcaption{font-size:18px;color:#baedf6;line-height:1.5;margin-top:18px}
/* Photos fill the complete face, with a separate fixed caption strip. */
html body .memory-premium .memory-card .memory-back{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:0!important}
html body .memory-premium .memory-card .memory-back img{display:block!important;width:100%!important;max-width:none!important;min-width:100%!important;height:0!important;max-height:none!important;min-height:0!important;flex:1 1 0!important;margin:0!important;padding:0!important;object-fit:cover!important;align-self:stretch!important}
html body .memory-premium .memory-card .memory-name{box-sizing:border-box;width:100%!important;flex:0 0 28px!important;height:28px!important;min-height:28px!important;line-height:28px!important;background:#fffdf4;color:#12465a;font-size:18px!important;text-align:center;margin:0!important;padding:0 3px!important}
/* Reset old named grid areas; they created invisible extra columns. */
html body .visuals-deck.real-game-visuals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .visual-deck-card.real-visual-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;min-width:0!important;min-height:0!important;grid-template-areas:none!important;padding:18px!important}
html body .real-visual-card>*{grid-area:auto!important;position:static!important;min-width:0!important;width:auto;max-width:100%;transform:none!important}
html body .real-visual-card .visual-card-media{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;aspect-ratio:auto!important}
html body .real-visual-card .visual-card-media img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;object-fit:contain!important}
html body .real-visual-card h4,html body .real-visual-card p{width:100%!important;max-width:none!important;margin:0!important;word-break:normal!important;overflow-wrap:break-word!important}.real-visual-card .visual-badge{align-self:flex-start}
@container site69 (max-width:1100px){
html body .layout{display:block!important;width:calc(100% - 24px)!important;max-width:100%!important;padding-top:16px!important}html body .layout>main{min-width:0!important;width:100%!important}
html body .layout>.sidebar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:static!important;width:100%!important;gap:8px!important;white-space:normal!important;overflow:visible!important;padding:10px!important}
html body .layout>.sidebar h3{grid-column:1/-1!important;border:0!important;margin:0!important;padding:6px!important}html body .layout>.sidebar .side-link{min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-height:52px!important;line-height:1.4!important;padding:10px!important;gap:7px!important;align-items:center!important}
html body .game-hero{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:20px!important;padding:24px!important;min-height:0!important}html body .game-hero>div{min-width:0!important;max-width:100%!important;width:100%!important}html body .game-hero h1{font-size:38px!important;line-height:1.2!important;word-break:normal!important;overflow-wrap:normal!important}html body .hero-image{height:auto!important;min-height:0!important;max-height:none!important}html body .hero-image img{display:block;width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important}
html body :is(.visuals-deck.real-game-visuals,.today-learning-overview,.contact-layout,.contact-top65,.tournament-lower-v629){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}
html body .tabbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important}html body .tabbar button{flex:1 1 145px!important;min-width:0!important;white-space:normal!important;padding:12px!important}
html body :is(.two-col,.feature-row,.premium-mini-grid,.category-ribbon-grid,.home-flow-grid,.scenario-grid,.why){grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body .home-hero69{grid-template-columns:minmax(0,1fr)!important;padding:30px 24px!important}html body .home-art69 img{max-height:380px;width:auto;max-width:100%}html body .home-hero69 h1{font-size:44px}html body .section-title{flex-wrap:wrap!important;gap:12px!important}
html body :is(.card,.premium-card,.visual-deck-card,.today-learning-copy,.panel,.contact-card){min-width:0!important;max-width:100%!important}html body .cta{display:flex;flex-wrap:wrap;gap:10px}html body .cta .btn{white-space:normal!important;text-align:center}
}
@container site69 (max-width:600px){
html body .layout>.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body :is(.two-col,.feature-row,.premium-mini-grid,.category-ribbon-grid,.home-flow-grid,.scenario-grid,.why,.games-grid,.tournament-grid-v629,.infographic-grid,.infographic-examples,.on-image-gallery,.rules-premium-v629,.example-extra-strip,.new-example-grid){grid-template-columns:minmax(0,1fr)!important}
html body .game-hero{padding:18px!important}html body .game-hero h1{font-size:32px!important}html body .game-hero .hero-image img{max-height:290px!important}html body .home-hero69{padding:24px 18px!important;gap:22px}html body .home-hero69 h1{font-size:34px!important}html body .hero-description69{font-size:18px!important}html body .hero-stats69{gap:8px}html body .hero-stats69 div{padding-left:8px}html body .hero-stats69 dt{font-size:25px}html body .hero-stats69 dd{font-size:16px!important}html body .home-art69 img{max-height:340px}html body .hero-actions69 a{width:100%;justify-content:center}html body .real-visual-card h4{font-size:24px!important;line-height:1.3!important}html body .real-visual-card p{font-size:17px!important;line-height:1.6!important}html body .panel{padding:14px!important}html body .panel .rules-mini-grid{grid-template-columns:minmax(0,1fr)!important}html body .growth-bars>div{grid-template-columns:100px minmax(0,1fr) 35px!important}
html body .topbar.unified-header43 .nav{grid-template-columns:84px minmax(0,1fr)!important}html body .topbar.unified-header43 .unified-brand43{width:84px!important}html body .topbar.unified-header43 .unified-brand43 strong{font-size:15px!important}html body .account-controls68 select{max-width:124px!important}html body .account-row68{justify-content:flex-end!important;gap:6px!important}html body .account-row68 .auth-slot{flex-wrap:wrap!important}html body .account-row68 a{padding:8px 10px!important}
}