.hero{--head:84px;margin-top:calc(-1*var(--head));padding-top:var(--head);padding-bottom:52px;position:relative;overflow:hidden}.lights{--s:min(1,(100vw - 48px)/1192px);--card:calc(393px + .92*min(132px,9.2vw));width:calc(1920px*var(--s));height:calc(var(--card)*900/514);mix-blend-mode:screen;pointer-events:none;background:url(/img/lights.jpg) top/100% 100% no-repeat;animation:.9s cubic-bezier(.16,1,.3,1) both lightsOn;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes lightsOn{0%{opacity:.3}to{opacity:1}}.hero-body{padding-top:12px;position:relative}.hero-title{color:#fff;margin:0;font-size:clamp(64px,9.2vw,132px);line-height:.92}.hero-title span{color:var(--yellow)}.hero-sub{color:var(--text);margin:10px 0 0;font-size:22px;line-height:1.4}.hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;margin-top:14px;display:grid}.board{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-sheet);flex-direction:column;gap:16px;padding:28px;display:flex;position:relative;box-shadow:0 24px 60px #00000073}.board>*{position:relative}.board:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(360px 210px at 0 0,#93c5fd57,#93c5fd00 72%),radial-gradient(360px 210px at 100% 0,#fde68a3d,#fde68a00 72%),linear-gradient(#c8e0ff1a,#c8e0ff00 34%);position:absolute;inset:0}.board:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:radial-gradient(300px 200px at 0 0,#eaf2ff,#dbeafe00 78%),radial-gradient(300px 200px at 100% 0,#fef0b5,#fde68a00 78%),linear-gradient(#dbeafeb8,#dbeafe00 16%);padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.board-status{letter-spacing:.12em;color:var(--link);font-size:18px}.board-q{font-family:var(--display);color:#fff;margin:0;font-size:44px;font-weight:700;line-height:1.08}.board-hint{color:var(--muted);margin:0;font-size:15px}.board-reveal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.board-reveal[hidden]{display:none}.board-reveal .copy{flex:340px;min-width:0}.board-reveal .verdict{font-size:28px}.board-reveal p{color:var(--text-2);margin:2px 0 0;font-size:16px;line-height:1.5}.phone{z-index:2;justify-self:center;width:250px;position:relative}.phone img{filter:drop-shadow(0 -3px 7px #d6e8ff9e)drop-shadow(-2px 0 5px #bed8ff52)drop-shadow(2px 0 5px #fde68a3d);width:100%;height:auto;display:block}.h2-xl{margin:0;font-size:clamp(48px,6.2vw,88px);line-height:.95}.h2-l{margin:0;font-size:clamp(40px,3.6vw,52px);line-height:1}.more{letter-spacing:.06em;font-size:20px;text-decoration:none}.games{background:var(--band);padding:72px 0}.brain{margin-bottom:64px}.brain h2{font-size:clamp(48px,5.9vw,85px)}.brain span{color:var(--yellow)}.brain p{color:var(--text);margin:16px 0 0;font-size:22px;line-height:1.4}.games .pick{margin-bottom:24px}.modes{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.mode{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);color:inherit;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.mode:hover{color:inherit;border-color:#facc158c}.m-face{flex-direction:column;grid-area:span 2/span 7}.m-cys,.m-solo{grid-column:span 5}.table{flex:auto;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex}.flat{aspect-ratio:1152/600;flex:auto;max-width:540px;position:relative}.flat img{width:52.083%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.side{letter-spacing:.14em;color:var(--link);writing-mode:vertical-rl;font-size:24px}.side.you{transform:rotate(180deg)}.tag{letter-spacing:.12em;color:var(--link);font-size:16px}.mode-copy{color:var(--text-2);margin:0;font-size:16px;line-height:1.5}.mode-text{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.m-face .mode-text{padding:24px 28px 28px}.m-face h3{margin:0;font-size:56px;line-height:1}.m-face .mode-copy{font-size:19px}.m-cys .mode-text{justify-content:flex-end;padding:28px}.m-cys h3{margin:0;font-size:44px;line-height:.98}.m-solo .mode-text{justify-content:center;gap:6px;padding:24px 28px}.m-solo h3{margin:0;font-size:36px;line-height:1}.crop{flex:none;justify-content:center;display:flex;overflow:hidden}.crop img{height:auto;display:block}.m-cys .crop{width:196px;height:310px;padding-top:22px}.m-cys .crop img{width:186px}.m-solo .crop{width:150px;height:240px}.m-solo .crop img{width:164px;margin-top:18px}.band{background:var(--yellow);color:var(--on-yellow);padding:56px var(--gutter)}.band-in{max-width:1192px;margin:0 auto}.band-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.band-head>div{flex:420px;min-width:0}.band h2{line-height:.92}.band p{color:var(--ink-on-yellow);margin:10px 0 0;font-size:18px;line-height:1.5}.btn-dark{background:var(--on-yellow);color:var(--yellow);letter-spacing:.05em;border-radius:var(--r-button);padding:18px 34px;font-size:28px;text-decoration:none;display:inline-block}.btn-dark:hover{color:#fde047}.punish{flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:flex}.punish li{background:var(--on-yellow);color:#fff;border-radius:var(--r-pill);padding:12px 20px;font-size:17px;font-weight:600}.section{padding-top:96px}.channels{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:48px;display:grid}.channels .more{margin-top:18px;display:inline-block}.ch-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;display:grid}.ch{border-bottom:1px solid var(--line);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);justify-content:space-between;align-items:baseline;gap:12px;padding:11px 2px;font-size:26px;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.ch:hover,.ch.lead{color:var(--yellow)}.ch .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:18px}.head-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;display:flex}.facts{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:36px;margin-top:30px;display:grid}.fact{color:inherit;flex-direction:column;gap:10px;text-decoration:none;display:flex}.fact:hover{color:inherit}.fact:hover h3{color:var(--yellow)}.fact-tag{color:var(--link);letter-spacing:.14em;font-size:16px}.fact.big img{object-fit:cover;border-radius:var(--r-card);width:100%;height:420px;display:block}.fact.big .fact-tag{margin-top:6px}.fact.big h3{font-family:var(--display);margin:0;font-size:46px;font-weight:700;line-height:1.04}.fact.big p{color:var(--text-2);margin:0;font-size:17px;line-height:1.55}.side-facts{flex-direction:column;gap:30px;display:flex}.fact.small{border-top:1px solid #94b4ff2e;padding-top:20px}.fact.small h3{margin:0;font-size:23px;font-weight:700;line-height:1.28}.fact.small p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.get{text-align:center;margin-top:96px}.get h2{margin:0;padding-top:40px;font-size:clamp(56px,6.7vw,96px);line-height:.92}.get h2 span{color:var(--yellow)}.get-sub{color:var(--text-2);margin:14px 0 0;font-size:19px;line-height:1.5}.get-device{max-width:660px;margin:22px auto 0}.get-device img{width:100%;height:auto;display:block}.get-row{padding:26px var(--gutter) 56px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 24px;display:flex}.green{padding-top:56px}.green-title{margin:0;font-size:36px;line-height:1}.more.small{font-size:18px}.green-list{border-top:1px solid #94b4ff2e;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:0 24px;margin-top:16px;display:grid}.green-list .fact{padding:20px 0}.green-list h3{margin:0;font-size:21px;font-weight:700;line-height:1.3}.green-list .fact-tag{letter-spacing:.12em;font-size:15px}.badge{line-height:0;display:inline-block}.badge img{width:168px;height:56px;display:block}.store{text-align:left;border-radius:var(--r-button);flex-direction:column;justify-content:center;padding:10px 24px;text-decoration:none;display:inline-flex}.store small{font-size:12px;line-height:1.2}.store b{font-size:24px;line-height:1.1}.store.apple{color:var(--on-yellow);background:#fff}.store.apple:hover{color:var(--on-yellow)}.store.soon{color:var(--text-2);border:1.5px solid #eef2fa59;padding:9px 22px}.store.soon b{font-weight:600}@media (prefers-reduced-motion:reduce){.lights{animation:none}}@media (width<=900px){.lights{--s:1;background-image:url(/img/lights-phone.jpg);width:468px;height:520px;top:0;left:50%}.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.m-face,.m-cys,.m-solo{grid-area:auto/1/auto/-1}.channels,.facts{grid-template-columns:minmax(0,1fr)}.channels{gap:20px}.ch-list{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.board{padding:20px}.board-q{font-size:36px}.m-cys,.m-solo{flex-direction:column}.m-solo{flex-direction:column-reverse}.m-cys .crop,.m-solo .crop{width:100%;height:220px}.hero{--head:110px}.fact.big img{height:240px}}
