@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-tertiary: #1a2332;--glass-bg: rgba(22, 27, 40, .75);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .04);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-green: #22c55e;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #a855f7;--accent-blue: #3b82f6;--taskbar-bg: rgba(15, 20, 30, .85);--window-radius: 12px;--window-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--text-dim: var(--text-muted);--border-subtle: var(--glass-border);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}#desktop{position:fixed;inset:0;overflow:hidden;background:var(--bg-primary)}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#desktop-icons{position:fixed;top:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:5}#desktop-social-icon{position:fixed;top:20px;right:20px;z-index:5}#desktop-game-icon{position:fixed;bottom:68px;right:20px;z-index:5}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:88px;border-radius:8px;cursor:pointer;transition:all .15s ease;user-select:none;gap:6px;padding:8px 4px;border:none;background:transparent;color:inherit;font:inherit;touch-action:none}.desktop-icon:hover{background:#ffffff14}.desktop-icon:active{background:#ffffff1f;transform:scale(.95)}.desktop-icon.dragging{cursor:grabbing;transition:none}.desktop-icon.dragging:active{transform:none}.desktop-icon svg{width:40px;height:40px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .15s ease}.desktop-icon:hover svg{transform:scale(1.08)}.desktop-icon span{font-size:11px;font-weight:500;color:var(--text-primary);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6);line-height:1.2;word-break:break-word}.window{position:fixed;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--window-radius);box-shadow:var(--window-shadow);overflow:hidden;transition:box-shadow .2s ease,opacity .15s ease,transform .15s ease;min-width:320px;min-height:200px}.window[hidden]{display:none}.window.focused{box-shadow:0 12px 48px #0009,0 0 0 1px #06b6d426}.window.minimized{opacity:0;transform:scale(.9) translateY(40px);pointer-events:none}.window.closing{opacity:0;transform:scale(.95);pointer-events:none}.window-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;z-index:10}.window.opening{animation:windowOpen .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes windowOpen{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-titlebar{display:flex;align-items:center;height:40px;padding:0 12px;background:#ffffff08;border-bottom:1px solid var(--glass-border);cursor:default;flex-shrink:0;gap:10px}.window.focused .window-titlebar{background:#ffffff0d}.window-titlebar-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.window-title{flex:1;font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans)}.window.focused .window-title{color:var(--text-primary)}.window-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);animation:statusPulse 3s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.window-controls{display:flex;gap:2px;margin-left:auto}.window-controls button{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .1s ease}.window-controls button:hover{background:#ffffff1a;color:var(--text-primary)}.window-controls button.close-btn:hover{background:var(--accent-red);color:#fff}.window-controls button svg{width:12px;height:12px}.window-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.window-content::-webkit-scrollbar{width:6px}.window-content::-webkit-scrollbar-track{background:transparent}.window-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.window-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}#taskbar{position:fixed;bottom:0;left:0;right:0;height:48px;background:var(--taskbar-bg);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border-top:1px solid var(--glass-border);display:flex;align-items:center;padding:0 12px;z-index:9999;gap:4px}#taskbar-start{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .15s ease;border:none;background:transparent;color:var(--text-secondary)}#taskbar-start:hover{background:#ffffff14;color:var(--text-primary)}#taskbar-start svg{width:20px;height:20px}#taskbar-apps{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;height:100%;padding:4px 0}.taskbar-app{height:36px;min-width:40px;max-width:160px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:6px;cursor:pointer;transition:all .1s ease;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);white-space:nowrap;position:relative}.taskbar-app:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent-cyan);border-radius:1px;transition:width .15s ease}.taskbar-app.active:after{width:20px}.taskbar-app.focused:after{width:20px;background:var(--accent-green)}.taskbar-app:hover{background:#ffffff14;color:var(--text-primary)}.taskbar-app svg{width:16px;height:16px;flex-shrink:0}#taskbar-tray{display:flex;align-items:center;gap:8px;padding:0;height:100%}#taskbar-clock-button{min-width:116px;height:40px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:all .15s ease}#taskbar-clock-button:hover,#taskbar-clock-button[aria-expanded=true]{background:#ffffff14;border-color:var(--glass-border);color:var(--text-primary)}#taskbar-clock{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}#taskbar-date{font-size:10px;color:var(--text-muted);line-height:1;white-space:nowrap}#tray-panel{position:fixed;right:12px;bottom:56px;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 80px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;padding:14px;background:#0f141eeb;backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--window-radius);box-shadow:0 16px 64px #0009;z-index:10000;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}#tray-panel.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.tray-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 8px 14px;border-bottom:1px solid var(--glass-border)}#tray-time{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}#tray-date{margin-top:6px;font-size:12px;color:var(--text-muted)}.tray-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(34,197,94,.2);border-radius:999px;background:#22c55e1a;color:var(--accent-green);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.tray-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.tray-section{padding:14px 8px 0}.tray-section-title{margin-bottom:10px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:10px;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff08}.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 8px #06b6d499}.notification-dot-warn{background:var(--accent-amber);box-shadow:0 0 8px #f59e0b99}.notification-item strong{display:block;margin-bottom:3px;font-size:12px;color:var(--text-primary)}.notification-item span{display:block;font-size:11px;line-height:1.5;color:var(--text-secondary)}.tray-calendar{padding:10px;border:1px solid var(--glass-border);border-radius:8px;background:#ffffff08}.tray-calendar-header{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;margin-bottom:10px}.tray-calendar-header button{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff0d;color:var(--text-secondary);cursor:pointer}.tray-calendar-header button:hover{background:#ffffff1a;color:var(--text-primary)}#calendar-title{text-align:center;font-size:13px;font-weight:600;color:var(--text-primary)}.tray-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.tray-calendar-grid span{height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.tray-calendar-days{margin-bottom:4px}.tray-calendar-days span{height:20px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.calendar-day.today{background:#06b6d429;color:var(--accent-cyan);box-shadow:inset 0 0 0 1px #06b6d459}.audio-control-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.audio-control-row button{height:30px;padding:0 12px;border:1px solid var(--glass-border);border-radius:6px;background:#ffffff0a;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:12px}.audio-control-row button:hover,.audio-control-row button[aria-pressed=true]{border-color:var(--accent-cyan);color:var(--accent-cyan)}.audio-control-row label,#audio-volume-value{color:var(--text-secondary);font-size:12px}#audio-volume{width:100%;accent-color:var(--accent-cyan)}#tray-panel::-webkit-scrollbar{width:5px}#tray-panel::-webkit-scrollbar-track{background:transparent}#tray-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}#tray-panel::-webkit-scrollbar-thumb:hover{background:#fff3}#start-menu{position:fixed;bottom:56px;left:50%;transform:translate(-50%) scale(.95);width:360px;max-height:500px;background:var(--glass-bg);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--window-radius);box-shadow:0 16px 64px #0009;z-index:10000;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}#start-menu.visible{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}#start-menu-header{padding:20px 20px 12px;border-bottom:1px solid var(--glass-border)}#start-menu-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}#start-menu-search{width:100%;padding:8px 12px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);outline:none}#start-menu-search::placeholder{color:var(--text-muted)}#start-menu-search:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #06b6d426}#start-menu-apps{padding:12px;display:flex;flex-direction:column;gap:2px}.start-menu-app{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .1s ease;border:none;background:transparent;color:var(--text-primary);width:100%;text-align:left;font-family:var(--font-sans)}.start-menu-app:hover{background:#ffffff14}.start-menu-app svg{width:24px;height:24px;flex-shrink:0}.start-menu-app-text{display:flex;flex-direction:column}.start-menu-app-text strong{font-size:13px;font-weight:500}.start-menu-app-text small{font-size:11px;color:var(--text-muted);margin-top:2px}#start-menu-footer{padding:12px 20px;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}#start-menu-footer span{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.app-content{padding:24px}.app-content h2{font-size:20px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.app-content h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.app-content p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.app-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}.terminal-heading{font-family:var(--font-mono);font-size:13px;color:var(--accent-green);margin-bottom:16px;padding:8px 12px;background:#22c55e0f;border-left:3px solid var(--accent-green);border-radius:0 6px 6px 0}.terminal-heading .prompt{color:var(--accent-cyan)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.status-badge.online{background:#22c55e1f;color:var(--accent-green);border:1px solid rgba(34,197,94,.2)}.status-badge.online:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-badge.busy{background:#f59e0b1f;color:var(--accent-amber);border:1px solid rgba(245,158,11,.2)}.section-divider{height:1px;background:var(--glass-border);margin:20px 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.info-card{padding:16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;transition:all .15s ease}.info-card:hover{background:#ffffff0f;border-color:#ffffff1f}.info-card-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-card-value{font-size:14px;color:var(--text-primary);font-weight:500}.timeline{position:relative;padding-left:24px;margin-bottom:20px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-green),var(--accent-cyan),transparent)}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);border:2px solid var(--bg-primary);box-shadow:0 0 8px #06b6d466}.timeline-date{font-size:11px;font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:4px}.timeline-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.timeline-company{font-size:12px;color:var(--text-muted);margin-bottom:6px}.timeline-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.timeline-desc li{margin-bottom:4px;margin-left:16px}.blog-list{display:flex;flex-direction:column;gap:8px}.blog-item{padding:14px 16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .15s ease;width:100%;text-align:left;color:inherit;font:inherit}.blog-item:hover{background:#ffffff0f;border-color:#06b6d433}.blog-item-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.blog-item-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.blog-item-desc{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px}.project-card{padding:16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;transition:all .15s ease;cursor:pointer}.project-card:hover{background:#ffffff0f;border-color:#06b6d433;transform:translateY(-2px)}.project-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.project-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.project-tags{display:flex;flex-wrap:wrap;gap:4px}.project-tag{font-size:10px;padding:2px 8px;border-radius:10px;background:#06b6d41a;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.15);font-family:var(--font-mono)}.contact-links{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.contact-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;text-decoration:none;color:var(--text-primary);font-size:14px;transition:all .15s ease}.contact-link:hover{background:#ffffff0f;border-color:#06b6d433}.contact-link svg{width:18px;height:18px;color:var(--accent-cyan);flex-shrink:0}.skill-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.skill-item-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.skill-item-label span:first-child{color:var(--text-primary);font-weight:500}.skill-item-label span:last-child{color:var(--text-muted);font-family:var(--font-mono)}.skill-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));transition:width .6s cubic-bezier(.16,1,.3,1)}.resume-section{margin-bottom:24px}.resume-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--glass-border);font-family:var(--font-mono)}.resume-entry{margin-bottom:16px}.resume-entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.resume-entry-title{font-size:14px;font-weight:600;color:var(--text-primary)}.resume-entry-date{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.resume-entry-subtitle{font-size:12px;color:var(--accent-cyan);margin-bottom:6px}.resume-entry-details{font-size:13px;color:var(--text-secondary);line-height:1.5}.resume-entry-details li{margin-bottom:4px;margin-left:16px}.download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#06b6d41f;border:1px solid rgba(6,182,212,.25);border-radius:8px;color:var(--accent-cyan);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);text-decoration:none;margin-bottom:20px}.download-btn:hover{background:#06b6d433;border-color:#06b6d466}.download-btn svg{width:16px;height:16px}.blog-reader{display:none}.blog-reader.active{display:block}.blog-post-panel[hidden]{display:none}.blog-reader-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.blog-reader-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-cyan);cursor:pointer;margin-bottom:12px;background:none;border:none;font-family:var(--font-sans);transition:color .1s ease}.blog-reader-back:hover{color:var(--text-primary)}.blog-reader-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.blog-reader-date{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.blog-reader-body{font-size:14px;line-height:1.7;color:var(--text-secondary)}.blog-reader-body p{margin-bottom:12px}.blog-reader-body code{background:#ffffff0f;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--accent-green)}.blog-reader-body pre{background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:12px;border:1px solid var(--glass-border)}.blog-reader-body pre code{background:none;padding:0}.blog-reader-body h2,.blog-reader-body h3{color:var(--text-primary);margin:20px 0 8px}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:20px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--bg-primary);flex-shrink:0;box-shadow:0 0 20px #22c55e33}.profile-info h2{font-size:18px;margin-bottom:4px}.profile-info .profile-role{font-size:13px;color:var(--accent-green);font-family:var(--font-mono);margin-bottom:4px}.profile-info .profile-location{font-size:12px;color:var(--text-muted)}.work-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.work-metric{text-align:center;padding:16px 8px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px}.work-metric-value{font-size:24px;font-weight:700;font-family:var(--font-mono);color:var(--accent-green);margin-bottom:4px}.work-metric-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.window{min-width:280px}.info-grid,.project-grid{grid-template-columns:1fr}.work-metrics{grid-template-columns:repeat(2,1fr)}.profile-header{flex-direction:column;text-align:center}#start-menu{width:calc(100% - 24px);max-width:360px}}::selection{background:#06b6d44d;color:var(--text-primary)}.sre-game-container{background:#0d1117;position:relative;overflow:hidden;min-height:100%;display:flex;font-family:var(--font-mono)}.sre-audio-toggle{position:absolute;top:10px;right:10px;z-index:2;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:#111827db;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s ease}.sre-audio-toggle:hover,.sre-audio-toggle[aria-pressed=true]{border-color:#22d3ee;color:#22d3ee}.sre-game-container .sre-game-screen{display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;width:100%;min-height:100%;box-sizing:border-box}.sre-game-container .sre-game-screen.sre-game-screen-active{display:flex}.sre-boot-output{width:100%;max-width:560px;padding:20px;font-size:13px;line-height:1.8;color:#22c55e;min-height:200px;max-height:350px;overflow-y:auto}.sre-boot-output::-webkit-scrollbar{width:4px}.sre-boot-output::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.sre-boot-output .sre-line{opacity:0;animation:sreTypeLine .1s forwards;white-space:nowrap}.sre-boot-output .sre-line.sre-error{color:#ef4444}.sre-boot-output .sre-line.sre-warn{color:#eab308}.sre-boot-output .sre-line.sre-info{color:#22d3ee}.sre-boot-output .sre-line.sre-dim{color:var(--text-dim)}@keyframes sreTypeLine{to{opacity:1}}.sre-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-family:var(--font-sans)}.sre-btn.sre-hidden{display:none}.sre-boot-enter{background:#22c55e;color:#000;width:100%;max-width:360px;opacity:1;transition:opacity .5s,visibility .5s}.sre-boot-enter.sre-hidden{opacity:0;visibility:hidden;pointer-events:none}.sre-boot-enter:hover{background:#4ade80;box-shadow:0 0 16px #22c55e4d}.sre-btn-primary{background:#22d3ee;color:#000}.sre-btn-primary:hover{background:#67e8f9;box-shadow:0 0 20px #22d3ee4d}.sre-btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.sre-btn-outline:hover{border-color:#22d3ee;color:#22d3ee}.sre-btn-danger{background:#ef4444;color:#fff;animation:srePulseDanger 1.5s infinite}.sre-btn-danger:hover{background:#f87171}@keyframes srePulseDanger{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 16px 6px #ef444466}}@keyframes sreFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sre-game-hud{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:#111827;border-radius:8px;border:1px solid var(--border-subtle);width:100%;max-width:600px;flex-shrink:0}.sre-hud-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px}.sre-hud-label{color:var(--text-dim)}.sre-health-bar{width:80px;height:8px;background:#1e293b;border-radius:4px;overflow:hidden;flex-shrink:0}.sre-health-fill{height:100%;background:#22c55e;transition:width .4s,background .4s;border-radius:4px}.sre-status-ok{color:#22c55e}.sre-status-warn{color:#eab308}.sre-status-crit{color:#ef4444;animation:sreBlink .5s infinite}@keyframes sreBlink{50%{opacity:.3}}.sre-game-area{width:100%;flex:1;min-height:200px;max-height:350px;background:#0d1117;border-radius:8px;border:1px solid var(--border-subtle);padding:20px;font-family:var(--font-mono);font-size:13px;position:relative;overflow-y:auto;overflow-x:hidden}.sre-game-message{line-height:1.8}.sre-game-message p{margin-bottom:6px}.sre-game-message .sre-sub{color:var(--text-dim);font-size:12px}.sre-alert-card{background:#111827;border:1px solid var(--border-subtle);border-radius:6px;padding:14px 16px;margin-bottom:10px;animation:sreSlideIn .3s ease-out;position:relative;overflow:hidden}.sre-alert-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.sre-alert-card.sre-severity-warning:before{background:#eab308}.sre-alert-card.sre-severity-critical:before{background:#ef4444}.sre-alert-card.sre-severity-catastrophic:before{background:#ef4444;animation:sreBlink .3s infinite}.sre-alert-card .sre-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sre-alert-card .sre-alert-title{font-weight:700;font-size:14px}.sre-alert-card .sre-alert-severity{font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:3px;font-weight:700;letter-spacing:.5px}.sre-severity-warning .sre-alert-severity{background:#eab30826;color:#eab308}.sre-severity-critical .sre-alert-severity{background:#ef444426;color:#ef4444}.sre-severity-catastrophic .sre-alert-severity{background:#ef44444d;color:#ef4444}.sre-alert-card .sre-alert-desc{color:var(--text-dim);font-size:12px;margin-bottom:10px}.sre-alert-card .sre-alert-timer{font-size:11px;color:#f97316}@keyframes sreSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sre-game-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px;flex-shrink:0}.sre-action-btn{padding:8px 16px;background:#111827;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all .2s}.sre-action-btn:hover{border-color:#22d3ee;background:#1a2332;box-shadow:0 0 10px #22d3ee4d}.sre-action-btn:active{transform:scale(.97)}.sre-action-btn:disabled{opacity:.4;cursor:not-allowed}.sre-mitigation-log{margin-top:10px;padding:8px 12px;background:#ef44440d;border-radius:6px;font-size:12px;color:#ef4444;animation:sreFadeIn .3s}.sre-gameover{text-align:center;width:100%;max-width:500px;padding:16px}.sre-glitch-wrap{margin-bottom:20px}.sre-glitch{font-size:clamp(24px,5vw,36px);font-weight:900;color:#ef4444;position:relative;text-shadow:0 0 10px rgba(239,68,68,.4),0 0 30px rgba(239,68,68,.4);animation:sreGlitchText 2s infinite}@keyframes sreGlitchText{0%,90%,to{transform:translate(0)}91%{transform:translate(-3px,1px)}92%{transform:translate(3px,-1px)}93%{transform:translate(-2px,-1px)}94%{transform:translate(2px,1px)}95%{transform:translate(0)}}.sre-gameover-sub{color:var(--text-dim);font-size:14px;margin-bottom:6px;line-height:1.6}.sre-solution{width:100%;max-width:600px;text-align:center;animation:sreFadeIn 1s;padding:12px}.sre-hero-badge{display:inline-block;padding:4px 12px;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:16px;color:#22d3ee;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.sre-hero-title{font-size:clamp(24px,5vw,40px);font-weight:900;line-height:1.1;margin-bottom:6px}.sre-accent{color:#22d3ee;text-shadow:0 0 20px rgba(34,211,238,.3)}.sre-hero-subtitle{font-size:16px;color:var(--text-dim);margin-bottom:24px}.sre-divider{width:50px;height:3px;background:#22d3ee;margin:0 auto 20px;border-radius:2px;box-shadow:0 0 10px #22d3ee4d}.sre-hero-tagline{font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:36px;max-width:400px;margin-left:auto;margin-right:auto}.sre-hero-tagline em{color:#22d3ee;font-style:normal;font-weight:600}.sre-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:28px;text-align:left;width:100%}.sre-skill-card{background:#111827;border:1px solid var(--border-subtle);border-radius:8px;padding:16px;transition:all .2s}.sre-skill-card:hover{border-color:#22d3ee;box-shadow:0 0 16px #22d3ee4d;transform:translateY(-2px)}.sre-skill-icon{font-size:24px;margin-bottom:8px}.sre-skill-card h3{font-size:13px;margin-bottom:4px}.sre-skill-card p{font-size:11px;color:var(--text-dim);line-height:1.5}.sre-cta-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.sre-footer-note{color:var(--text-dim);font-size:12px;font-style:italic}