:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--muted:#64748b;--muted-soft:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--primary:#0f172a;--primary-foreground:#fff;--ring:#0f172a1f;--success:#16a34a}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--background);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.section-header,.game-footer,.footer-currencies{align-items:center;display:flex}.topbar-left,.topbar-actions,.footer-currencies{gap:8px}.brand-mark{align-items:center;gap:10px;display:inline-flex}.brand-icon{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;line-height:1.15;overflow:hidden}.brand-mark small{color:var(--muted);font-size:12px;line-height:1.2}.button,.icon-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:36px;font-size:13px;font-weight:600;display:inline-flex}.button{border:1px solid #0000;gap:7px;padding:0 12px}.button-primary{background:var(--primary);color:var(--primary-foreground)}.button-outline{border-color:var(--border);background:var(--card);color:#334155}.icon-button{border:1px solid var(--border);background:var(--card);color:#334155;width:36px}.button:hover,.icon-button:hover,.menu-link:hover,.category-pill:hover,.quick-action:hover,.language-select:hover{box-shadow:0 0 0 3px var(--ring)}.mobile-menu{display:none}.page-shell{grid-template-columns:232px minmax(0,1fr);gap:24px;width:min(1220px,100vw - 48px);margin:24px auto 0;display:grid}.sidebar{align-self:start;gap:16px;display:grid;position:sticky;top:88px}.quick-action,.language-select,.content-card,.promo-card{border:1px solid var(--border);background:var(--card);border-radius:8px}.quick-action{color:#334155;align-items:center;gap:10px;height:42px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.quick-action svg,.menu-link svg,.category-pill svg{color:#475569}.menu-group{align-content:start;gap:6px;display:grid}.menu-heading{color:var(--muted);text-transform:uppercase;padding:0 4px;font-size:12px;font-weight:700}.menu-links{align-content:start;gap:3px;display:grid}.menu-link{color:#334155;border-radius:8px;align-items:center;gap:10px;min-height:34px;padding:0 8px;font-size:14px;display:flex}.language-select{height:38px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.main-content{gap:20px;min-width:0;padding-bottom:48px;display:grid}.promo-grid{grid-template-columns:minmax(300px,1.25fr) repeat(3,minmax(160px,1fr));gap:16px;display:grid}.promo-card{min-height:214px;display:grid;position:relative;overflow:hidden}.promo-primary{min-height:286px}.image-placeholder{border-bottom:1px solid var(--border);background:linear-gradient(135deg, #0f172a0d, #0f172a1f), linear-gradient(45deg, transparent 0 46%, #ffffff8c 46% 54%, transparent 54% 100%), var(--muted-soft);min-height:130px}.promo-primary .image-placeholder{min-height:190px}.promo-content{align-content:end;gap:8px;padding:14px;display:grid}.promo-content h2{margin:0;font-size:20px;line-height:1.16}.promo-primary .promo-content h2{font-size:26px}.promo-content p{color:var(--muted);margin:0;font-size:13px}.badge{background:var(--muted-soft);color:#475569;text-transform:uppercase;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.category-bar{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--border);background:var(--card);color:#334155;border-radius:8px;flex:none;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.category-pill.is-active{background:var(--primary);color:var(--primary-foreground)}.category-pill.is-active svg{color:var(--primary-foreground)}.content-card{overflow:hidden}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:16px}.section-header h2{margin:0;font-size:16px;line-height:1.25}.section-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.game-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px;display:grid}.game-card{gap:8px;min-width:0;display:grid}.game-thumb{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:0;position:relative;overflow:hidden}.game-image{aspect-ratio:1;border-bottom:0;min-height:auto}.play-overlay{border:1px solid var(--border);color:#334155;background:#ffffffe0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;bottom:8px;right:8px}.game-meta{gap:2px;display:grid}.game-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.game-meta span,.game-footer{color:var(--muted);font-size:12px}.game-footer{gap:5px}.players-dot{background:var(--success);border-radius:999px;width:7px;height:7px}.footer-copy,.footer-columns a{color:var(--muted)}.footer{border-top:1px solid var(--border);gap:22px;padding:24px 0 0;display:grid}.footer-top{grid-template-columns:minmax(180px,1fr) 2.4fr;gap:24px;display:grid}.footer-brand,.footer-columns section{align-content:start;gap:12px;display:grid}.footer-socials{flex-wrap:wrap;gap:8px;display:flex}.footer-socials span{border:1px solid var(--border);color:#334155;border-radius:8px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.footer-columns{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid}.footer-columns a{font-size:13px}.footer-currency-section{gap:10px;display:grid}.footer-currencies{flex-wrap:wrap;justify-content:flex-start}.footer-copy{max-width:860px;font-size:13px;line-height:1.5}.footer-copy p{margin:0}@media (max-width:900px){.page-shell{grid-template-columns:1fr;width:min(100% - 32px,900px)}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.quick-action,.language-select{grid-column:1/-1}.promo-grid{grid-template-columns:minmax(280px,1fr) repeat(3,minmax(180px,.7fr));padding-bottom:2px;overflow-x:auto}.promo-card{min-width:220px}.promo-primary{min-width:340px}.game-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1120px) and (min-width:901px){.page-shell{grid-template-columns:220px minmax(0,1fr);gap:18px;width:min(100% - 32px,1060px)}.promo-grid{grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(150px,1fr));gap:12px}.game-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.topbar{padding:0 12px}.brand-mark small{display:none}.mobile-menu{display:inline-flex}.topbar-actions{gap:6px}.button{padding:0 10px}.page-shell{width:calc(100% - 24px);margin-top:16px}.sidebar{display:none}.promo-grid{grid-template-columns:82vw 68vw 68vw 68vw;gap:12px}.promo-primary,.promo-card{min-height:230px}.promo-primary .image-placeholder,.image-placeholder{min-height:140px}.game-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.footer{gap:18px}.footer-top{grid-template-columns:1fr}.footer-currencies{justify-content:flex-start}}@media (max-width:440px){.brand-mark>span:last-child{display:none}.topbar-actions .button{padding:0 8px;font-size:12px}}