@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;top:-40px;left:0;background:navy;color:#fff;padding:8px;text-decoration:none;z-index:1000}.skip-link:focus{top:0}:root{--color-primary: #18181B;--color-secondary: #3F3F46;--color-cta: #EC4899;--color-background: #FAFAFA;--color-text: #09090B;--bg-primary: #E8E8E8;--bg-secondary: #ffffff;--border-light: #dfdfdf;--border-dark: #808080;--border-darkest: #404040;--highlight: var(--color-cta);--text-primary: var(--color-text);--link-blue: var(--color-cta);--visited-purple: var(--color-secondary);--win95-title: var(--color-primary);--win95-bg: var(--bg-primary);--retro-green: #10B981;--retro-pink: var(--color-cta);--retro-cyan: #06B6D4;--retro-yellow: #F59E0B}[data-theme=terminal]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #00ff00;--highlight: #008800;--win95-title: #004400;--border-light: #004400;--border-dark: #003300;font-family:Courier New,monospace!important}[data-theme=terminal] *{border-color:#0f0!important;border-radius:0!important}[data-theme=terminal] .title-bar{background:#020}[data-theme=vaporwave]{--bg-primary: #2d004d;--bg-secondary: #1a0033;--text-primary: #00ffff;--highlight: #ff00ff;--win95-title: linear-gradient(90deg, #ff00ff, #00ffff);--border-light: #ff00ff;--border-dark: #00ffff;background-image:linear-gradient(rgba(255,0,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,255,.1) 1px,transparent 1px);background-size:20px 20px}[data-theme=vaporwave] .app-card,[data-theme=vaporwave] .window{box-shadow:0 0 10px #f0f,inset 0 0 5px #0ff;border:2px solid #ff00ff!important}[data-theme=vaporwave] h1,[data-theme=vaporwave] h2,[data-theme=vaporwave] h3{text-shadow:2px 2px 0 #ff00ff;font-style:italic}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#c0c0c0e6;z-index:1000;display:none;flex-direction:column;align-items:center;justify-content:center}.loading-box{width:300px;background:var(--bg-primary);border:2px outset white;padding:12px}.loading-bar-container{height:20px;background:#fff;border:2px inset white;margin-top:8px;overflow:hidden}.loading-bar-fill{height:100%;background:navy;width:0%}#loading-text{font-size:10px;margin-bottom:4px}body{font-family:VT323,"MS Sans Serif",Segoe UI,monospace;font-size:20px;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}header{background:var(--win95-bg);border-bottom:2px solid var(--border-darkest);padding:0;position:sticky;top:0;z-index:100}.title-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-cta));padding:4px 8px;display:flex;justify-content:space-between;align-items:center}.title-bar h1{font-family:"Press Start 2P",cursive;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.title-bar-icon{width:16px;height:16px;background:linear-gradient(135deg,var(--color-cta),var(--color-secondary));border-radius:2px}.window-controls{display:flex;gap:2px}.win-btn{width:16px;height:14px;background:var(--bg-primary);border:2px outset white;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.win-btn:active{border:2px inset white}.menu-bar{display:flex;gap:4px;padding:4px 8px;border-bottom:1px solid var(--border-dark)}.menu-item{padding:4px 12px;font-size:12px;cursor:pointer}.menu-item:hover{background:var(--highlight);color:#fff}.back-btn{display:none;padding:6px 16px;background:var(--bg-primary);border:2px outset white;font-size:12px;font-weight:700;cursor:pointer;margin:8px}.back-btn:active{border:2px inset white}main{max-width:1000px;margin:20px auto;padding:0 20px}.welcome-banner{background:linear-gradient(90deg,var(--color-primary),var(--color-cta));color:#fff;padding:20px;text-align:center;border:3px outset white;margin-bottom:20px}.welcome-banner h2{font-family:"Press Start 2P",cursive;font-size:20px;text-shadow:3px 3px 0 #000;margin-bottom:8px}.welcome-banner p{font-size:14px;opacity:.9}.marquee-container{background:var(--bg-primary);border:2px inset white;padding:4px;margin:10px 0;overflow:hidden}.marquee{white-space:nowrap;animation:marquee 20s linear infinite;font-size:12px}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.app-card{background:var(--bg-primary);border:2px outset white;padding:12px;cursor:pointer;text-align:center;transition:all .2s ease}.app-card:hover{border:2px inset white;background:#ec48991a}.app-card:hover,.app-card:active{border:2px inset white}.app-icon{width:48px;height:48px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg-secondary);border:2px outset white}.app-card h3{font-family:"Press Start 2P",cursive;font-size:10px;font-weight:700;margin-bottom:4px}.app-card p{font-size:10px;color:var(--highlight)}.app-view{display:none}.app-view.active{display:block}.window{background:var(--bg-primary);border:2px outset white;max-width:500px;margin:0 auto}.window-title{background:linear-gradient(90deg,var(--color-primary),var(--color-cta));color:#fff;padding:4px 8px;font-weight:700;font-size:12px;display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",cursive}.window-content{padding:16px;background:var(--bg-secondary);min-height:200px}.window-content h2{font-family:"Press Start 2P",cursive;font-size:14px;margin-bottom:12px;color:var(--color-cta)}.window-content p{font-size:12px;color:#404040;margin-bottom:12px}.retro-btn{padding:8px 20px;background:var(--bg-primary);border:2px outset white;font-size:12px;font-weight:700;transition:all .2s ease;cursor:pointer;font-family:inherit}.retro-btn:active{border:2px inset white}.retro-btn.primary{background:var(--color-cta);color:#fff}.retro-btn.primary:hover{filter:brightness(1.1)}.color-display{width:100%;height:80px;border:3px inset white;margin:12px 0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.color-code{font-family:VT323,monospace;font-size:18px;color:var(--color-cta);margin-top:8px}.toast-container{min-height:120px;border:2px inset white;padding:8px;margin-bottom:12px;overflow-y:auto;max-height:150px}.toast{padding:8px 12px;margin-bottom:4px;font-size:11px;border:2px outset white;animation:slideIn .2s}.toast.success{background:var(--retro-green);color:#000}.toast.error{background:var(--color-cta);color:#fff}.toast.info{background:var(--retro-yellow);color:#000}.toast.warning{background:var(--color-secondary);color:#fff}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.countdown-display{font-size:48px;font-family:Courier New,monospace;font-weight:700;text-align:center;padding:20px;background:#000;color:var(--retro-green);border:4px inset white;margin:12px 0;font-variant-numeric:tabular-nums}.countdown-input{width:100px;padding:6px;border:2px inset white;font-family:inherit;font-size:14px;text-align:center}.countdown-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.theme-preview{border:2px inset white;padding:20px;margin:12px 0;text-align:center}.toggle-switch{position:relative;width:80px;height:24px;margin:0 auto}.toggle-switch input{display:none}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff;border:2px inset white;border-radius:0}.toggle-slider:before{content:"";position:absolute;width:32px;height:16px;top:2px;background:var(--bg-primary);border:2px outset white;transition:left .2s}.toggle-switch input:checked+.toggle-slider:before{left:calc(100% - 34px);background:purple}.calculator{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:200px;margin:0 auto}.calc-display{grid-column:span 4;padding:8px;background:#9ead86;border:2px inset white;font-family:Courier New,monospace;font-size:20px;text-align:right;margin-bottom:8px;min-height:32px}.calc-btn{padding:10px;border:2px outset white;background:var(--bg-primary);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.calc-btn:active{border:2px inset white}.calc-btn.equals{background:purple;color:#fff}.calc-btn.clear{background:#ff6b6b}.ttt-board{display:grid;grid-template-columns:repeat(3,60px);gap:4px;margin:12px auto;width:fit-content}.ttt-cell{width:60px;height:60px;background:var(--bg-primary);border:2px outset white;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;cursor:pointer}.ttt-cell:active{border:2px inset white}.ttt-cell.x{color:red}.ttt-cell.o{color:#00f}.ttt-status{text-align:center;font-size:14px;font-weight:700;margin-bottom:12px;color:var(--highlight)}.ttt-stats-bar{text-align:center;font-size:11px;margin-bottom:8px;padding:6px;background:navy;color:#fff;border:2px inset white}.memory-grid{display:grid;grid-template-columns:repeat(4,50px);gap:6px;margin:12px auto;width:fit-content}.memory-card{width:50px;height:50px;background:linear-gradient(135deg,navy,purple);border:2px outset white;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;color:#fff}.memory-card.flipped{background:var(--bg-primary);color:var(--text-primary)}.memory-card.matched{background:#0f0;border:2px inset white}.memory-stats{text-align:center;font-size:12px;margin-bottom:12px}.snake-container{text-align:center}.snake-canvas{border:4px inset white;background:#000;display:block;margin:0 auto}.snake-score{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--highlight)}.snake-controls{font-size:11px;color:#404040;margin-top:8px}.typer-display{background:#000;color:var(--retro-green);padding:16px;border:4px inset white;font-family:Courier New,monospace;font-size:14px;margin-bottom:12px;min-height:80px;position:relative}.typer-text{opacity:.5}.typer-cursor{background:var(--retro-green);color:#000}.typer-input{width:100%;padding:8px;border:2px inset white;font-family:Courier New,monospace;font-size:14px}.typer-stats{display:flex;justify-content:space-around;margin-top:12px;font-size:12px}.typer-stat{text-align:center}.typer-stat-value{font-size:24px;font-weight:700;color:var(--highlight)}.reaction-area{height:150px;border:4px outset white;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:12px 0;font-size:18px;font-weight:700}.reaction-area.waiting{background:red;color:#fff}.reaction-area.ready{background:#0f0;color:#000}.reaction-area.result{background:var(--bg-primary)}.reaction-results{text-align:center;font-size:12px;margin-top:12px}.explorer-item{padding:8px;border:1px solid transparent}.explorer-item:hover{background:#e5f3ff;border:1px solid #99d1ff}.explorer-item:active{background:#cce8ff}.explorer-icon{font-size:32px}.explorer-icon.dir{color:gold}.explorer-icon.text{color:gray}.explorer-icon.archive{color:purple}.explorer-icon.image{color:teal}footer{text-align:center;padding:16px;border-top:2px solid var(--border-dark);font-size:10px;color:var(--highlight)}footer a{color:var(--link-blue)}footer a:visited{color:var(--visited-purple)}.construction{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#ff0;color:#000;font-size:11px;border:2px outset white;margin:8px auto;width:fit-content}.construction-icon{width:24px;height:24px;background:repeating-conic-gradient(#ff0,#ff0 90deg,#000 90deg,#000 180deg) 0 0/12px 12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.app-grid{grid-template-columns:repeat(2,1fr)}.welcome-banner h2{font-size:20px}.countdown-display{font-size:36px}}.visitor-counter{text-align:center;padding:8px;font-size:11px;font-family:Courier New,monospace;border:2px inset white;margin:8px auto;width:fit-content}.counter-digits{background:#000;color:var(--retro-red);padding:4px 8px;letter-spacing:4px}.retro-btn:focus-visible,.app-card:focus-visible,.menu-item:focus-visible,.win-btn:focus-visible,.back-btn:focus-visible{outline:3px solid var(--color-cta);outline-offset:2px;position:relative;z-index:10}.win-btn,.menu-item,.app-card,.back-btn{cursor:pointer}.skip-link{background:var(--color-cta);font-weight:700}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}