@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";body{min-width:320px;min-height:100vh}::selection{color:#090b16;background:#63e9f5}:root{color:#f4f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#090b16;--panel:#111525;--line:#292d43;--muted:#9297b3;--cyan:#63e9f5;--pink:#ff64c8;--purple:#a78bfa;--mono:"DM Mono", monospace;background:#090b16;font-family:Space Grotesk,sans-serif;font-weight:400}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.landing{flex-direction:column;width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:0 42px;display:flex}.site-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{flex:none;width:35px;height:35px;position:relative;transform:rotate(-5deg)}.tile{border-radius:3px;width:15px;height:15px;position:absolute}.tile-cyan{background:var(--cyan);top:1px;left:1px;box-shadow:0 0 12px #63e9f577}.tile-purple{background:var(--purple);top:1px;right:1px}.tile-pink{background:var(--pink);bottom:1px;left:1px}.tile-blue{background:#627bff;bottom:1px;right:1px;box-shadow:0 0 12px #627bff55}.brand-name{letter-spacing:-1.1px;font-size:22px;font-weight:700}.brand-name>span{color:var(--cyan)}.header-note,.eyebrow,.feature-pills,.card-kicker,.auth-form label,.field-hint,.card-bottom,.site-footer,.preview-caption,.game-label,.game-footer,.side-label,.status-ready{font-family:var(--mono)}.header-note{letter-spacing:1px;color:#aeb4ca;align-items:center;gap:9px;font-size:10px;display:flex}.online-dot{background:#73f2b1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #73f2b188}.hero{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:clamp(32px,6vw,84px);padding:42px 0;display:grid}.hero h1>.hero-word-highlight{background:var(--cyan);color:#080b18;text-shadow:none;border-radius:3px;padding:.035em .13em .07em;display:inline-block;transform:skew(-3deg);box-shadow:0 0 18px #63e9f544,inset 0 -3px #16a9bc}.hero-copy{min-width:0;position:relative}.eyebrow{color:var(--cyan);letter-spacing:1.5px;align-items:center;gap:11px;font-size:10px;display:flex}.eyebrow-line{background:var(--cyan);width:27px;height:1px;box-shadow:0 0 8px #63e9f566}.hero h1{letter-spacing:-5px;margin:20px 0 16px;font-size:clamp(58px,6.8vw,86px);font-weight:700;line-height:.99}.hero h1>span{color:var(--cyan);text-shadow:0 0 36px #63e9f522}.hero-description{color:#a3a8c1;max-width:510px;margin:0;font-size:15px;line-height:1.75}.feature-pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.feature-pills>span{color:#c4c8da;letter-spacing:.3px;background:#ffffff04;border:1px solid #ffffff12;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex}.pill-dot{border-radius:2px;width:6px;height:6px}.cyan-dot{background:var(--cyan)}.pink-dot{background:var(--pink)}.purple-dot{background:var(--purple)}.preview-wrap{width:min(100%,420px);margin-top:38px;position:relative}.preview-glow{filter:blur(55px);pointer-events:none;background:#6c54ff20;position:absolute;inset:10% 15%}.game-frame{z-index:1;background:#0b0e1b;border:1px solid #414663;border-radius:8px;padding:10px;position:relative;transform:perspective(900px)rotateY(3deg)rotateX(1deg);box-shadow:0 20px 60px #0008,0 0 30px #7c5cff0b}.game-topbar{border-bottom:1px solid #ffffff13;align-items:center;gap:5px;height:20px;padding:0 4px 9px;display:flex}.game-dot{border-radius:50%;width:6px;height:6px}.dot-pink{background:var(--pink)}.dot-yellow{background:#ffcf70}.dot-green{background:#73f2b1}.game-label{color:#7c829e;letter-spacing:1.3px;margin-left:auto;font-size:8px}.game-content{grid-template-columns:minmax(0,1fr) 66px;gap:12px;padding:10px 10px 12px;display:grid}.game-board{aspect-ratio:10/12;background-color:#0e1223;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:10% 8.333%;border:1px solid #343951;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:6px;display:grid}.game-cell{border-radius:2px;min-width:0;min-height:0}.block-cyan{background:#54dce9;box-shadow:inset 0 0 0 1px #ffffff28,0 0 9px #54dce944}.block-purple{background:#a38af8;box-shadow:inset 0 0 0 1px #ffffff28}.block-pink{background:#f45bbd;box-shadow:inset 0 0 0 1px #ffffff28,0 0 8px #f45bbd33}.block-blue{background:#627bff;box-shadow:inset 0 0 0 1px #ffffff28}.block-yellow{background:#f7d45d;box-shadow:inset 0 0 0 1px #ffffff28}.block-green{background:#5ee6a2;box-shadow:inset 0 0 0 1px #ffffff28}.block-orange{background:#ff9d61;box-shadow:inset 0 0 0 1px #ffffff28}.game-sidebar{flex-direction:column;align-items:flex-start;padding-top:8px;display:flex}.side-label{color:#777e9e;letter-spacing:1px;font-size:8px}.next-piece{grid-template-rows:repeat(2,12px);grid-template-columns:repeat(2,12px);gap:2px;margin:10px 0 23px;display:grid}.next-piece i{border-radius:1px}.level-number{color:#f5f4ff;margin:8px 0 24px;font-size:26px}.status-ready{color:#75f0b1;margin-top:8px;font-size:8px}.game-footer{color:#777e9e;letter-spacing:.6px;border-top:1px solid #ffffff13;justify-content:space-between;gap:10px;padding:10px 5px 2px;font-size:8px;display:flex}.footer-blink{color:var(--pink)}.floating-score{z-index:2;font-family:var(--mono);letter-spacing:.4px;color:#aeb4ce;background:#171a2c;border:1px solid #363b57;border-radius:6px;align-items:center;gap:8px;padding:11px 13px;font-size:8px;display:flex;position:absolute;box-shadow:0 10px 30px #0005}.floating-score strong{color:#f5d975;font-size:10px}.score-one{top:-20px;right:-18px}.score-one>span{color:#f5d975}.score-two{bottom:43px;left:-23px}.score-two>span{color:#73f2b1;font-size:10px}.preview-caption{color:#727894;letter-spacing:1.4px;justify-content:space-between;align-items:center;margin-top:14px;font-size:9px;display:flex}.preview-caption span{color:var(--cyan);font-size:15px}.auth-card{background:linear-gradient(145deg,#14182aee,#101321f5);border:1px solid #2d324a;border-radius:12px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0003,inset 0 1px #ffffff08}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#63e9f577,#0000);height:1px;position:absolute;top:0;left:35px;right:35px}.card-spark{pointer-events:none;position:absolute}.spark-one{color:var(--purple);opacity:.7;font-size:21px;top:25px;right:30px}.spark-two{color:var(--pink);font-size:11px;top:63px;right:50px}.card-kicker{color:var(--cyan);letter-spacing:1.7px;font-size:9px}.card-heading h2{letter-spacing:-1.4px;margin:10px 0 7px;font-size:clamp(26px,3vw,34px);line-height:1.15}.card-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.auth-tabs{background:#090b16;border:1px solid #252a40;border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;margin:22px 0 20px;padding:4px;display:grid}.auth-tab{color:#9297b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:10px 5px;font-size:11px;transition:background .16s,color .16s,border-color .16s}.auth-tab:hover{color:#fff}.auth-tab.active{color:#f7f8ff;background:#20263b;border-color:#363e5b;box-shadow:0 2px 8px #0002}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:#c4c8da;letter-spacing:1.1px;margin:0 0 7px;font-size:9px;display:block}.input-wrap{height:46px;box-shadow:none;background:#0b0e1b;border:1px solid #303650;border-radius:6px;align-items:center;gap:11px;padding:0 13px;transition:border-color .15s;display:flex}.input-wrap:focus-within{box-shadow:none;border-color:#4d8791}.input-icon{color:#8b92b1;font-size:19px;line-height:1}.input-wrap input,.input-wrap input:focus{width:100%;min-width:0;height:100%;box-shadow:none;color:#f4f4ff;background:0 0;border:0;outline:none;padding:0;font-size:13px}.input-wrap input::placeholder{color:#656b88}.input-wrap:has(input:focus-visible){outline-offset:2px;outline:2px solid #63e9f56b}.input-wrap:has(input[aria-invalid=true]){border-color:#c95c9f}.input-wrap input:-webkit-autofill{caret-color:var(--cyan);transition:background-color 9999s ease-out;-webkit-text-fill-color:#f4f4ff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0e1b!important}.input-wrap input:-webkit-autofill:hover{caret-color:var(--cyan);transition:background-color 9999s ease-out;-webkit-text-fill-color:#f4f4ff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0e1b!important}.input-wrap input:-webkit-autofill:focus{caret-color:var(--cyan);transition:background-color 9999s ease-out;-webkit-text-fill-color:#f4f4ff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0e1b!important}.input-wrap input:-webkit-autofill:active{caret-color:var(--cyan);transition:background-color 9999s ease-out;-webkit-text-fill-color:#f4f4ff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b0e1b!important}.field-hint{color:#737a98;margin:7px 0 3px;font-size:9px;line-height:1.5}.field-error{color:#ff8bcf;font-family:var(--mono);margin:6px 0 0;font-size:10px;line-height:1.45}.auth-form input[aria-invalid=true]{color:#f4f4ff}.privacy-note{color:#777e9e;margin:0 0 2px;font-size:10px;line-height:1.5}.submit-button,.auth-form button[type=submit]{color:#071018;width:100%;min-height:46px;font-family:var(--mono);letter-spacing:.5px;cursor:pointer;appearance:none;background:#63e9f5;border:1px solid #75eff8;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:2px;padding:12px 16px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 5px 18px #63e9f51a}.submit-button:hover,.auth-form button[type=submit]:hover{background:#8af0f8;transform:translateY(-1px);box-shadow:0 0 22px #63e9f52a}.submit-button:active,.auth-form button[type=submit]:active{transform:translateY(0)}.submit-button:disabled,.auth-form button[type=submit]:disabled{cursor:not-allowed;opacity:.65;transform:none}.form-message{color:#a6edf2;background:#0d1b25;border:1px solid #3b5360;border-radius:6px;margin:10px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.card-bottom{color:#777e9e;text-align:center;border-top:1px solid #ffffff0d;margin-top:17px;padding-top:15px;font-size:9px;line-height:1.6}.card-bottom span{color:var(--cyan)}.site-footer{color:#666d89;letter-spacing:.8px;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:8px;display:flex}.site-footer span:last-child{color:#8389a5}button:focus-visible,.auth-tab:focus-visible,.submit-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.input-wrap input:focus-visible{outline:none}@media (width>=1300px){.landing{width:min(1180px,100%)}}@media (width<=960px){.landing{padding:0 28px}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:35px;padding:36px 0}.hero h1{letter-spacing:-3.8px;font-size:clamp(54px,7vw,72px)}.auth-card{padding:25px 22px}.score-one{right:-8px}.score-two{left:-9px}}@media (width>=761px) and (height<=850px){.site-header{min-height:62px}.hero{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;padding:14px 0}.hero-copy{text-align:center;width:100%;max-width:560px}.eyebrow{justify-content:center}.hero h1{letter-spacing:-3px;margin:9px 0;font-size:clamp(44px,5vw,62px)}.hero-description{margin-inline:auto;font-size:12px;line-height:1.45}.feature-pills{justify-content:center;gap:6px;margin-top:11px}.feature-pills>span{padding:6px 8px}.preview-wrap{display:none}.auth-card{max-width:440px;padding:18px 23px}.card-heading h2{margin:7px 0 4px;font-size:27px}.card-heading p{font-size:11px}.auth-tabs{margin:12px 0}.auth-tab{padding:8px 5px}.auth-form{gap:9px}.input-wrap{height:40px}.field-hint{margin-top:5px}.privacy-note{font-size:9px}.submit-button{min-height:40px;padding:9px 14px}.card-bottom{margin-top:11px;padding-top:9px}.site-footer{min-height:35px}}@media (width>=761px) and (height<=700px){.site-header{min-height:52px}.brand-mark{transform:scale(.85)rotate(-5deg)}.hero{gap:6px;padding:7px 0}.hero h1{font-size:43px}.hero-description{font-size:11px}.feature-pills{margin-top:7px}.feature-pills>span{padding:5px 7px}.auth-card{padding:14px 20px}.card-kicker{font-size:8px}.card-heading h2{font-size:24px}.auth-tabs{margin:8px 0}.auth-form{gap:7px}.input-wrap{height:36px}.card-bottom{margin-top:7px;padding-top:7px}.site-footer{min-height:28px}}@media (width<=720px){.landing{padding:0 20px}.site-header{min-height:72px}.brand-name{font-size:20px}.header-note{letter-spacing:.4px;font-size:8px}.hero{flex-direction:column;align-items:stretch;gap:32px;padding:34px 0 28px;display:flex}.hero-copy{text-align:left;width:100%}.eyebrow{justify-content:flex-start}.hero h1{letter-spacing:-3.5px;font-size:clamp(45px,11vw,70px)}.hero-description{font-size:14px;line-height:1.65}.feature-pills{justify-content:flex-start}.preview-wrap{display:none}.hero{gap:22px;padding:26px 0 20px}.auth-card{align-self:center;width:100%;max-width:440px;padding:27px 23px}.card-heading h2{font-size:31px}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:9px;padding:16px 0;font-size:8px}.score-one{right:-8px}.score-two{left:-8px}}@media (width<=390px){.landing{padding:0 15px}.header-note{font-size:7px}.brand{gap:9px}.brand-name{font-size:19px}.hero h1{font-size:40px}.feature-pills{gap:6px}.feature-pills>span{padding:7px 8px;font-size:8px}.auth-card{padding:22px 18px}.auth-tabs{margin:17px 0 15px}.card-bottom{margin-top:12px;padding-top:10px}.spark-one{right:20px}.spark-two{right:38px}.game-content{grid-template-columns:minmax(0,1fr) 54px;gap:8px;padding-inline:5px}.game-sidebar{transform-origin:0 0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}