.qf-page{--qf-canvas:#150d42;--qf-well:#0b0729;--qf-cell:#1d1655;--qf-cell-edge:#352d86;--qf-surface:#21175c;--qf-surface-raised:#2e2279;--qf-ink:#fff8e7;--qf-ink-dim:#d2ccf5;--qf-outline:#8379e0;--qf-accent:#ffc247;--qf-done:#3fe07f;--qf-on-accent:#150d42;--qf-blocker:#8b90b4;--qf-blocker-edge:#b4b8d6;--qf-warning:#ff9aa3;--qf-focus:#ffd54e;--qf-overlay:#0b0729f2}.qf-hero{padding-block:clamp(1rem,4vw,2.5rem) clamp(2rem,6vw,4rem)}.qf-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""notes";gap:.6rem;display:grid}.qf-head{grid-area:head}.qf-head h1{margin:.25rem 0 0;font-size:clamp(1.45rem,6vw,3.1rem);line-height:1.04}.qf-head .lede{margin-top:.9rem;display:none}.qf-preview-flag{color:var(--color-ink-2);margin-left:.5rem;font-size:.72rem;line-height:1.3;display:inline-block}.qf-stage-wrap{grid-area:stage;min-width:0}.qf-notes{grid-area:notes}.qf-level-note,.qf-app-note,.qf-privacy{max-width:34rem;color:var(--color-ink-2);margin:.2rem 0 .6rem;font-size:.92rem;line-height:1.55}.qf-app-note strong{color:var(--color-ink)}.qf-privacy{margin-top:.9rem;font-size:.86rem}.qf-nojs{border:1px solid var(--color-rule-2);background:var(--color-paper-2);text-align:center;border-radius:.75rem;margin:0;padding:1rem}@media (width>=62rem){.qf-grid{grid-template:"head stage""notes stage"1fr/minmax(0,1fr) minmax(0,30rem);align-items:start;column-gap:clamp(2rem,5vw,4.5rem)}.qf-head .lede{display:block}.qf-head h1{font-size:clamp(2.4rem,4.2vw,3.6rem)}.qf-level-note{margin-top:.7rem}}.qf-cta-links{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.qf-cta-page{justify-content:flex-start;margin:.4rem 0 .2rem}.qf-store{touch-action:manipulation;background:var(--color-ink);min-height:2.75rem;color:var(--color-paper);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.qf-store:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.qf-copy h2{margin:2.2rem 0 .7rem;font-size:clamp(1.5rem,4.6vw,2.15rem);line-height:1.08}.qf-copy h2:first-child{margin-top:0}.qf-copy p,.qf-copy li{line-height:1.65}.qf-copy p{margin:0 0 .9rem}.qf-copy ul,.qf-copy ol{margin:0 0 1rem;padding-left:1.25em}.qf-faq h3{margin:1.5rem 0 .35rem;font-size:1.1rem}.qf-faq p{margin:0;line-height:1.6}.qf-more-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1.6rem;display:flex}.qf-more-links a{touch-action:manipulation;align-items:center;min-height:2.75rem;font-weight:700;display:inline-flex}.qf-stage{color-scheme:dark;background:radial-gradient(110% 55% at 50% 0%, #ffc2471f, transparent 60%), radial-gradient(90% 50% at 50% 100%, #3d6bff29, transparent 65%), var(--qf-canvas);width:min(100%,30rem);min-height:36rem;color:var(--qf-ink);font-family:var(--font-body);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:1.25rem;margin-inline:auto;padding:.6rem .6rem .75rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #0b07294d}.qf-stage,.qf-stage *,.qf-stage :before,.qf-stage :after{box-sizing:border-box}.qf-stage button,.qf-stage select{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.qf-stage button:focus-visible,.qf-stage select:focus-visible{outline:3px solid var(--qf-focus);outline-offset:2px}.qf-levelbar{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.4rem;margin-top:.5rem;display:grid}.qf-step{border:1px solid var(--qf-outline);background:var(--qf-surface-raised);min-height:2.75rem;color:var(--qf-ink);text-align:center;cursor:pointer;border-radius:.75rem;padding:0;font-size:1.5rem;font-weight:700;line-height:1}.qf-step:disabled{opacity:.35;cursor:default}.qf-picker{display:block}.qf-picker select{border:1px solid var(--qf-outline);background:var(--qf-surface);width:100%;min-height:2.75rem;color:var(--qf-ink);text-align:center;text-align-last:center;border-radius:.75rem;padding:.4rem .6rem;font-size:1rem;font-weight:700}.qf-hud{grid-template-columns:4.2rem minmax(0,1fr) 4.2rem;align-items:stretch;gap:.4rem;display:grid}.qf-stat,.qf-goal{background:var(--qf-surface);text-align:center;border:1px solid #8379e066;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;display:flex}.qf-stat b{font-variant-numeric:tabular-nums;font-size:1.1rem;line-height:1.05}.qf-stat small,.qf-goal small{color:var(--qf-ink-dim);text-align:center;font-size:.7rem;line-height:1.25}.qf-stat small{letter-spacing:.04em;text-transform:uppercase}.qf-goal span{color:var(--qf-accent);text-align:center;font-size:.9rem;font-weight:800;line-height:1.15}.qf-board{background:var(--qf-well);border-radius:.9rem;grid-template-columns:1fr 1fr;gap:.4rem;width:min(100%,25rem);margin:.55rem auto 0;padding:.35rem;display:grid}.qf-plate{background:color-mix(in srgb, var(--qf-tint) 22%, var(--qf-well));border:2px solid color-mix(in srgb, var(--qf-tint) 70%, transparent);border-radius:.55rem;gap:2px;padding:3px;display:grid;position:relative}.qf-plate.is-marked{border-color:var(--qf-accent);box-shadow:0 0 0 1px var(--qf-accent), 0 0 .7rem #ffc24759}.qf-plate.is-done{border-color:var(--qf-done)}.qf-plate.will-clear{box-shadow:0 0 0 2px #fff,0 0 .9rem #ffffff80}.qf-plate-badge{z-index:2;background:var(--qf-accent);width:1.3rem;height:1.3rem;color:var(--qf-on-accent);text-align:center;pointer-events:none;border-radius:999px;place-items:center;font-size:.8rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-.55rem;right:-.45rem}.qf-plate.is-done .qf-plate-badge{background:var(--qf-done)}.qf-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.qf-cell{aspect-ratio:1;border:1px solid var(--qf-cell-edge);background:var(--qf-cell);width:100%;min-width:0;color:var(--qf-on-accent);cursor:pointer;border-radius:.3rem;place-items:center;margin:0;padding:0;display:grid}.qf-cell svg{width:62%;height:62%;display:block}.qf-cell.is-filled{background:var(--qf-fill);border-color:#00000059;box-shadow:inset 0 2px #ffffff59,inset 0 -2px #00000040}.qf-cell.is-blocker{border-color:var(--qf-blocker-edge);background:repeating-linear-gradient(135deg, var(--qf-blocker) 0 4px, #6f7499 4px 7px);box-shadow:inset 0 0 0 3px #0b072959}.qf-board.is-holding .qf-cell:not(.is-filled):not(.is-blocker):not(.is-ghost):not(.is-ghost-bad){border-color:#4a41a8}.qf-cell.is-ghost{background:color-mix(in srgb, var(--qf-fill,#fff) 38%, var(--qf-cell));color:#fff;border:2px dashed #fff}.qf-cell.is-ghost svg{opacity:.85}.qf-cell.is-ghost-bad{border:2px dashed var(--qf-warning)}.qf-cell.is-filled.is-ghost-bad,.qf-cell.is-blocker.is-ghost-bad{outline:2px dashed var(--qf-warning);outline-offset:-4px}.qf-cell.is-aimed.is-ghost{animation:1s ease-in-out infinite qf-aim}.qf-cell.is-clearing{animation:.52s ease-out qf-clear}@keyframes qf-aim{0%,to{filter:none}50%{filter:brightness(1.25)}}@keyframes qf-clear{0%{background:#fff;transform:scale(1.08)}to{transform:scale(1)}}.qf-stage .qf-cell:focus-visible{outline-offset:-2px}.qf-status{min-height:2.6em;color:var(--qf-ink-dim);text-align:center;margin:.35rem .3rem;font-size:.88rem;line-height:1.3}.qf-status[data-tone=warn]{color:var(--qf-warning);font-weight:700}.qf-status[data-tone=good]{color:var(--qf-accent);font-weight:700}.qf-status[data-tone=stuck]{color:var(--qf-warning);font-weight:800}.qf-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.qf-slot{background:var(--qf-surface-raised);cursor:pointer;border:2px solid #8379e080;border-radius:.85rem;justify-content:center;align-items:center;min-height:4.6rem;margin:0;padding:.3rem;transition:transform .15s;display:flex}.qf-slot svg{width:auto;max-width:100%;height:auto;max-height:4rem;display:block}.qf-slot.is-selected{border-color:var(--qf-accent);transform:translateY(-.3rem);box-shadow:0 0 .8rem #ffc24780}.qf-slot.is-empty{opacity:.3;cursor:default}.qf-queue{background:var(--qf-surface);border:1px solid #8379e059;border-radius:.8rem;margin-top:.45rem;padding:.35rem .4rem .4rem}.qf-queue-head{color:var(--qf-ink-dim);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 .25rem;font-size:.7rem;font-weight:700}.qf-queue-row{overscroll-behavior-x:contain;scrollbar-width:thin;align-items:center;gap:.3rem;min-height:2.2rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.qf-mini{background:var(--qf-well);border-radius:.4rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.qf-mini.is-next{box-shadow:0 0 0 2px var(--qf-accent)}.qf-mini svg{display:block}.qf-queue-empty{color:var(--qf-ink-dim);text-align:center;flex:1;font-size:.8rem;font-weight:700}.qf-tools{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem;margin-top:.5rem;display:grid}.qf-tool{border:1px solid var(--qf-outline);background:var(--qf-surface-raised);min-height:2.9rem;color:var(--qf-ink);text-align:center;cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;padding:.4rem .25rem;font-size:.9rem;font-weight:700;line-height:1.15;display:flex}.qf-tool:disabled{opacity:.4;cursor:default}.qf-tool-primary{background:var(--qf-accent);color:var(--qf-on-accent);border-color:#0000}.qf-drag{z-index:50;pointer-events:none;opacity:.9;filter:drop-shadow(0 6px 10px #0006);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:-1.5rem 0 0 -1.5rem;position:fixed;top:0;left:0}.qf-drag svg{display:block}.qf-overlay{z-index:5;background:var(--qf-overlay);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;padding:.9rem;display:grid;position:absolute;inset:0;overflow-y:auto}.qf-overlay[hidden]{display:none}.qf-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:23rem;display:flex}.qf-eyebrow{color:var(--qf-accent);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:0;font-size:.75rem;font-weight:700}.qf-card h2{color:var(--qf-ink);text-align:center;margin:.35rem 0 .2rem;font-size:clamp(1.5rem,7vw,2rem);line-height:1.1}.qf-total{color:var(--qf-accent);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:2.1rem;font-weight:800}.qf-total small{color:var(--qf-ink-dim);font-size:.9rem;font-weight:700}.qf-standing{color:var(--qf-ink);text-align:center;margin:.2rem 0 .3rem;font-weight:700;line-height:1.4}.qf-grade{color:var(--qf-accent);text-align:center;margin:0 0 .4rem;font-size:.92rem;line-height:1.4}.qf-best{color:var(--qf-ink-dim);text-align:center;margin:0 0 .7rem;font-size:.9rem}.qf-actions{gap:.45rem;width:100%;display:grid}.qf-btn{border:1px solid var(--qf-outline);background:var(--qf-surface-raised);min-height:2.9rem;color:var(--qf-ink);text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.98rem;font-weight:700;display:flex}.qf-btn-primary{background:var(--qf-accent);color:var(--qf-on-accent);border-color:#0000}.qf-btn-quiet{background:0 0}.qf-share-status{min-height:1.3em;color:var(--qf-ink-dim);text-align:center;margin:.4rem 0 0;font-size:.85rem}.qf-cta{background:var(--qf-surface);text-align:center;border-radius:.9rem;width:100%;margin-top:.5rem;padding:.75rem .6rem}.qf-cta p{color:var(--qf-ink);text-align:center;margin:0 0 .55rem;font-size:.9rem;line-height:1.45}.qf-cta .qf-store{background:var(--qf-ink);color:var(--qf-canvas)}.qf-cta .qf-store:focus-visible{outline-color:var(--qf-focus)}.qf-cta-end{margin:0 0 .6rem}.qf-cta-end .qf-store{background:var(--qf-accent);color:var(--qf-on-accent)}.qf-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=22.5rem){.qf-stage{padding-inline:.4rem}.qf-hud{grid-template-columns:4rem minmax(0,1fr) 4rem}.qf-board{gap:.3rem;padding:.25rem}.qf-tool{font-size:.82rem}}.qf-reduce .qf-slot{transition:none}.qf-reduce .qf-cell{animation:none!important}@media (prefers-reduced-motion:reduce){.qf-slot{transition:none}.qf-cell{animation:none!important}}