:root{--yellow:#ffdf37;--gold:#f3b23a;--ink:#24251e;--green:#50db11;--paper:#fffdf3;--muted:#7a7b6c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#ececde}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #18814a;outline-offset:3px}[hidden]{display:none!important}.site-shell{max-width:1100px;margin:auto;background:var(--paper);min-height:100dvh;box-shadow:0 0 80px #635a2620}.download-bar{display:flex;align-items:center;gap:12px;padding:10px 28px;background:#202620;color:#fff}.app-badge{width:35px;height:35px;display:grid;place-items:center;position:relative;background:linear-gradient(140deg,#ffed64,#ecad19);color:#25271d;font-weight:900;font-style:italic;font-size:26px;border-radius:8px}.app-badge>span{font-size:16px;position:absolute;right:0;top:0}.download-bar strong{font-size:11px;letter-spacing:1px}.download-bar small{display:block;font-size:10px;color:#bfc6b7;margin-top:3px}.download{margin-left:auto;padding:8px 12px;background:var(--yellow);color:#292f1b;border-radius:5px;font-size:10px;font-weight:700}.download>span{margin-left:8px}.download-bar button{border:0;background:none;color:#b1b8a7;font-size:23px;padding:0 2px}.main-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:15px;padding:18px 28px;background:radial-gradient(ellipse at 30% 0,#fff2a1,#f7cf44);box-shadow:0 3px 12px #ac8b1520}.menu-toggle{border:0;background:none;padding:0;display:grid;place-items:center}.menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.brand img{width:190px;height:auto;display:block}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.login,.register{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:7px;font-size:12px;font-weight:800}.login{border:1px solid #5d52165e;background:#fff5c577}.register{background:linear-gradient(#71ed23,#3ecb0e);border:1px solid #30b408;box-shadow:0 3px 0 #278c08;color:#113c08}.drawer{display:flex;gap:24px;padding:18px 28px;background:#fff2b2;font-size:13px}.invite-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 28px;background:linear-gradient(90deg,#76ed06,#adff37);font-size:12px;font-weight:700}.invite-strip b{margin-right:9px}.invite-strip>a{background:#202a16;color:white;border-radius:5px;padding:7px 12px;font-size:10px}.invite-strip>a span{margin-left:18px}main{padding:18px 28px 0}.carousel{position:relative;border-radius:12px;overflow:hidden;background:#d3cb81;box-shadow:0 8px 25px #796c2220}.carousel img{width:100%;height:auto;display:block;aspect-ratio:1249/546;object-fit:cover}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:29px;height:38px;border:0;background:#18251666;color:#fff;font-size:28px;border-radius:5px;display:grid;place-items:center;padding:0}.previous{left:9px}.next{right:9px}.slide-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#0003;padding:5px 7px;border-radius:20px}.slide-dots button{width:6px;height:6px;border:0;border-radius:20px;background:#fff7;padding:0}.slide-dots button.active{width:20px;background:#fff}.notice{display:flex;align-items:center;gap:10px;margin:12px 0;color:#716a42}.notice>span:first-child{font-size:23px;color:#b29320}.notice p{margin:0;font-size:11px;line-height:1.5}.age-tag{font-size:9px;border:1px solid #b7ab6a;border-radius:30px;padding:4px 6px;margin-left:auto}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#fff4c6,#fff9e1);border:1px solid #e7d687;border-radius:11px;padding:16px 0;margin:19px 0 31px}.quick-links a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;border-right:1px solid #e5d99c}.quick-links a:last-child{border-right:0}.quick-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(#ffea78,#efbc2e);border:1px solid #d4a728;color:#79561b;font-size:24px;box-shadow:0 3px 0 #d3a02c}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:19px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#a38b39;font-weight:700}h1,h2{margin:6px 0 0;font-size:27px;letter-spacing:-.8px}.section-title h1>span,.section-title h2>span{color:#daa919;font-size:19px;margin-left:10px}.section-count,.section-title>a{font-size:10px;color:#7f7f62}.categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:0 0 5px}.categories button{border:1px solid #e0d69c;background:#fffbed;color:#82754b;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap;min-height:36px;padding:0 22px;flex:1}.categories button.active{background:linear-gradient(120deg,#f6cc40,#ffeda1);border-color:#debe4f;color:#322b12}.game-toolbar{display:flex;align-items:center;gap:12px;margin:14px 0 18px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5dfc1;border-radius:8px;height:40px;padding:0 13px;flex:1;min-width:0}.search svg{width:19px;height:19px;fill:none;stroke:#a4a087;stroke-width:1.7}.search input{border:0;outline:0;width:100%;min-width:0;height:100%;background:none;color:#444b32;font-size:12px}.search input::placeholder{color:#aaa78e}.favorites{border:1px solid #e6d894;background:#fff4c0;color:#b48a20;border-radius:8px;font-size:26px;height:40px;width:43px}.favorites[aria-pressed=true]{background:#ffe26a;color:#8c5a09}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.game-card{position:relative;min-width:0}.game-image{display:block;position:relative;overflow:hidden;background:#e9dfb4;border-radius:11px;aspect-ratio:.85;box-shadow:0 5px 12px #8271321a}.game-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .2s}.game-image:hover img{transform:scale(1.04)}.hot-label{position:absolute;top:0;left:0;z-index:1;border-radius:0 0 5px 0;color:white;background:#ef5d2b;font-size:8px;padding:4px 6px;font-weight:700}.game-save{position:absolute;right:5px;top:5px;z-index:2;background:#172b2677;border:0;color:#fff;border-radius:50%;height:25px;width:25px;font-size:19px;padding:0}.game-save[aria-pressed=true]{color:#ffdf42}.game-card h3{font-size:11px;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.game-provider{font-size:8px;color:#9b987f}.availability,.terms-note{font-size:9px;line-height:1.7;color:#939079;margin:18px 0 0}.empty,.loading{color:#8f8969;font-size:12px;text-align:center;padding:25px}.promotions-section{margin:43px 0 34px}.promotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promotion-grid>a{background:#fff9df;border:1px solid #e5dba9;border-radius:11px;overflow:hidden}.promotion-grid img{display:block;width:100%;height:240px;object-fit:cover;object-position:top;background:#d8d0aa}.promotion-grid>a>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px;font-size:12px}.promotion-grid>a>div>span{font-size:10px;color:#a28b31}.join-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:12px;border:1px solid #e4ce75;padding:35px;background:radial-gradient(ellipse at 10% 0,#fff6be,transparent),linear-gradient(115deg,#f8df7e,#f0c945)}.join-banner .eyebrow{color:#89742c}.join-banner h2{font-size:33px;line-height:1.05}.join-banner p{font-size:11px;color:#8c792d;margin-bottom:0}.join-banner a{padding:14px 24px;gap:25px}footer{text-align:center;padding:38px 15px 115px}footer img{display:block;margin:0 auto 22px;object-fit:contain}footer strong{display:block;font-size:10px;letter-spacing:1px;color:#6b6d55}footer p{font-size:10px;color:#939581;line-height:1.8;max-width:530px;margin:11px auto}footer>a{display:block;font-size:10px;color:#8b7b30;margin-top:18px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1100px);height:75px;background:#fff8dcf5;backdrop-filter:blur(15px);border-top:1px solid #e5d79b;box-shadow:0 -4px 22px #6b5a1912;display:grid;grid-template-columns:repeat(5,1fr);z-index:10;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#a7a18a}.bottom-nav svg{width:23px;height:23px;fill:currentColor}.bottom-nav>a.selected{color:#96721d}.bottom-nav .invite-center{color:#766120}.invite-center>span{margin-top:-35px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:4px solid #fff8dc;background:linear-gradient(140deg,#ffe66b,#e7b325);box-shadow:0 0 0 1px #dfc269}.invite-center svg{width:25px;height:25px;fill:#6c4d10}@media(max-width:650px){.download-bar{padding:8px 12px;gap:9px}.download-bar small{font-size:8px}.download{font-size:9px;padding:8px}.main-header{padding:13px 12px;gap:11px}.brand img{width:135px}.menu-toggle svg{width:20px}.header-actions{gap:6px}.login,.register{font-size:10px;padding:9px 12px}.drawer{padding:14px;font-size:11px;gap:15px}.invite-strip{padding:9px 12px;font-size:9px}.invite-strip>a{font-size:8px;padding:6px 8px}.invite-strip>a span{margin-left:5px}.invite-strip b{margin-right:4px}main{padding:12px 12px 0}.carousel{border-radius:8px}.slide-arrow{width:21px;height:29px;font-size:21px}.previous{left:5px}.next{right:5px}.slide-dots{bottom:6px;padding:3px 5px}.slide-dots button{height:4px;width:4px}.slide-dots button.active{width:13px}.notice{gap:7px;margin:10px 0}.notice p{font-size:9px}.notice>span:first-child{font-size:18px}.age-tag{font-size:8px;padding:3px 5px}.quick-links{padding:13px 0;margin:14px 0 26px}.quick-links a{flex-direction:column;gap:8px;font-size:9px}.quick-icon{width:31px;height:31px;font-size:21px}.section-title{margin-bottom:14px}.eyebrow{font-size:6px;letter-spacing:1.4px}h1,h2{font-size:22px}.section-title h1>span,.section-title h2>span{font-size:15px;margin-left:8px}.section-count,.section-title>a{font-size:8px}.categories{gap:6px}.categories button{min-height:31px;padding:0 14px;font-size:8px;flex:none}.game-toolbar{gap:8px;margin:10px 0 14px}.search{height:34px;gap:8px;padding:0 10px}.search input{font-size:10px}.search svg{width:16px;height:16px}.favorites{height:34px;width:36px;font-size:23px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.game-image{border-radius:8px;aspect-ratio:.83}.game-card h3{font-size:10px;margin:7px 0 3px}.game-provider{font-size:7px}.hot-label{font-size:7px;padding:3px 5px}.game-save{height:23px;width:23px;font-size:17px}.availability,.terms-note{font-size:8px;margin-top:15px}.promotions-section{margin:32px 0 26px}.promotion-grid{gap:10px}.promotion-grid img{height:190px}.promotion-grid>a>div{padding:11px 9px;gap:6px;flex-direction:column;align-items:flex-start;font-size:10px}.promotion-grid>a>div>span{font-size:8px}.join-banner{padding:22px;gap:17px;flex-wrap:wrap}.join-banner h2{font-size:29px}.join-banner .register{padding:12px 18px;gap:30px}.join-banner p{font-size:10px}.bottom-nav{height:68px}.bottom-nav>a{font-size:9px}.bottom-nav svg{width:22px;height:22px}.invite-center>span{height:54px;width:54px;margin-top:-32px}.invite-center svg{height:24px;width:24px}footer{padding-top:30px}footer p{font-size:9px}}@media(max-width:350px){.brand img{width:110px}.main-header{gap:8px}.header-actions .login,.header-actions .register{padding:8px 9px;font-size:9px}.promotion-grid img{height:155px}.section-count{font-size:7px}.invite-strip{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-image img{transition:none}}