@font-face{font-family:Analogue;src:url(/critical-points-machine/assets/AnalogueOS-Regular-Cm5tQ0cT.woff2)format("woff2"),url(/critical-points-machine/assets/AnalogueOS-Regular-BzbI8kdD.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--white:#fff;--black:#111;--ink:#1a1a1a;--gray-1:#ececec;--gray-2:#c8c8c8;--gray-3:#5c5c5c;--gray-soft:#737373;--pop:#2fbf71;--pop-soft:#2fbf711f;--ok:#1f7a45;--err:#b42318;--space-6:6px;--space-12:12px;--space-16:16px;--space-18:18px;--space-26:26px;--space-29:29px;--space-35:35px;--space-41:41px;--space-47:47px;--space-64:64px;--radius-card:16px;--radius-field:14px;--radius-pill:9999px;--font-ui:"Analogue", ui-monospace, Menlo, monospace;--font-body:"Analogue", ui-monospace, Menlo, monospace;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#f3f3f3}*{box-sizing:border-box}body{background:radial-gradient(900px 420px at 50% -8%,#2fbf7114,#0000 55%),#f3f3f3;min-height:100vh;margin:0}#app{min-height:100vh}.shell{max-width:780px;margin:0 auto;padding:28px 18px 64px;animation:.48s ease-out fade-rise}.device-frame{gap:var(--space-47);background:var(--white);border:1px solid #d8d8d8;border-radius:28px;padding:36px 28px 40px;display:grid;box-shadow:inset 0 1px #fffc,0 18px 48px #00000014}@keyframes fade-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:flex-end;align-items:center;gap:var(--space-16);display:flex}.topbar-meta{color:var(--gray-soft);letter-spacing:.01em;text-align:right;margin:0;font-size:13px;line-height:1.4}.hero{gap:var(--space-12);padding-top:var(--space-6);display:grid}.guide{border:1px solid var(--gray-1);border-radius:var(--radius-card);background:#fafafa;overflow:hidden}.guide-summary{cursor:pointer;color:var(--black);justify-content:center;align-items:center;gap:8px;padding:10px 16px;list-style:none;display:flex}.guide-summary::-webkit-details-marker{display:none}.guide-summary-label{letter-spacing:-.01em;font-size:15px}.guide-summary:after{content:"+";color:var(--pop);font-size:16px;line-height:1}.guide[open] .guide-summary:after{content:"–"}.guide-body{border-top:1px solid var(--gray-1);padding:12px 18px 14px}.guide-lead{color:var(--gray-3);text-align:center;margin:0;font-size:14px;line-height:1.5}.tool-start{scroll-margin-top:24px}.tryout{text-align:center;border:1px solid var(--gray-1);border-radius:var(--radius-card);background:#f7fbf8;justify-items:center;gap:10px;margin-top:4px;padding:22px 18px;display:grid}.tryout-kicker{color:var(--pop);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.tryout-title{color:var(--black);letter-spacing:-.02em;margin:0;font-size:clamp(22px,4vw,28px);line-height:1.15}.tryout-copy{max-width:28rem;color:var(--gray-3);margin:0;font-size:15px;line-height:1.5}.tryout-cta{margin-top:4px}.tryout-cta-bounce{animation:1.6s ease-in-out infinite tryout-bounce}@keyframes tryout-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.tryout-cta-bounce{animation:none}}.text-link{color:var(--black);text-underline-offset:3px;text-decoration:underline}.text-link:hover{color:var(--pop)}.human-check{scroll-margin-top:24px}.button-link{border:1px solid var(--black);border-radius:var(--radius-pill);background:var(--black);width:fit-content;max-width:100%;min-height:48px;color:var(--white);font:inherit;letter-spacing:.02em;text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;line-height:1.3;text-decoration:none;display:inline-flex}.button-link:hover{opacity:.9}.button-link:active{transform:translateY(1px)}.contact-note{gap:6px;padding:8px 0 4px;display:grid}.contact-note p{max-width:36rem;color:var(--gray-soft);margin:0;font-size:13px;line-height:1.5}.feedback-panel{background:#2f7c7a;border:3px solid #111;border-radius:8px;margin-top:8px;overflow:hidden;box-shadow:4px 4px #111}.feedback-summary{cursor:pointer;color:#111;background:#2f7c7a;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;list-style:none;display:flex}.feedback-summary::-webkit-details-marker{display:none}.feedback-summary-label,.feedback-summary:after{color:#111;background:silver;border:2px solid gray;border-color:#fff gray gray #fff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}.feedback-summary-label{letter-spacing:-.01em;padding:3px 10px 4px;font-size:15px}.feedback-summary:after{content:"+";place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}.feedback-panel[open] .feedback-summary:after{content:"–";border-color:gray #fff #fff gray;box-shadow:inset 1px 1px #000}.feedback-form{background:var(--white);border-top:3px solid #111;gap:16px;padding:16px;display:grid;position:relative}.feedback-drop{border:1.5px dashed var(--gray-2);border-radius:var(--radius-field);background:var(--white);cursor:pointer;text-transform:none;letter-spacing:0;place-items:center;gap:4px;min-height:88px;padding:16px 14px;display:grid;position:relative}.feedback-drop:hover,.feedback-drop.is-dragover{border-color:var(--black);box-shadow:0 0 0 3px #1111110f}.feedback-drop.is-dragover{background:var(--pop-soft);border-style:solid}.feedback-drop-copy{text-align:center;pointer-events:none;justify-items:center;gap:4px;display:grid}.feedback-drop-title{max-width:100%;color:var(--black);letter-spacing:.01em;text-transform:none;overflow-wrap:anywhere;font-size:15px}.feedback-drop-hint{color:var(--gray-soft);letter-spacing:.01em;text-transform:none;font-size:13px}.feedback-drop input[type=file]{opacity:0;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.feedback-status{color:var(--ok);min-height:1.2em;margin:0;font-size:13px;line-height:1.45}.feedback-status.error{color:var(--err)}.feedback-actions{flex-wrap:wrap;gap:10px;display:flex}.feedback-honey{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.eyebrow{color:var(--gray-3);letter-spacing:.01em;margin:0;font-size:15px;line-height:1.4}h1{color:var(--black);letter-spacing:-.03em;margin:0;font-size:clamp(38px,7vw,50px);font-weight:400;line-height:1.02}.title-accent{color:var(--pop)}.lede{margin:var(--space-6) 0 0;max-width:30rem;color:var(--gray-3);letter-spacing:.01em;font-size:16px;line-height:1.55}.section{gap:var(--space-26);padding-top:var(--space-12);display:grid}.section-kicker{color:var(--gray-soft);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:13px;line-height:1.4}.section-title{color:var(--black);letter-spacing:-.02em;margin:0;font-size:clamp(26px,4.5vw,34px);font-weight:400;line-height:1.08}.section-title .title-line{color:var(--pop);display:block}.control-grid{gap:var(--space-22,22px);display:grid}.template-note,.lede-inline,#worksheetHint{color:var(--gray-3);letter-spacing:.01em;margin:0;font-size:15px;line-height:1.55}p{color:var(--gray-3);margin:0}code{font-family:var(--font-ui);color:var(--black);background:var(--pop-soft);border-radius:6px;padding:2px 7px;font-size:.95em}.is-hidden{display:none!important}.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}.file-field{border:1.5px dashed var(--gray-2);border-radius:var(--radius-field);cursor:pointer;background:#fafafa;place-items:center;gap:6px;min-height:120px;padding:22px 18px;transition:border-color .14s,background .14s,box-shadow .14s;display:grid;position:relative}.file-field:hover,.file-field.is-dragover{border-color:var(--black);background:var(--white);box-shadow:0 0 0 3px #1111110f}.file-field.is-dragover{background:var(--pop-soft);border-style:solid}.file-field-copy{text-align:center;pointer-events:none;justify-items:center;gap:4px;display:grid}.file-field-title{color:var(--black);letter-spacing:.01em;font-size:15px}.file-field-hint{color:var(--gray-soft);font-size:13px}.file-field input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.worksheets-grid{gap:var(--space-64);grid-template-columns:1fr;display:grid}.worksheet-card{gap:var(--space-22,22px);min-width:0;padding-top:var(--space-26);border-top:1px solid var(--gray-1);display:grid}.worksheet-actions{gap:var(--space-12);min-width:0;padding-top:var(--space-6);display:flex}.worksheet-card h2{color:var(--black);letter-spacing:-.02em;margin:0;font-size:clamp(22px,3.8vw,26px);font-weight:400;line-height:1.15}.filename-line{color:var(--gray-soft);letter-spacing:.01em;word-break:break-word;margin:0;font-size:13px;line-height:1.45}label{color:var(--gray-3);letter-spacing:.04em;text-transform:uppercase;gap:10px;min-width:0;font-size:13px;font-weight:400;display:grid}input,textarea,select{font-family:var(--font-body);color:var(--ink);border-radius:var(--radius-field);letter-spacing:.01em;background:#fafafa;border:1px solid #d6d6d6;width:100%;min-width:0;padding:15px 16px;font-size:16px;line-height:1.45;transition:border-color .14s,background .14s,box-shadow .14s}input:hover,textarea:hover,select:hover{background:var(--white);border-color:#bdbdbd}input:focus,textarea:focus,select:focus{border-color:var(--black);background:var(--white);outline:none;box-shadow:0 0 0 3px #11111114}textarea{resize:vertical;min-height:5.5rem}input[type=file]{color:var(--gray-3);background:var(--white);padding:10px 12px}input[type=file]::file-selector-button{font-family:var(--font-ui);border-radius:var(--radius-pill);background:var(--black);color:var(--white);cursor:pointer;letter-spacing:.02em;border:none;margin-right:14px;padding:10px 16px;font-size:14px}button{border-radius:var(--radius-pill);background:var(--black);width:fit-content;color:var(--white);font-family:var(--font-ui);letter-spacing:.02em;cursor:pointer;border:none;padding:14px 26px;font-size:15px;font-weight:400;transition:transform .14s,background .14s,box-shadow .14s}button:hover{background:#000;transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;background:var(--gray-2);color:var(--white);box-shadow:none;transform:none}.download-button{align-items:center;gap:12px;max-width:100%;padding:8px 8px 8px 22px;display:inline-flex}.download-label{line-height:1.2}.download-kind{border-radius:var(--radius-pill);letter-spacing:.08em;background:#ffffff29;align-items:center;padding:7px 11px;font-size:11px;line-height:1;display:inline-flex}#status{min-height:20px;color:var(--ok);letter-spacing:.01em;white-space:pre-line;font-size:15px;line-height:1.45}#status.error{color:var(--err);text-decoration:none}.footer-crumb{display:none}.dev-credit{border-top:1px solid var(--gray-1);justify-content:space-between;align-items:center;gap:14px;margin-top:8px;padding-top:22px;display:flex}.dev-credit-logo{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;image-rendering:crisp-edges;background:#fff;border-radius:10px;flex-shrink:0}.dev-credit-copy{gap:4px;min-width:0;display:grid}.dev-credit-label{color:var(--black);letter-spacing:.01em;margin:0;font-size:15px}.dev-credit-note{color:var(--gray-soft);letter-spacing:.01em;margin:0;font-size:13px;font-style:italic;line-height:1.4}.stg-break{justify-items:stretch;gap:14px;width:min(100%,22rem);margin-top:8px;padding-bottom:4px;padding-right:4px;display:grid}.stg-break-toggle{background:var(--white);width:100%;max-width:100%;min-height:72px;color:var(--black);font:inherit;text-align:left;cursor:pointer;border:2px solid #111;border-radius:12px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:inline-flex;transform:none;box-shadow:4px 4px #111}.stg-break-toggle:hover,.stg-break-toggle:focus,.stg-break-toggle:focus-visible{color:var(--black);filter:none;background:#f3fbf6;border-color:#111;transform:none;box-shadow:4px 4px #111}.stg-break-toggle:active,.stg-break-toggle[aria-expanded=true]{color:var(--black);filter:none;background:#f3fbf6;border-color:#111;transform:translate(2px,2px);box-shadow:2px 2px #111}.stg-break-hint{border:1px solid var(--gray-1);background:#fafafa;border-radius:10px;flex:none;width:44px;height:44px;position:relative;overflow:hidden}.stg-break-hint-img{object-fit:cover;width:44px;height:44px;image-rendering:pixelated;display:block}.stg-break-hint-gif{pointer-events:none;opacity:.9;mix-blend-mode:multiply;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2px;padding:5px;display:grid;position:absolute;inset:0}.stg-break-hint-gif span{background:0 0;border-radius:2px;animation:1.2s steps(2,end) infinite stg-tetris-flicker}.stg-break-hint-gif span:first-child{background:var(--pop);grid-area:1/2;animation-delay:0s}.stg-break-hint-gif span:nth-child(2){background:#111;grid-area:2/1/auto/span 3;animation-delay:.15s}.stg-break-hint-gif span:nth-child(3){background:var(--pop);grid-area:3/3;animation-delay:.3s}.stg-break-hint-gif span:nth-child(4){background:#111;grid-area:4/2/auto/span 2;animation-delay:.45s}@keyframes stg-tetris-flicker{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.75;transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.stg-break-hint-gif span{animation:none}}.stg-break-copy{gap:2px;min-width:0;display:grid}.stg-break-kicker{color:var(--gray-soft);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.stg-break-label{color:var(--black);letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.25}.stg-play{gap:14px;width:100%;padding:4px 0 0;display:grid}.stg-play.is-collapsed{display:none}.stg-play-note{color:var(--gray-3);margin:0;font-size:12px;line-height:1.4}.stg-play-note-touch{display:none}.stg-play-board{align-items:flex-start;gap:14px;width:100%;display:flex}#miniTetris{border:1px solid var(--gray-1);width:160px;height:256px;image-rendering:pixelated;touch-action:none;background:#fafafa;border-radius:8px;outline:none;flex:none}#miniTetris:focus{border-color:var(--pop);box-shadow:0 0 0 3px #2fbf7133}.stg-play-side{flex-direction:column;align-items:flex-end;gap:12px;min-width:6.5rem;display:flex}.stg-play-meta{justify-items:end;gap:8px;display:grid}.stg-play-score{color:var(--gray-soft);letter-spacing:.02em;margin:0;font-size:12px}.stg-hold{justify-items:end;gap:4px;display:grid}.stg-hold-label{color:var(--gray-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px}#miniTetrisHold{border:1px solid var(--gray-1);width:48px;height:48px;image-rendering:pixelated;background:#fafafa;border-radius:8px}.stg-play-btn{border:1px solid var(--pop);border-radius:var(--radius-pill);background:var(--pop);min-height:40px;color:var(--black);letter-spacing:.02em;box-shadow:none;padding:8px 16px;font-size:14px;font-weight:600;transform:none}.stg-play-btn:hover,.stg-play-btn:focus,.stg-play-btn:focus-visible,.stg-play-btn:active{background:var(--pop);color:var(--black);border-color:var(--pop);box-shadow:none;filter:none;opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.stg-play-btn:hover{filter:brightness(.96)}}.stg-play-reset{border:1px solid var(--black);background:var(--white);min-height:34px;color:var(--black);padding:6px 14px;font-size:13px;font-weight:500}.stg-play-reset:hover,.stg-play-reset:focus,.stg-play-reset:focus-visible,.stg-play-reset:active{background:var(--white);color:var(--black);border-color:var(--black);box-shadow:none;filter:none;transform:none}@media (hover:hover) and (pointer:fine){.stg-play-reset:hover{background:var(--black);color:var(--white)}}.stg-play-pad{touch-action:manipulation;grid-template-columns:repeat(3,40px);justify-content:end;gap:6px;display:none}.stg-pad-btn{border:1px solid var(--gray-1);background:var(--white);width:40px;height:40px;min-height:40px;color:var(--black);box-shadow:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:0;font-size:14px;line-height:1;transform:none}.stg-pad-btn:hover,.stg-pad-btn:focus,.stg-pad-btn:focus-visible,.stg-pad-btn:active{background:var(--white);color:var(--black);border-color:var(--gray-1);box-shadow:none;transform:none}.stg-pad-btn:active{background:var(--pop-soft);border-color:var(--pop)}@media (width<=720px),(pointer:coarse){.stg-play-note-desktop{display:none}.stg-play-note-touch{display:block}.stg-play-pad{display:grid}}@media (width<=420px){.stg-play-board{flex-direction:column;align-items:flex-start;gap:12px}.stg-play-side{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:12px 16px;width:100%}.stg-play-meta{grid-template-columns:auto auto;justify-content:start;place-items:center start;gap:10px 14px;display:grid}.stg-hold{justify-items:start}.stg-play-pad{justify-content:start}}.stg-board{border-top:1px solid var(--gray-1);gap:8px;padding-top:10px;display:grid}.stg-board-title{color:var(--black);letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.stg-board-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.stg-board-list li{border:0;border-bottom:1px solid var(--gray-1);background:0 0;border-radius:0;grid-template-columns:1.25rem 1fr auto;align-items:baseline;gap:8px;padding:6px 0;display:grid}.stg-board-list:empty{display:none}.stg-board-list li:last-child{border-bottom:0}.stg-board-rank{color:var(--gray-soft);font-variant-numeric:tabular-nums;font-size:12px}.stg-board-name{color:var(--black);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:1px;font-size:13px;display:inline-flex;overflow:hidden}.stg-board-dot{background:currentColor;border-radius:50%;flex:none;width:4px;height:4px;margin:0 2px}.stg-board-score{color:var(--black);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.stg-board-form{gap:6px;display:grid}.stg-board-form.is-hidden{display:none}.stg-board-label{color:var(--gray-3);font-size:12px}.stg-initials{flex-wrap:wrap;align-items:flex-end;gap:12px 8px;display:flex}.stg-initial{justify-items:center;gap:2px;display:grid}.stg-initial-nudge,.stg-initial-letter{box-shadow:none;filter:none;border-radius:4px}.stg-initial-nudge{background:var(--white);color:#0000;border:1px solid #111;place-items:center;width:36px;min-height:22px;padding:0;font-size:0;line-height:0;display:grid}.stg-initial-nudge:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.stg-initial-nudge[data-dir="-1"]:before{border-bottom:6px solid #111}.stg-initial-nudge[data-dir="1"]:before{border-top:6px solid #111}.stg-initial-letter{width:46px;min-height:46px;color:var(--white);letter-spacing:.02em;background:#111;border:2px solid #111;padding:0;font-size:22px;line-height:1}.stg-initial.is-active .stg-initial-letter{border-color:var(--pop);animation:.55s ease-in-out infinite stg-initial-bounce;box-shadow:0 0 0 3px #2fbf7147}.stg-initial-nudge:hover,.stg-initial-nudge:focus,.stg-initial-nudge:focus-visible,.stg-initial-nudge:active{color:#111;box-shadow:none;filter:none;background:#f3fbf6;border-color:#111;transform:none}.stg-initial-letter:hover,.stg-initial-letter:focus,.stg-initial-letter:focus-visible,.stg-initial-letter:active{color:var(--white);filter:none;background:#111;border-color:#111}.stg-initial:not(.is-active) .stg-initial-letter:hover,.stg-initial:not(.is-active) .stg-initial-letter:focus,.stg-initial:not(.is-active) .stg-initial-letter:focus-visible,.stg-initial:not(.is-active) .stg-initial-letter:active{transform:none}.stg-initial.is-active .stg-initial-letter:hover,.stg-initial.is-active .stg-initial-letter:focus,.stg-initial.is-active .stg-initial-letter:focus-visible,.stg-initial.is-active .stg-initial-letter:active{border-color:var(--pop);box-shadow:0 0 0 3px #2fbf7147}.stg-initial-dot{background:#111;border-radius:50%;align-self:center;width:6px;height:6px;margin:0 1px;font-size:0;line-height:0}.stg-initials .stg-play-btn{align-self:center;margin-bottom:24px}@keyframes stg-initial-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}65%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stg-initial.is-active .stg-initial-letter{animation:none}}.stg-board-status{color:var(--gray-soft);margin:0;font-size:12px}.stg-board-status:empty{display:none}