@font-face{font-family:Iosevka Term Extended;src:url(../fonts/IosevkaTerm-Extended.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Iosevka Term Extended;src:url(../fonts/IosevkaTerm-ExtendedItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Iosevka Term Extended;src:url(../fonts/IosevkaTerm-ExtendedBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #0a0a0a;--color-primary: #00ff41;--color-secondary: #ff6b35;--color-accent: #00d4ff;--color-text: #e0e0e0;--color-text-dim: #808080;--color-window-bg: #1a1a1a;--color-window-border: #333333;--color-window-header: #252525;--font-display: "Iosevka Term Extended", "Iosevka Term", "Iosevka", monospace;--font-body: "Iosevka Term Extended", "Iosevka Term", "Iosevka", monospace;--scanline-opacity: .08;--noise-opacity: .03;--crt-curvature: .02}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}#app{width:100%;height:100%;position:relative}#scene-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#ui-overlay>*{pointer-events:auto}.screen-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.screen-pane{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;border-radius:16px;background:#0a0a0ab3;box-shadow:inset 0 0 30px #0009,inset 0 0 60px #00000059,0 0 20px #0006;pointer-events:auto}#screen-ui-hidden{position:fixed;left:-9999px;top:0;pointer-events:none;visibility:visible;z-index:-1}#screen-ui-hidden .screen-ui-content{background:radial-gradient(circle at 20% 15%,rgba(0,255,65,.08),transparent 45%),radial-gradient(circle at 80% 80%,rgba(0,212,255,.06),transparent 55%),linear-gradient(180deg,#0c0c0cfa,#060606f2);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #0009,inset 0 0 90px #00000059}#screen-ui-hidden .screen-ui-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 32px);opacity:.25;pointer-events:none}#screen-ui-hidden .screen-ui-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0000 35%,#00000073);pointer-events:none;opacity:.7}#screen-ui-hidden .retro-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.desktop-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;font-family:var(--font-body)}.desktop-bar{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#e0e0e0b3;text-transform:lowercase}.desktop-title{color:var(--color-primary);letter-spacing:1px}.desktop-windows{color:#e0e0e0b3}.screen-pane:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 2px,transparent 4px);opacity:.5;z-index:1;pointer-events:none}.screen-pane>*{position:relative;z-index:2}.screen-ui .retro-window{box-shadow:0 0 0 1px #0006,3px 3px #0006}#noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:noiseAnimation .5s steps(10) infinite}@keyframes noiseAnimation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.retro-window{background:var(--color-window-bg);border:2px solid var(--color-window-border);box-shadow:0 0 0 1px var(--color-bg),4px 4px #00000080,inset 0 0 20px #0000004d;position:relative}.retro-window.is-active{border-color:#00ff4199;box-shadow:0 0 0 1px #00ff4140,4px 4px #00000080,inset 0 0 20px #0000004d}.retro-window.is-dragging{box-shadow:0 0 0 1px #00ff4166,6px 6px #0006,inset 0 0 20px #0003}.retro-window.is-maximized{border-radius:0}.retro-window-header{background:var(--color-window-header);border-bottom:2px solid var(--color-window-border);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:move;-webkit-user-select:none;user-select:none}.retro-window-title{font-family:var(--font-display);font-size:10px;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.retro-window-controls{display:flex;gap:8px}.retro-window-btn{width:12px;height:12px;border:1px solid currentColor;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--color-text-dim);transition:color .2s}.retro-window-btn:hover,.retro-window-btn.is-hovered{color:var(--color-primary)}.retro-window-btn.close:hover,.retro-window-btn.close.is-hovered{color:var(--color-secondary)}.retro-window-content{padding:16px;max-height:calc(100% - 40px);overflow-y:auto}.retro-window-content::-webkit-scrollbar{width:8px}.retro-window-content::-webkit-scrollbar-track{background:var(--color-window-border)}.retro-window-content::-webkit-scrollbar-thumb{background:var(--color-text-dim);border:1px solid var(--color-window-border)}.retro-window-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.tag{display:inline-block;padding:2px 8px;font-family:var(--font-body);font-size:14px;background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);margin:2px;cursor:pointer;transition:all .2s}.tag:hover,.tag.is-hovered,.tag.active{background:var(--color-accent);color:var(--color-bg)}.search-input{width:100%;padding:8px 12px;font-family:var(--font-body);font-size:18px;background:var(--color-bg);border:2px solid var(--color-window-border);color:var(--color-text);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--color-primary)}.search-input::placeholder{color:var(--color-text-dim)}.retro-btn{font-family:var(--font-display);font-size:10px;padding:10px 20px;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.retro-btn:hover,.retro-btn.is-hovered{background:var(--color-primary);color:var(--color-bg);box-shadow:0 0 10px var(--color-primary)}.retro-btn.secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.retro-btn.secondary:hover,.retro-btn.secondary.is-hovered{background:var(--color-secondary);color:var(--color-bg);box-shadow:0 0 10px var(--color-secondary)}.retro-link{color:var(--color-accent);text-decoration:none;border-bottom:1px dashed var(--color-accent);transition:all .2s}.retro-link:hover,.retro-link.is-hovered{color:var(--color-primary);border-color:var(--color-primary)}body{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><rect x="0" y="0" width="2" height="2" fill="%2300ff41"/><rect x="2" y="2" width="2" height="2" fill="%2300ff41"/><rect x="4" y="4" width="2" height="2" fill="%2300ff41"/><rect x="6" y="6" width="2" height="2" fill="%2300ff41"/><rect x="8" y="8" width="2" height="2" fill="%2300ff41"/><rect x="2" y="4" width="2" height="2" fill="%2300ff41"/><rect x="2" y="6" width="2" height="2" fill="%2300ff41"/><rect x="4" y="8" width="2" height="2" fill="%2300ff41"/><rect x="6" y="10" width="2" height="2" fill="%2300ff41"/></svg>') 0 0,auto}a,button,.retro-window-btn,.tag{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><rect x="6" y="0" width="4" height="4" fill="%2300ff41"/><rect x="4" y="4" width="2" height="2" fill="%2300ff41"/><rect x="10" y="4" width="2" height="2" fill="%2300ff41"/><rect x="2" y="6" width="2" height="2" fill="%2300ff41"/><rect x="12" y="6" width="2" height="2" fill="%2300ff41"/><rect x="0" y="8" width="16" height="2" fill="%2300ff41"/><rect x="2" y="10" width="2" height="2" fill="%2300ff41"/><rect x="12" y="10" width="2" height="2" fill="%2300ff41"/><rect x="4" y="12" width="2" height="2" fill="%2300ff41"/><rect x="10" y="12" width="2" height="2" fill="%2300ff41"/><rect x="6" y="14" width="4" height="2" fill="%2300ff41"/></svg>') 8 8,pointer}#screen-ui-hidden .screen-ui-content.no-vignette:after{display:none}