*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:linear-gradient(135deg,#fff9cf,#ffe5a4 55%,#fffce7);color:#423a22;font:16px/1.75 system-ui,-apple-system,Segoe UI,Arial,sans-serif;padding-bottom:85px}a{color:#137337;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 24px}.panel{border:1px solid rgba(139,120,42,.17);border-radius:19px;background:#fffdf0;box-shadow:0 10px 28px #836b1920;padding:23px}.top{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#ffeb9f,#ffcf65);box-shadow:0 3px 10px #674b1426}.top-inner{max-width:1440px;padding:8px 24px;margin:auto;display:grid;grid-template-columns:210px 1fr auto auto;gap:18px;align-items:center;min-height:78px}.brand img{width:193px;height:auto;display:block}.nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.nav a{padding:7px 10px;font-weight:700;color:#245c2c;border-radius:10px;font-size:14px}.nav a:hover,.nav a:focus-visible,.nav a[aria-current]{background:#2ab84b;color:#fff;text-decoration:none}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#09c72d,#5ade1b);color:#113b1a;font-weight:800;min-height:46px;padding:10px 21px;box-shadow:0 6px 14px #3b8f2430}.btn:hover{filter:brightness(1.05);text-decoration:none;transform:translateY(-2px)}.menu-toggle{display:none;cursor:pointer;border:1px solid #267a3e;border-radius:9px;background:#fff8d1;min-width:45px;min-height:45px;font-size:22px}.skip{position:absolute;transform:translateY(-300%);z-index:200;background:#fff;padding:8px}.skip:focus{transform:translateY(0)}.homepage{padding-top:22px;padding-bottom:30px}.hero{padding:12px;overflow:hidden}.slide{position:relative;overflow:hidden;border-radius:13px}.slide[hidden]{display:none}.slide>img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.hero-copy{position:absolute;left:5%;top:16%;max-width:42%;padding:20px;background:#fffbe5df;border-radius:17px}.hero-copy h1,.hero-copy h2{font-size:clamp(28px,4vw,55px);line-height:1.15;margin:12px 0;color:#117b35}.eyebrow{display:inline-block;color:#448c19;font-size:12px;font-weight:900;letter-spacing:1.5px}.slider-controls{display:flex;align-items:center;gap:9px;justify-content:center;padding:12px}.slider-controls button{min-width:36px;min-height:36px;cursor:pointer;border:1px solid #d8bd75;border-radius:10px;background:#fff}.slider-controls button[aria-pressed=true]{background:#2fc72e}.quickcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.quick{display:flex;flex-direction:column;gap:8px;background:#fff5be;transition:transform .18s}.quick strong{font-size:23px}.quick:hover,.game:hover{transform:translateY(-3px);text-decoration:none}.section{margin:22px 0}.section h2{margin:3px 0 10px;color:#116f36}.game-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:24px 0}.game{overflow:hidden;border-radius:13px;background:#fff2ac;border:2px solid #ffda5b;display:flex;flex-direction:column;transition:transform .18s}.game img{aspect-ratio:380/450;object-fit:cover;width:100%}.game span{color:#4e3e22;text-align:center;font-size:12px;font-weight:800;line-height:1.35;padding:8px 3px}.categories{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#ffe9a5;border:1px solid #e7ba53;border-radius:10px;padding:9px 14px;font-weight:750}.lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.line{background:linear-gradient(140deg,#fcffda,#dff7b9)}.line h2{font-size:21px;color:#147b3b}.body-columns{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(235px,1fr);gap:20px;margin:24px 0}.content-area,.sidebar{min-width:0}.sidebar>.panel{margin-bottom:18px}.sidebar img{border-radius:13px}.copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.copy-grid>h2{background:#f4ffdf;border:1px solid #d6eab6;border-bottom:0;border-radius:14px 14px 0 0;padding:16px 17px 0;margin:0;color:#146e39;font-size:20px}.copy-grid>p{background:#f4ffdf;border:1px solid #d6eab6;border-top:0;border-radius:0 0 14px 14px;padding:0 17px 18px;margin:-16px 0 0;line-height:1.8}.copy-grid>p+p{margin:-16px 0 0;border-radius:14px;padding-top:15px;border-top:1px solid #d6eab6}.copy-grid>h2{grid-column:1/-1}.copy-grid>p{grid-column:1/-1}.inner{padding-top:30px;padding-bottom:30px}.inner-heading h1{font-size:clamp(29px,3.5vw,47px);line-height:1.2;margin:12px 0;color:#137638}.inner-heading{background:linear-gradient(100deg,#f7ffd8,#fff2c2)}.main-entry{margin-bottom:20px;background:#eaffd5}.main-entry h2{margin:8px 0}.backhome{display:block;font-size:18px;font-weight:800;margin:20px 0}.mobile-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:23px}.mobile-feature img{border-radius:16px;width:100%}details{border-bottom:1px solid #ead28b;padding:13px}summary{cursor:pointer;font-weight:750}.footer{background:#194d30;color:#e7f7d9;padding:40px 0 110px}.footgrid{max-width:1450px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:12px}.footer .panel{background:#1e5c38;color:#e7f7d9;border-color:#45875a;box-shadow:none}.footer h2{font-size:19px;margin-top:0;color:#ffe395}.footcol a{display:block;color:#e7f7d9;padding:5px 0}.footcol a:hover{color:#fff19b}.pill{font-size:11px;display:inline-block;margin:3px;padding:3px 8px;border-radius:20px;background:#2c744c}.footbottom{display:flex;justify-content:space-between;gap:25px;margin-top:25px;flex-wrap:wrap}.footbottom a{color:#fff1ac;margin:0 7px}.bottom-actions{position:fixed;z-index:101;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:14px;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:#f8e29df2;box-shadow:0 -2px 10px #705b2b28}.bottom-actions a{min-width:170px;text-align:center;border-radius:12px;background:#29c933;color:#123d18;font-weight:900;padding:10px}.floating{position:fixed;right:16px;bottom:105px;z-index:90;display:flex;flex-direction:column;gap:8px}.floating a{border-radius:50%;background:#24ac4c;color:white;width:43px;height:43px;display:grid;place-items:center;font-size:25px;box-shadow:0 2px 9px #175d282e}@media(max-width:1180px){.game-grid{grid-template-columns:repeat(4,1fr)}.top-inner{grid-template-columns:180px 1fr auto auto}.brand img{width:175px}.nav a{font-size:12px;padding:6px}.footgrid{grid-template-columns:repeat(3,1fr)}.footbrand{grid-column:1/-1}}@media(max-width:960px){.top-inner{grid-template-columns:minmax(90px,1fr) auto auto;gap:8px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#ffeb9c;padding:14px 18px;max-height:70vh;overflow:auto;box-shadow:0 8px 16px #65501d33;flex-direction:column}.nav.open{display:flex}.nav a{font-size:16px;padding:11px}.menu-toggle{display:block}.top-action{font-size:13px;padding:8px 11px}.brand img{width:175px}.body-columns{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lines{grid-template-columns:1fr}.hero-copy{top:9%;max-width:54%}.footgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{font-size:15px}.wrap{padding:0 13px}.top-inner{padding:7px 12px}.brand img{width:125px}.top-action{font-size:12px;min-height:42px;padding:6px 9px}.panel{padding:17px;border-radius:14px}.hero{padding:7px}.slide>img{aspect-ratio:3/3;object-fit:cover;object-position:68%}.hero-copy{left:4%;top:auto;bottom:4%;right:4%;max-width:none;padding:12px 14px;background:#fff9dbed}.hero-copy h1,.hero-copy h2{font-size:26px;margin:4px 0}.hero-copy p{font-size:13px;margin:7px 0}.hero-copy .btn{font-size:13px;min-height:38px;padding:5px 12px}.quickcards{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(2,1fr)}.sidebar,.mobile-feature{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.bottom-actions a{min-width:0;flex:1}.floating{right:8px;bottom:100px;flex-direction:row}.floating a{width:36px;height:36px;font-size:21px}.copy-grid{grid-template-columns:1fr}.footer{padding-bottom:125px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible{outline:3px solid #1659d9;outline-offset:3px}
/* v1.2: generated illustrated banners include typography, so preserve image rather than obscuring it. HTML remains semantic and clickable. */
.hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;padding:12px 17px;background:#f8ffe2;border-radius:0 0 13px 13px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-copy h1,.hero-copy h2{font-size:clamp(21px,2.5vw,29px);margin:0}.hero-copy p{flex:1 1 260px;margin:0}.hero-copy .eyebrow{display:none}
@media(max-width:600px){.slide>img{aspect-ratio:1200/630;object-position:center}.hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;padding:12px;gap:8px}.hero-copy h1,.hero-copy h2{font-size:21px}.hero-copy p{font-size:13px}.hero-copy .btn{min-height:42px}}