@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@600;700;800&display=swap");:root{--ink:#172033;--muted:#667085;--line:#dfe5eb;--paper:#fbfcf8;--panel:#ffffff;--navy:#1b2f48;--teal:#27b6aa;--coral:#f26d57;--lime:#b8d957;--blue:#4d8de8;--violet:#7d68d9;--shadow:0 18px 42px rgba(23,32,51,.12)}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{margin:0;background:#eef3f1;color:var(--ink);font-family:Nunito,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.appShell{min-height:100vh;padding:18px clamp(16px,4vw,56px) 108px;background:radial-gradient(circle at 12% 2%,rgba(39,182,170,.18),transparent 28%),linear-gradient(180deg,#f7faf7,#e9f0ef 42%,#edf2ed)}.topBar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 18px;padding:12px 0;max-width:1120px;background:rgba(247,250,247,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:block;width:176px;height:40px;background:url(/brand/skyverse-logo.svg) 50%/contain no-repeat;font-size:0;color:transparent}.logo span{display:none}.playerPill{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:7px 12px;border:1px solid rgba(27,47,72,.12);border-radius:8px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(27,47,72,.08);font-size:12px;font-weight:800}.playerPill i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--navy);color:white;font-style:normal;text-transform:uppercase}.playerPill span{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featuredGame{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px;max-width:1120px;margin:0 auto 16px;padding:28px;border:1px solid rgba(27,47,72,.12);border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.featuredGame:before{content:"";position:absolute;inset:0;opacity:.16;background:linear-gradient(135deg,currentColor,transparent 58%)}.featuredGame.ocean{color:var(--teal)}.featuredGame.ember{color:var(--coral)}.featuredGame.mint{color:#5f9e38}.featuredGame.violet{color:var(--violet)}.featuredGame.sun{color:#d49a15}.featuredCopy{position:relative;z-index:1;align-self:end;color:var(--ink)}.auth form>small,.creatorStrip small,.featuredCopy small,.gameInfo small,.sectionHead small{display:block;font-size:12px;font-weight:800;color:#4e6477;text-transform:uppercase}.featuredCopy h1{max-width:680px;margin:10px 0;font:700 clamp(40px,7vw,76px)/.92 Fredoka,Arial,sans-serif;color:var(--ink)}.featuredCopy p{max-width:560px;margin:0;color:#4d5c6c;line-height:1.58}.featuredActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.cardPlay,.creatorStrip>a,.primaryAction,.secondaryAction{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-size:13px;font-weight:800}.primaryAction{padding:0 22px;background:var(--navy);color:white;box-shadow:0 4px 0 rgba(27,47,72,.28)}.secondaryAction{padding:0 18px;border:1px solid rgba(27,47,72,.16);background:white;color:var(--navy)}.featuredBadge{position:relative;z-index:1;align-self:center;justify-self:center;display:grid;place-items:center;width:min(38vw,168px);aspect-ratio:1;border:10px solid rgba(255,255,255,.56);border-radius:8px;background:currentColor;box-shadow:inset 0 -28px 0 rgba(0,0,0,.12),0 24px 42px rgba(23,32,51,.16)}.featuredBadge span{font:700 clamp(72px,12vw,120px)/1 Fredoka,Arial,sans-serif;color:white}.quickPanel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1120px;margin:0 auto 30px}.quickPanel a{display:flex;flex-direction:column;gap:2px;min-height:76px;padding:14px;border:1px solid rgba(27,47,72,.1);border-radius:8px;background:rgba(255,255,255,.8);box-shadow:0 10px 24px rgba(23,32,51,.08)}.quickPanel b{font-size:18px;color:var(--navy)}.quickPanel span{font-size:11px;font-weight:800;color:#657485}.gameLibrary{max-width:1120px;margin:0 auto}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.sectionHead h2{margin:3px 0 0;font:700 32px Fredoka,Arial,sans-serif}.sectionHead>a{font-size:13px;color:var(--teal)}.filterRow{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 16px;padding:2px 2px 8px}.filterRow span{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(27,47,72,.12);border-radius:8px;background:rgba(255,255,255,.72);font-size:12px;font-weight:800;color:#58687a}.filterRow .active{background:var(--navy);color:white}.gameList{grid-template-columns:repeat(2,minmax(0,1fr))}.gameCard,.gameList{display:grid;gap:14px}.gameCard{grid-template-columns:104px minmax(0,1fr);min-height:142px;padding:12px;border:1px solid rgba(27,47,72,.1);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(23,32,51,.08)}.gameIcon{display:grid;place-items:center;min-height:118px;border-radius:8px;overflow:hidden;box-shadow:inset 0 -20px 0 rgba(0,0,0,.1)}.gameIcon span{font:700 56px Fredoka,Arial,sans-serif;color:#fff}.ocean{background:linear-gradient(145deg,#28b9ac,#3c86dd)}.ember{background:linear-gradient(145deg,#f46f59,#f1b64a)}.mint{background:linear-gradient(145deg,#76c661,#29a68b)}.violet{background:linear-gradient(145deg,#8469dc,#4a6fe0)}.sun{background:linear-gradient(145deg,#f4c84e,#e77b44)}.gameInfo{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.gameInfo h3{margin:4px 0;font:700 20px/1.1 Fredoka,Arial,sans-serif;color:var(--ink)}.gameInfo p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#667085;font-size:12px;line-height:1.45}.cardPlay{align-self:flex-start;margin-top:12px;padding:0 16px;background:var(--teal);color:#fff}.creatorStrip{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1120px;margin:28px auto 0;padding:22px;border-radius:8px;background:var(--navy);color:white}.creatorStrip h2{max-width:560px;margin:6px 0;font:700 28px/1.02 Fredoka,Arial,sans-serif}.creatorStrip p{max-width:650px;margin:0;color:#c7d1dd;line-height:1.55}.creatorStrip small{color:#a8dbc8}.creatorStrip>a{flex:0 0 auto;padding:0 18px;background:var(--lime);color:#182032}.bottomNav{position:fixed;left:50%;bottom:14px;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(420px,calc(100vw - 28px));padding:8px;border:1px solid rgba(27,47,72,.13);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(23,32,51,.18);transform:translateX(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottomNav a{display:grid;place-items:center;min-height:42px;border-radius:7px;font-size:12px;font-weight:800;color:#405166}.bottomNav a:first-child{background:#edf6f3;color:var(--teal)}.auth{min-height:100vh;background:linear-gradient(135deg,#e8f3ef,#d6e5f4);display:grid;place-items:center;padding:30px}.auth>.logo{position:absolute;top:30px;left:40px}.auth form{width:min(430px,94vw);background:#fff;padding:38px;border:1px solid rgba(27,47,72,.1);border-radius:8px;box-shadow:var(--shadow)}.auth h1{font:700 34px Fredoka,Arial,sans-serif;margin:8px 0 28px}.auth label{display:block;font-size:12px;font-weight:800;margin:14px 0;color:#28364a}.auth input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce0e8;border-radius:8px;background:white;font:600 13px Nunito,Arial,sans-serif}.auth form button{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:8px;background:var(--navy);color:white;font-weight:800}.auth form p{text-align:center;font-size:12px;color:#7d8797}.auth form p a{color:#267d86;font-weight:800}.policyPage{min-height:100vh;padding:48px 6vw;background:#eef3f1}.policyContent{max-width:840px;margin:0 auto;background:#fff;border:1px solid rgba(27,47,72,.1);border-radius:8px;padding:42px;box-shadow:var(--shadow)}.policyContent h1{font:700 42px Fredoka,Arial,sans-serif;margin:18px 0}.policyContent h2{font:700 24px Fredoka,Arial,sans-serif;margin:28px 0 8px}.policyContent p{color:#5f6c7d;line-height:1.75}.policyDate{font-weight:800;color:#172440!important}@media (max-width:840px){.appShell{padding:14px 14px 98px}.topBar{margin-bottom:12px}.featuredGame{grid-template-columns:1fr;gap:16px;padding:22px}.featuredBadge{justify-self:start;width:112px;order:-1}.featuredCopy h1{font-size:42px}.quickPanel{grid-template-columns:repeat(3,minmax(92px,1fr));overflow-x:auto;padding-bottom:4px}.quickPanel a{min-width:104px}.gameList{grid-template-columns:1fr}.creatorStrip{align-items:stretch;flex-direction:column}.creatorStrip>a{width:100%}.auth>.logo{left:24px}}@media (max-width:520px){.playerPill span{max-width:82px}.featuredCopy h1{font-size:38px}.featuredActions{display:grid;grid-template-columns:1fr}.primaryAction,.secondaryAction{width:100%}.gameCard{grid-template-columns:88px minmax(0,1fr);min-height:132px}.gameIcon{min-height:108px}.gameIcon span{font-size:46px}.gameInfo h3{font-size:18px}.cardPlay{width:100%}.policyPage{padding:24px 4vw}.policyContent{padding:26px}.policyContent h1{font-size:32px}}.auth .formError{padding:10px;border-radius:8px;background:#ffe7e7;color:#b23b50;text-align:left;font-size:11px}.googleButton{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border:1px solid #d9dce7;border-radius:10px;background:#fff;color:#25304f;font-size:13px;font-weight:800;box-shadow:0 4px 12px rgba(37,48,79,.08)}.googleButton span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#4285f4;font:700 18px Arial}.authDivider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#8a93a3;font-size:11px}.authDivider:after,.authDivider:before{content:"";height:1px;flex:1 1;background:#e3e6ec}.authDivider span{white-space:nowrap}.authLegal{font-size:10px!important;line-height:1.5;color:#8a93a3!important}.authLegal a{color:#5e5bd2;font-weight:800}.auth button:disabled{opacity:.65;cursor:wait}.profile{min-height:100vh;background:linear-gradient(135deg,#d6f1ee,#acbfed)}.profile section{width:min(520px,92vw);margin:70px auto;padding:45px;text-align:center;background:#fffaf2;border-radius:28px;box-shadow:0 25px 70px #43567d33}.profileAvatar{display:grid;place-items:center;width:100px;height:100px;margin:-10px auto 20px;border-radius:25px;background:#6c68df;color:#fff;font:700 48px Fredoka}.profile h1{font:700 38px Fredoka;margin:8px}.profile section>p{color:#7b8798}.profileStats{display:flex;justify-content:center;gap:12px;margin:28px}.profileStats div{width:150px;padding:15px;border-radius:15px;background:#eef0fa}.profileStats b,.profileStats span{display:block}.profileStats b{font:700 24px Fredoka}.profileStats span{font-size:9px;letter-spacing:1px;color:#7c879a}.passwordToggle,.profile form button{padding:12px 35px;border:0;border-radius:10px;background:#25304f;color:#fff;font-weight:800}.passwordPanel{margin-top:28px;padding-top:24px;border-top:1px solid #e2dfd7}.passwordPanel form{margin-top:18px;text-align:left;padding:20px;border-radius:15px;background:#eef0fa}.passwordPanel label{display:block;margin:12px 0;font-size:11px;font-weight:800}.passwordPanel input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d9dce7;border-radius:9px;font:600 13px Nunito}.passwordPanel form button{display:block;margin:18px auto 0}.passwordPanel button:disabled{opacity:.65}.passwordError,.passwordSuccess{padding:10px;border-radius:8px;text-align:center;font-size:11px}.passwordError{background:#ffe7e7;color:#b23b50}.passwordSuccess{background:#dcf7ea;color:#18794e}.logoutForm{margin-top:14px}.auth .formSuccess{padding:10px;border-radius:8px;background:#dcf7ea;color:#18794e;text-align:left;font-size:11px}.passwordInput{display:block;position:relative}.passwordInput input{padding-right:46px!important}.passwordInput .passwordEye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px!important;height:34px;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#5f6680!important;box-shadow:none!important;font-size:22px!important;line-height:1!important;cursor:pointer}.passwordEye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.actions form{margin:0}.actions form button{font-family:Nunito;cursor:pointer;background:transparent}.userChip{display:flex;align-items:center;gap:8px;padding:5px 13px 5px 6px;border-radius:20px;background:#eef0fa;color:#4d5682;font-size:11px;font-weight:800}.userChip i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6d68df;color:#fff;font-style:normal}.creatorNav{padding:10px 14px;border-radius:11px;background:#ebe9ff;color:#625bd5;font-size:11px;font-weight:900}.heroButtons{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.createPlay{margin-top:20px;padding:14px 18px;border:1px solid #cfd2e2;border-radius:13px;background:#ffffffaa;color:#5e5bd2;font-size:12px;font-weight:900}.sectionHead>a{color:#6d69d8;font-size:12px;font-weight:800}.grid article.generated .cover{background:linear-gradient(145deg,#765ee2,#4fd3d1)}.gameInfo p{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gameProgress{margin:25px 0;text-align:left}.gameProgress h3,.playHistory h3{font-size:10px;letter-spacing:2px;color:#717ca0}.gameProgress>p{padding:15px;color:#7b8798;font-size:11px}.gameProgress>p,.progressRow{border-radius:12px;background:#eef0fa}.progressRow{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:12px 14px}.progressRow>span:last-child{text-align:right}.progressRow b,.progressRow small{display:block}.progressRow b{font-size:12px}.progressRow small{margin-top:3px;color:#7c879a;font-size:9px}.profile section{margin-top:35px}.playHistory{margin:25px 0;text-align:left}.historyRow{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:12px 14px;border:1px solid #e2e4ee;border-radius:12px;background:#fff}.historyRow>span:last-child{text-align:right}.historyRow b,.historyRow small{display:block}.historyRow b{font-size:11px}.historyRow small{margin-top:3px;color:#7c879a;font-size:8px}.historyRow small.won{color:#1b9b72}.historyRow small.lost{color:#a36f79}.consentBanner{position:fixed;z-index:1000;left:50%;bottom:84px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;width:min(720px,calc(100vw - 28px));padding:14px 16px;border:1px solid #d9dce7;border-radius:8px;background:#fff;box-shadow:0 16px 45px #25304f33}.consentBanner p{margin:0;color:#566176;font-size:12px;line-height:1.45}.consentBanner div{display:flex;gap:8px;flex-shrink:0}.consentBanner button{min-height:40px;padding:0 14px;border:1px solid #d1d5e0;border-radius:8px;background:#fff;color:#4f5870;font-weight:800;cursor:pointer}.consentBanner .accept{border-color:#1b2f48;background:#1b2f48;color:#fff}@media(max-width:620px){.consentBanner{align-items:stretch;flex-direction:column;gap:10px;bottom:78px}.consentBanner div{justify-content:flex-end}}