:root{--sky:#eaf8ff;--ink:#27344d;--muted:#72809a;--card:#fff;--purple:#7567f8;--pink:#ff77a9;--mint:#65d7bf;--yellow:#ffd56a;--blue:#6ab7ff;--shadow:0 18px 50px rgba(67,82,125,.16)}html{background:var(--sky);color-scheme:light}body{margin:0;color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 7%,rgba(255,255,255,.95) 0 95px,transparent 96px),radial-gradient(circle at 87% 14%,rgba(255,255,255,.8) 0 78px,transparent 79px),linear-gradient(180deg,#cfeeff 0,#edf9ff 48%,#f7fbf3 72%,#eef7df 100%);min-height:100vh}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;filter:blur(.2px);pointer-events:none}body:before{width:460px;height:160px;background:rgba(255,255,255,.55);left:-120px;top:160px;transform:rotate(-8deg)}body:after{width:520px;height:180px;background:rgba(255,255,255,.45);right:-180px;top:410px;transform:rotate(9deg)}a{color:inherit}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:12px clamp(14px,3vw,34px);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(93,112,151,.1);box-shadow:0 6px 22px rgba(78,96,139,.08)}.site-logo{font-size:19px;font-weight:1000;letter-spacing:-.035em;text-decoration:none;color:#2d3151;white-space:nowrap}.site-logo span{color:var(--purple)}.site-search{flex:1;max-width:560px;position:relative}.site-search input{width:100%;height:46px;border:2px solid #d9e7f4;border-radius:17px;background:#fff;color:var(--ink);padding:0 16px 0 44px;font-size:14px;outline:none;box-shadow:0 5px 15px rgba(55,85,126,.06)}.site-search:before{content:"⌕";position:absolute;left:16px;top:8px;color:#91a2ba;font-size:24px}.site-search input:focus{border-color:#9b91ff;box-shadow:0 0 0 4px rgba(117,103,248,.1)}.site-nav{margin-left:auto;display:flex;gap:6px}.site-nav a{padding:10px 13px;border-radius:13px;text-decoration:none;color:#66748e;font-size:13px;font-weight:850}.site-nav a:hover{background:#f2efff;color:#5b4ef3}.portal{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:24px 0 62px}.hero-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px;margin-bottom:30px}.hero-feature,.mini-feature{box-shadow:var(--shadow);border:4px solid rgba(255,255,255,.88)}.hero-feature{min-height:345px;border-radius:32px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#7468f8 0,#8d72fa 48%,#69b8ff 100%)}.hero-feature:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.13);left:-80px;bottom:-90px}.hero-feature:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,216,112,.22);right:28%;top:-88px}.hero-copy{padding:38px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.2);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#fff;font-weight:950}.hero-copy h1{font-size:clamp(42px,6vw,72px);line-height:.92;margin:12px 0 14px;letter-spacing:-.06em;color:#fff;text-shadow:0 4px 0 rgba(57,46,170,.2)}.hero-copy p{max-width:560px;color:rgba(255,255,255,.9);font-size:16px;line-height:1.55;margin:0 0 22px;font-weight:650}.play-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 19px;border-radius:16px;font-weight:950;text-decoration:none;border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.play-button{background:#fff;color:#5548e8;box-shadow:0 8px 0 rgba(70,55,185,.25)}.play-button:hover,.secondary-button:hover{transform:translateY(-2px)}.secondary-button{background:rgba(255,255,255,.18);color:#fff;border:2px solid rgba(255,255,255,.3)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:290px}.hero-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#fff6b5 0,#ffd96f 38%,rgba(255,255,255,.08) 39%,rgba(255,255,255,0) 70%)}.hero-art img{width:min(300px,90%);height:auto;object-fit:contain;filter:drop-shadow(0 22px 17px rgba(53,45,139,.28));position:relative;z-index:1;transform:rotate(2deg)}.mini-feature{border-radius:32px;padding:24px;background:linear-gradient(160deg,#ff8abc,#ff72a6 52%,#ffb86c);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.mini-feature:after{content:"MATCH 3";position:absolute;right:-13px;top:44px;transform:rotate(12deg);font-size:42px;font-weight:1000;color:rgba(255,255,255,.14);letter-spacing:-.06em}.mini-feature .kicker{background:rgba(255,255,255,.22)}.mini-feature h2{font-size:30px;margin:9px 0;color:#fff;letter-spacing:-.04em}.mini-feature p{color:rgba(255,255,255,.9);line-height:1.45;margin:0 0 12px;font-weight:650}.mini-feature img{width:150px;height:150px;object-fit:contain;align-self:center;filter:drop-shadow(0 16px 12px rgba(129,45,81,.25));z-index:1}.mini-feature .secondary-button{background:#fff;color:#dc4b84;border:0;box-shadow:0 7px 0 rgba(177,50,101,.18)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:30px 0 14px}.section-head h2{margin:0;font-size:29px;letter-spacing:-.035em;color:#303852}.section-head span{color:var(--muted);font-size:13px;font-weight:700}.category-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:7px}.category-tabs button{border:2px solid #d9e6f1;background:rgba(255,255,255,.82);color:#6b7891;border-radius:999px;padding:10px 16px;white-space:nowrap;cursor:pointer;font-weight:900;box-shadow:0 5px 12px rgba(82,104,143,.06)}.category-tabs button.active,.category-tabs button:hover{background:#6558ef;color:#fff;border-color:#6558ef}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{position:relative;overflow:hidden;min-height:265px;border-radius:27px;background:#fff;border:4px solid rgba(255,255,255,.95);text-decoration:none;box-shadow:0 13px 30px rgba(75,94,133,.13);transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 20px 38px rgba(75,94,133,.2)}.game-thumb{height:182px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-card:nth-child(1) .game-thumb{background:linear-gradient(145deg,#7c6bf8,#63b9ff)}.game-card:nth-child(2) .game-thumb{background:linear-gradient(145deg,#ff8fba,#ffbf68)}.game-card:nth-child(3) .game-thumb{background:linear-gradient(145deg,#52d6c6,#55aaff)}.game-card:nth-child(4) .game-thumb{background:linear-gradient(145deg,#7dd9ff,#89d98e)}.game-card:nth-child(5) .game-thumb{background:linear-gradient(145deg,#ffc95d,#ff8a7c)}.game-card:nth-child(6) .game-thumb{background:linear-gradient(145deg,#8bdf98,#58c8a8)}.game-card:nth-child(7) .game-thumb{background:linear-gradient(145deg,#b28cff,#6679f6)}.game-thumb:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;background:rgba(255,255,255,.2);box-shadow:0 0 0 25px rgba(255,255,255,.06)}.game-thumb img{width:148px;height:148px;object-fit:contain;transition:transform .2s ease;filter:drop-shadow(0 14px 10px rgba(52,55,107,.2));position:relative;z-index:2}.game-card:hover .game-thumb img{transform:scale(1.09) rotate(2deg)}.game-tag{position:absolute;top:12px;left:12px;z-index:3;border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.88);color:#49546a;font-size:9px;letter-spacing:.08em;font-weight:950;box-shadow:0 4px 10px rgba(45,58,91,.12)}.game-info{padding:15px 16px 17px}.game-info h3{margin:0 0 5px;font-size:18px;letter-spacing:-.025em}.game-info p{color:#77839a;margin:0;font-size:12px;line-height:1.45;font-weight:600}.game-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#94a0b3;font-size:10px;font-weight:900}.game-meta b{color:#5f51eb}.seo-section{margin-top:44px;padding:32px;border-radius:28px;background:rgba(255,255,255,.8);border:3px solid #fff;box-shadow:0 13px 32px rgba(75,94,133,.1)}.seo-section h2,.seo-section h3{margin-top:0;color:#34405a}.seo-section p,.seo-section li{color:#718097;line-height:1.72}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-box{padding:19px;border-radius:20px;background:#f6fbff;border:1px solid #e7f0f7}.site-footer{padding:28px 16px;text-align:center;color:#8190a8;font-size:12px;border-top:1px solid rgba(105,128,165,.12);background:rgba(255,255,255,.45)}@media(max-width:980px){.hero-row{grid-template-columns:1fr}.mini-feature{min-height:250px;display:grid;grid-template-columns:1fr 150px;align-items:center}.mini-feature .secondary-button{grid-column:1/-1}.game-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.site-header{gap:10px;padding:10px 12px}.site-logo{font-size:16px}.site-nav{display:none}.site-search input{height:42px}.portal{width:min(100% - 18px,1240px);padding-top:14px}.hero-feature{grid-template-columns:1fr;min-height:0}.hero-copy{padding:26px 23px 8px}.hero-copy h1{font-size:48px}.hero-art{min-height:210px}.hero-art img{width:220px}.mini-feature{grid-template-columns:1fr 110px;padding:20px}.mini-feature img{width:110px;height:110px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{min-height:220px;border-radius:22px}.game-thumb{height:145px}.game-thumb img{width:112px;height:112px}.game-info{padding:12px}.game-info p{display:none}.seo-section{padding:22px}.seo-grid{grid-template-columns:1fr}}@media(max-width:420px){.game-grid{grid-template-columns:1fr 1fr}.game-card{min-height:195px}.game-thumb{height:128px}.game-thumb img{width:98px;height:98px}.game-info h3{font-size:15px}.game-meta span{display:none}}