@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper:#f8f7f2;--ink:#25212d;--purple:#603ce5;--lime:#d9f982;--line:#deddd7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a38af8;outline-offset:4px}header{height:106px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:24px;line-height:1.02;text-align:left;color:var(--ink)}.brand-icon{font-size:37px;background:var(--purple);color:var(--lime);width:50px;height:50px;display:grid;place-items:center;border-radius:14px;transform:rotate(-7deg)}.brand-light{display:block;font-size:18px;font-weight:500}.header-right{display:flex;align-items:center;gap:26px}.pill{font-size:10px;letter-spacing:1.3px;border:1px solid var(--line);padding:9px 12px;border-radius:30px;font-weight:700}.text-btn{border:0;background:none;color:inherit;padding:8px 0;font-weight:600;font-size:13px}.hero{max-width:1320px;margin:auto;min-height:672px;display:grid;grid-template-columns:1.1fr 1fr;padding:70px 48px 62px;gap:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:var(--purple);border-radius:50%}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(50px,5.7vw,80px);line-height:1.03;letter-spacing:-4px;margin:26px 0}h1 em{color:var(--purple);font-style:normal}.intro{font-size:15px;line-height:1.8;color:#716d77;margin:24px 0 28px}.hero-actions{display:flex;gap:12px}.primary,.secondary{border:0;padding:17px 23px;border-radius:10px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:51px}.primary{background:var(--purple);color:#fff;box-shadow:0 3px #4126a8}.primary:hover:not(:disabled){background:#4d2acb;transform:translateY(-1px)}.secondary{background:transparent;border:1px solid #ccc9d4;color:var(--ink)}.secondary:hover{background:#fff}.fine{display:flex;gap:17px;font-size:10px;color:#7e7a84;margin-top:24px}.fine span:first-child{color:var(--purple)}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:500px}.sample-card{background:var(--purple);color:#fff;border:1px solid #4226ae;border-radius:21px;width:330px;padding:24px 27px 20px;transform:rotate(7deg);box-shadow:12px 15px #e2dcee;z-index:2}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#ded5ff}.island{font-size:59px;margin:26px 0 15px}.sample-card h2{font-size:34px;line-height:1.12;letter-spacing:-1.1px;margin:0 0 26px}.sample-people{display:flex;gap:9px}.sample-people>div{position:relative;background:#7858ec;border:1px solid #9277f4;flex:1;text-align:center;padding:11px 4px;border-radius:10px;font-size:10px}.sample-people span{display:block;font-size:25px;margin-bottom:6px}.sample-people .chosen{background:var(--lime);border-color:var(--lime);color:#25212d;transform:rotate(-5deg)}.sample-people b{position:absolute;top:-7px;right:-4px;border-radius:50%;background:#fff;color:var(--purple);padding:2px 5px}.anonymous{font-size:8px;color:#d8cdfa;margin-top:22px}.orbit{position:absolute;width:470px;height:470px;border:1px solid #dfdbe6;border-radius:50%;transform:rotate(-20deg);z-index:0}.orbit-two{width:390px;height:390px}.star{position:absolute;top:35px;left:15px;font-size:90px;color:var(--lime);-webkit-text-stroke:1px #a4b85f;transform:rotate(10deg)}.note{position:absolute;top:-9px;right:0;transform:rotate(8deg);font-size:12px;font-style:italic;line-height:1.4}.note span{font-size:38px;display:block;margin-left:30px}.verdict-sticker{position:absolute;bottom:0;right:0;background:var(--lime);color:#303327;border:1px solid #25212d;border-radius:8px;padding:17px 45px 17px 20px;transform:rotate(-9deg);font-size:15px;font-family:Space Grotesk;font-weight:700;line-height:1.15;box-shadow:3px 4px 0 var(--ink);z-index:3}.verdict-sticker span{position:absolute;right:14px;top:20px;font-size:32px}.ticker{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:21px 30px;font-size:10px;letter-spacing:2px;font-weight:700;overflow:hidden;white-space:nowrap}.ticker b{color:var(--purple);font-size:24px}.how{max-width:1320px;margin:auto;padding:65px 48px 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading .eyebrow{color:var(--purple)}.section-heading h2{font-size:30px;letter-spacing:-1px;margin:12px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{border:1px solid var(--line);border-radius:12px;padding:25px}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top span{font:13px Space Grotesk;color:#89848c}.step-top b{font-size:28px;color:var(--purple);font-weight:400}.steps h3{font-size:20px;margin:24px 0 10px;letter-spacing:-.5px}.steps p{font-size:13px;color:#77717e;line-height:1.7;max-width:280px;margin-bottom:0}.footnote{font-size:10px;color:#918b94;margin:24px 0 0}footer{border-top:1px solid var(--line);padding:28px 48px;display:flex;justify-content:space-between;color:#88818f;font-size:11px}footer span:first-child{font-weight:700;color:var(--ink)}.form-section{max-width:600px;margin:40px auto 80px;padding:0 20px}.form-card{margin-top:20px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:38px}.form-card h1{font-size:43px;letter-spacing:-2px;margin:15px 0}.form-card>p{color:#7c7485;font-size:14px}.tabs{display:flex;background:var(--paper);border-radius:10px;padding:5px;margin:28px 0}.tabs button{flex:1;background:transparent;border:0;padding:12px;border-radius:8px;color:#777}.tabs .active{background:var(--purple);color:#fff;font-weight:700}label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}label small{color:#918a96;font-weight:400;margin-left:5px}input,select{width:100%;display:block;margin-top:9px;border:1px solid #d9d4df;border-radius:9px;padding:14px;background:var(--paper);color:var(--ink)}input::placeholder{color:#a39ca9}.code-input{text-transform:uppercase;letter-spacing:5px;font-family:Space Grotesk;font-size:24px}.full{width:100%}.small-note{font-size:12px;color:#88818e;line-height:1.6}.form-card .small-note{text-align:center;font-size:10px;margin-top:22px}.game-section{max-width:930px;margin:36px auto 75px;padding:0 25px;min-height:600px}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:20px}.game-heading{text-align:center;margin:48px auto 30px;max-width:710px}.game-heading h1{font-size:48px;letter-spacing:-2px;line-height:1.12;margin:20px 0}.game-heading p{font-size:14px;line-height:1.7;color:#82788e}.game-heading .eyebrow{justify-content:center}.big-emoji{display:block;font-size:63px;margin:20px 0}.invite-box{text-align:center;background:var(--purple);color:#fff;border-radius:18px;max-width:440px;margin:25px auto;padding:25px}.invite-box>span{font-size:10px;letter-spacing:2px;display:block}.invite-box strong{display:block;font-family:Space Grotesk;font-size:47px;letter-spacing:9px;margin:14px 0 20px}.invite-box .primary{background:var(--lime);color:var(--ink);box-shadow:none}.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;max-width:760px;margin:28px auto}.player{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px 12px;gap:10px;color:var(--ink)}.player>span{font-size:38px}.player strong{font-size:15px;overflow-wrap:anywhere}.player small{color:#91869d;font-size:11px}.selectable:hover:not(:disabled){border-color:var(--purple);transform:translateY(-3px)}.player.selected{background:#eee8ff;border:2px solid var(--purple)}.center{text-align:center;margin-top:28px}.round-progress{display:flex;gap:6px;margin:28px auto;max-width:450px}.round-progress span{height:5px;background:#e0dae8;flex:1;border-radius:6px}.round-progress .done{background:var(--purple)}.voted-banner{padding:20px;background:#e9f4d7;border-radius:12px;color:#4c632d}.result-box{border:1px solid #4124a5;border-radius:20px;background:var(--purple);color:#fff;padding:35px;text-align:center;max-width:550px;margin:30px auto;box-shadow:6px 7px #dfd6f7}.result-box .eyebrow{justify-content:center;color:var(--lime)}.result-box h2{font-size:48px;letter-spacing:-2px;margin:18px 0;overflow-wrap:anywhere}.result-box p{color:#d8cef9;font-size:13px}.vote-bars{max-width:550px;margin:30px auto}.vote-bars>div{display:grid;grid-template-columns:100px 1fr 20px;gap:15px;align-items:center;margin:15px 0;font-size:13px}.vote-bars>div>span{overflow-wrap:anywhere}.vote-bars>div>div{height:9px;background:#e3ddec;border-radius:6px;overflow:hidden}.vote-bars i{display:block;height:100%;background:var(--purple);border-radius:6px}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ranking{max-width:550px;margin:auto}.ranking>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px;gap:15px}.ranking>div:first-child{background:var(--lime);border-radius:12px}.demo-note{text-align:center;background:#eee9fa;border-radius:12px;padding:16px;font-size:12px;margin-top:38px}.demo-note button{color:var(--purple);margin-left:8px}.error{background:#ffebeb;color:#9d2828;border:1px solid #f1bcbc;max-width:700px;margin:20px auto;padding:18px;border-radius:10px;font-size:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:17px 25px;border-radius:12px;box-shadow:0 5px 20px #0002;z-index:20;font-size:13px;max-width:90%;overflow-wrap:anywhere}.loading{text-align:center;min-height:60vh;padding:100px 20px;color:var(--purple)}@media(min-width:1500px){.hero{min-height:720px;padding-top:85px}.hero-art{max-width:510px}}@media(max-width:950px){header{padding:0 25px}.hero{padding:55px 25px;gap:15px}.hero h1{font-size:64px}.hero-art{transform:scale(.88);transform-origin:center}.header-right .pill{display:none}.fine{gap:10px}.hero-actions{flex-wrap:wrap}.how{padding:45px 25px}.orbit{width:400px;height:400px}.note{right:-10px}.star{left:-20px}}@media(max-width:680px){header{height:85px;padding:0 20px}.brand{font-size:20px}.brand-light{font-size:15px}.brand-icon{width:42px;height:42px;font-size:30px}.header-right{gap:0}.header-right .text-btn{font-size:11px}.hero{display:flex;flex-direction:column;padding:38px 24px 35px;gap:30px}.hero h1{font-size:62px;letter-spacing:-3px}.eyebrow{font-size:9px;letter-spacing:1.2px}.intro{font-size:14px}.hero-actions{gap:10px}.hero-actions button{padding:16px;gap:20px}.fine{font-size:9px;justify-content:space-between}.hero-art{min-height:460px;margin:-10px 0 0;transform:scale(.9)}.sample-card{width:300px}.sample-card h2{font-size:31px}.note{right:0;top:0;font-size:10px}.star{left:-5px;top:15px;font-size:70px}.verdict-sticker{right:-5px;bottom:-12px}.orbit{width:350px;height:350px}.orbit-two{width:290px;height:290px}.ticker{justify-content:start;font-size:9px;padding:14px 20px;gap:20px}.section-heading{display:block}.section-heading h2{font-size:27px;margin-bottom:16px}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:22px}.steps h3{margin-top:12px}.steps p{max-width:none}.how{padding:38px 22px}.footnote{line-height:1.7}footer{padding:24px 22px;gap:15px;flex-wrap:wrap}footer span:last-child{display:none}.form-card{padding:28px 22px}.form-card h1{font-size:36px}.game-section{padding:0 18px;margin-top:22px}.game-meta{align-items:start}.game-meta .pill{font-size:9px;white-space:nowrap}.game-heading{margin-top:35px}.game-heading h1{font-size:35px;letter-spacing:-1.5px}.player-grid{grid-template-columns:repeat(2,1fr)}.result-box{padding:28px 20px}.result-box h2{font-size:37px}.result-actions button{width:100%}.invite-box strong{font-size:36px;letter-spacing:7px}.error{margin:18px}.desktop{display:none}}body{overflow-x:clip}
