:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1628;--surface-1:#0f2138;--surface-2:#16304f;--text:#e8f1fb;--text-muted:#7f9db9;--accent:#4fd1ff;--accent-support:#ff8a4c;--success:#4ade80;--danger:#ff5c5c;--font-display:"IBM Plex Mono", ui-monospace, monospace;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--radius:2px;--glow:0 0 24px #4fd1ff40}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100%}#app{width:100%;height:100dvh;position:relative;overflow:hidden}#board{cursor:pointer;display:block;position:absolute;inset:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0f2138b8;display:flex;position:absolute;left:0;right:0}.hud--top{z-index:5;border-bottom:1px solid #4fd1ff33;justify-content:space-between;top:0}.hud--bottom{align-items:stretch;gap:var(--space-1);border-top:1px solid #4fd1ff33;flex-direction:column;bottom:0}.wordmark{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);align-items:stretch;font-size:1.5rem;font-weight:700;display:inline-flex}.wordmark__part--left{animation:.7s ease-out wordmark-flinch-left}.wordmark__part--right{animation:.7s ease-out wordmark-flinch-right}.wordmark__divider{background:linear-gradient(180deg, var(--accent), var(--accent-support));background-size:100% 240%;border-radius:1px;width:4px;margin:0 2px;animation:3.2s ease-in-out infinite wordmark-sweep}@keyframes wordmark-flinch-left{0%{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(1px)}to{transform:translate(0)}}@keyframes wordmark-flinch-right{0%{transform:translate(0)}35%{transform:translate(2px)}70%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes wordmark-sweep{0%,to{background-position:0 0}50%{background-position:0 100%}}.level-name{font-family:var(--font-ui);color:var(--text-muted);font-size:.875rem}.hud-controls{align-items:center;gap:var(--space-2);display:flex}.icon-btn{font-family:var(--font-ui);padding:var(--space-1) var(--space-2);background:var(--surface-1);min-height:44px;color:var(--text);border:1px solid var(--surface-2);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;text-decoration:none;transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;display:inline-flex}.icon-btn:hover{border-color:var(--accent);box-shadow:var(--glow)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:active{transform:translateY(1px)scale(.98)}.status{top:var(--space-6);text-align:center;font-family:var(--font-display);color:var(--text-muted);z-index:2;pointer-events:none;font-size:.9rem;position:absolute;left:0;right:0}.guess-form{gap:var(--space-2);justify-content:center;display:flex}.guess-input{font-family:var(--font-display);width:6rem;padding:var(--space-1) var(--space-2);background:var(--surface-1);color:var(--text);border:1px solid var(--surface-2);border-radius:var(--radius);text-align:center;min-height:44px;font-size:1.25rem;transition:border-color .15s ease-out,box-shadow .15s ease-out}.guess-input::-webkit-outer-spin-button{margin:0}.guess-input::-webkit-inner-spin-button{margin:0}.guess-input:hover{border-color:var(--accent)}.guess-input:focus-visible{border-color:var(--accent);box-shadow:var(--glow);outline:none}.guess-submit{font-family:var(--font-ui);padding:var(--space-1) var(--space-3);background:var(--accent);min-width:44px;min-height:44px;color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out;display:inline-flex}.guess-submit:hover{box-shadow:var(--glow);background:#7adfff}.guess-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guess-submit:active{transform:translateY(1px)scale(.98)}.guess-submit:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.error{text-align:center;min-height:1.2em;color:var(--danger);font-size:.8rem}.level-select[hidden]{display:none}.level-select{z-index:3;justify-content:center;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);opacity:0;background:#0a1628eb;flex-direction:column;transition:opacity .15s ease-out;display:flex;position:fixed;inset:0}.level-select.is-open{opacity:1}.level-select__title{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:1.5rem;font-weight:700}.level-list{gap:var(--space-2);flex-direction:column;width:100%;max-width:28rem;display:flex}.level-card{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius);min-height:44px;color:var(--text);font-family:var(--font-ui);text-align:left;cursor:pointer;font-size:1rem;transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out;display:flex}.level-card:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translate(2px)}.level-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.level-card__name{font-family:var(--font-display);font-weight:600}.level-card__status{color:var(--text-muted);font-size:.85rem}.level-card--done{border-color:var(--success)}.level-card--done .level-card__status{color:var(--success)}.win-overlay[hidden]{display:none}.win-overlay{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4);opacity:0;background:#0a1628eb;justify-content:center;align-items:center;transition:opacity .15s ease-out;display:flex;position:fixed;inset:0}.win-overlay.is-open{opacity:1}.win-card{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--surface-1);border:1px solid var(--success);border-radius:var(--radius);text-align:center;flex-direction:column;width:100%;max-width:24rem;display:flex;position:relative;box-shadow:0 0 32px #4ade804d}.win-burst{width:0;height:0;position:absolute;top:0;left:50%}.win-burst__tick{background:var(--accent);transform-origin:50% 0;width:2px;height:28px;margin-left:-1px;animation:.7s ease-out forwards burst-tick;position:absolute;top:0;left:0}@keyframes burst-tick{0%{opacity:1;transform:rotate(var(--r,0deg)) scaleY(.2)}to{opacity:0;transform:rotate(var(--r,0deg)) translateY(60px) scaleY(1)}}.win-card__eyebrow{font-family:var(--font-display);letter-spacing:.04em;color:var(--success);margin:0;font-size:1.75rem;font-weight:700}.win-card__stats{font-family:var(--font-display);color:var(--text);margin:0;font-size:1rem}.win-card__stat{font-weight:700}.win-card__optimal{color:var(--text-muted)}.win-cta{margin-top:var(--space-2)}.landing{z-index:1;background:var(--bg);padding:var(--space-6) var(--space-3);border-top:1px solid #4fd1ff33;position:relative}.landing__inner{gap:var(--space-6);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.landing__brand{gap:var(--space-1);flex-direction:column;align-items:flex-start;display:flex}.wordmark--static .wordmark__part{animation:none}.wordmark__divider--static{background-position:0 40%;animation:none}.landing__tagline{font-family:var(--font-display);color:var(--text-muted);margin:0;font-size:1rem}.landing__grid{gap:var(--space-4);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.landing h2{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-size:1.4rem;font-weight:700}.landing p{margin:0 0 var(--space-2);max-width:66ch;color:var(--text);line-height:1.6}.landing__features{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing__features li{padding:var(--space-2);background:var(--surface-1);border:1px solid var(--surface-2);border-left:3px solid var(--accent);border-radius:var(--radius);line-height:1.5}.landing__features strong{font-family:var(--font-display);color:var(--accent);font-weight:600}.landing__faq dl{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.landing__faq dt{margin-bottom:var(--space-1);font-family:var(--font-display);color:var(--accent);font-weight:600}.landing__faq dd{max-width:70ch;color:var(--text-muted);margin:0;line-height:1.6}.landing__cta{justify-content:center;display:flex}.landing__cta .guess-submit{padding:var(--space-2) var(--space-4);font-size:1.05rem}.landing__cta .guess-submit:hover{box-shadow:var(--glow);background:#7adfff}.landing__footer{padding-top:var(--space-3);text-align:center;border-top:1px solid #4fd1ff26}.landing__footer a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .15s ease-out}.landing__footer a:hover,.landing__footer a:focus-visible{color:var(--accent)}@media (width<=700px){.landing__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.win-burst__tick{opacity:0;animation:none}}@media (width<=600px){.wordmark{font-size:1.125rem}.level-name{display:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}