@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}:root{--bg: #0b0f0a;--fg: #c9e8c2;--dim: #6f8f6a;--accent: #7cf27c;--error: #f27c7c;--font: "JetBrains Mono", "Berkeley Mono", "SFMono-Regular", ui-monospace, "Menlo", "Consolas", monospace}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font)}#screen{height:100%;display:flex;flex-direction:column;overflow:hidden}.term-panes{flex:1 1 auto;min-height:0}.term-pane{height:100%;overflow-y:auto;padding-top:max(var(--pad, 1rem),env(safe-area-inset-top));padding-left:max(var(--pad, clamp(.75rem, 3vw, 2rem)),env(safe-area-inset-left));padding-right:max(var(--pad, clamp(.75rem, 3vw, 2rem)),env(safe-area-inset-right));padding-bottom:calc(3.5rem + env(safe-area-inset-bottom));font-size:var(--font-size, 14px);line-height:1.5;touch-action:auto}.term-tabs{display:none;flex:0 0 auto;gap:.25rem;align-items:stretch;padding:max(.35rem,env(safe-area-inset-top)) .5rem .35rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent);font-size:.8rem}#screen.has-tabs .term-tabs{display:flex}#screen.has-tabs .term-pane{padding-top:var(--pad, .5rem)}.term-tabs::-webkit-scrollbar{display:none}.term-tab-item{display:inline-flex;align-items:stretch;border:1px solid transparent;border-radius:6px}.term-tab-item.active{background:color-mix(in srgb,var(--fg) 12%,transparent);border-color:color-mix(in srgb,var(--fg) 22%,transparent)}.term-tab,.term-tab-add,.term-tab-x{font:inherit;font-family:var(--font);color:color-mix(in srgb,var(--fg) 70%,transparent);background:transparent;border:0;border-radius:6px;padding:.2rem .55rem;cursor:pointer;white-space:nowrap}.term-tab-item.active .term-tab{color:var(--fg)}.term-tab-x{padding-left:.35rem;padding-right:.5rem;opacity:.6}.term-tab-x:hover,.term-tab-x:focus-visible{opacity:1}.term-tab-add{color:color-mix(in srgb,var(--fg) 60%,transparent)}.term-kbd{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;font-family:var(--font);font-size:16px;background:transparent;color:transparent;caret-color:transparent;z-index:1}.term-kbd:focus{outline:none}.term-output{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.demo-screen{flex:1 1 auto;min-height:0;overflow-y:auto}.demo-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.term-line{white-space:pre-wrap;word-break:break-word}.term-line.dim{color:var(--dim)}.term-line.accent{color:var(--accent)}.term-line.error{color:var(--error)}.term-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.term-inputline{position:relative}.term-inputline.collapsed{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.term-display{display:block;white-space:pre-wrap;word-break:break-word;pointer-events:none}.term-display .accept,.term-display .term-ghost,.term-display .term-more{position:relative;z-index:2;pointer-events:auto}.term-prompt,.term-echo-prompt{color:var(--accent)}.term-prompt{flex:0 0 auto;margin-right:.5ch}.term-typed{flex:1 1 auto;white-space:pre-wrap;word-break:break-word}.term-cursor{display:inline-block;width:1ch;background:var(--fg);color:var(--bg);animation:blink 1s step-end infinite}.term-ghost{color:var(--dim);cursor:pointer}.term-more{color:var(--bg);background:var(--dim);border-radius:4px;padding:0 .35ch;margin-left:.5ch;cursor:pointer;font-size:.85em}.term-cursor.hidden{animation:none;background:transparent}.term-app{height:100%;display:flex;flex-direction:column}.ed-title{flex:0 0 auto;background:var(--accent);color:var(--bg);padding:.15rem .5rem;font-weight:600}.ed-body{flex:1 1 auto;overflow-y:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.ed-line{min-height:1.5em;white-space:pre-wrap;word-break:break-word}.ed-cursor{display:inline-block;min-width:1ch;background:var(--fg);color:var(--bg);animation:blink 1s step-end infinite}.ed-status{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;background:var(--dim);color:var(--bg);padding:.25rem .5rem}.ed-key{font:inherit;color:var(--bg);background:#0b0f0a40;border:1px solid rgba(11,15,10,.4);border-radius:3px;padding:.1rem .5rem;cursor:pointer;min-height:1.9em}.ed-key:hover,.ed-key:focus-visible{background:#0b0f0a66;outline:none}.ed-msg{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-pos{flex:0 0 auto;font-variant-numeric:tabular-nums;opacity:.85}.sk{display:flex;flex-direction:column;align-items:center;width:100%}.sk-title{flex:0 0 auto;color:var(--accent);padding:.5rem;font-weight:600}.sk-board{flex:0 0 auto;margin:0;line-height:1;font-size:clamp(12px,3.4vw,20px);letter-spacing:.05em;color:var(--accent);white-space:pre}.sk-status{flex:0 0 auto;padding:.5rem;color:var(--dim);text-align:center}.sk-pad{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:min(280px,80vw);margin-top:.5rem}.sk-key{font:inherit;font-size:1.4rem;color:var(--fg);background:#7cf27c14;border:1px solid var(--dim);border-radius:6px;padding:.6rem 0;cursor:pointer;min-height:3rem;touch-action:manipulation}.sk-key:hover,.sk-key:focus-visible{background:#7cf27c2e;outline:none}.sk-key:active{background:#7cf27c52}.td-title{flex:0 0 auto;background:var(--accent);color:var(--bg);padding:.15rem .5rem;font-weight:600}.td-body{flex:1 1 auto;overflow-y:auto;padding:.5rem}.td-row{padding:.15rem .35rem;border-radius:4px;white-space:pre-wrap;word-break:break-word}.td-row.sel{background:#7cf27c29}.td-check{color:var(--accent)}.td-check.done{color:var(--dim)}.td-text.done{color:var(--dim);text-decoration:line-through}.td-add{padding:.15rem .35rem;color:var(--accent);white-space:pre-wrap}.td-cursor{display:inline-block;width:1ch;background:var(--fg);animation:blink 1s step-end infinite}.td-empty{padding:.35rem;color:var(--dim)}.td-status{flex:0 0 auto;padding:.25rem .5rem;background:var(--dim);color:var(--bg);white-space:pre-wrap}.term-keybar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:.3rem;padding-top:.3rem;padding-left:max(.4rem,env(safe-area-inset-left));padding-right:max(.4rem,env(safe-area-inset-right));padding-bottom:max(.3rem,env(safe-area-inset-bottom));overflow-x:auto;background:color-mix(in srgb,var(--bg) 92%,transparent);border-top:1px solid color-mix(in srgb,var(--dim) 50%,transparent);scrollbar-width:none}.term-keybar.lifted{padding-bottom:.3rem}@media (hover: hover) and (pointer: fine){.term-keybar{display:none}.term-pane{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (display-mode: standalone){.term-keybar{background:var(--bg)}}.term-keybar::-webkit-scrollbar{display:none}.kb-key{flex:0 0 auto;font:inherit;font-size:.95rem;color:var(--fg);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--dim) 55%,transparent);border-radius:6px;padding:.35rem .7rem;min-width:2.4rem;min-height:2.4rem;cursor:pointer;touch-action:manipulation;transition:background .1s ease,border-color .1s ease}.kb-key.subtle{color:var(--dim)}.kb-key:hover,.kb-key:focus-visible{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);outline:none}.kb-key:active{background:color-mix(in srgb,var(--accent) 32%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.kb-sep{flex:0 0 auto;align-self:stretch;width:1px;margin:.4rem .15rem;background:color-mix(in srgb,var(--dim) 45%,transparent)}.ed-hint{flex:0 0 auto;opacity:.85}@keyframes blink{50%{background:transparent;color:inherit}}.g2048{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.g2048-title{color:var(--accent);font-size:1.1rem}.g2048-board{display:grid;grid-template-columns:repeat(4,3.2rem);grid-template-rows:repeat(4,3.2rem);gap:.4rem}.g2048-cell{display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:1.1rem;background:#7cf27c0f;color:var(--fg)}.g2048-empty{background:#7cf27c0a}.g2048-2,.g2048-4{background:#7cf27c24}.g2048-8,.g2048-16{background:#7cf27c3d;color:var(--bg)}.g2048-32,.g2048-64,.g2048-128,.g2048-256,.g2048-512,.g2048-1024,.g2048-2048{background:var(--accent);color:var(--bg)}.g2048-status{color:var(--dim);font-size:.85rem}.g2048-pad{display:none}.draw{padding:1rem}.draw-title{color:var(--accent);margin-bottom:.5rem}.draw-board{margin:0;line-height:1.1}.draw-cell{color:var(--dim)}.draw-cursor{background:var(--accent);color:var(--bg)}.draw-status{color:var(--dim);font-size:.85rem;margin-top:.5rem}.sl{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.sl-board{margin:0;line-height:1.1;white-space:pre;color:var(--accent);font-size:clamp(7px,1.6vw,13px)}.cm{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;overflow:hidden;background:var(--bg)}.cm-board{margin:0;line-height:1.05;white-space:pre;color:var(--accent);text-shadow:0 0 6px var(--accent);font-size:clamp(9px,2.2vw,15px)}.tutor{padding:1rem 1.25rem;max-width:68ch;width:100%}.tutor-title{color:var(--accent);font-weight:600;margin-bottom:.75rem}.tutor-body{color:var(--fg);line-height:1.5;margin-bottom:.75rem}.tutor-feedback{min-height:1.4em;margin-bottom:.75rem}.tutor-feedback.ok{color:var(--accent)}.tutor-feedback.hint{color:var(--dim)}.tutor-prompt{color:var(--fg);white-space:pre-wrap;word-break:break-word}.life{display:flex;flex-direction:column;align-items:center;width:100%;padding:.5rem}.life-board{margin:0;line-height:1;white-space:pre;color:var(--accent);font-size:clamp(8px,2.2vw,14px)}.life-status{color:var(--dim);text-align:center;margin-top:.5rem;font-size:.85rem}.tetris{display:flex;flex-direction:column;align-items:center;width:100%;padding:.5rem}.tetris-board{margin:0;line-height:1;white-space:pre;color:var(--accent);font-size:clamp(10px,3vw,18px)}.tetris-status{color:var(--dim);text-align:center;margin-top:.5rem;font-size:.8rem;max-width:40ch}.tetris-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;width:min(280px,80vw);margin-top:.5rem}.tetris-key{font:inherit;font-size:1.2rem;color:var(--fg);background:#7cf27c14;border:1px solid var(--dim);border-radius:6px;padding:.6rem 0;cursor:pointer;min-height:3rem;touch-action:manipulation}.tetris-key:hover,.tetris-key:focus-visible{background:#7cf27c2e;outline:none}.tetris-key:active{background:#7cf27c52}.qr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem}.qr-code{margin:0;line-height:1;letter-spacing:0;white-space:pre;color:var(--fg);font-size:clamp(6px,1.8vw,12px)}.qr-caption{color:var(--dim);text-align:center;margin-top:.75rem;font-size:.85rem;word-break:break-all;max-width:60ch}.pyrepl{display:flex;flex-direction:column;width:100%;height:100%;padding:.5rem .75rem;box-sizing:border-box}.pyrepl-out{flex:1 1 auto;margin:0;overflow-y:auto;white-space:pre-wrap;word-break:break-word;color:var(--fg);line-height:1.35}.pyrepl-prompt{flex:0 0 auto;padding-top:.35rem;color:var(--accent);white-space:pre-wrap;word-break:break-word}.crt #screen{text-shadow:0 0 1px currentColor,0 0 4px color-mix(in srgb,currentColor 65%,transparent),0 0 12px color-mix(in srgb,currentColor 28%,transparent)}.crt #screen:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(90deg,#ff00000d 0,#00ff000d 1px,#0000ff0d,#0000 3px)}.crt #screen:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;border-radius:8px;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 7vw 1.5vw #00000080}@media (prefers-reduced-motion: no-preference){.crt #screen:after{animation:crt-breathe 4s ease-in-out infinite}}@keyframes crt-breathe{0%,to{opacity:1}50%{opacity:.965}}.crt .kb-key{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 75%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);text-shadow:0 0 6px currentColor;box-shadow:0 0 11px color-mix(in srgb,var(--accent) 42%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 16%,transparent)}.wd{height:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.5rem;overflow-y:auto}.wd-title{align-self:stretch;background:var(--accent);color:var(--bg);font-weight:600;padding:.15rem .5rem}.wd-grid{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.wd-row{display:flex;gap:.35rem}.wd-tile{width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;border:2px solid color-mix(in srgb,var(--dim) 50%,transparent);color:var(--fg);border-radius:4px;text-transform:uppercase}.wd-tile.filled{border-color:var(--dim)}.wd-tile.correct{background:var(--accent);border-color:var(--accent);color:var(--bg)}.wd-tile.present{background:#c9a227;border-color:#c9a227;color:#0b0f0a}.wd-tile.absent{background:color-mix(in srgb,var(--dim) 30%,transparent);border-color:transparent;color:var(--bg)}.wd-status{color:var(--dim);min-height:1.2em}.wd-keys{display:flex;flex-direction:column;gap:.25rem;margin-top:auto;padding-bottom:.5rem}.wd-krow{display:flex;justify-content:center;gap:.2rem}.wd-key{min-width:1.4rem;padding:.25rem .35rem;text-align:center;border-radius:3px;background:color-mix(in srgb,var(--dim) 22%,transparent);color:var(--fg);font-size:.85rem}.wd-key.correct{background:var(--accent);color:var(--bg)}.wd-key.present{background:#c9a227;color:#0b0f0a}.wd-key.absent{background:color-mix(in srgb,var(--dim) 20%,transparent);color:var(--dim)}.pn{height:100%;display:flex;flex-direction:column;gap:.75rem}.pn-title{background:var(--accent);color:var(--bg);font-weight:600;padding:.15rem .5rem}.pn-board{position:relative;flex:1 1 auto;max-height:16rem;margin:0 .5rem}.pn-whites{display:flex;height:100%;gap:2px}.pn-white{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.5rem;font:inherit;color:var(--dim);background:color-mix(in srgb,var(--fg) 90%,var(--bg));border:1px solid var(--bg);border-radius:0 0 5px 5px;cursor:pointer}.pn-white.active{background:var(--accent);color:var(--bg)}.pn-black{position:absolute;top:0;transform:translate(-50%);width:9%;height:60%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.35rem;font:inherit;font-size:.8rem;color:color-mix(in srgb,var(--fg) 70%,transparent);background:#10160f;border:1px solid var(--bg);border-radius:0 0 4px 4px;cursor:pointer}.pn-black.active{background:var(--accent);color:var(--bg)}.pn-status{color:var(--dim);padding:0 .5rem .5rem}.ms{height:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.5rem;overflow:auto}.ms-title{align-self:stretch;background:var(--accent);color:var(--bg);font-weight:600;padding:.15rem .5rem}.ms-status{color:var(--dim);min-height:1.2em}.ms-grid{display:flex;flex-direction:column;gap:2px;margin-top:.3rem}.ms-row{display:flex;gap:2px}.ms-cell{width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:1px solid color-mix(in srgb,var(--dim) 40%,transparent);border-radius:3px;color:var(--fg);background:color-mix(in srgb,var(--dim) 22%,transparent)}.ms-cell.open{background:color-mix(in srgb,var(--bg) 80%,transparent);border-color:color-mix(in srgb,var(--dim) 25%,transparent)}.ms-cell.flag{color:#c9a227}.ms-cell.mine{background:#b3402f;border-color:#b3402f;color:var(--bg)}.ms-cell.cursor{outline:2px solid var(--accent);outline-offset:-1px}.ms-cell.n1{color:#6ea8ff}.ms-cell.n2{color:#7cf27c}.ms-cell.n3{color:#ff7a7a}.ms-cell.n4{color:#c69bff}.ms-cell.n5{color:#e0a35e}.ms-cell.n6{color:#5ad6d6}.ms-cell.n7{color:var(--fg)}.ms-cell.n8{color:var(--dim)}.mcp-connect{max-width:40rem;margin:0 auto;padding:2rem 1.25rem;color:var(--fg);line-height:1.6;font-size:1rem}.mcp-connect .prompt{color:var(--accent);margin:0 0 1.25rem}.mcp-connect .prompt b{color:var(--fg);font-weight:600}.mcp-connect code{color:var(--accent)}.mcp-connect .dim{color:var(--dim)}.mcp-connect .err{color:#ff7a7a}.mcp-connect .readline{display:block;margin-top:1.5rem;white-space:pre-wrap;word-break:break-all;cursor:text}.mcp-connect .field{position:relative;display:inline-block;min-width:12rem}.mcp-connect .mask{pointer-events:none}.mcp-connect .cursor{color:var(--fg);animation:mcp-blink 1.1s steps(1) infinite}.mcp-connect input.real{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:transparent;font:inherit}.mcp-connect input.real:focus{outline:none}.mcp-connect .offscreen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}@keyframes mcp-blink{50%{opacity:0}}