:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--bg-raised:#14141d;--bg-sunken:#06060a;--line:#23232f;--line-bright:#3a3a4d;--text:#eceaf5;--text-dim:#8b88a3;--sym-up:#f9e2af;--sym-down:#a6e3a1;--sym-left:#89b4fa;--sym-right:#f38ba8;--sym-click-left:#cba6f7;--sym-click-right:#fab387;--sym-g-nw:#f38ba8;--sym-g-n:#fab387;--sym-g-ne:#f9e2af;--sym-g-w:#a6e3a1;--sym-g-c:#94e2d5;--sym-g-e:#89dceb;--sym-g-sw:#89b4fa;--sym-g-s:#cba6f7;--sym-g-se:#f5c2e7;--sym-d0:#b4befe;--sym-d1:#f38ba8;--sym-d2:#fab387;--sym-d3:#f9e2af;--sym-d4:#a6e3a1;--sym-d5:#94e2d5;--sym-d6:#89dceb;--sym-d7:#89b4fa;--sym-d8:#cba6f7;--sym-d9:#f5c2e7;--accent:#cba6f7;--danger:#f38ba8;--ok:#a6e3a1;--sym:var(--accent);--radius:18px;--radius-sm:10px;--sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;font:16px/1.45 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 60% at 50% 0%, #cba6f712, transparent 70%), var(--bg);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:100svh;margin:0;overflow-x:hidden}button,a,input,label,summary,[role=button],.screen,.btn,.tab,.card,.mode-card,.entry{touch-action:manipulation}#app{--app-pad-x:24px;--app-pad-y:24px;--app-pad-top:max(var(--app-pad-y), env(safe-area-inset-top));--app-pad-bottom:max(var(--app-pad-y), env(safe-area-inset-bottom));--app-pad-left:max(var(--app-pad-x), env(safe-area-inset-left));--app-pad-right:max(var(--app-pad-x), env(safe-area-inset-right));--app-pad-block:calc(var(--app-pad-top) + var(--app-pad-bottom));min-height:100svh;padding:var(--app-pad-top) var(--app-pad-right) var(--app-pad-bottom) var(--app-pad-left);place-items:center;display:grid}@media (display-mode:standalone),(display-mode:fullscreen){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}}body[data-view=deck] #app{place-items:start center;padding-block:clamp(28px,7vh,76px)}.on-touch{display:none}@media (pointer:coarse){.on-keys{display:none}.on-touch{display:inline}}h1,h2,h3{letter-spacing:-.03em;color:var(--text);margin:0;font-weight:800}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.screen{animation:.32s cubic-bezier(.2,.8,.3,1) both screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen{animation:.16s both screen-fade}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}}.screen{text-align:center;flex-direction:column;align-items:center;gap:clamp(18px,3.4vh,40px);width:min(720px,100%);display:flex}.wordmark{letter-spacing:-.05em;text-transform:lowercase;font-size:clamp(48px,12vw,88px);line-height:.9}.wordmark em{color:var(--accent);font-style:normal}.subtitle{color:var(--text-dim);max-width:46ch}.btn{font:inherit;color:var(--text);background:var(--bg-raised);border:2px solid var(--line-bright);border-radius:var(--radius-sm);cursor:pointer;padding:12px 22px;font-weight:700;transition:transform 90ms,border-color .12s,background .12s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(2px)}.btn--ghost{border-color:var(--line);color:var(--text-dim);background:0 0;font-weight:600}.hint{color:var(--text-dim);font-size:14px}kbd{font:600 12px/1 var(--mono);border:1px solid var(--line-bright);background:var(--bg-sunken);color:var(--text);border-bottom-width:2px;border-radius:5px;padding:4px 7px;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}.stage{display:contents}.shell-back{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:40;font:700 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);background:color-mix(in srgb, var(--bg-raised) 82%, transparent);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;transition:color .16s,border-color .16s,transform .16s,opacity .2s;display:inline-flex;position:fixed}.shell-back:hover,.shell-back:focus-visible{color:var(--text);border-color:hsl(var(--game-hue,285) 70% 60%);transform:translate(-2px)}body[data-view=deck] .shell-back{opacity:0;pointer-events:none}.landing{text-align:center;flex-direction:column;align-items:center;gap:clamp(26px,5vh,54px);width:min(1040px,100%);animation:.38s cubic-bezier(.2,.8,.3,1) both screen-in;display:flex}.masthead{flex-direction:column;align-items:center;gap:14px;display:flex}.masthead__title{text-transform:uppercase;letter-spacing:.16em;text-indent:.16em;background:linear-gradient(180deg, var(--text) 0%, color-mix(in srgb, var(--accent) 55%, var(--text)) 62%, color-mix(in srgb, var(--accent) 30%, var(--text-dim)) 100%);color:#0000;max-width:100%;filter:drop-shadow(0 0 46px color-mix(in srgb, var(--accent) 45%, transparent));-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;font-size:clamp(34px,14vw,96px);font-weight:800;line-height:.86;display:flex}.masthead__title span:last-child{opacity:.72}.masthead__rule{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.7;border-radius:2px;width:clamp(90px,22vw,190px);height:2px}.masthead__subtitle{color:var(--text-dim);font:600 clamp(13px, 2.4vw, 15px) / 1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}.deck{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr));justify-content:center;gap:clamp(14px,2.4vw,26px);width:100%;max-width:1000px;display:grid}.card{--game-hue:285;--tilt-x:0;--tilt-y:0;--lift:0;--pad:22px;aspect-ratio:5/7;width:100%;font:inherit;text-align:left;color:var(--text);background:var(--bg-raised);border:1px solid color-mix(in srgb, hsl(var(--game-hue) 70% 60%) 30%, var(--line));cursor:pointer;transform-style:preserve-3d;transform:translateY(calc(var(--lift) * -14px)) scale(calc(1 + var(--lift) * .035)) rotateX(calc(var(--tilt-x) * 7deg)) rotateY(calc(var(--tilt-y) * 9deg));border-radius:18px;flex-direction:column;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .26s,box-shadow .26s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #0000006b}.card.is-dealing{animation:.62s cubic-bezier(.16,1,.3,1) both deal;animation-delay:calc(var(--deal,0) * .11s)}@keyframes deal{0%{opacity:0;transform:translateY(38px) rotate(calc(var(--deal,0) * 2deg - 2deg)) scale(.92)}to{opacity:1;transform:none}}.card:hover{--lift:1;border-color:hsl(var(--game-hue) 72% 58%);box-shadow:0 30px 62px #0000008c, 0 0 70px color-mix(in srgb, hsl(var(--game-hue) 80% 55%) 18%, transparent);transition:transform 60ms linear,border-color .26s,box-shadow .26s}.card:focus-visible{--lift:1;border-color:hsl(var(--game-hue) 72% 58%)}.card:active{--lift:.4}.card__art{background:radial-gradient(ellipse 90% 80% at 50% 30%, color-mix(in srgb, hsl(var(--game-hue) 70% 50%) 26%, transparent), transparent 70%), var(--bg-sunken);flex:0 0 42%;display:block;position:relative;overflow:hidden}.card__art:after{content:"";background:linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--bg-raised) 70%, transparent) 82%, var(--bg-raised) 100%);pointer-events:none;position:absolute;inset:0}.card:hover .card__art,.card:focus-visible .card__art{filter:brightness(1.25)saturate(1.1)}.card__art{transition:filter .32s}.card__body{padding:var(--pad);padding-top:calc(var(--pad) - 4px);flex-direction:column;flex:auto;gap:0;min-height:0;display:flex;transform:translateZ(26px)}.card__heading{align-items:center;gap:11px;display:flex}.card__name{letter-spacing:-.015em;color:var(--text);font-size:21px;font-weight:800;line-height:1.15}.card__tagline{font:700 10.5px/1.45 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb, hsl(var(--game-hue) 60% 72%) 72%, var(--text-dim));margin-top:9px}.card__blurb{color:var(--text-dim);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-top:12px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.card__meta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-top:auto;padding-top:14px;display:flex}.card__footer{font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-variant-numeric:tabular-nums}.card__cue{font:800 10.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--game-hue) 80% 74%);opacity:.55;transition:opacity .22s,transform .22s}.card:hover .card__cue,.card:focus-visible .card__cue{opacity:1;transform:translate(3px)}.card--facedown{cursor:default;border-style:dashed;border-color:var(--line);box-shadow:none}.card--facedown:hover{--lift:0;border-color:var(--line-bright);box-shadow:none}.card--facedown:hover .card__art{filter:none}.card--facedown .card__name{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:15px}.card--facedown .card__tagline{color:var(--line-bright)}.tangent-art{place-items:center;display:grid;position:absolute;inset:0 -12%}.helix--card{--helix-height:128px;--helix-orbit:26s;--helix-spin:9s;--helix-rungs:14;--helix-stagger:-.55s;perspective:420px;max-width:none;height:auto}.facedown-art{background:repeating-linear-gradient(45deg, color-mix(in srgb, hsl(var(--game-hue) 40% 50%) 11%, transparent) 0 6px, transparent 6px 13px);position:absolute;inset:0}.landing__footer{font:700 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--line-bright)}.emblem{place-items:center;width:54px;height:54px;display:grid}.card__heading .emblem{flex:none;width:30px;height:30px}.card__heading .emblem--facedown{border-radius:9px;width:30px;height:30px;font-size:17px}.card__heading .emblem--cluster{gap:3px;height:auto}.emblem--cluster{aspect-ratio:3/2;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left down right";gap:4px;height:auto}.emblem__pip{background:var(--sym);width:100%;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--sym) 55%, transparent);border-radius:4px}.emblem__pip--up{grid-area:up}.emblem__pip--left{grid-area:left}.emblem__pip--down{grid-area:down}.emblem__pip--right{grid-area:right}.emblem--facedown{font:800 30px/1 var(--mono);color:var(--line-bright);border:2px dashed var(--line-bright);border-radius:14px;width:54px;height:54px}@media (width>=600px){.deck{gap:clamp(18px,2.4vw,26px)}.card{--pad:24px}.card__name{font-size:23px}}@media (width<=599px){.shell-back__label{display:none}.shell-back{padding:11px 13px}.deck{max-width:420px}.card{aspect-ratio:7/6;--pad:19px}.card__art{flex-basis:34%}.card__blurb{-webkit-line-clamp:3;line-clamp:3}.card__name{font-size:20px}.card__blurb{font-size:12.5px;line-height:1.55}}@media (width<=380px){.card{--pad:16px}.card__art{flex-basis:30%}.card__name{font-size:18.5px}.card__blurb{-webkit-line-clamp:2;line-clamp:2;margin-top:10px}.card__heading .emblem{width:26px;height:26px}}@media (hover:none){.card__cue{opacity:1}.card__art{filter:brightness(1.12)saturate(1.05)}}@media (pointer:coarse){.shell-back{padding:12px 18px}}@media (prefers-reduced-motion:reduce){.card.is-dealing{animation:.26s both card-fade}@keyframes card-fade{0%{opacity:0}to{opacity:1}}.card,.card:hover,.card:focus-visible{--lift:0;--tilt-x:0;--tilt-y:0;transform:none}.landing{animation:none}}.install{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-raised) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(560px,100%);color:var(--text-dim);text-align:left;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.install[hidden]{display:none}.install__text{flex:auto}.install__go{white-space:nowrap;flex:none;padding:9px 18px;font-size:14px}.install__dismiss{width:30px;height:30px;font:600 20px/1 var(--sans);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;place-items:center;padding:0;transition:color .14s,border-color .14s;display:grid}.install__dismiss:hover,.install__dismiss:focus-visible{color:var(--text);border-color:var(--line)}@media (pointer:coarse){.install__dismiss{width:44px;height:44px}}.board{-webkit-user-select:none;user-select:none;gap:14px;transition:opacity .16s;display:grid}.board--cluster{grid-template-columns:repeat(3,1fr);grid-template-areas:".up.""left down right"}.pad--up{grid-area:up}.pad--left{grid-area:left}.pad--down{grid-area:down}.pad--right{grid-area:right}.board--split{grid-template-columns:repeat(2,1fr);gap:18px}.board--grid{grid-template-columns:repeat(3,1fr);gap:12px}.pad__key{font:800 15px/1 var(--mono);letter-spacing:.06em;opacity:.55}.board--keypad{grid-template-columns:repeat(3,1fr);grid-template-areas:"d1 d2 d3""d4 d5 d6""d7 d8 d9"".d0.";gap:10px}.pad--d0{grid-area:d0}.pad--d1{grid-area:d1}.pad--d2{grid-area:d2}.pad--d3{grid-area:d3}.pad--d4{grid-area:d4}.pad--d5{grid-area:d5}.pad--d6{grid-area:d6}.pad--d7{grid-area:d7}.pad--d8{grid-area:d8}.pad--d9{grid-area:d9}.board--locked{cursor:not-allowed}.board--locked .pad{border-color:var(--line)}.pad{touch-action:none;border:3px solid color-mix(in srgb, var(--sym) 35%, transparent);border-radius:var(--radius);background:linear-gradient(180deg, color-mix(in srgb, var(--sym) 14%, var(--bg-raised)), color-mix(in srgb, var(--sym) 5%, var(--bg-sunken)));box-shadow:inset 0 2px 0 color-mix(in srgb, var(--sym) 22%, transparent), inset 0 -3px 8px #00000073, 0 5px 0 -1px #00000080, 0 10px 22px #00000059;color:color-mix(in srgb, var(--sym) 70%, var(--text-dim));place-items:center;gap:6px;transition:transform 90ms,background .14s,border-color .14s,box-shadow .14s,color .14s;display:grid;position:relative}.pad:after{content:"";border-radius:inherit;border:2px solid var(--sym);opacity:0;pointer-events:none;position:absolute;inset:-3px}.pad--impact:after{animation:.42s ease-out pad-impact}@keyframes pad-impact{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.board--cluster .pad{aspect-ratio:1;width:clamp(74px,20vw,116px)}.board--split .pad{aspect-ratio:4/3;width:clamp(120px,34vw,210px)}.board--grid .pad{aspect-ratio:1;width:clamp(62px,15vw,96px)}.board--keypad .pad{aspect-ratio:1;width:clamp(58px,14vw,88px)}.board--keypad .pad__glyph{font:800 clamp(24px, 6vw, 38px) / 1 var(--mono)}.pad__glyph{font-size:clamp(32px,8vw,52px);font-weight:700;line-height:1}.pad__label{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:13px}.pad--lit{background:linear-gradient(180deg, color-mix(in srgb, #fff 22%, var(--sym)), var(--sym));border-color:var(--sym);color:var(--bg-sunken);box-shadow:inset 0 2px 0 #ffffff59, 0 0 0 6px color-mix(in srgb, var(--sym) 22%, transparent), 0 0 48px color-mix(in srgb, var(--sym) 65%, transparent), 0 5px 0 -1px #00000080}.pad--playback{animation:.14s ease-out pad-pop}.pad--pressed{box-shadow:inset 0 2px 0 #ffffff4d, 0 0 0 5px color-mix(in srgb, var(--sym) 20%, transparent), 0 0 40px color-mix(in srgb, var(--sym) 55%, transparent), 0 1px 0 -1px #00000080;transform:translateY(4px)scale(.985)}.pad--miss{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 22%, var(--bg-raised));color:var(--danger);animation:.42s ease-out pad-miss}@keyframes pad-pop{0%{transform:scale(1)}55%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes pad-miss{0%,to{opacity:1}25%,75%{opacity:.35}}@media (pointer:coarse){.board{gap:12px;width:100%}.board--cluster{max-width:400px;margin-inline:auto}.board--cluster .pad{aspect-ratio:5/4;width:100%}.board--split{gap:14px;max-width:560px;margin-inline:auto}.board--split .pad{aspect-ratio:3/4;width:100%;max-height:42svh}.board--grid{gap:9px;max-width:420px;margin-inline:auto}.board--grid .pad{aspect-ratio:1;width:100%}.board--grid .pad__glyph{font-size:clamp(20px,6vw,34px)}.board--keypad{gap:8px;max-width:340px;margin-inline:auto}.board--keypad .pad{aspect-ratio:1;width:100%}.pad__glyph{font-size:clamp(34px,11vw,60px)}.pad__label{font-size:12px}}@media (pointer:coarse) and (width>=700px){.board--cluster{max-width:470px}.board--split{max-width:640px}.board--split .pad{aspect-ratio:1;max-height:34svh}.board--grid{max-width:500px}.board--keypad{max-width:400px}}@media (prefers-reduced-motion:reduce){.pad--playback,.pad--miss{animation:none}.pad--pressed{opacity:.75;transform:none}.pad--impact:after{animation:none}}.screen--menu{animation:.32s cubic-bezier(.2,.8,.3,1) both screen-in,48s linear infinite helix-palette}@media (prefers-reduced-motion:reduce){.screen--menu{animation:.16s both screen-fade}}.screen--menu .subtitle{margin-top:-6px}.screen--menu .wordmark{text-shadow:0 0 60px hsl(var(--helix-hue,285) 80% 60% / .35)}.screen--menu .helix{margin-block:-6px}.mode-list{gap:14px;width:min(440px,100%);display:grid}.mode-card{font:inherit;text-align:left;cursor:pointer;color:var(--text);background:var(--bg-raised);border:2px solid var(--line);border-radius:var(--radius);grid-template-columns:auto 1fr auto;gap:2px 16px;padding:18px 22px;transition:transform .1s,border-color .14s,background .14s;display:grid}.mode-card:hover,.mode-card:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg-raised))}.mode-card:active{transform:translateY(2px)}.mode-card__index{font:700 15px/1 var(--mono);color:var(--text-dim);border:1px solid var(--line-bright);border-radius:8px;grid-row:span 2;align-self:center;padding:7px 10px}.mode-card__name{letter-spacing:-.02em;grid-column:2;font-size:22px;font-weight:800}.mode-card__glyphs{grid-area:1/3;align-items:center;gap:7px;display:flex}.mode-card__glyph{color:var(--sym);text-shadow:0 0 12px color-mix(in srgb, var(--sym) 55%, transparent);font-size:17px;line-height:1;transition:transform .16s}.mode-card:hover .mode-card__glyph,.mode-card:focus-visible .mode-card__glyph{transform:translateY(-2px)}.mode-card__glyphs--grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.mode-card__glyphs--grid .mode-card__glyph{background:var(--sym);width:9px;height:9px;box-shadow:0 0 8px color-mix(in srgb, var(--sym) 60%, transparent);border-radius:2px}.mode-card:hover .mode-card__glyphs--grid .mode-card__glyph,.mode-card:focus-visible .mode-card__glyphs--grid .mode-card__glyph{transform:none}.mode-card__tagline{color:var(--text-dim);grid-column:2/-1;font-size:14px}.menu-best{font:700 13px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);text-wrap:balance;max-width:42ch}.menu-best strong{color:var(--accent);font-size:15px}.menu-rules{color:var(--text-dim);max-width:42ch;margin-top:-6px;font-size:14px}.screen--game,.screen--over{width:100%;min-height:calc(100svh - var(--app-pad-block));justify-content:center}.screen--game{--level-hue:285;gap:clamp(12px,3.2vh,44px);padding-block:clamp(4px,2vh,28px);position:relative}.screen--game .helix{margin-block:clamp(0px,1.6vh,26px)}.screen--game:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 120% 65% at 50% 0%, hsl(var(--level-hue) 68% 52% / .13), transparent 62%), radial-gradient(ellipse 100% 55% at 50% 100%, hsl(var(--level-hue) 72% 44% / .09), transparent 68%);transition:background 1.1s;position:fixed;inset:0}.screen--game.is-evolving:before{animation:.95s ease-out level-bloom}@keyframes level-bloom{0%,to{filter:none;transform:none}22%{filter:brightness(4.2)saturate(1.8);transform:scale(1.06)}}.screen--game.is-anomaly:before{background:radial-gradient(90% 55% at 50% 42%,#99999929,#0000 72%)}.hud{flex-direction:column;align-items:center;gap:clamp(5px,1.1vh,12px);display:flex}.hud__mode{font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.hud__points{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(34px,9vw,54px);font-weight:800;line-height:1}.hud__round{font:700 13px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.readout{font:700 clamp(15px, 3.4vw, 20px) / 1 var(--mono);letter-spacing:.12em;color:hsl(var(--level-hue) 80% 72%);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;max-width:92vw;min-height:1em;transition:color .9s}.next-up{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);opacity:.75;min-height:1em}.evolution{align-items:center;gap:10px;display:flex}.evolution__name{font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--level-hue) 75% 68%);transition:color .9s}.evolution__genome{background:var(--line-bright);border-radius:3px;width:110px;height:6px;display:block;overflow:hidden}.evolution__fill{background:hsl(var(--level-hue) 80% 62%);width:100%;height:100%;box-shadow:0 0 10px hsl(var(--level-hue) 85% 60% / .6);transform-origin:0;border-radius:3px;transition:transform .18s ease-out,background .9s;display:block;transform:scaleX(0)}.levelup{z-index:5;pointer-events:none;opacity:0;place-content:center;place-items:center;gap:6px;display:grid;position:absolute;inset:0}.levelup__flash,.levelup__ring{pointer-events:none;grid-area:1/1}.levelup__flash{background:radial-gradient(circle at 50% 50%, hsl(var(--level-hue) 90% 70% / .55), transparent 60%);opacity:0;position:absolute;inset:0}.levelup__ring{aspect-ratio:1;border:3px solid hsl(var(--level-hue) 90% 68%);width:min(46vmin,340px);box-shadow:0 0 40px hsl(var(--level-hue) 90% 62% / .55), inset 0 0 40px hsl(var(--level-hue) 90% 62% / .35);opacity:0;border-radius:50%;transform:scale(.2)}.levelup__label{letter-spacing:-.05em;color:hsl(var(--level-hue) 92% 78%);text-shadow:0 0 30px hsl(var(--level-hue) 90% 60% / .85), 0 6px 40px #0009;opacity:0;grid-area:1/1;font-size:clamp(38px,11vw,78px);font-weight:800;line-height:1;transform:translateY(-14px)}.levelup__name{font:800 clamp(15px, 3.6vw, 22px) / 1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--text);text-shadow:0 2px 24px #000c;opacity:0;grid-area:1/1;margin-top:clamp(52px,13vw,96px);transform:translateY(12px)}.screen--game.is-evolving .levelup{animation:.95s ease-out levelup-hold}.screen--game.is-evolving .levelup__flash{animation:.42s ease-out levelup-flash}.screen--game.is-evolving .levelup__ring{animation:.88s cubic-bezier(.15,.7,.25,1) levelup-ring}.screen--game.is-evolving .levelup__ring--late{animation-delay:.15s}.screen--game.is-evolving .levelup__label{animation:.95s cubic-bezier(.16,1.1,.3,1) levelup-label}.screen--game.is-evolving .levelup__name{animation:.95s ease-out .11s levelup-name}@keyframes levelup-hold{0%,88%{opacity:1}to{opacity:0}}@keyframes levelup-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes levelup-ring{0%{opacity:0;transform:scale(.2)}15%{opacity:.95}to{opacity:0;transform:scale(2.9)}}@keyframes levelup-label{0%{opacity:0;transform:translateY(-14px)scale(.55)}35%{opacity:1;transform:translateY(-14px)scale(1.06)}55%,80%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(1.04)}}@keyframes levelup-name{0%{opacity:0;transform:translateY(12px)}30%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.screen--game.is-evolving .pad{animation:.62s ease-out pad-levelup;animation-delay:calc(var(--i,0) * 35ms)}@keyframes pad-levelup{0%,to{transform:none}40%{border-color:hsl(var(--level-hue) 88% 66%);box-shadow:inset 0 2px 0 #ffffff4d, 0 0 0 5px hsl(var(--level-hue) 90% 62% / .3), 0 0 44px hsl(var(--level-hue) 90% 60% / .5), 0 12px 0 -1px #00000080;transform:translateY(-9px)scale(1.04)}}.screen--game.is-evolving .evolution__name,.screen--game.is-evolving .hud__points{animation:.7s ease-out evolve-pop}@keyframes evolve-pop{45%{color:hsl(var(--level-hue) 90% 72%);transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.screen--game.is-evolving .levelup__ring{animation:none}.screen--game.is-evolving .levelup__flash{animation:.62s ease-out levelup-flash}.screen--game.is-evolving .levelup__label,.screen--game.is-evolving .levelup__name{animation:.95s ease-out levelup-fade}@keyframes levelup-fade{0%,to{opacity:0;transform:none}20%,80%{opacity:1;transform:none}}.screen--game.is-evolving .pad,.screen--game.is-evolving .evolution__name,.screen--game.is-evolving .hud__points{animation:none}}.screen--game.is-celebrating .lives{animation:.6s ease-out celebrate}@keyframes celebrate{0%,to{transform:none}35%{filter:brightness(1.8);transform:scale(1.5)}}.screen--game.is-anomaly{animation:8s ease-in-out infinite anomaly-drift}.screen--game.is-anomaly .evolution__name,.screen--game.is-anomaly .hud__round{color:var(--danger);letter-spacing:.3em}.screen--game.is-anomaly .evolution__fill,.screen--game.is-anomaly .progress__tick.is-done{background:var(--danger)}.screen--game.is-anomaly .hud__points{animation:2.7s steps(2,end) infinite anomaly-flicker}@keyframes anomaly-drift{0%,to{filter:none}50%{filter:invert()hue-rotate(180deg)saturate(.4)}}@keyframes anomaly-flicker{0%,92%{opacity:1}94%{opacity:.15}96%{opacity:1}98%{opacity:.4}}@media (prefers-reduced-motion:reduce){.screen--game.is-anomaly,.screen--game.is-anomaly .hud__points,.screen--game.is-celebrating .lives,.screen--game.is-evolving:before,.over__record.is-new{animation:none}.screen--game.is-anomaly{filter:invert()hue-rotate(180deg)saturate(.4)}.screen--game.is-evolving .evolution__name,.screen--game.is-evolving .hud__points{animation:none}}.lives{color:var(--danger);gap:7px;font-size:12px;line-height:1;display:flex}.lives__pip{transition:color .2s,transform .2s}.lives__pip.is-spent{color:var(--line-bright);transform:scale(.72)}.hud__status{font:700 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;min-height:1em;color:var(--text-dim)}.hud__status[data-tone=watch]{color:var(--accent)}.hud__status[data-tone=go]{color:var(--text)}.hud__status[data-tone=good]{color:var(--ok)}.hud__status[data-tone=bad]{color:var(--danger)}.hud__status[data-tone=paused]{color:var(--sym-up)}.progress{flex-wrap:wrap;justify-content:center;gap:6px;max-width:320px;min-height:6px;display:flex}.progress__tick{background:var(--line-bright);border-radius:3px;width:18px;height:6px;transition:background .12s}.progress__tick.is-done{background:hsl(var(--level-hue) 78% 62%);transition:background .9s}.is-shaking{animation:.38s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mute{font:600 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;padding:10px 16px;display:inline-flex}.mute:before{content:"";background:var(--line-bright);border-radius:50%;width:9px;height:9px;transition:background .14s}.mute[data-on=true]:before{background:var(--ok)}.screen--over{gap:18px;padding:8px}.over__heading{color:var(--danger);font-size:clamp(30px,8vw,44px)}.over__score{color:var(--text-dim);font-size:clamp(20px,5vw,26px)}.over__score strong{color:var(--text);font-size:1.6em}.over__reached{color:var(--accent);font-size:clamp(15px,3.5vw,18px);font-weight:700}.over__record{font:700 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.over__record.is-new{color:var(--ok);animation:.7s ease-out record-pop}@keyframes record-pop{0%{opacity:0;transform:scale(.8)}45%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}.over__mode{font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%;max-width:460px;margin:4px 0;padding:18px;display:grid}.stats dt{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.stats dd{font:700 19px/1 var(--mono);color:var(--text);margin:4px 0 0}.over__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn--retry{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-raised));padding:14px 42px;font-size:19px}.submit{border:2px solid var(--line-bright);border-radius:var(--radius);background:var(--bg-sunken);text-align:left;flex-direction:column;gap:8px;width:100%;max-width:460px;padding:16px 18px;display:flex}.submit__label{font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.submit__row{gap:10px;display:flex}.submit__input{min-width:0;font:700 17px/1 var(--mono);color:var(--text);background:var(--bg-raised);border:2px solid var(--line-bright);border-radius:var(--radius-sm);flex:auto;padding:11px 14px}.submit__input:focus-visible{border-color:var(--accent)}.submit__input:disabled{opacity:.5}.submit__note{color:var(--text-dim);font-size:12px}.submit__note[data-error=true]{color:var(--danger)}.screen--board{gap:16px;width:min(660px,100%)}.board-title{font-size:clamp(26px,6vw,36px)}.placed{color:var(--text-dim);margin-top:-8px;font-size:clamp(16px,4vw,20px)}.placed strong{color:var(--ok);font-variant-numeric:tabular-nums;font-size:1.5em}.tabs{gap:8px;display:flex}.tab{font:700 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;transition:color .14s,border-color .14s,background .14s}.tab:hover{color:var(--text)}.tab.is-active{color:var(--bg-sunken);background:var(--accent);border-color:var(--accent)}.entries{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.tabs--window{flex-wrap:wrap;justify-content:center}.tab--window{letter-spacing:.1em;padding:8px 14px;font-size:11px}.tab--window.is-active{color:var(--bg-sunken);background:var(--text);border-color:var(--text)}.entries__message{color:var(--text-dim);padding:28px 0 12px}.entries__message[data-tone=error]{color:var(--danger)}.entries__message[data-tone=loading]{opacity:.7}.entry{text-align:left;border:1px solid var(--line);border-left:4px solid var(--sym);border-radius:var(--radius-sm);background:var(--bg-raised);grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:4px 14px;padding:11px 14px;display:grid}.entry.is-you{border-color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-raised))}.entry__rank{font:700 13px/1 var(--mono);color:var(--text-dim)}.entry__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.entry__points{font:800 17px/1 var(--mono);color:var(--sym);font-variant-numeric:tabular-nums}.entry__reaction,.entry__when{font:600 12px/1 var(--mono);color:var(--text-dim);white-space:nowrap}.entry__when{text-align:right;grid-column:3/-1}.entry__labels{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.tag{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sym);border:1px solid color-mix(in srgb, var(--sym) 40%, transparent);background:color-mix(in srgb, var(--sym) 12%, transparent);border-radius:999px;padding:4px 8px}@media (width<=520px){.entry{grid-template-columns:30px minmax(0,1fr) auto}.entry__reaction{grid-column:2/-1}.entry__when{text-align:left;grid-column:2/-1}}@media (width<=360px){.mode-card{grid-template-columns:auto 1fr}.mode-card__glyphs{grid-area:2/2;margin-block:2px}.mode-card__tagline{grid-row:3}}@media (pointer:coarse){#app{--app-pad-x:14px;--app-pad-y:14px}.screen{gap:18px}.screen--game{justify-content:flex-start;gap:clamp(10px,1.8vh,20px);padding-block:0}.screen--game .board{margin-top:auto}.screen--game .helix{margin-block:auto}.screen--game .progress{max-width:70vw}.screen--game .progress__tick{width:12px;height:4px}.screen--game .hud__points{font-size:clamp(28px,8vw,40px)}.screen--game .controls{order:5}.screen--game>.hint{order:6;margin-top:2px}.btn,.tab,.mode-card{min-height:46px}.mode-card{padding:16px 18px}.mode-card__glyph{font-size:15px}.wordmark{font-size:clamp(44px,16vw,72px)}.entry{padding:12px}}@media (pointer:coarse) and (height<=460px){.screen--game .hud__mode,.screen--game>.hint{display:none}.screen--game .hud__points{font-size:24px}.board--split .pad{aspect-ratio:16/9;max-height:34svh}.board--cluster .pad{aspect-ratio:2}}@media (prefers-reduced-motion:reduce){.is-shaking{animation:.38s ease-out shake-reduced}@keyframes shake-reduced{50%{opacity:.5}}}.helix{--helix-rungs:40;--helix-spin:3.6s;--helix-stagger:-.1s;--helix-height:86px;--helix-orbit:15s;width:100%;max-width:620px;height:calc(var(--helix-height) + 26px);perspective:420px;perspective-origin:50%;opacity:.55;justify-content:center;align-items:center;transition:opacity .26s;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.helix.is-live{opacity:1}.helix__strand{width:100%;transform-style:preserve-3d;animation:helix-orbit var(--helix-orbit) ease-in-out infinite alternate;justify-content:center;align-items:center;gap:clamp(2px,.7vw,7px);display:flex;position:relative}@keyframes helix-orbit{0%{transform:rotateY(-17deg)rotateX(11deg)}to{transform:rotateY(17deg)rotateX(-5deg)}}.helix__strand:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--helix-hue) 60% 60% / .28), transparent);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateZ(-1px)}.helix__rung{min-width:2px;max-width:16px;height:var(--helix-height);transform-style:preserve-3d;animation:helix-spin var(--helix-spin) linear infinite;animation-delay:calc(var(--i) * var(--helix-stagger));flex:1 1 0;animation-play-state:paused;position:relative}.helix.is-live .helix__rung{animation-play-state:running}@keyframes helix-spin{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.helix__bar{background:var(--line-bright);opacity:.5;border-radius:1px;width:2px;margin-left:-1px;transition:background .2s,opacity .2s;position:absolute;top:6px;bottom:6px;left:50%}.helix__node{background:radial-gradient(circle at 34% 30%,#9e9e9e,#616161 58%,#424242);border-radius:50%;width:13px;height:13px;margin-left:-6.5px;transition:background .2s,box-shadow .2s,transform .2s;position:absolute;left:50%}.helix__node--front{top:0}.helix__node--back{bottom:0}.helix__rung.is-bonded .helix__bar{background:hsl(var(--helix-hue) 80% 60%);opacity:.85}.helix__rung.is-bonded .helix__node{background:radial-gradient(circle at 34% 30%, hsl(var(--helix-hue) 95% 84%), hsl(var(--helix-hue) 88% 58%) 56%, hsl(var(--helix-hue) 85% 36%));box-shadow:0 0 12px hsl(var(--helix-hue) 90% 60% / .8), 0 0 26px hsl(var(--helix-hue) 90% 55% / .4)}.helix__rung.is-fresh .helix__node{background:radial-gradient(circle at 34% 30%, #fff, var(--flash,hsl(var(--helix-hue) 88% 58%)) 52%, var(--flash,hsl(var(--helix-hue) 85% 40%)));box-shadow:0 0 16px var(--flash,hsl(var(--helix-hue) 90% 60%)), 0 0 34px var(--flash,hsl(var(--helix-hue) 90% 55%));transform:scale(1.6)}.helix__rung.is-fresh .helix__bar{background:var(--flash,hsl(var(--helix-hue) 80% 60%));opacity:1}.helix.is-evolving{animation:.9s cubic-bezier(.16,1,.3,1) helix-swell}.helix.is-evolving .helix__rung{animation:helix-spin var(--helix-spin) linear infinite, helix-surge .9s ease-out;animation-delay:calc(var(--i) * var(--helix-stagger)), calc(var(--i) * 14ms);animation-play-state:running,running}@keyframes helix-swell{0%,to{transform:none}30%{transform:scale(1.13)}}@keyframes helix-surge{0%,to{filter:none}30%{filter:brightness(4)saturate(1.7)}}@property --helix-hue{syntax:"<number>";inherits:true;initial-value:285}.helix--menu{--helix-height:62px;--helix-orbit:19s;max-width:420px}@keyframes helix-palette{0%{--helix-hue:285}20%{--helix-hue:190}40%{--helix-hue:130}60%{--helix-hue:35}80%{--helix-hue:320}to{--helix-hue:285}}.helix--result{--helix-height:54px;max-width:360px;height:calc(var(--helix-height) + 18px);opacity:.85}.helix--result .helix__strand{animation:none;transform:rotateY(-15deg)rotateX(10deg)}.helix.is-anomaly{--helix-spin:1.4s;--helix-stagger:-.02s;animation:3.1s steps(3,end) infinite helix-glitch}@keyframes helix-glitch{0%,88%{transform:none}90%{transform:translate(-4px)skew(6deg)}93%{transform:translate(5px)skew(-4deg)}96%{transform:none}}@media (pointer:coarse){.helix{--helix-rungs:24;--helix-height:62px;--helix-stagger:-.16s;perspective:320px;max-width:min(92vw,620px)}.helix__node{width:11px;height:11px;margin-left:-5.5px}}@media (width<=420px){.helix{--helix-rungs:18;--helix-stagger:-.2s}}@media (pointer:coarse) and (height<=460px){.helix{--helix-height:40px;--helix-rungs:20}}@media (prefers-reduced-motion:reduce){.helix,.helix.is-live .helix__rung,.helix.is-evolving,.helix.is-evolving .helix__rung{animation:none}.helix__strand{animation:none;transform:rotateY(-14deg)rotateX(9deg)}.helix__rung{transform:rotateX(calc(var(--i) * 36deg));animation:none}.helix.is-fresh .helix__node,.helix__rung.is-fresh .helix__node{transform:none}}
