@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}#canvas-container,#canvas-container canvas{touch-action:auto!important}:root{--app-bg-color: #405153;--dark-bg: #405153;--darker-bg: #0f1012;--text-color: #789922;--border-color: #d9bfb7;--terminal-bg: #1d1f21;--chan-strip-height: 180px;--chan-strip-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='180'%3E%3Ctext x='2' y='14' font-family='monospace' font-size='11' fill='%23000'%3EDEGEN • WOJAK • AI AGENTS • CONTENT FACTORY • ADULT SWIM%3C/text%3E%3Ctext x='2' y='28' font-family='monospace' font-size='11' fill='%23789922'%3E%3E be me • %3E wojaks • %3E comics 24/7 • %3E shorts 24/7 • %3E kek%3C/text%3E%3Ctext x='2' y='42' font-family='monospace' font-size='11' fill='%23000'%3EAUTONOMOUS • TYPESCRIPT • THREE.JS • WEBSOCKETS%3C/text%3E%3Ctext x='2' y='56' font-family='monospace' font-size='11' fill='%23789922'%3E%3E mfw it works • %3E profit • %3E ngmi • %3E wagmi%3C/text%3E%3Ctext x='2' y='70' font-family='monospace' font-size='11' fill='%23000'%3ECOMIC GENERATOR • SCENE BUILDER • PANEL LAYOUT%3C/text%3E%3Ctext x='2' y='84' font-family='monospace' font-size='11' fill='%23789922'%3E%3E wojak things • %3E based • %3E touch grass%3C/text%3E%3Ctext x='2' y='98' font-family='monospace' font-size='11' fill='%23000'%3ECRT EFFECTS • SCANLINES • BLOOM • PROCESSING%3C/text%3E%3Ctext x='2' y='112' font-family='monospace' font-size='11' fill='%23789922'%3E%3E makes memes • %3E leaves • %3E gigachad%3C/text%3E%3Ctext x='2' y='126' font-family='monospace' font-size='11' fill='%23000'%3EPROCEDURAL • RANDOM • DYNAMIC • INFINITE%3C/text%3E%3Ctext x='2' y='140' font-family='monospace' font-size='11' fill='%23789922'%3E%3E this is fine • %3E totally normal • %3E why live%3C/text%3E%3Ctext x='2' y='154' font-family='monospace' font-size='11' fill='%23000'%3EPERFORMANCE • FPS • MEMORY • OPTIMIZATION%3C/text%3E%3Ctext x='2' y='168' font-family='monospace' font-size='11' fill='%23789922'%3E%3E bugs everywhere • %3E fix one • %3E ten more%3C/text%3E%3C/svg%3E")}body{font-family:Courier New,monospace;background:#163337;color:var(--text-color);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(100% 80% at 50% 20%,#0000 60%,#00000040);mix-blend-mode:multiply}#app{position:relative;display:flex;flex-direction:row;width:100%;flex:0 0 auto;overflow:hidden}.threejs-container{flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;position:relative;background:#163337;border:none}.threejs-container:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:1}.page-header:before,.threejs-container:before,#dialog-container:before,body:before{content:"";inset:0;height:auto;background-image:var(--chan-strip-image);background-repeat:repeat;background-size:auto var(--chan-strip-height);opacity:.06;pointer-events:none;z-index:0;contain:layout style paint}.page-header:before,.threejs-container:before,#dialog-container:before{position:absolute}body:before{position:fixed}.canvas-wrapper{position:relative;z-index:2;width:min(85vw,100vh);height:min(50vw,60vh);margin-top:0;margin-bottom:0;border:2px solid #7799223d;box-shadow:inset 0 0 0 1px #282a2e;border-top:none;background:#1d1f21;box-sizing:border-box;display:flex;flex-direction:column}.canvas-wrapper *{box-sizing:border-box}.canvas-wrapper:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:1}.canvas-header{position:relative;padding:2px 10px;border-bottom:1px solid #282a2e;background:#0f1012;display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.canvas-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:-1}.canvas-header-title{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.canvas-header-board{font-size:11pt;font-weight:700;color:#cc1105;text-shadow:0 0 8px rgba(204,17,5,.5)}.canvas-header-subtitle{font-size:10pt;color:#789922;text-shadow:0 0 6px rgba(120,153,34,.4)}.canvas-header-icon{color:#789922;font-size:12pt;font-family:monospace;position:relative;z-index:1;opacity:.7}#canvas-container{width:100%;flex:1 1 auto;height:auto;position:relative;border:0px solid var(--border-color);overflow:hidden;margin-top:0;padding-top:0;background:transparent;box-shadow:none;z-index:2;box-sizing:border-box}canvas{display:block;width:100%;height:100%;position:relative;z-index:2}#loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d1f21;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}#loading:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:1}.loading-text{font-size:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(.5rem,2vh,1rem);color:#789922;text-shadow:none;font-weight:700;font-family:Courier New,monospace;position:relative;z-index:2}.loading-subtitle{font-size:clamp(.7rem,2vw,.9rem);color:#789922;margin-bottom:clamp(.5rem,2vh,1rem);font-family:Courier New,monospace;position:relative;z-index:2}.loading-percentage{font-family:Courier New,monospace;font-size:clamp(1.5rem,5vw,3rem);color:#789922;text-shadow:none;margin-bottom:clamp(.5rem,2vh,1rem);font-weight:700;letter-spacing:.05em;position:relative;z-index:2}.loading-progress{width:clamp(200px,60vw,400px);height:clamp(4px,.8vh,8px);background:#282a2e;border:2px solid #789922;position:relative;overflow:hidden;margin-bottom:clamp(.5rem,2vh,1rem);z-index:2}.loading-bar{height:100%;background:#789922;width:100%;transition:width .3s ease}.page-header{position:relative;width:100%;display:flex!important;justify-content:center;align-items:flex-start;padding:0;background:#163337;border:none;box-shadow:none;min-height:min(100px,12vh);visibility:visible!important;opacity:1!important}.page-header:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:0}.ascii-container{position:relative;z-index:2;background:transparent;border:2px solid #7799223d;border-bottom:none;padding:0;box-shadow:inset 0 0 0 1px #282a2e;font-family:Consolas,Monaco,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;color:#789922;font-size:10pt;width:min(85vw,100vh);margin:10px auto 0;contain:layout style;box-sizing:border-box;display:block!important;visibility:visible!important;opacity:1!important;height:auto!important}.ascii-container *{box-sizing:border-box}.ascii-container canvas{position:relative;z-index:3;margin-top:0;width:100%;height:100%;image-rendering:crisp-edges}.ascii-container:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:1}.ticker-tape{position:relative;flex-shrink:0;margin:0 -2px -2px;height:24px;background:#b42400e1;border-top:2px solid #789922;border-left:2px solid #7799223d;border-right:2px solid #7799223d;border-bottom:2px solid #7799223d;overflow:hidden;z-index:10;display:block!important;visibility:visible!important;opacity:1!important}#ticker-content{position:absolute;white-space:nowrap;color:#fff;font-family:Courier New,monospace;font-size:12px;line-height:24px;padding:0 20px;will-change:transform;text-shadow:0 0 3px rgba(120,153,34,.5);display:block!important;visibility:visible!important}.header-status-bar{position:relative;flex-shrink:0;height:28px;background:#0f1012;border-bottom:1px solid #282a2e;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:clamp(8px,1vw,11px);color:#789922;font-family:Courier New,monospace;z-index:10;gap:clamp(8px,1.5vw,15px)}.header-status-bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:-1}.header-status-item{display:flex;align-items:center;gap:clamp(3px,.5vw,6px);white-space:nowrap}.header-status-label{color:#789922;font-weight:700;font-size:clamp(8px,1vw,11px)}.header-status-value{color:#789922;font-size:clamp(8px,1vw,11px)}.header-status-btn{background:#282a2e;border:1px solid #373b41;color:#c5c8c6;padding:2px 8px;cursor:pointer;font-family:arial,helvetica,sans-serif;font-size:9pt;transition:background .2s ease;white-space:nowrap}.header-status-btn:hover{background:#373b41}.header-status-btn .header-status-label,#header-current-style{color:#c5c8c6}.project-info-panel{background:#1d1f21;border:1px solid #282a2e;border-bottom:none;font-family:Consolas,Monaco,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;color:#789922;overflow:hidden;font-size:10pt;contain:layout style;will-change:max-height;width:100%;box-sizing:border-box}.project-info-panel *{box-sizing:border-box}.project-info-panel .info-content::-webkit-scrollbar{width:8px}.project-info-panel .info-content::-webkit-scrollbar-track{background:#1d1f21;border-left:1px solid #282a2e}.project-info-panel .info-content::-webkit-scrollbar-thumb{background:#373b41;border-radius:0}.project-info-panel .info-content::-webkit-scrollbar-thumb:hover{background:#789922}.project-info-panel .info-content{scrollbar-width:thin;scrollbar-color:#373b41 #1d1f21}#dialog-container{width:100%;min-height:300px;background:#163337;position:relative;border:none;box-shadow:none;display:flex;justify-content:center;align-items:stretch;padding:0;margin-top:0}#dialog-container:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,153,34,.03) 2px,rgba(120,153,34,.03) 4px);pointer-events:none;z-index:1}.dialog-wrapper{position:relative;z-index:2;width:min(85vw,100vh);height:100%;display:flex;flex-direction:column;overflow:hidden;border:2px solid #7799223d;box-shadow:inset 0 0 0 1px #282a2e;border-top:none;box-sizing:border-box}.dialog-wrapper *{box-sizing:border-box}@media(max-width:768px){.header-status-bar{gap:4px;padding:0 6px;font-size:10px}.header-status-item{gap:2px}.header-status-label{font-size:9px!important}.header-status-btn{padding:2px 4px;font-size:8px!important}#ca-address{font-size:11px!important}#app,.threejs-container{flex:0 0 auto}.canvas-wrapper{margin-bottom:0}#dialog-container{margin-top:0}.dialog-wrapper{overflow:hidden}}@media(max-width:600px){.canvas-wrapper{width:92vw;height:auto;aspect-ratio:3 / 4}#canvas-container{height:100%}.ascii-container,.dialog-wrapper{width:92vw}}:root{--primary-green: #00ff41;--greentext: #789922;--scrollbar-thumb: #789922;--scrollbar-thumb-hover: #8fc03a;--scrollbar-thumb-active: #9fd64c;--scrollbar-track: #1d1f21;--dark-bg: #1a1a2e;--darker-bg: #1a1a2e;--accent-purple: #8b5cf6;--warning-red: #ef4444;--meme-yellow: #fbbf24;--font-mono: "Courier Prime", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--glow-primary: 0 0 10px var(--primary-green);--glow-accent: 0 0 15px var(--accent-purple);--border-glow: 1px solid var(--primary-green)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{font-family:var(--font-mono);background:#163337;color:var(--primary-green);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:1px solid #4f5d3a}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:1px solid #4f5d3a}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}.glitch-text{position:relative;color:var(--primary-green);text-shadow:var(--glow-primary)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:var(--warning-red);z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:var(--accent-purple);z-index:-2}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-2px,2px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(2px,-2px)}}.wojak-button{background:transparent;border:var(--border-glow);color:var(--primary-green);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.wojak-button:hover{background:var(--primary-green);color:var(--dark-bg);box-shadow:var(--glow-primary);transform:translateY(-2px)}.wojak-button:active{transform:translateY(0)}.scanlines:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#00ff4108 50%);background-size:100% 4px;pointer-events:none;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.meme-notification{position:fixed;top:var(--space-lg);right:var(--space-lg);background:#000000e6;border:var(--border-glow);padding:var(--space-md);font-size:var(--font-size-sm);max-width:300px;z-index:9999;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.emotion-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:var(--space-xs)}.emotion-idle{background:var(--primary-green)}.emotion-excited{background:var(--meme-yellow);animation:pulse 1s infinite}.emotion-frustrated{background:var(--warning-red)}.emotion-chaotic{background:var(--accent-purple);animation:spin 2s linear infinite}.emotion-focused{background:#3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adult-swim-loader{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top:2px solid var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){:root{--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem}.status-bar{font-size:var(--font-size-xs)!important;padding:var(--space-xs) var(--space-sm)!important}}.text-center{text-align:center}.text-glow{text-shadow:var(--glow-primary)}.border-glow{border:var(--border-glow)}.bg-dark{background:var(--dark-bg)}.bg-darker{background:var(--darker-bg)}.text-green{color:var(--primary-green)}.text-purple{color:var(--accent-purple)}.text-yellow{color:var(--meme-yellow)}.text-red{color:var(--warning-red)}