@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}

/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}:root{--fontBody:"Proxima Nova","Open Sans","Gill Sans MT","Gill Sans","Noto Sans Arabic",Arial,sans-serif;--tileFontSize:12px;--fontTorus:"Torus","Noto Sans Arabic",sans-serif;--bezier:cubic-bezier(.25,.1,.25,1);--cellSize:94px;--cellSpacing:16px;--maxPageWidth:1860px;--shadow-angle:1px 2px 3px 1px #5d6b8433;--shadow-close:0px 3px 5px 3px #5d6b8433;--shadow-mid:0px 7px 10px 4px #5d6b844d;--shadow-hover:0px 12px 16px 8px #5d6b844d;--shadow-far:0px 20px 24px 14px #5d6b843d}body{margin:0;padding:0;overflow-x:hidden}main{flex-direction:column;align-items:center;max-width:100vw;margin:0 auto;padding:0;display:flex}.container,main{box-sizing:border-box;width:100%}.container{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));grid-auto-rows:94px;grid-auto-flow:dense;justify-content:center;gap:16px;max-width:100%;padding:20px;display:grid;overflow-x:hidden}#gameGrid{min-height:50vh}.item{aspect-ratio:1;box-shadow:var(--shadow-mid);transition:transform .6s var(--bezier),box-shadow .6s var(--bezier);transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform,box-shadow;background-size:100% 100%;border-radius:16px;width:94px;height:94px;display:block;position:relative;overflow:hidden}.item.span-2x2{grid-area:span 2/span 2;width:204px;height:204px}.item.span-3x3{grid-area:span 3/span 3;width:314px;height:314px}.item:hover{box-shadow:var(--shadow-hover);opacity:1;transform:scale(1.17)}.item:nth-child(2):hover{transform:scale(1.085)}.item:nth-child(5):hover{transform:scale(1.057)}.item:nth-child(6):hover{transform:scale(1.043)}.item:after{contain:strict;content:"";opacity:0;height:100%;transition:opacity .3s var(--bezier);will-change:opacity;z-index:5;background:linear-gradient(#0000 25%,#0000004d);border-radius:16px;width:100%;position:absolute;bottom:0;left:0}.item:hover:after{opacity:1}.item img,.item video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.item video{opacity:0;transition:opacity .3s}.item:hover video{opacity:1}.name-overlay{color:#fff;width:100%;font:700 var(--tileFontSize,12px)/1.3 var(--fontBody);z-index:6;-webkit-font-smoothing:antialiased;opacity:0;pointer-events:none;text-align:center;transition:transform .3s var(--bezier),opacity .3s var(--bezier);box-sizing:border-box;text-shadow:0 1px 3px #0000004d;min-height:calc(var(--tileFontSize,12px)*1.3);max-height:calc(var(--tileFontSize,12px)*1.3*2);border-radius:8px;justify-content:center;align-items:center;height:auto;display:flex;position:absolute;bottom:0;overflow:hidden}.name-overlay span{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;width:100%;line-height:1.3;display:-webkit-box;overflow:hidden}.item:hover .name-overlay{opacity:1}.item:nth-child(2),.item:nth-child(5),.item:nth-child(6){width:100%;height:100%}.item:nth-child(2){grid-area:span 2/span 2}.item:nth-child(5){grid-area:span 3/span 3}.item:nth-child(6){grid-area:span 4/span 4}.item:nth-child(2) .name-overlay,.item:nth-child(5) .name-overlay,.item:nth-child(6) .name-overlay{font:700 16px/1.3 var(--fontBody)}#categoryGrid{margin-top:20px;margin-bottom:20px}.category-item{background-color:#f0f0f0;border-radius:8px;grid-column:span 2;grid-template-columns:94px 1fr;min-height:94px;display:grid;position:relative;overflow:hidden}.category-item.featured{grid-row:span 2;grid-template-columns:1fr}.category-item img{object-fit:cover;width:100%;height:100%}.category-name{color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;align-self:center;padding:8px;font-size:14px;display:-webkit-box;position:relative;overflow:hidden}.category-item.featured .category-name{color:#fff;background:#000000b3;position:absolute;bottom:0;left:0;right:0}.category-item.featured img{grid-column:1/-1}.about-section{background-color:#fff;border-radius:8px;max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 2px 4px #0000001a}.about-title{color:#333;margin-bottom:16px;font-size:24px;font-weight:700}.about-section h1{color:#222;margin-bottom:24px;font-size:32px}.about-section h3{color:#333;margin:24px 0 16px;font-size:20px}.about-content{color:#666;line-height:1.6}.about-content p,.about-content ul{margin-bottom:16px}.about-content ul{margin-left:20px;list-style-type:disc}.about-content li{margin-bottom:8px}.footer{background-color:#f8f8f8;margin-top:40px;padding:40px 0}.footer-content{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.footer-content,.footer-logo{align-items:center;display:flex}.footer-logo{gap:12px}.footer-tagline{color:#666;font-size:14px}.footer-links{gap:24px;display:flex}.footer-links a{color:#666;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#333}.language-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.flag-icon{width:20px;height:20px}.language-button:hover{background-color:#f0f0f0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}