@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@600;700;800&display=swap");:root{--ink:#172440;--purple:#6e62df;--cream:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5ee;color:var(--ink);font-family:Nunito,sans-serif}a{text-decoration:none;color:inherit}nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(255,255,255,.8);position:relative;z-index:5}.logo{font:700 22px Fredoka;letter-spacing:1px}.logo span{color:#6d6ce5}.navlinks{display:flex;gap:32px;font-size:12px;font-weight:800}.actions{display:flex;gap:8px}.ghost,.join{padding:10px 18px;border-radius:11px;font-size:12px;font-weight:800}.ghost{border:1px solid #d9dce7}.join,.play{background:#6b67dc;color:#fff;box-shadow:0 4px 0 #4d49b4}.hero{min-height:570px;padding:70px 8vw;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(115deg,#f4f7ed 45%,#bce8ef)}.heroCopy{position:relative;z-index:2}.about small,.auth form>small,.eyebrow,.games small{font-size:11px;letter-spacing:2px;color:#6876bc;font-weight:800}.hero h1{font:700 clamp(52px,6vw,83px)/.96 Fredoka;margin:18px 0}.hero h1 span{color:#6d68de}.heroCopy>p:not(.eyebrow){max-width:510px;color:#6f7c8f;line-height:1.7}.play{display:inline-flex;gap:40px;margin-top:20px;padding:15px 22px;border-radius:13px;font-size:13px;font-weight:800}.heroArt{width:42vw;height:400px;position:relative}.planet{width:370px;height:370px;right:0;background:linear-gradient(145deg,#79d3c4,#518bd5);box-shadow:inset -30px -25px 0 #426ab5,0 30px 60px #6da8bc55}.planet,.planet i{position:absolute;border-radius:50%}.planet i{background:#a5e1b3;width:90px;height:50px;left:50px;top:70px}.planet i:nth-child(2){left:230px;top:170px;width:110px}.planet i:nth-child(3){left:80px;top:270px;width:130px}.avatar{left:34%;filter:drop-shadow(0 18px 5px #365e7555)}.avatar,.head{position:absolute;top:35px}.head{width:85px;height:80px;background:#b97c55;left:8px}.hair{width:101px;height:65px;background:#633a29;z-index:2;border-radius:30px 30px 3px 3px}.body,.hair{position:absolute}.body{width:105px;height:110px;background:#fff;top:115px}.leg{position:absolute;top:220px;width:43px;height:100px;background:#ed6f94}.leg.r{left:62px;background:#64c9dd}.games{padding:80px 7vw}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.sectionHead h2{font:700 39px Fredoka;margin:8px 0}.sectionHead button{border:0;background:none;color:#6d69d8;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid article{background:white;border-radius:20px;padding:12px;box-shadow:0 10px 30px #50608012}.cover{height:190px;border-radius:14px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#8bd8ef,#607ed7);font-size:65px}.city .cover{background:linear-gradient(145deg,#ffd07b,#eb7a86)}.arena .cover{background:linear-gradient(145deg,#b898ee,#6447b9)}.cover em{position:absolute;top:12px;right:12px;background:#222b49;color:white;border-radius:9px;padding:6px 9px;font-size:8px;letter-spacing:1px}.gameInfo{display:flex;align-items:center;justify-content:space-between;padding:9px 4px}.gameInfo h3{margin:4px 0;font:700 19px Fredoka}.gameInfo p{margin:0;color:#8791a1;font-size:11px}.gameInfo>small{color:#81909e;letter-spacing:0}.cardPlay{display:block;width:100%;text-align:center;padding:11px;border:0;border-radius:10px;background:#6969dd;color:#fff;font:800 10px Nunito;letter-spacing:1px}.disabled{background:#e6e8ee;color:#9199a8}.about{margin:20px 7vw 90px;padding:55px 7vw;border-radius:28px;background:#242f50;color:#fff;display:flex;gap:45px;align-items:center}.about>b{font:700 75px Fredoka;color:#ffd465}.about h2{font:700 32px Fredoka;margin:8px 0}.about p{color:#bbc6d8;max-width:700px}.auth{min-height:100vh;background:linear-gradient(135deg,#d6f1ee,#acbfed);display:grid;place-items:center;padding:30px}.auth>.logo{position:absolute;top:30px;left:40px}.auth form{width:min(430px,94vw);background:#fffaf2;padding:42px;border-radius:25px;box-shadow:0 25px 70px #43567d33}.auth h1{font:700 34px Fredoka;margin:8px 0 28px}.auth label{display:block;font-size:11px;font-weight:800;margin:14px 0}.auth input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce0e8;border-radius:10px;font:600 13px Nunito}.auth form button{width:100%;padding:14px;margin-top:12px;border:0;border-radius:10px;background:#6969dd;color:white;font-weight:800}.auth form p{text-align:center;font-size:12px;color:#7d8797}.auth form p a{color:#615ed0;font-weight:800}@media(max-width:800px){.navlinks{display:none}.hero{padding-top:40px}.heroArt{display:none}.grid{grid-template-columns:1fr}.about{align-items:start}.about>b{font-size:45px}}.auth .formError{padding:10px;border-radius:8px;background:#ffe7e7;color:#b23b50;text-align:left;font-size:11px}.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}.profile form button{padding:12px 35px;border:0;border-radius:10px;background:#25304f;color:#fff;font-weight:800}.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}.gameProgress{margin:25px 0;text-align:left}.gameProgress 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}