*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0c0c0c;--green: #00ff41;--green-dim: rgba(0, 255, 65, .4);--green-glow: rgba(0, 255, 65, .15);--grid-line: #1a1a1a;--grid-dot: #222222;--orange: #ff6600;--orange-dim: rgba(255, 102, 0, .5);--muted: #666666;--text-dim: #444444;--white: #cccccc;--cell: 1ch;--scanline: rgba(0, 0, 0, .4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--bg);color:var(--green);min-height:100vh;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,var(--scanline) 1px,var(--scanline) 2px);pointer-events:none;z-index:1000;opacity:.3}.glow{text-shadow:0 0 4px var(--green-glow),0 0 8px var(--green-glow)}.glow-strong{text-shadow:0 0 6px var(--green-dim),0 0 12px var(--green-glow),0 0 20px rgba(0,255,65,.08)}.header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--grid-line);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.header h1{font-size:.875rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.header .back{font-size:.75rem;color:var(--muted);text-decoration:none}.header .back:hover{color:var(--green)}.nav{display:flex;gap:0;padding:0 2rem;border-bottom:1px solid var(--grid-line);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav button{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-family:inherit;font-size:.75rem;padding:.75rem 1rem;cursor:pointer;white-space:nowrap;letter-spacing:.05em;transition:color .2s,border-color .2s}.nav button:hover{color:var(--green-dim)}.nav button.active{color:var(--green);border-bottom-color:var(--green)}.nav button .key{color:var(--orange);margin-right:.25rem;font-size:.75rem}.section{display:none;padding:2rem;min-height:calc(100vh - 10rem)}.section.active{display:block}.section-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.grid-canvas{position:relative;display:grid;grid-template-columns:repeat(60,1ch);grid-template-rows:repeat(24,1.4em);font-size:clamp(.6rem,1.5vw,.85rem);line-height:1.4;gap:0;max-width:100%;overflow-x:auto}.grid-canvas .grid-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(60,1ch);grid-template-rows:repeat(24,1.4em);pointer-events:none;z-index:0}.grid-canvas .grid-bg .dot{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);opacity:.3}.grid-word{position:absolute;white-space:pre;z-index:1;letter-spacing:0}.grid-coord{position:absolute;font-size:.75rem;color:var(--text-dim);z-index:0;white-space:pre;line-height:1}.dissolve-container{display:flex;flex-direction:column;align-items:center;gap:3rem}.dissolve-phrase{font-size:clamp(1.5rem,5vw,3rem);letter-spacing:.1em;cursor:pointer;user-select:none;position:relative;min-height:4rem}.dissolve-phrase .hint{display:block;font-size:.75rem;color:var(--text-dim);text-align:center;margin-top:1rem;letter-spacing:.15em}.pixel-letter{display:inline-block;position:relative}.pixel-grid-container{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;min-height:200px}.pixel-char{display:grid;grid-template-columns:repeat(5,var(--px-size, 8px));grid-template-rows:repeat(7,var(--px-size, 8px));gap:1px}.pixel-char .px{width:var(--px-size, 8px);height:var(--px-size, 8px);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.pixel-char .px.on{background:var(--green);box-shadow:0 0 3px var(--green-glow)}.pixel-char .px.off{background:var(--grid-line)}.pixel-char.dissolved .px.on{transform:translate(calc((var(--rx, 0) - .5) * 120px),calc((var(--ry, 0) - .5) * 120px));opacity:.3}.dissolve-controls{display:flex;gap:1rem;justify-content:center}.dissolve-controls button{background:none;border:1px solid var(--grid-line);color:var(--muted);font-family:inherit;font-size:.75rem;padding:.4rem 1rem;cursor:pointer;letter-spacing:.1em;transition:color .2s,border-color .2s}.dissolve-controls button:hover{color:var(--green);border-color:var(--green-dim)}.terminal{max-width:640px;margin:0 auto}.terminal-line{margin-bottom:.5em;min-height:1.4em;opacity:0;color:var(--green)}.terminal-line.visible{opacity:1}.terminal-line .cursor-char{display:inline-block;width:1ch;background:var(--green);color:var(--bg);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.terminal-prompt{margin-top:3rem;border-top:1px solid var(--grid-line);padding-top:1.5rem}.terminal-prompt label{display:block;font-size:.75rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:.75rem}.terminal-input-row{display:flex;align-items:center;gap:.5ch}.terminal-input-row .prompt-char{color:var(--orange)}.terminal-input-row input{flex:1;background:none;border:none;color:var(--green);font-family:inherit;font-size:1rem;outline:none;caret-color:var(--green)}.user-render{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1px;font-size:1rem;line-height:1;min-height:0;width:fit-content;max-width:100%}.user-render:not(:empty){background:var(--grid-line);padding:1px}.user-render .char-cell{width:2ch;height:2em;display:flex;align-items:center;justify-content:center;color:var(--green);background:var(--bg);position:relative;flex-shrink:0}.user-render .char-cell.space-cell{color:transparent}.user-render .char-cell.space-cell:before{content:"·";color:var(--text-dim);position:absolute}.depth-container{max-width:640px;margin:0 auto}.depth-display{font-size:clamp(1.2rem,4vw,2rem);line-height:1.8;margin-bottom:2rem;transition:filter .3s}.depth-controls{display:flex;gap:0;border:1px solid var(--grid-line);width:fit-content;margin:0 auto 2rem}.depth-controls button{background:none;border:none;border-right:1px solid var(--grid-line);color:var(--muted);font-family:inherit;font-size:.75rem;padding:.5rem 1rem;cursor:pointer;letter-spacing:.05em;transition:all .2s}.depth-controls button:last-child{border-right:none}.depth-controls button.active{background:var(--green);color:var(--bg)}.depth-controls button:hover:not(.active){color:var(--green)}.depth-info{text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.1em}.depth-display[data-depth="1"]{color:#fff;text-shadow:none}.depth-display[data-depth="2"] .word:nth-child(4n+1){color:#00ff41}.depth-display[data-depth="2"] .word:nth-child(4n+2){color:#00aa2a}.depth-display[data-depth="2"] .word:nth-child(4n+3){color:#005516}.depth-display[data-depth="2"] .word:nth-child(4n){color:#030}.depth-display[data-depth="4"] .word:nth-child(8n+1){color:#00ff41}.depth-display[data-depth="4"] .word:nth-child(8n+2){color:#f60}.depth-display[data-depth="4"] .word:nth-child(8n+3){color:#0af}.depth-display[data-depth="4"] .word:nth-child(8n+4){color:#f06}.depth-display[data-depth="4"] .word:nth-child(8n+5){color:#fc0}.depth-display[data-depth="4"] .word:nth-child(8n+6){color:#6f6}.depth-display[data-depth="4"] .word:nth-child(8n+7){color:#c6f}.depth-display[data-depth="4"] .word:nth-child(8n){color:#fff}.depth-display[data-depth="8"] .word{text-shadow:0 0 6px currentColor}.garden{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.glyph-card{position:relative;cursor:crosshair}.glyph-card .glyph-grid{display:grid;grid-template-columns:repeat(5,var(--glyph-px, 10px));grid-template-rows:repeat(7,var(--glyph-px, 10px));gap:1px;transition:transform .3s ease}.glyph-card:hover .glyph-grid{transform:scale(1.05)}.glyph-card .glyph-grid .gx{width:var(--glyph-px, 10px);height:var(--glyph-px, 10px);transition:background .15s}.glyph-card .glyph-grid .gx.on{background:var(--green);box-shadow:0 0 2px var(--green-glow)}.glyph-card .glyph-grid .gx.off{background:var(--grid-line)}.glyph-card .glyph-label{text-align:center;font-size:.75rem;color:var(--text-dim);margin-top:.5rem;letter-spacing:.1em}.glyph-card .glyph-source{position:absolute;top:0;left:calc(100% + .75rem);background:var(--bg);border:1px solid var(--grid-line);padding:.5rem;font-size:.75rem;color:var(--text-dim);white-space:pre;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.glyph-card:hover .glyph-source{opacity:1}.cee-notes{border-top:1px solid var(--grid-line);padding:2rem;margin-top:2rem}.cee-notes .note-header{font-size:.75rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:1rem}.cee-notes p{font-size:.8rem;color:var(--muted);line-height:1.8;max-width:580px}.cee-notes p+p{margin-top:.75em}@media(max-width:768px){.grid-canvas{grid-template-columns:repeat(36,1ch);font-size:.75rem}.grid-canvas .grid-bg{grid-template-columns:repeat(36,1ch)}.glyph-card .glyph-source{display:none}.section{padding:1.5rem 1rem}.header{padding:1rem}.nav{padding:0 1rem}:root{--glyph-px: 8px;--px-size: 6px}}@media(max-width:480px){.grid-canvas{grid-template-columns:repeat(24,1ch);font-size:.75rem}.grid-canvas .grid-bg{grid-template-columns:repeat(24,1ch)}}