:root{--ink:#251a2b;--pink:#c9854a;--purple:#c9854a;--cream:#fff9f4;--muted:#766b78;--line:#eee4e7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.blobs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.blobs span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.blobs span:nth-child(1){width:360px;height:360px;background:#ffd5df;top:-140px;right:-100px}.blobs span:nth-child(2){width:260px;height:260px;background:#e3dbff;bottom:4%;left:-130px}.blobs span:nth-child(3){width:120px;height:120px;background:#ffe9a8;top:40%;right:-50px}.shell{width:min(1080px,calc(100% - 32px));margin:auto;padding:32px 0 60px}.card{background:rgba(255,255,255,.88);border:1px solid white;border-radius:28px;box-shadow:0 18px 60px rgba(89,51,66,.1)}.login{max-width:520px;margin:3vh auto;padding:48px}.logo,.mini-logo{font:700 56px/1 "Fredoka";letter-spacing:-5px}.logo span,.mini-logo span{color:var(--pink);font-size:.75em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--pink);margin:18px 0 8px}.login h1,.welcome h1{font:700 42px/1.05 "Fredoka";margin:0}.login h1 em{font-style:normal;color:var(--pink)}.subtitle{color:var(--muted);line-height:1.6}.login form{display:grid;gap:9px;margin-top:28px}.login label{font-weight:600;font-size:13px;margin-top:8px}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:500 16px inherit;background:#fff;outline:none}input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff4f7920}.code-wrap{position:relative}.code-wrap span{position:absolute;left:16px;top:14px;color:var(--pink);font-weight:700}.code-wrap input{padding-left:34px;text-transform:uppercase}.primary{margin-top:12px;border:0;border-radius:15px;padding:16px 20px;background:var(--pink);color:white;font-weight:700;font-size:16px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 8px 18px #ff4f7940}.privacy{text-align:center;color:#998e98;font-size:12px;margin:18px 0 0}.hidden{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.mini-logo{font-size:34px}.brand b,.brand small{display:block}.brand small{color:var(--muted)}.avatar{width:46px;height:46px;border:3px solid white;border-radius:50%;background:#ffd0dc;color:#8b5a35;font-weight:700;font-size:16px;box-shadow:0 3px 12px #0001;cursor:pointer}.welcome{display:flex;justify-content:space-between;align-items:center;padding:38px 4px 26px}.welcome .eyebrow{margin:0 0 8px}.welcome h1{font-size:38px}.welcome h1 span{color:var(--pink)}.welcome p:last-child{margin:8px 0;color:var(--muted)}.score{background:white;border-radius:20px;padding:13px 18px;display:grid;grid-template-columns:auto auto;column-gap:8px;box-shadow:0 8px 30px #4e31420d}.score span{grid-row:1/3;font-size:28px;align-self:center}.score b{font-size:20px}.score small{color:var(--muted)}.daily{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px 28px;background:linear-gradient(110deg,#fff,#fff3f6)}.daily-icon{width:60px;height:60px;display:grid;place-items:center;background:#ffe4eb;border-radius:18px;font-size:29px}.daily .eyebrow{margin:0}.daily h2{font:600 18px "Fredoka";margin:4px 0 10px}.daily small{color:var(--muted)}.progress{height:6px;width:180px;background:#eee4e7;border-radius:10px;display:inline-block;margin-right:8px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--pink);transition:.3s}.round{border:0;background:var(--pink);color:white;width:42px;height:42px;border-radius:50%;font-size:21px;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:end;margin:35px 4px 18px}.section-title .eyebrow{margin:0}.section-title h2{font:700 28px "Fredoka";margin:2px 0}.section-title>span{color:var(--muted);font-size:13px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game{position:relative;min-height:280px;text-align:left;border:0;border-radius:26px;padding:25px;overflow:hidden;cursor:pointer;color:var(--ink);transition:transform .2s,box-shadow .2s}.game:hover{transform:translateY(-5px);box-shadow:0 18px 30px #3c24301c}.game:after{content:"";position:absolute;width:140px;height:140px;border:30px solid #fff4;border-radius:50%;right:-55px;bottom:-70px}.pink{background:#ffd9e3}.purple{background:#e3dcff}.yellow{background:#ffe9a8}.game-icon{display:grid;place-items:center;width:54px;height:54px;background:#fff8;border-radius:16px;font-size:27px;margin-bottom:40px}.game small{font-weight:700;letter-spacing:1.4px;font-size:10px}.game h3{font:700 24px/1.1 "Fredoka";margin:7px 0}.game p{font-size:13px;line-height:1.45;color:#594e5a}.game b{position:absolute;bottom:22px;font-size:13px}.bottom-card{margin-top:22px;padding:20px 24px;display:flex;align-items:center;gap:45px}.bottom-card div{display:grid;grid-template-columns:auto auto;column-gap:8px}.bottom-card div span{font-size:27px;grid-row:1/3}.bottom-card small{color:var(--muted)}.bottom-card button{margin-left:auto;border:0;border-radius:13px;background:#7fe3c0;color:white;font-weight:700;padding:13px 18px;cursor:pointer}dialog{width:min(500px,calc(100% - 30px));border:0;border-radius:28px;padding:35px;box-shadow:0 24px 80px #29131d55;background:#fffaf7;color:var(--ink)}dialog::backdrop{background:#24152099;}.close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:29px;color:#8a7c86;cursor:pointer}.modal-icon{font-size:48px}.modal-label{color:var(--pink);font-weight:700;font-size:11px;letter-spacing:1.4px}.question{font:700 28px/1.2 "Fredoka";margin:12px 0 25px}.choices{display:grid;gap:10px}.choices button,.next,.share-result{border:1px solid var(--line);background:white;border-radius:14px;padding:14px;text-align:left;font:600 15px inherit;cursor:pointer}.choices button:hover{border-color:var(--pink);background:#fff2f5}.next,.share-result{width:100%;text-align:center;background:var(--pink);color:white;border:0;margin-top:12px}.share-result{background:#7fe3c0}.result{text-align:center}.result strong{display:block;font:700 46px "Fredoka";color:var(--pink);margin:15px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#17335a;color:white;border-radius:12px;padding:12px 18px;opacity:0;pointer-events:none;transition:.25s;font-size:14px;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.shell{width:min(100% - 24px,600px);padding-top:18px}.login{padding:32px 23px}.login h1{font-size:35px}.games{grid-template-columns:1fr}.game{min-height:240px}.game-icon{margin-bottom:25px}.welcome h1{font-size:30px}.daily{grid-template-columns:auto 1fr;padding:20px}.daily .round{grid-column:1/3;width:100%;border-radius:12px}.progress{width:120px}.bottom-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bottom-card button{grid-column:1/3;margin:0}.score{padding:10px}.score span{font-size:22px}}
.blue{background:#d8efff}.green{background:#d9f5df}.roulette-wrap{text-align:center}.roulette-pointer{font-size:30px;height:22px;position:relative;z-index:2}.roulette-wheel{width:230px;height:230px;margin:0 auto 24px;border:9px solid white;border-radius:50%;background:conic-gradient(#c9854a 0 60deg,#ffd166 60deg 120deg,#75d69c 120deg 180deg,#7fe3c0 180deg 240deg,#c9854a 240deg 300deg,#ff9d66 300deg);box-shadow:0 10px 35px #31182725;display:grid;place-items:center;transition:transform 3.2s cubic-bezier(.12,.66,.17,1)}.roulette-wheel:after{content:'14♥';display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:white;font:700 24px 'Fredoka';color:#c9854a;box-shadow:0 3px 15px #0002}.roulette-wheel.spinning{transform:rotate(var(--spin))}.roulette-result{min-height:48px;font:700 21px/1.25 'Fredoka';margin:12px 0}