:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071226;--bg-deep:#030812;--panel:#0a1632eb;--panel-strong:#0c1c40fa;--stroke:#6c94ff47;--text:#f5f8ff;--muted:#a9b7dd;--cyan:#3bdcff;--purple:#8d5dff;--yellow:#ffd34f;--coral:#ff6d74}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at top,#3bdcff1f,#0000 30%),radial-gradient(circle at 80% 20%,#8d5dff29,#0000 24%),linear-gradient(#071226 0%,#091831 45%,#040914 100%);margin:0;font-family:Avenir Next,Nunito Sans,Trebuchet MS,sans-serif}body{overflow-x:hidden}button{font:inherit}.shell{align-items:center;min-height:100vh;padding:24px 16px;display:grid;position:relative}.shell-stage{z-index:1;gap:22px;width:min(100%,1120px);display:grid;position:relative}.demo-brief,.instruction-card,.board-banner,.result-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-brief{background:linear-gradient(160deg,#0b1632eb 0%,#071026e6 100%);border:1px solid #6490ff3d;border-radius:32px;padding:22px;box-shadow:inset 0 1px #ffffff0d,0 22px 52px #00000038}.brief-kicker,.brief-label,.instruction-card span{width:fit-content;min-height:32px;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;background:#0a162ebd;border:1px solid #759dff3d;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.demo-brief h1{letter-spacing:-.06em;margin:16px 0 10px;font-size:clamp(2.5rem,8vw,4.5rem);line-height:.92}.brief-copy,.brief-card p,.instruction-card p,.result-note{color:var(--muted);margin:0;line-height:1.6}.brief-card{background:#081430b3;border:1px solid #6b93ff33;border-radius:24px;margin-top:18px;padding:18px}.rule-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.rule-row.compact{margin-top:12px}.rule-chip{min-height:42px;color:var(--text);letter-spacing:-.02em;background:linear-gradient(#0c1a3ae6 0%,#09132ad6 100%);border:1px solid #759dff3d;border-radius:16px;align-items:center;padding:0 14px;font-size:.9rem;font-weight:800;display:inline-flex}.brief-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.brief-metrics div{background:#0a162eb3;border:1px solid #6b93ff2e;border-radius:20px;padding:16px 14px}.brief-metrics span,.brief-metrics strong{display:block}.brief-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.brief-metrics strong{margin-top:8px;font-size:1.1rem}.ambient{filter:blur(48px);opacity:.28;pointer-events:none;border-radius:999px;width:320px;height:320px;position:absolute}.ambient-left{background:#3bdcff38;top:8%;left:-120px}.ambient-right{background:#8d5dff3d;bottom:6%;right:-100px}.phone-frame{background:linear-gradient(#081226fa 0%,#061022fa 100%);border:1px solid #548aff52;border-radius:38px;width:min(100%,420px);min-height:840px;padding:18px 18px 96px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000007a,0 0 0 2px #3bdcff14,0 0 38px #3bdcff1f}.topbar,.status-row,.bottom-stats,.featured-card__header,.featured-card__body,.result-stats,.bottom-nav,.combo-panel,.hero-copy,.daily-panel,.shelf,.result-copy,.home-screen,.play-screen,.result-screen{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.icon-button{background:#0b162ccc;border:1px solid #6f9bff33;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:0 12px;display:inline-flex}.icon-button span{background:#ebf1ffeb;border-radius:999px;width:18px;height:2px;display:block}.brand-lockup{letter-spacing:-.04em;flex-direction:column;gap:2px;font-size:1.25rem;font-weight:800;display:flex}.brand-lockup small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.brand-highlight{color:var(--cyan)}.topbar-chip,.chip,.pill,.stat-pill{background:#0a162ecc;border:1px solid #7b9eff38;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.topbar-chip{min-width:52px;height:36px;color:var(--yellow);padding:0 12px;font-size:.82rem;font-weight:700}.home-screen,.result-screen{flex-direction:column;gap:18px;display:flex}.hero-copy{flex-direction:column;gap:10px;display:flex}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:800}.hero-copy h2,.result-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,8vw,3.3rem);line-height:.96}.instruction-card{background:#08132ac7;border:1px solid #6992ff2e;border-radius:24px;padding:16px 18px}.instruction-card p{margin-top:10px}.support-copy,.daily-panel p,.featured-card__body p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.featured-card,.daily-panel,.shelf-card,.combo-panel,.chip,.bottom-stats,.result-stats,.secondary-cta,.board,.result-copy,.result-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-card,.daily-panel,.board,.combo-panel,.bottom-stats,.result-stats{background:linear-gradient(#0c1836f5 0%,#081228f5 100%);border:1px solid #6b93ff38;box-shadow:inset 0 1px #ffffff0a}.featured-card{border-radius:28px;padding:18px}.featured-card__header,.featured-card__body{justify-content:space-between;align-items:center;gap:18px;display:flex}.featured-card__body{align-items:flex-start;margin:14px 0 18px}.featured-card__body h2,.featured-card__body h3{letter-spacing:-.05em;margin:0 0 8px;font-size:2rem;line-height:.95}.pill,.stat-pill{height:30px;padding:0 12px;font-size:.8rem;font-weight:700}.pill{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase}.stat-pill{color:var(--yellow)}.card-target{aspect-ratio:1;background:radial-gradient(circle,#ffd34feb 0 14%,#ff6c74c7 15% 22%,#5014763d 23% 38%,#0000 39%),radial-gradient(circle,#3bdcff2e 0 40%,#0000 52%);border-radius:999px;flex:0 0 120px;box-shadow:0 0 0 10px #ff6c7414,0 0 48px #ff6c743d}.primary-cta,.retry-cta{color:#041224;letter-spacing:-.06em;background:linear-gradient(135deg, var(--cyan), #47b8ff 55%, #5be6ff);border:none;border-radius:28px;width:100%;height:74px;font-size:2rem;font-weight:800;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 10px 36px #3bdcff47}.retry-cta{background:linear-gradient(135deg, #ff7b7f, var(--coral), #ff9d56);color:#fff;box-shadow:0 10px 36px #ff6d7452}.secondary-cta{height:58px;color:var(--text);background:#0e1a36e0;border:1px solid #719cff38;border-radius:22px;transition:transform .14s,border-color .14s,background .14s}.primary-cta:hover,.primary-cta:focus-visible,.retry-cta:hover,.retry-cta:focus-visible,.secondary-cta:hover,.secondary-cta:focus-visible,.icon-button:hover,.icon-button:focus-visible,.nav-item:hover,.nav-item:focus-visible{transform:translateY(-1px)}.primary-cta:active,.retry-cta:active,.secondary-cta:active,.nav-item:active,.target:active{transform:translateY(1px)scale(.985)}.primary-cta:hover,.primary-cta:focus-visible{filter:saturate(1.08);box-shadow:0 14px 40px #3bdcff57}.retry-cta:hover,.retry-cta:focus-visible{filter:saturate(1.08);box-shadow:0 14px 40px #ff6d7461}.secondary-cta:hover,.secondary-cta:focus-visible{background:#121f40f0;border-color:#78a6ff57}.primary-cta:focus-visible,.retry-cta:focus-visible,.secondary-cta:focus-visible,.icon-button:focus-visible,.nav-item:focus-visible,.target:focus-visible{outline-offset:3px;outline:2px solid #ffffffd1}.shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shelf-card{background:#0b162cb8;border:1px solid #6f99ff29;border-radius:20px;padding:14px 12px}.shelf-card span,.daily-panel h3,.bottom-stats strong,.result-stats strong,.chip strong,.combo-panel strong{display:block}.shelf-card span{font-weight:700}.shelf-card small{color:var(--muted)}.shelf-card.active{background:linear-gradient(#201145f5 0%,#0e193af5 100%);box-shadow:0 0 28px #8d5dff2e}.shelf-card.muted{opacity:.68}.daily-panel{border-radius:24px;padding:18px}.daily-panel h3{margin:0 0 6px;font-size:1rem}.status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{min-height:62px;padding:10px 18px}.clock-chip{min-width:132px;color:var(--text);letter-spacing:-.04em;font-size:1.4rem;font-weight:800}.score-chip{align-items:center;gap:14px;display:flex}.score-chip span,.combo-panel span,.bottom-stats span,.result-stats span,.result-copy p{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.86rem}.score-chip strong,.combo-panel strong{color:var(--yellow);letter-spacing:-.05em;font-size:2rem}.play-screen{flex-direction:column;gap:16px;display:flex}.board-banner{color:var(--text);background:#0a162eb8;border:1px solid #6f99ff2e;border-radius:18px;padding:12px 16px;font-size:.92rem;font-weight:700}.board-banner-miss{color:#ffd9dc;border-color:#ff6d7442}.board-banner-rush{color:#f0d4ff;border-color:#d27eff47}.board-banner-hit{color:#dcfbff;border-color:#3bdcff4d}.combo-panel{text-align:center;border-radius:26px;padding:16px 18px 18px}.combo-panel strong{color:#d27eff}.combo-bar{background:#1e2e56e6;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.combo-bar__fill{border-radius:inherit;background:linear-gradient(90deg, #d27eff, var(--purple), var(--cyan));height:100%;transition:width .12s ease-out}.board{background:radial-gradient(circle,#3bdcff1a,#0000 36%),linear-gradient(#07142ffa 0%,#060e1f 100%);border-radius:32px;min-height:440px;position:relative;overflow:hidden}.board:before{content:"";background:radial-gradient(circle at 50% 55%,#3bdcff14,#0000 26%),linear-gradient(150deg,#3bdcff0f,#0000 24% 70%,#8d5dff14);position:absolute;inset:0}.target-callout{z-index:2;color:var(--text);letter-spacing:.1em;text-transform:uppercase;background:#060f22cc;border:1px solid #709aff38;border-radius:999px;padding:8px 12px;font-size:.74rem;font-weight:800;position:absolute;top:18px;left:22px}.target,.ghost{border-radius:999px;position:absolute}.target{left:var(--target-x);top:var(--target-y);width:var(--target-size);height:var(--target-size);cursor:pointer;background:0 0;border:none;padding:0;animation:1.2s ease-in-out infinite targetPulse;transform:translate(-50%,-50%)}.target:before,.target:after{content:"";border-radius:inherit;position:absolute;inset:0}.target:before{inset:calc(var(--target-pulse) * -.38);opacity:.26;border:8px solid}.target:after{background:radial-gradient(circle at 35% 35%,#ffffffd9,currentColor 60%,#ffffff1a);inset:18px;box-shadow:0 0 24px}.target-cyan{color:var(--cyan)}.target-purple{color:#be7eff}.target-yellow{color:var(--yellow)}.ghost{opacity:.5;border:3px solid #6f9aff4d;width:78px;height:78px}.ghost-cyan{top:120px;left:36px}.ghost-yellow{bottom:62px;left:58px}.ghost-purple{top:174px;right:34px}.spark{color:var(--yellow);text-shadow:0 0 18px #ffd34f8c;font-size:1.05rem;font-weight:800;animation:.44s ease-out forwards sparkRise;position:absolute;transform:translate(-50%,-50%)}.feedback-hit .board{box-shadow:0 0 0 1px #3bdcff57,0 0 36px #3bdcff29}.feedback-hit .target:after{box-shadow:0 0 24px,0 0 44px #3bdcff3d}.feedback-hit .target-callout{color:#dcfbff;border-color:#3bdcff47}.bottom-stats,.result-stats{border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;display:grid}.bottom-stats strong,.result-stats strong{margin-top:6px;font-size:1.28rem}.feedback-rush .board{box-shadow:0 0 0 1px #d27eff47,0 0 32px #d27eff1f}.feedback-miss .board{box-shadow:0 0 0 1px #ff6d7447,0 0 32px #ff6d741f}.result-screen{padding-top:12px;position:relative}.result-note{text-align:center;padding:0 8px;font-size:.95rem}.result-burst{filter:blur(10px);background:radial-gradient(circle,#ffd34f52,#ff6d740f 64%,#0000 78%);border-radius:999px;height:180px;position:absolute;inset:40px 64px auto}.result-copy{text-align:center;background:linear-gradient(#0b1834f5 0%,#081228f5 100%);border:1px solid #789fff38;border-radius:30px;padding:32px 18px 22px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 42px #00000038}.result-copy p{margin:16px 0 8px}.result-copy strong{letter-spacing:-.08em;color:var(--yellow);font-size:clamp(3.5rem,14vw,5rem);line-height:.92;display:block}.best-banner{background:linear-gradient(135deg, #ff7b7f, var(--coral));text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-top:16px;padding:10px 18px;font-size:.96rem;font-weight:800;display:inline-flex}.bottom-nav{background:#081226db;border:1px solid #709bff2e;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.nav-item{min-height:48px;color:var(--muted);background:0 0;border:none;border-radius:18px;transition:transform .14s,color .14s,background .14s}.nav-item.active{color:var(--cyan);background:#3bdcff14}.nav-item:disabled{opacity:.54}@keyframes targetPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes sparkRise{0%{opacity:1;transform:translate(-50%,-40%)}to{opacity:0;transform:translate(-50%,-120%)}}@media (min-width:900px){.shell{padding:48px 28px}.shell-stage{grid-template-columns:minmax(340px,1fr) minmax(360px,420px);align-items:center;gap:30px}.demo-brief{min-height:720px;padding:36px}.phone-frame{justify-self:end;width:min(420px,100%);min-height:860px;transform:translateY(-6px)}.home-screen,.play-screen,.result-screen{gap:20px}.brief-copy{max-width:42ch}.daily-panel,.instruction-card,.featured-card{box-shadow:inset 0 1px #ffffff0a,0 20px 34px #0000002e}}@media (max-width:420px){.phone-frame{padding-inline:14px;border-radius:0;min-height:100vh;padding-top:16px}.shell{padding:0}.bottom-stats,.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card__body{align-items:center}.card-target{flex-basis:92px}.brief-metrics{grid-template-columns:1fr}}