@import "https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";@font-face{font-family:silkscreen;src:url(/font/slkscr.ttf)}:root{--bg-color:silver;--text-color:#000;--border-light:#fff;--border-dark:gray;--panel-bg:#e0e0e0;--link-color:#00e;--header-bg:navy;--header-text:#fff}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjYMAAAgAAEQABiE0wEwAAAABJRU5ErkJggg==);margin:0;padding:0;font-family:Courier Prime,Courier,monospace;font-size:14px}a{color:var(--link-color);text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:silkscreen,Courier Prime,monospace}.retro-panel{background-color:var(--bg-color);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);margin-bottom:1rem;padding:1rem}.retro-button{background-color:var(--bg-color);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);cursor:pointer;color:#000;text-align:center;padding:4px 8px;font-family:silkscreen,Courier Prime,monospace;font-size:10px}.retro-button:active,.retro-button.active{border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);background-color:#a0a0a0}.retro-button.accent{background-color:var(--header-bg);color:var(--header-text)}.retro-button.accent:active{background-color:#000040}.retro-input{border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);background-color:#fff;padding:4px;font-family:silkscreen,Courier Prime,monospace;font-size:12px}.retro-header{background-color:var(--header-bg);color:var(--header-text);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);z-index:1000;justify-content:space-between;align-items:center;padding:10px;display:flex;position:sticky;top:0}.retro-header h1{margin:0;font-size:24px}.modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notepad-modal{background-color:var(--bg-color);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;box-shadow:4px 4px 10px #000c}.notepad-titlebar{background-color:var(--header-bg);color:var(--header-text);justify-content:space-between;align-items:center;padding:4px 8px;font-family:silkscreen,Courier Prime,monospace;font-size:14px;display:flex}.notepad-close{background-color:var(--bg-color);color:#000;border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);cursor:pointer;padding:0 4px;font-family:silkscreen,Courier Prime,monospace;font-weight:700}.notepad-close:active{border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light)}.notepad-menubar{border-bottom:1px solid var(--border-dark);gap:15px;padding:2px 8px;display:flex}.notepad-menubar span{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:-2px;cursor:default;text-decoration:underline}.notepad-menubar span:first-letter{text-decoration:underline}.notepad-content{border:2px inset var(--border-dark);background-color:#fff;flex-grow:1;margin:4px;padding:10px;overflow-y:auto}@keyframes dialupLoad{0%{clip-path:inset(0 0 100%);filter:grayscale(80%)contrast(.8)}50%{filter:grayscale(40%)contrast(.9)}to{clip-path:inset(0);filter:grayscale(0%)contrast()}}.badge-loading-anim{animation:.5s steps(4,end) both dialupLoad}@keyframes terminal-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{animation:1s step-end infinite terminal-cursor-blink}