@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.crt-boot{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.crt-bg-face{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/ben.png);background-size:cover;background-position:center;z-index:0}.crt-bg-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1}.crt-beam{position:absolute;z-index:1;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:0;background:linear-gradient(to bottom,transparent 0%,rgba(180,200,180,.95) 20%,rgba(200,220,200,1) 50%,rgba(180,200,180,.95) 80%,transparent 100%);box-shadow:0 0 30px #b4dcb466;pointer-events:none}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.4) 2px,rgba(0,0,0,.4) 4px);z-index:2}.crt-message-wrap{position:absolute;bottom:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.crt-title{font-family:"MS Sans Serif",Segoe UI,sans-serif;font-size:20px;font-weight:700;color:#b4dcb4f2;margin:0 0 4px;letter-spacing:3px}.crt-signal-text{font-family:"MS Sans Serif",Segoe UI,sans-serif;font-size:14px;color:#b4dcb4e6;margin:0;letter-spacing:2px;text-transform:lowercase}.crt-progress-track{width:280px;height:8px;background:#0009;border:1px solid rgba(180,220,180,.3);overflow:hidden}.crt-progress-fill{height:100%;background:#b4dcb4cc;box-shadow:0 0 10px #b4dcb480;min-width:2px}.desktop-background{width:100%;height:calc(100vh - 36px);background:teal;position:absolute;top:0;left:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.desktop-pattern{width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,128,128,.15) 4px,rgba(0,128,128,.15) 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,128,128,.15) 4px,rgba(0,128,128,.15) 8px);opacity:.4;image-rendering:pixelated}.desktop-icons{position:absolute;top:0;left:0;right:0;bottom:36px;pointer-events:none}.desktop-icon{position:absolute;width:92px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;pointer-events:auto;transition:all .1s;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;outline:none}.desktop-icon:focus{outline:none}.desktop-icon:hover{background:#ffffff26;border:1px dashed #000}.desktop-icon:active{background:#0080ff66}.icon-image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;padding:2px}.icon-image.transparent-icon{background:transparent;border:none;box-shadow:none;padding:4px}.icon-image:not(.transparent-icon){background:#ffffff1a;border:2px outset rgba(255,255,255,.4);border-radius:2px;box-shadow:0 0 0 1px #0003}.pixel-icon{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:100%;height:100%;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.icon-label{font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#fff;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.9);max-width:92px;word-wrap:break-word;-webkit-user-select:none;user-select:none;font-weight:400;letter-spacing:.2px;background:#0000004d;padding:2px 4px;border-radius:2px;line-height:1.2}.desktop-icon:focus .icon-label{background:#0000004d}.taskbar{position:fixed;bottom:0;left:0;right:0;height:36px;background:silver;border-top:2px solid #ffffff;display:flex;align-items:center;z-index:10000;box-shadow:0 -2px 4px #0000004d;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.start-button{height:100%;padding:0 20px;background:silver;border:none;border-right:1px solid #808080;cursor:pointer;display:flex;align-items:center;font-family:"MS Sans Serif",sans-serif;font-weight:700;font-size:11px;transition:all .1s}.start-button:active{background:gray;border-top:2px inset #000;border-left:2px inset #000;border-right:2px outset #000;border-bottom:2px outset #000}.start-text{text-shadow:1px 1px 0 rgba(255,255,255,.8)}.taskbar-tasks{flex:1;display:flex;align-items:center;gap:4px;padding:4px;overflow-x:auto}.taskbar-task{display:flex;align-items:center;gap:6px;padding:4px 12px;background:silver;border:2px outset #c0c0c0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;white-space:nowrap;min-width:120px;transition:all .1s}.taskbar-task:hover{background:#d4d0c8}.taskbar-task:active{border:2px inset #c0c0c0}.taskbar-task .window-icon-wrap{width:16px;height:16px;flex-shrink:0}.taskbar-task .window-icon-wrap svg{width:100%;height:100%}.task-title{overflow:hidden;text-overflow:ellipsis}.taskbar-tray{padding:0 12px;background:silver;border-left:1px solid #808080;height:100%;display:flex;align-items:center;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:700}.tray-time{padding:4px 8px;background:silver;border:1px inset #c0c0c0}.window-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.window-tabs{display:flex;background:silver;border-bottom:1px solid #808080;padding:2px;gap:2px;flex-shrink:0}.window-tab{padding:4px 12px;background:silver;border:1px outset #c0c0c0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#000;transition:all .1s}.window-tab:hover{background:#d4d0c8}.window-tab.active{background:#fff;border:1px inset #808080;border-bottom:1px solid #ffffff}.window-tab-content{flex:1;overflow:auto;background:#fff;padding:16px;font-family:Courier New,monospace;font-size:12px}.overview-content{display:flex;flex-direction:column;gap:20px}.project-header{border-bottom:2px solid #000;padding-bottom:12px}.project-title{font-size:18px;font-weight:700;margin-bottom:4px;font-family:"MS Sans Serif",sans-serif}.project-timeframe{font-size:11px;color:#666;margin-bottom:8px;font-style:italic}.project-description{color:#333;line-height:1.6}.project-info{display:flex;flex-direction:column;gap:16px}.info-section h3{font-size:14px;font-weight:700;margin-bottom:8px;font-family:"MS Sans Serif",sans-serif;border-bottom:1px solid #ccc;padding-bottom:4px}.tech-tags{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:silver;border:1px outset #c0c0c0;padding:4px 8px;font-size:10px;font-family:"MS Sans Serif",sans-serif}.features-list{list-style:none;padding-left:0}.features-list li{padding:4px 0 4px 20px;position:relative}.features-list li:before{content:"▸";position:absolute;left:0}.project-links{display:flex;gap:12px;flex-wrap:wrap}.link-button{display:inline-block;padding:6px 12px;background:silver;border:2px outset #c0c0c0;text-decoration:none;color:#000;font-family:"MS Sans Serif",sans-serif;font-size:11px;cursor:pointer;transition:all .1s}.link-button:hover{background:#d4d0c8}.link-button:active{border:2px inset #c0c0c0}.code-content{height:100%;overflow:auto}.code-block{background:#000;color:#0f0;padding:16px;margin:0;border:2px inset #808080;font-family:Courier New,monospace;font-size:11px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.demo-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.demo-iframe{width:100%;height:100%;border:2px inset #808080;background:#fff}.demo-content.no-demo{flex-direction:column;gap:16px;color:#666}.content-window .window-tab-content{padding:20px}.content-page{max-width:560px}.content-page-title{font-family:"MS Sans Serif",sans-serif;font-size:18px;font-weight:700;margin-bottom:12px;border-bottom:2px solid #000;padding-bottom:8px}.content-intro{font-weight:700;margin-bottom:12px;color:#333;line-height:1.5}.content-p{margin-bottom:12px;color:#333;line-height:1.6}.content-section{margin-bottom:16px}.content-section h3{font-size:13px;font-weight:700;margin-bottom:6px;font-family:"MS Sans Serif",sans-serif;border-bottom:1px solid #ccc;padding-bottom:4px}.content-list,.content-list-standalone{list-style:none;padding-left:0}.content-list li,.content-list-standalone li{padding:2px 0 2px 16px;position:relative}.content-list li:before,.content-list-standalone li:before{content:"▸";position:absolute;left:0}.contact-page .contact-email{margin:12px 0}.contact-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hub-page{text-align:center;padding:20px 0}.hub-subtitle{margin-bottom:20px;color:#333;font-size:12px}.hub-buttons{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:260px;margin:0 auto}.hub-btn{width:100%;padding:10px 16px;background:silver;border:2px outset #c0c0c0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#000;text-align:left;transition:all .1s}.hub-btn:hover{background:#d4d0c8}.hub-btn:active{border:2px inset #808080}.hub-welcome-note{margin-top:20px;padding-top:12px;border-top:1px solid #c0c0c0;font-size:11px;color:#666;text-align:center}.hub-project-list{list-style:none;padding-left:0}.hub-project-list li{margin-bottom:4px}.hub-project-link{width:100%;padding:8px 12px;background:silver;border:2px outset #c0c0c0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#000;text-align:left;transition:all .1s}.hub-project-link:hover{background:#d4d0c8}.hub-project-link:active{border:2px inset #808080}.file-explorer-window .window-tab-content{padding:12px}.file-explorer-list{list-style:none;padding-left:0;margin:12px 0 0}.file-explorer-folder{padding:6px 12px;background:#e8e8e8;border:1px solid #808080;font-family:"MS Sans Serif",sans-serif;font-size:12px;margin-bottom:4px}.file-explorer-item{margin:0}.file-explorer-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:12px;text-align:left;color:#000}.file-explorer-row:hover{background:#d4d0c8}.file-explorer-icon{font-size:14px}.resume-window .window-tab-content{padding:0;height:100%}.resume-iframe{width:100%;height:100%;border:none;display:block}.recycle-window .window-tab-content{display:flex;align-items:center;justify-content:center;padding:24px}.recycle-content{text-align:center;max-width:360px}.recycle-empty-icon{margin-bottom:16px;opacity:.9}.recycle-empty-label{font-family:"MS Sans Serif",sans-serif;font-size:12px;font-weight:700;color:#000;margin-bottom:16px}.recycle-message{font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#333;line-height:1.5;margin:0}.games-window .window-tab-content{padding:20px;overflow:auto}.games-content{max-width:480px}.games-intro{font-family:"MS Sans Serif",sans-serif;font-size:12px;color:#333;line-height:1.6;margin-bottom:24px}.games-hand-section{margin-bottom:28px}.games-hand-title{font-family:"MS Sans Serif",sans-serif;font-size:13px;font-weight:700;margin-bottom:12px;color:#000;border-bottom:1px solid #c0c0c0;padding-bottom:4px}.games-cards-row{display:flex;gap:14px;justify-content:center;margin-bottom:14px}.games-card{width:72px;height:100px;background:#fff;border:1px solid #333;border-radius:5px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;box-shadow:1px 1px #999,2px 2px 4px #00000026;padding:4px;position:relative}.games-card-red .games-card-rank,.games-card-red .games-card-suit,.games-card-red .games-card-cr,.games-card-red .games-card-cs{color:#c00}.games-card-black .games-card-rank,.games-card-black .games-card-suit,.games-card-black .games-card-cr,.games-card-black .games-card-cs{color:#111}.games-card-corner{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-family:Georgia,serif}.games-card-tl{align-self:flex-start;text-align:center}.games-card-br{align-self:flex-end;text-align:center;transform:rotate(180deg)}.games-card-cr{font-size:10px;font-weight:700}.games-card-cs{font-size:10px}.games-card-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:0}.games-card-rank{font-family:Georgia,serif;font-size:26px;font-weight:700;line-height:1}.games-card-suit{font-size:22px;line-height:1}.games-hand-desc{font-family:"MS Sans Serif",sans-serif;font-size:11px;color:#333;line-height:1.5;margin:0}.photos-window .window-tab-content{padding:16px;display:flex;flex-direction:column;align-items:center;overflow:auto}.photos-viewer{display:flex;align-items:center;gap:12px;width:100%;max-width:520px;justify-content:center}.photos-arrow{width:36px;height:36px;flex-shrink:0;background:silver;border:2px outset #c0c0c0;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:"MS Sans Serif",sans-serif;color:#000;padding:0}.photos-arrow:hover{background:#d4d0c8}.photos-arrow:active{border:2px inset #808080}.photos-media{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;max-height:380px;background:#000;border:2px inset #808080}.photos-img,.photos-video{max-width:100%;max-height:380px;width:auto;height:auto;display:block}.photos-caption{margin-top:12px;font-family:"MS Sans Serif",sans-serif;font-size:12px;color:#333;text-align:center;max-width:480px}.window-container{pointer-events:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.window{width:100%;height:100%;background:silver;border:2px outset #c0c0c0;display:flex;flex-direction:column;box-shadow:4px 4px 8px #00000080;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.window-titlebar{height:20px;background:linear-gradient(to right,navy,#1084d0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4px;cursor:move;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:700;-webkit-user-select:none;user-select:none;flex-shrink:0}.window-title{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden}.window-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.window-icon-wrap svg{width:100%;height:100%}.window-controls{display:flex;gap:2px}.window-button{width:16px;height:14px;padding:0;margin:0;background:silver;border:1px outset #c0c0c0;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .1s}.window-button:hover{background:#d4d0c8}.window-button:active{border:1px inset #808080;background:gray}.window-button.close{background:silver}.window-button.close:hover{background:red;color:#fff}.window-content{flex:1;background:#fff;border:2px inset #c0c0c0;overflow:hidden;display:flex;flex-direction:column;position:relative}.window-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;background:linear-gradient(135deg,#c0c0c0 0%,#c0c0c0 45%,transparent 45%,transparent 55%,#c0c0c0 55%,#c0c0c0 100%);cursor:nwse-resize;z-index:10}.start-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:36px;z-index:9998}.start-menu{position:fixed;bottom:36px;left:0;width:220px;background:silver;border:2px outset #c0c0c0;z-index:9999;box-shadow:4px -4px 8px #0000004d}.start-menu-header{background:linear-gradient(to right,navy,#1084d0);color:#fff;padding:4px 8px;font-weight:700;font-size:11px;font-family:"MS Sans Serif",sans-serif}.start-menu-content,.start-menu-section{padding:4px 0}.menu-section-title{padding:4px 12px;font-size:11px;font-weight:700;font-family:"MS Sans Serif",sans-serif;color:gray}.menu-item{display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;font-family:"MS Sans Serif",sans-serif;font-size:11px;transition:all .1s}.menu-item:hover{background:navy;color:#fff}.menu-icon{font-size:16px;width:20px;text-align:center}.menu-divider{height:2px;background:gray;margin:4px 8px;border-top:1px solid #ffffff}.start-menu-footer{border-top:2px inset #808080;padding:4px 0}.desktop{width:100vw;height:100vh;position:relative;overflow:hidden;background:teal;font-family:"MS Sans Serif",Courier New,sans-serif;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html{background:#000}body{margin:0;font-family:"MS Sans Serif",Courier New,sans-serif;background:teal;overflow:hidden;min-height:100vh;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizeSpeed}#root{width:100vw;height:100vh;overflow:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}canvas,img,svg{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@font-face{font-family:"MS Sans Serif";src:local("MS Sans Serif")}.pixel-font{font-family:"Press Start 2P",Courier New,monospace;font-size:10px;line-height:1.4}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:silver;border:1px solid #808080;image-rendering:pixelated}::-webkit-scrollbar-thumb{background:silver;border:2px outset #c0c0c0;image-rendering:pixelated}::-webkit-scrollbar-thumb:hover{background:#d4d0c8}::-webkit-scrollbar-button{background:silver;border:1px outset #c0c0c0;height:16px;width:16px;image-rendering:pixelated}::-webkit-scrollbar-button:active{border:1px inset #c0c0c0}@media (max-width: 768px){.desktop-background{height:calc(100vh - 48px)}.desktop-icons{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:12px!important;width:100%!important;max-height:calc(100vh - 120px);overflow-y:auto;align-content:flex-start}.desktop-icon{position:relative!important;left:auto!important;top:auto!important;min-width:92px;min-height:72px;padding:8px}.window-container{left:0!important;top:0!important;width:100%!important;max-width:100vw;height:calc(100vh - 48px)!important;min-height:calc(100vh - 48px)}.window-container .window{width:100%;height:100%}.taskbar{height:48px}.taskbar-task{min-height:40px;min-width:80px;padding:6px 10px;font-size:11px}.start-button{min-width:56px;padding:0 16px}.start-menu{width:100vw;max-width:100vw;left:0}.menu-item{min-height:44px;padding:12px 16px}.desktop,.window-container,.taskbar{touch-action:manipulation}}@media (max-width: 480px){.desktop-icon{min-width:80px}.icon-label{max-width:80px;font-size:10px}.taskbar-task .task-title{max-width:60px}}