*,:before,:after{box-sizing:border-box}:root{--bg:#07080e;--bg-soft:#0c0e17;--ink:#f4f6ff;--muted:#8b92a8;--line:#ffffff17;--accent:#4ee1ff;--font:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.locked{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}h1,h2,p{margin:0}[hidden]{display:none!important}.aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.blob-a{background:radial-gradient(circle,#4ee1ff47,#0000 65%);width:46vw;min-width:320px;height:46vw;min-height:320px;animation:22s ease-in-out infinite alternate drift-a;top:-16vw;left:-8vw}.blob-b{background:radial-gradient(circle,#b07cff42,#0000 65%);width:42vw;min-width:300px;height:42vw;min-height:300px;animation:26s ease-in-out infinite alternate drift-b;top:4vw;right:-12vw}.blob-c{background:radial-gradient(circle,#ff4d9429,#0000 65%);width:38vw;min-width:260px;height:38vw;min-height:260px;animation:30s ease-in-out infinite alternate-reverse drift-a;bottom:-14vw;left:34%}@keyframes drift-a{to{transform:translate(6vw,5vh)scale(1.15)}}@keyframes drift-b{to{transform:translate(-7vw,8vh)scale(.9)}}.grain{z-index:2;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}.hub{z-index:3;flex-direction:column;width:min(1160px,100%);min-height:100dvh;margin:0 auto;padding:clamp(20px,4vh,38px) clamp(18px,4vw,48px) 40px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo{border:1px solid var(--line);background:linear-gradient(150deg,#4ee1ff2e,#b07cff1f);border-radius:12px;justify-content:center;align-items:flex-end;gap:3px;width:40px;height:40px;padding-bottom:9px;display:flex;box-shadow:inset 0 0 20px #4ee1ff14}.logo i{background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent);border-radius:2px;animation:1.4s ease-in-out infinite eq;display:block}.logo i:first-child{height:9px;animation-delay:-.2s}.logo i:nth-child(2){height:17px}.logo i:nth-child(3){height:12px;animation-delay:-.5s}@keyframes eq{50%{opacity:.6;transform:scaleY(.45)}}.wordmark{letter-spacing:.16em;font-size:15px;font-weight:700}.wordmark span{color:var(--muted);font-weight:500}.sound-toggle,.icon-btn{border:1px solid var(--line);height:40px;color:var(--muted);background:#ffffff09;border-radius:12px;justify-content:center;align-items:center;gap:8px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.sound-toggle{font-family:var(--mono);letter-spacing:.14em;padding:0 14px;font-size:10px}.sound-toggle:hover,.icon-btn:hover{color:var(--ink);background:#ffffff12;border-color:#ffffff3d}.sound-icon{color:var(--accent);transition:opacity .18s;display:inline-flex}.sound-icon svg{width:14px;height:14px;display:block}body.muted .sound-icon{opacity:.35}.hero{max-width:760px;margin-top:clamp(40px,9vh,92px)}.eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;align-items:center;gap:9px;font-size:10.5px;display:inline-flex}.dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}.hero h1{letter-spacing:-.055em;margin-top:20px;font-size:clamp(52px,10.5vw,118px);font-weight:600;line-height:.86}.hero h1 em{color:#0000;-webkit-text-stroke:1.5px #f4f6ff8c;font-style:normal}.lede{max-width:42ch;color:var(--muted);margin-top:24px;font-size:clamp(14px,1.4vw,16px);line-height:1.65}.daily{border:1px solid var(--line);background:radial-gradient(90% 130% at 0 0,#4ee1ff17,#0000 55%),linear-gradient(160deg,#ffffff0d,#ffffff04);border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);align-items:center;gap:clamp(18px,3vw,34px);margin-top:clamp(34px,6vh,56px);padding:clamp(18px,2.4vw,26px);display:grid;position:relative;overflow:hidden}.daily-copy{min-width:0}.daily-copy h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(22px,2.5vw,30px);font-weight:600}.daily-desc{max-width:46ch;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.daily-meta{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;font-size:9.5px;display:flex}.daily-streak{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.streak-flame{flex:none;width:16px;height:16px;display:inline-flex}.streak-flame canvas{width:100%;height:100%;display:block}.daily-streak.is-hot{color:#ffcf7a;background:#ffb64814;border-color:#ffb64852}.daily-side{flex-direction:column;gap:9px;min-width:0;display:flex}.daily-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.daily-item{border:1px solid var(--line);background:#ffffff05;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:9px 10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.daily-item:hover,.daily-item:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 50%, transparent);background:color-mix(in srgb, var(--card-accent) 8%, transparent);outline:none;transform:translateY(-2px)}.daily-item.is-done{border-color:color-mix(in srgb, var(--card-accent) 38%, transparent)}.daily-item-idx{font-family:var(--mono);letter-spacing:.16em;color:var(--muted);font-size:8px}.daily-item-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.daily-item-score{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--mono);color:var(--card-accent);font-size:9px;overflow:hidden}.daily-item:not(.is-done) .daily-item-score{color:var(--muted)}.daily-cta{background:var(--ink);color:#07080e;font-family:var(--mono);letter-spacing:.1em;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.daily-cta:hover{background:#fff;transform:translateY(-1px)}.daily-cta svg{width:13px;height:13px}.daily+.games{margin-top:16px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(34px,6vh,56px);display:grid}.card{--card-accent:var(--accent);text-align:left;border:1px solid var(--line);background:linear-gradient(165deg,#ffffff0e,#ffffff05);border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.2,.7,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover,.card:focus-visible{border-color:color-mix(in srgb, var(--card-accent) 45%, transparent);box-shadow:0 24px 60px -30px color-mix(in srgb, var(--card-accent) 60%, transparent);outline:none;transform:translateY(-5px)}.card:hover:after,.card:focus-visible:after{opacity:1}.card-art{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:radial-gradient(80% 100% at 50% 110%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 70%), #090b13;position:relative;overflow:hidden}.card-art svg{width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.card:hover .card-art svg{transform:scale(1.045)}.card-art:before{content:"";z-index:2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000);mask-image:linear-gradient(#000000b3,#0000)}.card-body{z-index:2;flex:1;padding:18px 20px 14px;position:relative}.card-idx{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);font-size:10px}.card-title{letter-spacing:-.01em;margin-top:6px;font-size:clamp(19px,2vw,23px);font-weight:600;display:block}.card-blurb{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.55;display:block}.card-foot{z-index:2;font-family:var(--mono);letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:0 20px 18px;font-size:10px;display:flex;position:relative}.card-foot b{color:var(--ink);font-size:12px}.card-play{color:var(--card-accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.card-play svg{width:13px;height:13px;transition:transform .2s}.card:hover .card-play svg{transform:translate(3px)}.hub-foot{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8b92a8a6;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:auto;padding-top:clamp(32px,6vh,64px);font-size:10px;display:flex}.stage{z-index:10;background:radial-gradient(90% 70% at 50% 110%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 65%), radial-gradient(120% 90% at 50% -20%, #101423, transparent 60%), var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.stage-glow{pointer-events:none;background:radial-gradient(70% 55% at 50% 50%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 75%);position:absolute;inset:0}.host{position:absolute;inset:0}.host canvas{touch-action:none;width:100%;height:100%;display:block}.host.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,2px)}40%,60%{transform:translate(7px,-1px)}}.hud{z-index:35;padding:calc(10px + env(safe-area-inset-top)) clamp(10px, 3vw, 20px) 12px;pointer-events:none;background:linear-gradient(#07080ed9,#0000);align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud .icon-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a128c;flex:none;width:42px;height:42px}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hud-stats{flex:1;justify-content:center;align-items:flex-start;gap:clamp(14px,4vw,34px);min-width:0;display:flex}.stat{flex-direction:column;gap:1px;min-width:54px;display:flex}.stat-right{align-items:flex-end}.stat span{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:8.5px}.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(19px,3.4vw,26px);font-weight:700;line-height:1.1;display:inline-block}.stat b.bump{animation:.28s cubic-bezier(.2,1.6,.4,1) bump}@keyframes bump{40%{color:var(--accent);transform:scale(1.22)}}.hud-mid{flex-direction:column;align-self:center;align-items:center;gap:5px;min-width:64px;padding-top:2px;display:flex}#mid-label{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);min-height:14px;font-size:11px;font-weight:700}.meter{background:#ffffff1a;border-radius:2px;width:74px;height:3px;overflow:hidden}.meter[hidden]{visibility:hidden;display:block!important}.meter i{transform-origin:0;background:var(--accent);width:100%;height:100%;box-shadow:0 0 8px var(--accent);display:block}.overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(70% 60% at 50% 45%,#07080e33,#07080ec7);place-items:center;padding:20px;animation:.25s ease-out fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.panel{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);width:min(420px,100%);box-shadow:0 40px 100px -40px #000000e6, 0 0 60px -30px color-mix(in srgb, var(--accent) 55%, transparent);text-align:center;background:linear-gradient(170deg,#ffffff12,#ffffff05),#0a0c15;border-radius:22px;padding:clamp(22px,4vw,32px);animation:.35s cubic-bezier(.2,.9,.3,1) panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.panel .eyebrow{color:var(--accent)}.panel h2{letter-spacing:-.02em;margin-top:10px;font-size:clamp(26px,7vw,34px);line-height:1}.ov-desc{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.55}.ov-result{border:1px solid var(--line);background:#ffffff08;border-radius:14px;flex-direction:column;gap:4px;margin:20px 0 4px;padding:14px;display:flex}.ov-result span{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:9px}.ov-result strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:36px;line-height:1.05}.ov-result em{font-style:normal;font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:10px}.ov-result em.is-record{color:var(--accent);text-shadow:0 0 14px color-mix(in srgb, var(--accent) 70%, transparent)}.btn-primary{background:var(--accent);color:#05070c;letter-spacing:.04em;width:100%;min-height:52px;box-shadow:0 10px 34px -12px color-mix(in srgb, var(--accent) 85%, transparent);border-radius:14px;margin-top:20px;padding:0 20px;font-size:15px;font-weight:700;transition:transform .16s,filter .16s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.975)}.btn-primary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.ov-hint{font-family:var(--mono);letter-spacing:.1em;color:#8b92a8bf;text-transform:uppercase;margin-top:12px;font-size:9.5px}.fx{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-text{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb, var(--accent) 80%, transparent);white-space:nowrap;font-size:15px;font-weight:700;animation:.95s cubic-bezier(.15,.7,.3,1) forwards float-up;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.float-text.bad{color:#ff5c7a;text-shadow:0 0 18px #ff5c7acc}.float-text.gold{color:#ffc861;text-shadow:0 0 18px #ffc861cc}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.85)}18%{opacity:1;transform:translate(-50%,-60%)scale(1.04)}to{opacity:0;transform:translate(-50%,-210%)scale(1)}}.flash{background:var(--accent);animation:.45s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.32}to{opacity:0}}@media (width<=860px){.daily{grid-template-columns:1fr;gap:16px}.games{grid-template-columns:1fr;gap:12px}.card{border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:104px minmax(0,1fr);align-items:stretch;min-height:92px;display:grid}.card-art{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);flex:none;grid-row:1/3}.card-art svg{transform:scale(1.15)}.card-body{flex-direction:column;grid-area:1/2;justify-content:center;min-width:0;padding:13px 16px 0;display:flex}.card-blurb{display:none}.card-title{margin-top:3px;font-size:18px}.card-foot{grid-area:2/2;justify-content:space-between;gap:12px;padding:0 16px 12px;font-size:9px;display:flex;position:static}.hero h1{font-size:clamp(46px,15vw,72px)}.hero{margin-top:38px}.lede{margin-top:18px;font-size:13.5px}.hub-foot{font-size:9px}.foot-tip{display:none}}@media (width<=420px){.sound-toggle{padding:0 11px}.sound-label{display:none}}@media (prefers-reduced-motion:reduce){.blob,.logo i,.dot{animation:none}.card,.card-art svg,.daily-item,.daily-cta{transition:none}.host.shake{animation:none}}