@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:#f8f6ee;--ink:#26362e;--green:#d4ed76;--line:#dedfd3;--muted:#788075}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:15px}button,input,textarea{font:inherit}button{cursor:pointer;background:var(--green);color:var(--ink);border:0;border-radius:10px;justify-content:center;align-items:center;gap:18px;padding:16px 22px;font-weight:700;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #9b6345}main{max-width:1400px;margin:auto;padding:0 64px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}a{color:inherit;text-decoration:none}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;display:flex}.branddot{color:#839646;margin-left:-12px}.brandmark{background:var(--ink);width:42px;height:40px;color:var(--green);letter-spacing:-3px;border-radius:12px;justify-content:center;align-items:center;padding-right:4px;font-size:23px;display:inline-flex;position:relative}.brandmark span{color:var(--ink);font-size:14px;position:absolute;top:-9px;right:-5px}.header-right{align-items:center;gap:15px;display:flex}.pill{letter-spacing:1.5px;border:1px solid #ccd0be;border-radius:30px;padding:10px 14px;font-size:10px;font-weight:700}.hero{vertical-align:top;width:58%;padding-top:65px;display:inline-block}.eyebrow{letter-spacing:1.7px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.eyebrow>span{background:#8c9a56;border-radius:50%;width:7px;height:7px}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-5px;margin:25px 0;font-size:90px;font-weight:500;line-height:1.04;position:relative}h1 svg{fill:none;stroke:#b3c66f;stroke-width:3px;width:220px;height:24px;position:absolute;bottom:-18px;left:160px}.hero>p{color:#727a70;margin:32px 0;font-size:18px;line-height:1.6}.playcards{gap:16px;margin-top:36px;display:flex}.hostcard,.joincard{border-radius:15px;flex:1;padding:24px}.hostcard{background:#e9eddc}.joincard{border:1px solid #d9ddcf}.playcards h2{letter-spacing:-.6px;margin:10px 0;font-size:18px}.playcards p{color:#6b7568;font-size:12px;line-height:1.6}.playcards button{justify-content:space-between;width:100%;padding:13px 14px;font-size:13px}.cardicon{font-size:28px}.hostcard button{background:var(--ink);color:#fff;margin-top:20px}.dark{background:var(--ink);color:#fff}.inputs{gap:8px;margin:18px 0 12px;display:flex}.inputs label{letter-spacing:.8px;width:50%;font-size:9px}input,textarea{width:100%;color:var(--ink);background:#fffef8;border:1px solid #d3d8c9;border-radius:8px;outline:none;margin-top:7px;padding:13px;display:block}label{font-size:12px;font-weight:600}.inputs input{padding:11px 9px;font-size:12px}.illustration{vertical-align:top;width:42%;height:570px;margin-top:85px;display:inline-block;position:relative}.orbit{border:1px dashed #d2d7c5;border-radius:50%;width:370px;height:370px;position:absolute;top:90px;left:35px}.o2{opacity:.6;width:460px;height:460px;top:45px;left:-10px}.tiny-star{color:#a7b777;font-size:60px;position:absolute;top:0;right:20px}.example-question{background:#ebe9df;border:1px solid #dddccf;border-radius:16px;width:290px;padding:30px;position:absolute;top:35px;left:65px;transform:rotate(-6deg);box-shadow:0 10px 20px #26362e06}.example-question small{letter-spacing:1.2px;font-size:9px}.example-question h3{margin:18px 0;font-size:27px;line-height:1.2}.example-question>span{font-size:29px;position:absolute;bottom:25px;right:25px}.answercard{background:#fffef9;border:1px solid #dbded2;border-radius:12px;align-items:center;gap:12px;width:310px;height:70px;padding:16px 20px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 20px #26362e09}.answercard>span{font-size:28px}.answercard b{text-align:center;background:#eef0e7;border-radius:50%;width:30px;height:30px;margin-left:auto;padding:5px}.a1{top:230px;left:50px;transform:rotate(5deg)}.a2{background:var(--green);z-index:1;border-color:#b8d25d;top:313px;left:75px;transform:rotate(-3deg)}.a3{top:407px;left:40px;transform:rotate(3deg)}.winner{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:5px;padding:7px 10px;font-size:8px;position:absolute;bottom:-13px;right:12px}.scribble{color:#8a9472;font-family:Georgia,serif;font-size:19px;font-style:italic;position:absolute;top:480px;right:65px;transform:rotate(-7deg)}.how{border-top:1px solid var(--line);gap:45px;margin-top:55px;padding:25px 0;display:flex}.how>div{flex:1;align-items:center;gap:17px;display:flex}.how b{color:#9da789;font-size:13px}.how p{color:var(--muted);font-size:12px;line-height:1.8}.how strong{color:var(--ink);font-size:14px}footer{border-top:1px solid var(--line);color:#8b9385;letter-spacing:1px;justify-content:space-between;padding:25px 0;font-size:10px;display:flex}.error{background:#fbe5dc;border:1px solid #dba78f;border-radius:9px;margin-top:20px;padding:15px}.textbutton{color:#67744e;background:0 0;padding:10px;font-size:12px}.roomtop{justify-content:space-between;align-items:center;padding:45px 0 30px;display:flex}.roomtitle{letter-spacing:-2px;margin:14px 0;font-size:44px;line-height:1.1}.roomcode{letter-spacing:5px;text-align:center;background:#e9eddc;font-size:30px;display:block}.roomcode small{letter-spacing:1px;margin-bottom:7px;font-size:9px;display:block}.gamegrid{grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-bottom:50px;display:grid}.stage{border:1px solid var(--line);background:#fffef9;border-radius:20px;padding:36px}.stage>p,.reviewintro p{color:#7c8276;line-height:1.6}.bigicon{color:#889d4d;font-size:50px}.stage .question{margin:24px 0;font-size:38px;line-height:1.2}.progress{background:#eef0e8;border-radius:9px;height:5px}.progress span{background:#98b14e;border-radius:9px;height:100%;transition:width .3s;display:block}.muted{color:var(--muted);font-size:12px}.notice{color:#64734e;background:#f0f3e6;border-radius:10px;margin:24px 0;padding:20px;font-size:14px}.stage form>button{margin-top:15px}.success{color:#68852d;font-size:13px}.questionform{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.questionform label{letter-spacing:1px;font-size:10px}textarea{resize:vertical;letter-spacing:0;min-height:90px;font-size:16px;line-height:1.6}.actions{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.asidehead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0 18px;display:flex}.asidehead h3{margin:0;font-size:18px}.asidehead>span{background:#e4e9d8;border-radius:25px;padding:4px 10px;font-size:12px}.player{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;display:flex}.avatar{background:#e7e5d8;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.player strong{font-size:13px}.player small{color:#89917d;margin-top:3px;font-size:10px;display:block}.player>b{text-align:right;margin-left:auto;font-size:18px}.rules{background:#e9eddc;border-radius:12px;margin-top:30px;padding:24px}.rules>span{margin-bottom:10px;font-size:30px;display:block}.rules strong{font-size:14px}.rules p{color:#798268;font-size:12px;line-height:1.7}.reviewintro h3{margin-bottom:0}.reviewintro p{font-size:13px}.groups{gap:10px;margin-top:20px;display:grid}.group,.result{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:18px;display:flex}.group input{accent-color:#738b3e;width:18px;margin:0}.group span,.result span{flex:1}.group small,.result small{color:#808b74;margin-top:5px;font-size:10px;display:block}.group strong,.result strong{font-size:16px}.group>b{font-size:20px}.selected{background:#f0f7d9;border-color:#9caf68}.mergebar{gap:10px;margin-top:16px;display:flex}.mergebar input{margin:0}.winning{background:var(--green);border-color:#b4cf5f}.result>b{text-align:center;font-size:24px}@media (min-width:1250px){.playcards{max-width:650px}.hero{padding-right:20px}}@media (max-width:1100px){main{padding:0 30px}h1{font-size:76px}.playcards{flex-direction:column}.hostcard{display:block}.illustration{transform-origin:0 0;transform:scale(.85)}.gamegrid{grid-template-columns:minmax(0,1fr) 260px}.stage{padding:25px}}@media (max-width:760px){main{padding:0 20px}header{height:85px}.brand{font-size:20px}.pill{display:none}.hero{width:100%;padding-top:35px}h1{font-size:76px}.hero>p{font-size:16px}.playcards{flex-direction:column}.hostcard{display:block}.illustration{display:none}.how{flex-direction:column;gap:12px;margin-top:30px}.how p{margin:4px}.roomtop{align-items:flex-start;gap:10px;padding-top:30px}.roomtitle{letter-spacing:-1px;font-size:29px}.roomcode{letter-spacing:2px;padding:12px;font-size:23px}.roomcode small{font-size:7px}.gamegrid{flex-direction:column;display:flex}.stage{padding:22px}.stage .question{font-size:29px}.actions,.mergebar{flex-wrap:wrap}footer{gap:20px;font-size:8px}.header-right .textbutton{padding:5px}.stage h2{font-size:25px}}@font-face{font-family:Teko;src:url(/brand/Teko.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Inter;src:url(/brand/Inter.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--paper:#3a0043;--ink:#fafafa;--green:#ffea60;--line:#8d309c;--muted:#c9a7e8;--purple:#3a0043;--pink:#be24a1;--blue:#11acfa}body{font-family:Inter,Arial,sans-serif}header{border-bottom:2px solid var(--pink)}.brand{letter-spacing:0;gap:20px}.kgn-logo{width:155px;height:auto;display:block}.game-name{border-left:1px solid var(--line);padding-left:20px;font-family:Teko,Impact,sans-serif;font-size:29px;font-weight:600;line-height:1}.pill{border-color:var(--line);color:var(--blue)}h1,h2,h3{letter-spacing:.2px;font-family:Teko,Impact,sans-serif;font-weight:600}h1{letter-spacing:0;font-size:108px;line-height:.9}h1>span{color:var(--green)}h1 svg{stroke:var(--pink);left:130px}.eyebrow,.hero>p{color:var(--ink)}.eyebrow>span{background:var(--blue)}.eyebrow{color:var(--blue)}button{background:var(--green);color:var(--purple)}:is(button:focus-visible,a:focus-visible){outline-color:var(--blue)}.hostcard,.joincard{background:var(--purple);border:1px solid var(--line)}.hostcard{border-top:4px solid var(--pink)}.joincard{border-top:4px solid var(--blue)}.playcards h2{letter-spacing:0;font-size:27px}.playcards p{color:var(--muted)}.cardicon{color:var(--blue)}.hostcard button,.dark{background:var(--green);color:var(--purple)}label{color:var(--ink)}input,textarea{background:var(--purple);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #11acfa40}.orbit{border-color:var(--pink)}.tiny-star{color:var(--blue)}.example-question{background:var(--purple);border-color:var(--pink);box-shadow:8px 8px #be24a140}.example-question h3{font-size:29px}.example-question small{color:var(--blue)}.answercard{background:var(--purple);border-color:var(--blue);box-shadow:4px 4px #11acfa30}.answercard b{background:var(--pink);color:var(--ink)}.a2{background:var(--green);color:var(--purple);border-color:var(--green)}.a2 b{background:var(--purple);color:var(--green)}.winner{background:var(--pink);color:var(--ink)}.scribble{color:var(--green)}.how b{color:var(--blue)}.how p,footer{color:var(--muted)}.how strong{color:var(--ink)}footer{border-top-color:var(--pink)}.roomtitle{letter-spacing:0;font-size:53px}.roomcode{background:var(--purple);color:var(--green);border:1px solid var(--pink)}.stage{background:var(--purple);border-color:var(--line)}.stage h2{letter-spacing:0;font-size:38px}.stage .question{letter-spacing:0;font-size:47px}.stage>p,.reviewintro p{color:var(--muted)}.bigicon{color:var(--blue)}.progress{background:#8d309c55}.progress span{background:var(--blue)}.notice,.rules{background:var(--purple);border:1px solid var(--pink);color:var(--ink)}.notice{border-left:4px solid var(--blue)}.rules p,.player small{color:var(--muted)}.rules>span{color:var(--blue)}.rules strong,.success{color:var(--green)}.textbutton{color:var(--blue);background:0 0}.asidehead h3{font-size:27px}.asidehead>span,.avatar{background:var(--pink);color:var(--ink)}.player>b{color:var(--green)}.group,.result{border-color:var(--line)}.group small,.result small{color:var(--muted)}.group input{accent-color:var(--pink)}.selected{border-color:var(--pink);background:#be24a12b}.winning{background:var(--green);color:var(--purple);border-color:var(--green)}.winning small{color:var(--purple)}.mergebar input{color:var(--ink)}.error{color:var(--purple);border-color:var(--pink);background:#fafafa}@media (max-width:1100px){h1{font-size:98px}}@media (max-width:760px){.kgn-logo{width:100px}.brand{gap:10px}.game-name{padding-left:10px;font-size:21px}h1{font-size:96px}.roomtitle{font-size:35px}.stage .question{font-size:36px}.stage h2{font-size:32px}.header-right .textbutton{font-size:10px}}