:root{--gradient:linear-gradient(110deg,#38bdea,#20a3d7);--gold:#219ccc}body{background:#f2fbff;color:#59869e}header{height:100px;background:#21a8d9;padding:10px 3.2%;gap:24px;border:0}.logo{background:white;border-radius:8px;padding:5px 9px}.logo img{width:173px;height:61px;object-fit:contain}.header-actions .outline{background:transparent;border:1px solid #d4f5ff;color:white;border-radius:5px}.header-actions .gold-button{background:linear-gradient(#49db75,#1ab54a);border:1px solid #64e38b;color:#fff;border-radius:5px;min-width:108px}.header-actions #menu-toggle{color:white}.search-field{width:270px}.search-field input{background:#ffffffec;color:#418bab;border-color:#c5eeff;border-radius:7px}.search-field b{color:#1aa3d2}.navigation{background:#21a8d9;border:0;height:52px;padding:0 3.2%;gap:3px}.navigation a,.navigation a:first-child{border-radius:0;box-shadow:none;min-height:43px;color:white;padding:12px 16px;font-size:12px}.navigation a:first-child{background:#fff;color:#239ec7}.navigation a:hover{background:#ffffff25;color:#fff}main{background:#f6fcff;max-width:1440px}.announcement{background:#20a8d9;color:#edfbff;border-top:1px solid #95dcef;padding:10px 3.2%}.announcement>span,.announcement>a{color:white}.sky-hero{min-height:330px;background:#28a7d0;border:0}.sky-hero>div{width:62%;padding:43px 0 34px 7%}.sky-hero h2{color:white;text-shadow:0 2px 6px #08719555}.sky-hero strong{color:#fff2ab;display:block;font-size:1.08em}.sky-hero p{color:#ceeffa}.sky-hero div>span{color:#e5f9ff}.sky-hero .gold-button{background:linear-gradient(#fff,#d5f6ff);color:#1584b0;border:1px solid #e8fbff;border-radius:6px;text-shadow:none}.features{padding-top:26px}.features h2{position:relative;isolation:isolate;border-bottom:3px solid #22a8d7;min-height:44px;padding:10px 13px;color:white;font-size:15px;font-weight:500}.features h2:before{content:'';position:absolute;inset:0 auto -1px 0;width:36%;min-width:270px;max-width:420px;background:#21a8d9;clip-path:polygon(0 0,78% 0,100% 100%,0 100%);z-index:-1}.features>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:21px 0;gap:0}.features a{display:flex;align-items:center;gap:12px;border-right:1px solid #a4d9ec;padding:8px 15px}.features a:last-child{border:0}.features a>span{display:grid;place-items:center;flex-shrink:0;width:52px;height:56px;background:linear-gradient(135deg,#f0fcff,#93d7f1,#dff8ff);border:1px solid #bee8f7;box-shadow:0 0 0 5px #e6f7ff;border-radius:13px;color:#43a7cf;font-size:32px}.features b{font-size:11px;color:#529fbb}.features small{display:block;font-size:9px;color:#85b6c8;margin-top:6px}.features a:hover{background:#e6f8ff}.page-title{padding-top:11px}.page-title h1{color:#219ec7}.page-title h1 span{color:#87b6c9}.section-heading h2{color:#319ec0}.filters button.selected{background:#24a9d7}.card-top{background:linear-gradient(100deg,#def5ff,#f2fcff)}.favorite{background:#d8f4ff;color:#59a9c9}.game-card .icon-cover{background:linear-gradient(145deg,#f2fcff,#d0effb,#f7feff)}.category-icon{color:#64b3d3}.game-card:hover .category-icon{color:#1f97bd}.game-card h3{color:#76a6ba}.about-brand img{width:275px;height:auto}.about-brand{background:radial-gradient(ellipse,#fff,#d7f4ff);border-color:#bae3f3}footer .logo{background:white;border-radius:7px;padding:6px 10px}footer .logo img{width:178px;height:auto}.guide h1{color:#299ec8}.guide h1 span{color:#7aaec3}
@media(max-width:1100px){header{gap:18px}.search-field{width:235px}.navigation a,.navigation a:first-child{font-size:10px;padding:12px 10px}.features a{padding:8px 10px;gap:10px}.features a>span{width:43px;height:47px;font-size:28px}.features b{font-size:10px}.features small{font-size:8px}}
@media(max-width:760px){header{height:80px;padding:8px 14px;gap:9px}.logo{padding:4px 7px;border-radius:6px}.logo img{width:140px;height:50px}.header-actions .gold-button{font-size:8px;min-width:0;padding:8px 11px}.navigation{top:80px;height:auto;padding:13px;background:#1f9fce;border:1px solid #9adbed}.navigation a,.navigation a:first-child{min-height:43px;color:#339fc4;background:#f1fcff;border-radius:5px;font-size:11px}.navigation a:hover{background:#dcf7ff;color:#218fb8}.sky-hero{min-height:300px}.sky-hero>div{padding:40px 0 25px 6%;width:71%}.sky-hero h2{font-size:28px}.sky-hero div>span{font-size:10px}.sky-hero .gold-button{font-size:8px;padding:9px 13px}.features{padding-top:22px}.features h2{font-size:13px;min-height:41px}.features h2:before{min-width:230px;width:75%}.features>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:17px 0}.features a{border:1px solid #c7e8f4;border-radius:9px;min-height:82px;background:#f3fcff;padding:12px 9px}.features a:last-child{border:1px solid #c7e8f4}.features a>span{width:35px;height:40px;font-size:24px;box-shadow:0 0 0 3px #e2f6ff}.features b{font-size:9px}.features small{font-size:8px;line-height:1.5}.about-brand img{width:235px}.mobile-bottom{background:linear-gradient(110deg,#d9f4ff,#f3fdff);border-color:#a4dcec}.mobile-bottom a{color:#31a1cb}.mobile-bottom span{color:#6da5bc}footer{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}}