@font-face{font-family:Marker;src:url('fonts/marker.ttf') format('truetype');font-display:swap}@font-face{font-family:Tag;src:url('fonts/tag.ttf') format('truetype');font-display:swap}
:root{--cream:#fff0d6;--muted:#d0bfd8;--purple:#2c1938;--purple-light:#4c2e5c;--pink:#e2a9e6;--yellow:#ffd361;--cyan:#5de8ec;--line:#bc8cce55;--sans:'Segoe UI',Arial,sans-serif;color-scheme:dark;font-family:var(--sans);color:var(--cream);scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0;background:#291832;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,#23132e66,#28172f66),url('assets/fassade.webp') center/cover no-repeat}body:after{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 35%,#1b0e261a,#1b0e2677 80%);pointer-events:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}a{color:inherit}button[hidden],[hidden]{display:none!important}button{color:inherit}a{text-underline-offset:4px}.wrap{max-width:1160px;width:calc(100% - 96px);margin-inline:auto}.wall-art{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.wall-art img{position:absolute;object-fit:contain}.bear{width:clamp(190px,19vw,340px);bottom:-5%;left:-3%;opacity:.9}.cat{width:clamp(170px,17vw,290px);right:-2%;top:90px;opacity:.95}.skip-link{position:fixed;z-index:99;top:-70px;left:15px;background:var(--yellow);color:#24142e;padding:12px}.skip-link:focus{top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:92px;position:relative;z-index:3}.wordmark{font-family:Tag,Marker,cursive;font-size:27px;text-decoration:none;color:var(--yellow);line-height:1.2;white-space:nowrap;text-shadow:2px 3px #27122f}.wordmark span{display:block;font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:2.1px;color:var(--cream);margin-top:4px}.topbar nav{display:flex;gap:30px;margin-left:auto}.topbar nav a{font-size:13px;font-weight:650;text-decoration:none;position:relative;padding:10px 0}.topbar nav a:hover:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:3px;background:var(--yellow);transform:rotate(-3deg)}.languages{display:flex;gap:4px;border:1px solid #c897d866;padding:4px;border-radius:7px;background:#27172feb}.languages button{min-width:36px;min-height:34px;border:0;background:transparent;border-radius:4px;color:var(--cream);font-size:11px;font-weight:900}.languages button[aria-pressed=true]{background:var(--yellow);color:#26172e}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);column-gap:68px;align-items:center;min-height:calc(100svh - 92px);position:relative;padding-top:10px;padding-bottom:85px}.hero-intro{position:relative;min-width:0;text-shadow:0 2px 15px #0b0611}.hero-intro:before{content:'';position:absolute;inset:50px -35px -40px;z-index:-1;background:radial-gradient(ellipse,#23112fee 25%,#23112fb3 55%,transparent 73%);pointer-events:none}.entry-tag{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;font-weight:800;color:#eed8ed}.entry-tag>span:first-child{color:var(--yellow);font-size:20px}.hero-logo{display:block;width:112%;max-width:none;height:auto;margin:-2% -6% -4%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,black 58%,transparent 78%);filter:drop-shadow(0 10px 25px #17091c55)}h1{font-family:Marker,var(--sans);font-size:clamp(23px,2.6vw,36px);font-weight:400;line-height:1.3;letter-spacing:-.8px;margin:4px 0 18px}h1 em{font-style:normal;color:var(--yellow);position:relative}h1 em:after{content:'';position:absolute;left:2%;right:-4%;bottom:-5px;height:4px;transform:rotate(-3deg);background:var(--yellow);clip-path:polygon(0 10%,100% 30%,90% 100%,3% 80%)}.hero-copy{font-size:16px;line-height:1.7;max-width:480px;color:#f4e8f4;margin:24px 0 20px}.explore-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:650;text-decoration:none}.round-arrow{width:32px;height:32px;display:grid;place-items:center;border:1px solid #caa2d4aa;border-radius:50%;color:var(--yellow);font-size:20px}.hero-foot{position:absolute;left:0;right:0;bottom:23px;border-top:1px solid #ceb5d640;display:flex;align-items:center;gap:18px;padding-top:18px;font-size:10px;color:#d0b9d7;letter-spacing:.5px}.hero-foot>span:first-child{font-weight:800;letter-spacing:1.8px;font-size:9px}.hero-foot>a{margin-left:auto;text-decoration:none;color:var(--yellow);font-size:23px;min-width:44px;text-align:center}
.login-sheet{position:relative;background:linear-gradient(145deg,#35203ff5,#24142ffb);border:1px solid #c093d486;border-radius:8px 19px 7px 16px;padding:32px 29px 23px;box-shadow:0 20px 70px #13091c99,5px 5px 0 #b587c322;width:100%;max-width:440px;justify-self:end}.tape{position:absolute;top:-10px;left:41%;width:82px;height:23px;background:#dec6eaa3;transform:rotate(-5deg);clip-path:polygon(1% 1%,99% 4%,97% 98%,0 90%)}.sheet-tag,.eyebrow{font-size:9px;letter-spacing:2px;font-weight:850;color:#d5acdfff;line-height:1.6}.login-sheet h2{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0 7px;color:var(--cream);font-weight:850}.sheet-intro{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#1d1026;border:1px solid #9872ad44;border-radius:6px;padding:4px;margin-bottom:22px}.account-tabs button{min-height:40px;background:transparent;border:0;border-radius:3px;font-size:13px;color:#d4badc;font-weight:700}.account-tabs button[aria-selected=true]{background:#6b447b;color:#fff4df;box-shadow:0 2px 5px #14071f55}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#f7e8f4}.field input{display:block;width:100%;min-height:47px;padding:12px 13px;background:#1d1027b3;border:1px solid #886497aa;border-radius:5px;color:var(--cream);outline:0;font-size:14px}.field input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e2a9e61f}.field input::placeholder{color:#ab91b8;opacity:1}.password-wrap{position:relative}.password-wrap input{padding-right:87px}.password-toggle{position:absolute;right:8px;top:6px;border:0;background:transparent;color:#ddbbe6;font-size:11px;font-weight:700;min-height:35px;padding:5px 7px}.form-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 20px}.mini-tag{font-size:8px;letter-spacing:1px;color:#b59ac2;font-weight:750}.text-button{border:0;padding:3px 0;background:transparent;color:var(--pink);font-size:12px;min-height:28px;text-decoration:underline;text-underline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;border:0;padding:13px 20px;text-decoration:none;border-radius:4px 9px 4px 7px;font-size:14px;font-weight:850;line-height:1.4;box-shadow:3px 4px 0 #130a2133;transition:transform .15s,filter .15s}.button:hover{transform:translateY(-2px);filter:brightness(1.07)}.button>span:last-child:not(:first-child){font-size:22px;line-height:1}.button-yellow{background:var(--yellow);color:#29172e}.button-cyan{background:var(--cyan);color:#102c42}.button-outline{background:transparent;border:1px solid #d8b3e7;color:var(--cream)}.submit-button{width:100%}.new-account{font-size:12px;color:var(--muted);text-align:center;margin:21px 0 19px;line-height:1.7}.new-account button{font-weight:800}.preview-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#bca4c8;border-top:1px dashed #a37fb144;padding-top:14px;line-height:1.5}.preview-dot{width:5px;height:5px;background:#e2a9e6;border-radius:50%;flex:none}.live-entry{display:block;text-align:center;font-size:10px;color:#d8c3df;margin-top:9px;padding:5px}#form-feedback{font-size:12px;background:#1a2538;padding:12px;border-left:3px solid var(--cyan);line-height:1.6;color:#eff9ff}
.section{padding-block:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading h2,.closing h2{font-family:Marker,var(--sans);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.2;margin:12px 0 0;letter-spacing:-1px}.scribble{font-family:Tag,cursive;font-size:38px;color:var(--yellow);transform:rotate(-9deg);margin-right:40px}.discovery{position:relative}.discovery:before,.ideas:before{content:'';position:absolute;inset:0 -34px;z-index:-1;border-radius:20px;background:linear-gradient(#23132fe8,#24152fed);box-shadow:0 12px 55px #130b2266}.discovery-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:42px;align-items:center}.game-preview{margin:0;transform:rotate(-1deg);border:1px solid #bc8cce88;border-radius:4px 13px 5px 9px;overflow:hidden;box-shadow:8px 10px #150b2266;background:#2e1c3a}.game-preview>img{display:block;width:100%;height:315px;object-fit:cover;object-position:center}.game-preview figcaption{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:650;padding:12px 15px;color:#e8d3ee}.small-light{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.stamp{margin-left:auto;letter-spacing:2px;font-size:8px;color:var(--yellow)}.discovery-copy article{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid #ab7db944}.discovery-copy article:last-child{border:0}.step{font-family:Marker,cursive;color:var(--yellow);font-size:24px;line-height:1.5}.discovery-copy h3{font-size:19px;letter-spacing:-.5px;margin:4px 0 7px}.discovery-copy p{font-size:14px;color:#d4c3db;line-height:1.65;margin:0}
.challenge-section{padding-block:85px}.challenge-paint{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding:48px 55px;background:linear-gradient(115deg,#123953f7,#122943f5);border:1px solid #60cbdf77;border-radius:6px 20px 5px 17px;box-shadow:6px 8px 0 #4edbe933,0 20px 50px #10091c77;overflow:hidden}.challenge-paint:before{content:'✳';font-family:var(--sans);position:absolute;right:-80px;bottom:-110px;font-size:550px;line-height:1;color:#49d9e50a;pointer-events:none}.cyan{color:#86e7ed}.phase{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a8e4ed;margin:26px 0 14px}.phase>span:first-child{color:var(--yellow);font-size:18px}.challenge-copy h2{font-family:Marker,var(--sans);font-weight:400;font-size:clamp(34px,4.5vw,57px);line-height:1.12;letter-spacing:-1px;margin:0 0 22px;color:#fff5de}.challenge-copy>p{font-size:15px;line-height:1.7;color:#cbe4ec;max-width:440px}.challenge-rules{display:flex;flex-direction:column;gap:8px;margin:23px 0 28px;color:#b4f1f1;font-size:12px;font-weight:700}.challenge-rules span:before{content:'↗';margin-right:9px;color:var(--yellow)}.challenge-copy .challenge-note{font-size:11px;line-height:1.6;color:#a8c5d5;margin-top:17px}.challenge-art{position:relative;display:block;padding:0;border:0;background:transparent;transform:rotate(3deg);align-self:center;box-shadow:10px 14px #08182b77;max-width:320px;justify-self:end}.challenge-art>img{display:block;width:100%;height:auto;border:5px solid #f2e6ce;max-height:510px;object-fit:contain;background:#15344e}.image-expand{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#281735e8;color:white;font-size:23px;backdrop-filter:blur(5px)}
.ideas{position:relative}.section-aside{font-size:13px;line-height:1.7;color:#c9b7d2;max-width:280px;margin:0}.idea-wall{display:grid;grid-template-columns:1fr 1fr .85fr;gap:24px;align-items:start;padding:12px 0 15px}.idea{position:relative;display:block;min-width:0;border:1px solid #ad89bd77;background:#35213f;border-radius:3px 8px 4px 9px;padding:10px 10px 18px;text-align:left;color:var(--cream);box-shadow:5px 8px #160c2388;font-family:var(--sans)}.idea-one{transform:rotate(-2deg)}.idea-two{transform:rotate(2deg);margin-top:12px}.idea-image{position:relative;overflow:hidden;aspect-ratio:1.22;background:#25182d}.idea-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.idea:hover .idea-image img{transform:scale(1.04)}.idea-type{display:block;font-size:8px;font-weight:850;letter-spacing:1.7px;color:var(--pink);margin:18px 10px 8px}.idea h3{font-size:19px;font-weight:800;line-height:1.3;margin:0 10px 8px;letter-spacing:-.6px}.idea p{font-size:12px;line-height:1.7;color:#d3bedc;margin:0 10px}.invitation{background:#5a3466;border:1px dashed #d6ade7;box-shadow:none;transform:rotate(-1deg);padding:15px 18px 24px;margin-top:3px}.invitation .big-star{display:block;font-size:65px;color:var(--yellow);line-height:1.15;margin:0 8px 10px}.invitation h3{font-family:Marker,var(--sans);font-weight:400;font-size:29px;line-height:1.2;letter-spacing:-.6px}.invitation .button{font-size:12px;margin:20px 9px 0;padding:10px 12px;min-height:43px;gap:12px}.gallery-note{font-size:11px;color:#bfa5cb;line-height:1.6;margin:25px 0 0}.closing{text-align:center;padding-block:95px 80px}.closing h2{color:var(--cream);margin:16px 0 28px;text-shadow:0 4px 24px #10091a}.closing .button{min-width:240px}
footer{border-top:1px solid #c7a3d33d;padding-block:28px 30px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.footer-brand{font-size:22px}.footer-brand span{font-size:7px}.footer-links{display:flex;gap:20px;margin-left:auto}.footer-links button{background:none;border:0;padding:9px 0;color:#d9c5e1;font-size:11px;text-decoration:none}.footer-links button:hover{color:var(--yellow)}.footer-preview{font-size:9px;color:#a68bb4;width:100%;text-align:right;letter-spacing:.6px}.image-dialog{padding:0;border:0;border-radius:8px;background:#21132b;color:var(--cream);width:fit-content;max-width:94vw;max-height:94svh;overflow:auto;box-shadow:0 20px 70px #0008}.image-dialog img{display:block;max-width:90vw;max-height:80svh;width:auto;height:auto;object-fit:contain}.image-dialog p{padding:0 18px;font-size:13px}.dialog-close{position:absolute;right:9px;top:9px;background:#24132fee;border:1px solid #f6e0fb55;border-radius:50%;width:44px;height:44px;color:#fff;font-size:28px;z-index:2}.image-dialog::backdrop,.info-dialog::backdrop{background:#130a21dc;backdrop-filter:blur(6px)}.info-dialog{position:fixed;width:min(500px,92vw);max-height:90svh;overflow:auto;padding:42px 30px 28px;border:1px solid #bd8bce;background:#2f1a3c;border-radius:9px 17px 8px 13px;color:var(--cream)}.info-dialog h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;padding-right:24px}.info-dialog p{font-size:14px;line-height:1.7;color:var(--muted);white-space:pre-line}.info-dialog .button{margin-top:10px;font-size:12px}.info-dialog .dialog-close{width:35px;height:35px;font-size:22px}
@media(min-width:1600px){.wrap{max-width:1190px}.hero{column-gap:90px}.hero-logo{width:120%;margin-left:-10%;margin-top:-7%;margin-bottom:-5%}.login-sheet{padding:38px 34px 28px}.hero-copy{max-width:475px}.topbar{min-height:105px}.hero{min-height:calc(100svh - 105px)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{column-gap:36px;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}.topbar nav{gap:18px}.hero-copy{font-size:15px}.login-sheet{padding:30px 23px 21px}.challenge-paint{padding:40px 35px;gap:35px}.discovery-layout{gap:28px}.game-preview>img{height:300px}.idea-wall{gap:17px}.wall-art .bear{left:-6%;opacity:.8}.wall-art .cat{right:-5%}.invitation{padding-inline:12px}.invitation h3{font-size:24px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.topbar{min-height:80px;gap:20px}.wordmark{font-size:23px}.wordmark span{font-size:6px;letter-spacing:1.8px}.topbar nav{display:none}.languages{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:12px;padding-bottom:80px;min-height:calc(100svh - 80px)}.entry-tag{font-size:7px;letter-spacing:1.2px}h1{font-size:25px;line-height:1.3}.hero-copy{font-size:14px}.login-sheet{padding:28px 20px 20px}.login-sheet h2{font-size:30px}.sheet-tag{font-size:8px;letter-spacing:1.4px}.form-meta{justify-content:flex-end}.mini-tag{display:none}.new-account{font-size:11px}.hero-logo{width:120%;margin-left:-10%}.discovery-layout{grid-template-columns:1fr}.game-preview>img{height:auto;aspect-ratio:1.65}.discovery-copy{display:grid;grid-template-columns:1fr;gap:0}.discovery-copy article{padding:17px 0}.section{padding-block:55px}.discovery:before,.ideas:before{inset:0 -10px}.section-heading{gap:20px}.scribble{font-size:28px;margin-right:5px}.challenge-section{padding-block:65px}.challenge-paint{padding:32px 26px;gap:25px;grid-template-columns:1.1fr .9fr}.challenge-copy>p{font-size:14px}.challenge-copy h2{font-size:37px}.idea-wall{grid-template-columns:1fr 1fr}.invitation{grid-column:1 / -1;display:grid;grid-template-columns:70px 1fr auto;gap:0 15px;margin-top:10px;align-items:center;transform:none;padding:20px}.invitation .big-star{grid-column:1;grid-row:1 / 4;margin:0}.invitation .idea-type{grid-column:2;margin:0}.invitation h3{grid-column:2;font-size:25px;margin:5px 0}.invitation p{grid-column:2;margin:0}.invitation .button{grid-column:3;grid-row:1 / 4;margin:0}.invitation br{display:none}.section-aside{max-width:220px;font-size:12px}.bear{width:190px;opacity:.6!important}.cat{width:170px;opacity:.6!important}.footer-links{gap:17px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topbar{min-height:70px}.wordmark{font-size:22px}.languages button{min-height:30px;min-width:32px}.hero{display:block;padding:10px 0 77px;min-height:0}.entry-tag{justify-content:center;font-size:8px;letter-spacing:1.4px}.hero-intro{text-align:center;margin-bottom:34px}.hero-logo{width:104%;max-width:470px;margin:-4% -2% -5%;height:auto;aspect-ratio:1.5}.hero-intro:before{inset:0 -15px -12px}.hero h1{font-size:clamp(23px,6.6vw,31px);margin:0 0 18px}.hero-copy{font-size:14px;line-height:1.65;max-width:390px;margin:24px auto 0}.explore-link{display:none}.login-sheet{justify-self:auto;max-width:440px;margin:auto;padding:28px 23px 22px;text-align:left}.login-sheet h2{font-size:33px}.sheet-intro{font-size:13px}.sheet-tag{font-size:8px}.field{margin-bottom:17px}.field input{min-height:49px;font-size:16px}.account-tabs button{min-height:42px}.button{min-height:49px}.form-meta{justify-content:space-between}.mini-tag{display:block;font-size:7px;letter-spacing:.8px}.new-account{font-size:12px}.hero-foot{bottom:16px;padding-top:12px;gap:10px;font-size:9px}.hero-foot>span:first-child{font-size:7px;letter-spacing:1px}.hero-foot>a{font-size:21px;min-width:28px}.wall-art .bear{width:150px;left:-55px;bottom:0;opacity:.45!important}.wall-art .cat{width:140px;right:-55px;top:100px;opacity:.45!important}body:before{background-position:48% center}.section-heading{display:block;margin-bottom:26px}.section-heading h2,.closing h2{font-size:34px}.scribble{display:none}.section-aside{margin-top:18px;max-width:none;font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.8px}.section{padding-block:43px}.game-preview{transform:rotate(-.5deg);box-shadow:4px 5px #150b2266}.game-preview>img{aspect-ratio:1.2;object-position:65% center}.game-preview figcaption{font-size:9px;padding:11px}.discovery-layout{gap:16px}.discovery-copy article{gap:14px}.discovery-copy h3{font-size:18px}.discovery-copy p{font-size:14px}.step{font-size:23px}.challenge-section{padding-block:55px}.challenge-paint{display:flex;flex-direction:column;padding:29px 23px 30px;gap:24px;border-radius:5px 16px 5px 12px;box-shadow:4px 5px 0 #4edbe933}.challenge-copy h2{font-size:43px}.challenge-copy>p{font-size:14px}.phase{margin-top:20px;font-size:8px}.challenge-art{max-width:240px;align-self:center;transform:rotate(2deg)}.challenge-copy .button{font-size:13px;gap:15px;width:100%}.challenge-copy .challenge-note{font-size:11px}.idea-wall{grid-template-columns:1fr;gap:26px;padding-inline:4px}.idea{padding:10px 10px 20px}.idea h3{font-size:21px}.idea p{font-size:13px}.idea-image{aspect-ratio:1.5}.idea-two{margin-top:0;transform:rotate(1deg)}.idea-one{transform:rotate(-1deg)}.invitation{display:block;transform:rotate(-1deg);padding:24px}.invitation .big-star{font-size:52px;margin:0 0 8px}.invitation .idea-type{margin:0}.invitation h3{font-size:29px;margin:9px 0 12px}.invitation p{margin:0}.invitation .button{display:inline-flex;margin-top:20px}.gallery-note{font-size:11px;margin-top:25px}.closing{padding-block:66px 54px}.closing h2{font-size:32px}footer{padding-block:25px;gap:21px;justify-content:center;text-align:center}.footer-links{margin:0;justify-content:center;flex-wrap:wrap;gap:20px}.footer-preview{text-align:center}.footer-brand{width:100%;font-size:25px}.footer-brand span{font-size:7px}.image-dialog img{max-width:92vw;max-height:76svh}.info-dialog{padding:35px 23px 23px}}
.member-tag{position:relative;display:flex;align-items:center;gap:15px;margin:7px 0 22px;padding:16px 14px;color:var(--cyan);background:#19323c88;border:1px dashed #5de8ec77;border-radius:3px 12px 4px 7px;transform:rotate(-2deg)}.member-tag:after{content:'';position:absolute;width:65%;height:4px;left:22%;bottom:8px;background:var(--yellow);transform:rotate(-1deg);clip-path:polygon(0 25%,100% 0,93% 70%,6% 100%)}.member-tag>span{font:400 clamp(21px,2vw,26px)/1.2 Marker,var(--sans);text-shadow:2px 3px #0e1825;letter-spacing:-.6px}.scan-tag{width:49px;height:49px;flex:none;color:var(--yellow)}.member-lead{font-size:13px;line-height:1.7;color:#e4d6e9;margin:0 0 19px}.member-lead strong{color:var(--cream)}.member-steps{margin:0;padding:0;list-style:none}.member-steps li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #b18cbd33}.member-step{font:400 20px/1.3 Marker,var(--sans);color:var(--yellow);flex:none}.member-steps h3{font-size:13px;line-height:1.5;margin:0 0 4px;font-weight:800;color:#fff0d6}.member-steps p{font-size:12px;line-height:1.6;margin:0;color:#cdb6d7}@media(max-width:400px){.member-tag{gap:11px;padding:15px 10px}.member-tag>span{font-size:22px}.scan-tag{width:39px;height:39px}.member-steps li{gap:10px}.member-steps h3{font-size:13px}}
.app-guide{position:relative}.app-guide:before{content:'';position:absolute;inset:0 -34px;z-index:-1;border-radius:18px 7px 20px 8px;background:linear-gradient(125deg,#2e193cf5,#24142fee);box-shadow:0 12px 55px #130b2277;border:1px solid #b98acb33}.app-guide-lead,.devices-lead{max-width:790px;font-size:15px;line-height:1.8;color:#dccae5;margin:0 0 28px}.app-guide-lead strong,.devices-lead strong{color:var(--cream);font-weight:750}.app-sticker{font:400 26px/1.12 Tag,Marker,cursive;color:var(--yellow);transform:rotate(8deg);margin:0 15px 0 10px;flex:none}.install-toolbar{display:flex;align-items:center;gap:25px;justify-content:space-between;margin:30px 0 28px;padding-bottom:22px;border-bottom:1px solid #c39fd34d}.install-tabs{display:flex;padding:4px;border:1px solid #bd91ce77;background:#1b1027;border-radius:5px 10px 4px 8px;gap:5px}.install-tabs button{min-height:43px;min-width:145px;font-size:12px;font-weight:750;border:0;border-radius:3px 7px 4px 5px;background:transparent;color:#d8c0e3;padding:10px 16px}.install-tabs button[aria-selected=true]{background:#e4b9eb;color:#2d1937;box-shadow:2px 3px #0f071f66}.install-side-note{font-size:11px;line-height:1.6;color:#baa1c8;max-width:260px;text-align:right}.install-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.install-step{min-width:0}.install-drawing{height:224px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:7px 15px 5px 12px;background:radial-gradient(ellipse at 50% 40%,#8e53b237,#1d102a77);border:1px solid #9973aa4d;margin-bottom:22px;isolation:isolate;overflow:hidden}.install-drawing:before{content:'';position:absolute;left:14px;right:14px;bottom:14px;height:1px;background:#9e75b73d;transform:rotate(-8deg);z-index:-1}.install-step-heading{display:flex;gap:10px;align-items:baseline}.install-step-heading>span{font:400 23px/1 Marker,var(--sans);color:var(--yellow);flex:none}.install-step h3{font-size:17px;line-height:1.35;letter-spacing:-.4px;color:#fff0dc;margin:0;font-weight:800}.install-step>p{font-size:13px;line-height:1.7;color:#cfbadb;margin:12px 0 0}.drawn-banner{position:absolute;left:25px;top:19px;width:104px;height:171px;background:#3c254b;border:2px solid #dfbce6;transform:rotate(-7deg);box-shadow:5px 7px #150c2455;display:flex;align-items:center;flex-direction:column;padding:7px}.drawn-banner>img{width:80px;height:53px;object-fit:contain;mix-blend-mode:lighten}.drawn-banner>b{font-size:7px;letter-spacing:1px;margin:5px 0 4px;color:#f6d67f}.drawn-banner>svg{width:63px;height:63px;color:#f8e6bb}.drawn-banner>small{font-size:6px;letter-spacing:1px;margin-top:5px;color:#cab1d7}.banner-pin{position:absolute;top:-7px;left:33px;width:35px;height:12px;background:#ddc7e9bb;transform:rotate(5deg)}.drawing-arrow{position:absolute;top:10px;right:31px;font:400 49px/1 Tag,cursive;color:#ce9ee7;transform:rotate(15deg)}.drawn-phone{position:relative;width:108px;height:189px;border:3px solid #d4aadf;border-radius:16px;background:#1b1127;box-shadow:5px 7px #130a2266;overflow:hidden}.phone-speaker{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:27px;height:4px;background:#a680b8;border-radius:8px;z-index:3}.camera-phone{position:absolute;right:26px;top:54px;width:84px;height:145px;transform:rotate(9deg);background:linear-gradient(140deg,#52335d,#271934)}.camera-target{position:absolute;width:47px;height:47px;top:35px;left:15px;color:#ffd361;display:grid;place-items:center}.camera-target>span{font-size:38px}.camera-target i{width:12px;height:12px;position:absolute;border:2px solid var(--cyan)}.camera-target i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.camera-target i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.camera-target i:nth-child(3){bottom:0;left:0;border-top:0;border-right:0}.camera-target i:nth-child(4){bottom:0;right:0;border-top:0;border-left:0}.camera-shutter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);width:22px;height:22px;border:2px solid #f4e9fa;border-radius:50%;box-shadow:inset 0 0 0 3px #3c274a;background:#e5d2ed}.browser-phone{transform:rotate(-5deg);padding:18px 6px 8px}.mini-address{height:17px;border-radius:4px;background:#4e365e;color:#d7bbdf;font-size:7px;text-align:center;line-height:17px;position:relative}.mini-address>span{position:absolute;right:2px;top:0;font-size:15px}.browser-phone>img{width:100%;margin-top:12px;mix-blend-mode:lighten}.mini-phone-title{display:block;text-align:center;color:#f7da8e;font:400 9px Marker,var(--sans);margin-top:7px}.mini-browser-bar{position:absolute;left:5px;right:5px;bottom:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8a669e77;padding:6px 4px 0;color:#bda1cf;font-size:18px}.share-symbol{width:26px;height:26px;padding:3px;color:#34213e;border-radius:4px;background:var(--yellow)}.mini-browser-bar .android-menu{display:none!important}.tap-here{position:absolute;right:6px;bottom:46px;color:var(--yellow);font:400 16px/1 Tag,cursive;transform:rotate(-9deg)}.tap-arrow{position:absolute;right:37px;bottom:16px;color:var(--yellow);font-size:32px;transform:rotate(-25deg)}.android-only{display:none}.app-guide[data-install-device=android] .ios-only{display:none}.app-guide[data-install-device=android] .android-only{display:inline}.app-guide[data-install-device=android] .mini-address>span{border-radius:3px;background:var(--yellow);color:#271733;width:16px}.app-guide[data-install-device=android] .tap-here{bottom:auto;top:37px;right:4px}.app-guide[data-install-device=android] .tap-arrow{bottom:auto;top:41px;right:37px;transform:rotate(100deg)}.add-phone{transform:rotate(5deg);padding-top:31px;background:linear-gradient(#472752,#25142d)}.mini-site-name{font:400 8px Tag,cursive;text-align:center;color:#dcc3e9}.mini-install-sheet{position:absolute;bottom:0;left:0;right:0;background:#563563;border-top:1px solid #a67eb4;border-radius:11px 11px 0 0;padding:19px 7px 12px}.mini-sheet-handle{position:absolute;top:5px;left:37%;right:37%;height:3px;border-radius:4px;background:#c5a3d0}.mini-sheet-option{display:flex;align-items:center;gap:4px;border-radius:4px;background:#d7b0e2;color:#2c1935;padding:6px 4px}.mini-sheet-option>span{font-size:15px}.mini-sheet-option b{font-size:7px;line-height:1.3}.mini-webapp-row{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:11px 0;font-size:6px;color:#f3e7f7}.mini-switch{display:inline-block;position:relative;border-radius:12px;width:17px;height:10px;background:#9ee4d3;flex:none}.mini-switch:after{content:'';position:absolute;width:6px;height:6px;background:#21443b;right:2px;top:2px;border-radius:50%}.mini-confirm{display:block;margin-top:10px;text-align:center;background:var(--yellow);color:#30203d;padding:6px 4px;border-radius:3px;font-size:7px;font-weight:800}.drawn-spark{position:absolute;right:12px;top:15px;font-size:42px;color:var(--pink);transform:rotate(10deg)}.home-phone{padding:22px 9px 10px;transform:rotate(-6deg);background:radial-gradient(circle at 75% 20%,#a56da5,#432648 65%)}.mini-clock{display:block;font-size:17px;text-align:center;letter-spacing:1px;color:#fff3da;margin-bottom:13px}.mini-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center}.mini-apps>span{background:#c5abd34d;border:1px solid #e3cceb55;width:21px;height:22px;border-radius:5px}.hain-app-icon{grid-column:1 / -1;border-radius:12px;justify-self:center;width:58px;height:58px;border:2px solid #ecd1ae;background:#1f1427;box-shadow:0 0 0 4px #f6d46833;display:grid;place-items:center}.hain-app-icon>img{display:block;width:54px;height:50px;object-fit:contain}.home-phone>b{display:block;text-align:center;font-size:6px;color:#fff0d5;margin-top:8px}.home-bar{position:absolute;bottom:5px;left:35%;right:35%;height:3px;border-radius:5px;background:#ecd5f0}.ready-tag{position:absolute;bottom:28px;right:7px;background:var(--yellow);color:#2a1734;padding:5px 9px;font:400 16px/1.1 Tag,cursive;transform:rotate(-9deg);box-shadow:3px 4px #140b2255}.install-bottom-note{display:flex;justify-content:space-between;gap:28px;border-top:1px solid #bb95c941;padding-top:22px;margin-top:29px}.install-member-note{font-size:12px;line-height:1.7;color:#d1b9db;max-width:580px}.install-help{font-size:11px;line-height:1.7;color:#c8acd5;max-width:290px}.install-help summary{cursor:pointer;color:#e7c7ed;min-height:30px;text-underline-offset:4px;text-decoration:underline}.install-help p{margin:7px 0 10px}.install-help a{display:inline-block;color:var(--yellow);margin:0 14px 4px 0}
.devices-section{padding-block:82px}.phone-required-tag{font:400 16px/1.3 Marker,var(--sans);background:#c585a5;color:#28182e;border:1px solid #efbed8;border-radius:3px 7px 3px 5px;padding:10px 14px;transform:rotate(4deg);box-shadow:3px 5px #180c2b77;flex:none}.devices-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}.device-scene{position:relative;margin:0;height:420px;isolation:isolate;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:12px}.device-scene:before{content:'';position:absolute;inset:10px -8px 40px;background:radial-gradient(ellipse,#59306d94,transparent 72%);z-index:-1}.monitor-illustration{position:relative;width:92%;background:#1c1125;border:4px solid #c9a3d5;border-radius:10px 15px 8px 8px;box-shadow:7px 11px #180b2a99;overflow:hidden;transform:rotate(-2deg)}.monitor-illustration>img{width:100%;display:block;aspect-ratio:1.6;object-fit:cover;object-position:center 28%}.monitor-top{display:flex;gap:4px;align-items:center;padding:7px 8px;background:#453053;border-bottom:1px solid #b28ac677}.monitor-top>span{display:block;width:4px;height:4px;border-radius:50%;background:#d8b6e0}.monitor-top>b{margin-left:auto;font:400 6px Tag,var(--sans);color:#edcf8e}.monitor-chin{height:12px;background:#453053;border-top:1px solid #9c76ae77}.monitor-stand{position:absolute;left:30%;bottom:30px;width:75px;height:44px;background:#b190bd;clip-path:polygon(26% 0,75% 0,83% 82%,100% 89%,100% 100%,0 100%,0 89%,16% 82%);transform:rotate(-2deg);z-index:-1}.companion-phone{position:absolute;right:1px;bottom:34px;width:146px;background:#211329;border:3px solid #edb3ce;border-radius:18px;transform:rotate(7deg);padding:15px 6px 9px;box-shadow:7px 10px #1b0c2c99}.companion-screen{position:relative;aspect-ratio:390/844;overflow:hidden;border-radius:9px;background:#291a35}.companion-screen>img{position:absolute;width:300%;max-width:none;height:auto;left:-100%;top:-5.3%;display:block}.device-connect{position:absolute;right:107px;bottom:18px;color:var(--yellow);font:400 70px/1 Tag,cursive;transform:rotate(-9deg);text-shadow:2px 3px #261633}.together-tag{position:absolute;bottom:6px;left:30px;color:var(--yellow);font:400 25px/1.2 Tag,cursive;transform:rotate(-4deg)}.device-scene figcaption{position:absolute;top:100%;left:0;font-size:10px;line-height:1.6;color:#bda4c9;max-width:90%;padding-top:7px}.device-explanation{display:grid;gap:20px}.device-use{background:#2b1838f0;border:1px solid #c494d066;border-left:3px solid #d28bb4;padding:22px 24px;border-radius:4px 12px 4px 7px;box-shadow:3px 5px #180d2855}.device-use-label{font-size:8px;letter-spacing:1.6px;font-weight:850;color:#e8adcf}.device-use h3{font-size:21px;line-height:1.2;letter-spacing:-.6px;margin:11px 0 10px}.device-use p{font-size:13px;line-height:1.8;color:#d8c4e1;margin:0}.desktop-use{border-left-color:#b998df}.desktop-use .device-use-label{color:#c3a9e8}.map-handoff{display:flex;gap:22px;align-items:flex-start;padding:25px 28px;background:#2b1b38ee;border:1px dashed #b98cc499;border-radius:4px 12px 6px 9px;margin-top:46px}.handoff-icon{font:400 45px/1 Tag,cursive;color:var(--yellow);flex:none}.map-handoff h3{font-size:17px;letter-spacing:-.4px;margin:0 0 8px;color:#ffe6c1}.map-handoff p{font-size:13px;line-height:1.8;color:#cfb9db;margin:0}
@media(max-width:1100px){.install-steps{gap:18px}.install-drawing{height:210px}.drawn-banner{left:14px}.camera-phone{right:13px}.tap-here{font-size:14px;right:1px;bottom:36px}.tap-arrow{right:22px;bottom:8px}.install-step h3{font-size:16px}.device-use{padding:19px 21px}.device-use h3{font-size:19px}.devices-layout{gap:27px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.device-scene{height:360px}.companion-phone{width:127px;bottom:25px}.device-connect{right:85px;bottom:15px}.monitor-stand{bottom:32px}.together-tag{font-size:22px;left:5px}.device-scene figcaption{font-size:9px}}
@media(max-width:800px){.app-guide:before{inset:0 -10px}.install-steps{grid-template-columns:1fr 1fr;gap:30px 24px}.install-drawing{height:225px}.drawn-banner{left:26px}.camera-phone{right:27px}.tap-here{right:9px;font-size:17px;bottom:47px}.tap-arrow{right:43px;bottom:18px}.install-step>p{font-size:13px}.app-guide-lead,.devices-lead{font-size:14px}.app-sticker{font-size:24px}.install-toolbar{gap:15px}.install-tabs button{min-width:125px;padding-inline:12px}.install-side-note{max-width:175px;font-size:10px}.devices-layout{grid-template-columns:1fr;gap:50px}.device-scene{max-width:600px;width:100%;height:430px;margin:auto}.companion-phone{width:147px;bottom:35px;right:8px}.device-connect{right:115px;bottom:19px}.monitor-stand{bottom:35px}.together-tag{left:24px;font-size:26px}.device-explanation{grid-template-columns:1fr 1fr;gap:18px}.device-use p{font-size:13px}.map-handoff{margin-top:28px}.phone-required-tag{font-size:13px}.device-scene figcaption{font-size:10px}.devices-section{padding-block:65px}}
@media(max-width:600px){.app-guide .section-heading{position:relative;padding-right:56px}.app-guide .section-heading h2{font-size:32px}.app-sticker{position:absolute;right:0;top:23px;font-size:18px;margin:0}.app-guide-lead,.devices-lead{font-size:14px;line-height:1.8}.install-toolbar{display:block;margin-top:23px;padding-bottom:18px}.install-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.install-tabs button{min-width:0;min-height:45px;font-size:12px;padding-inline:7px}.install-side-note{display:block;max-width:none;text-align:left;margin-top:11px;font-size:11px}.install-steps{gap:28px 16px}.install-drawing{height:188px;margin-bottom:16px}.drawn-banner{width:82px;height:141px;top:17px;left:9px;padding:5px}.drawn-banner>img{width:67px;height:42px}.drawn-banner>b{font-size:5px}.drawn-banner>svg{width:49px;height:49px}.drawn-banner>small{font-size:5px}.camera-phone{right:6px;top:58px;width:66px;height:113px;border-radius:12px}.camera-target{width:36px;height:36px;top:27px;left:11px}.camera-target>span{font-size:27px}.camera-shutter{width:17px;height:17px;bottom:9px}.drawing-arrow{top:10px;right:12px;font-size:35px}.browser-phone,.add-phone,.home-phone{transform:scale(.84) rotate(-5deg);flex:none}.add-phone{transform:scale(.84) rotate(5deg)}.tap-here{font-size:13px;right:2px;bottom:35px}.tap-arrow{font-size:27px;right:21px;bottom:13px}.drawn-spark{font-size:31px;right:2px;top:7px}.ready-tag{font-size:13px;right:1px;bottom:19px;padding:5px 7px}.install-step-heading{gap:7px;align-items:flex-start}.install-step-heading>span{font-size:21px;line-height:1.2}.install-step h3{font-size:15px;line-height:1.4}.install-step>p{font-size:12px;line-height:1.8;margin-top:10px}.install-bottom-note{display:block;margin-top:24px;padding-top:19px}.install-member-note{font-size:12px}.install-help{margin-top:15px;max-width:none}.devices-section{padding-block:58px}.devices-section .section-heading{margin-bottom:22px}.phone-required-tag{display:inline-block;font-size:12px;padding:8px 11px;margin-top:22px;transform:rotate(-3deg)}.devices-layout{gap:45px}.device-scene{height:290px;padding-top:0}.monitor-illustration{border-width:3px;width:94%;border-radius:8px}.monitor-top{padding:5px}.monitor-illustration>img{aspect-ratio:1.5}.monitor-chin{height:8px}.monitor-stand{bottom:38px;width:55px;height:35px;left:30%}.companion-phone{width:101px;padding:12px 5px 7px;border-width:2px;border-radius:13px;right:0;bottom:30px}.companion-screen{border-radius:6px}.companion-phone .phone-speaker{width:20px;height:3px;top:4px}.device-connect{font-size:48px;right:76px;bottom:22px}.together-tag{font-size:21px;left:8px;bottom:10px}.device-explanation{grid-template-columns:1fr;gap:15px}.device-use{padding:22px}.device-use h3{font-size:21px}.device-use p{font-size:14px;line-height:1.75}.device-use-label{font-size:8px}.map-handoff{gap:14px;padding:21px 18px}.handoff-icon{font-size:35px}.map-handoff h3{font-size:17px}.map-handoff p{font-size:13px;line-height:1.8}.app-guide[data-install-device=android] .tap-here{top:28px;font-size:12px}.app-guide[data-install-device=android] .tap-arrow{top:35px;right:28px}}
@media(max-width:380px){.install-steps{grid-template-columns:1fr;gap:22px}.install-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;align-items:start}.install-drawing{grid-column:1;grid-row:1 / 3;width:110px;height:190px;margin-bottom:0}.install-step-heading{padding-top:8px}.install-step>p{font-size:12px;margin:9px 0 0}.scan-drawing .drawn-banner{left:0;top:20px;transform:scale(.8) rotate(-7deg);transform-origin:top left}.scan-drawing .camera-phone{right:2px;top:68px}.drawing-arrow{right:0;font-size:29px}.tap-here{font-size:11px;right:1px;bottom:41px;max-width:36px}.tap-arrow{right:7px;bottom:17px}.ready-tag{right:0;font-size:11px}.drawn-spark{font-size:25px}.devices-section .section-heading h2{font-size:31px}.device-scene{height:257px}.companion-phone{width:88px;bottom:27px}.device-connect{right:64px;font-size:41px}.together-tag{font-size:18px;left:2px}.install-step h3{font-size:15px}.install-step-heading>span{font-size:19px}}
@media(min-width:1101px){.device-scene{height:460px}.monitor-stand{bottom:11px}}@media(min-width:801px) and (max-width:1100px){.device-scene{height:400px}.monitor-stand{bottom:11px}}
.monitor-illustration>img{height:auto}
.browser-preview-image{position:relative;display:block;width:100%;padding:0;border:0;background:#24162e;cursor:zoom-in}
.browser-preview-image>img{display:block;width:100%;height:auto}
#challenge-title{font-size:clamp(30px,3.6vw,46px);line-height:1.16}
@media(max-width:800px) and (min-width:601px){#challenge-title{font-size:clamp(26px,3.9vw,32px)}}
@media(max-width:600px){#challenge-title{font-size:clamp(25px,6.8vw,36px);letter-spacing:-.7px}}
.hero-intro{isolation:isolate}
@media(min-width:801px) and (max-height:850px){.topbar{min-height:76px}.hero{min-height:calc(100svh - 76px);padding-bottom:60px;column-gap:55px}.hero-logo{height:clamp(220px,42svh,390px);width:112%;object-fit:contain;margin:0 -6% -14px}.hero h1{font-size:clamp(25px,2.4vw,32px);margin:8px 0 12px}.hero-copy{font-size:15px;line-height:1.6;margin:18px 0}.login-sheet{padding:26px 26px 18px}.login-sheet h2{font-size:34px;margin:10px 0 6px}.sheet-intro{margin-bottom:16px}.account-tabs{margin-bottom:17px}.account-tabs button{min-height:36px}.field{margin-bottom:14px}.field label{margin-bottom:7px}.field input{min-height:45px}.form-meta{margin-bottom:14px}.new-account{margin:13px 0 12px}.preview-note{padding-top:10px}.live-entry{margin-top:3px}.hero-foot{bottom:14px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.idea-image img{transition:none}}