@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&family=Silkscreen:wght@400;700&display=swap";.about-name{color:#0f8;text-shadow:0 0 10px #00ff884d;margin-bottom:12px;font-family:"Press Start 2P",monospace;font-size:16px}.about-titles{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.about-title-tag{color:#88a;letter-spacing:1px;border:1px solid #ffffff1a;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:7px}.about-bio{color:#99b;font-family:Space Mono,monospace;font-size:13px;line-height:1.8}.about-attrs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.about-attr{border-left:3px solid #0f8;align-items:center;gap:12px;display:flex}.attr-icon{font-size:18px}.attr-label{color:#555570;letter-spacing:2px;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:7px;display:block}.attr-value{color:#e8e8f0;font-family:Silkscreen,monospace;font-size:12px}.edu-list{flex-direction:column;gap:10px;display:flex}.edu-item{border-left:3px solid #00d4ff}.edu-year{color:#fc0;background:#ffcc001a;border:1px solid #fc03;margin-bottom:6px;padding:2px 8px;font-family:"Press Start 2P",monospace;font-size:9px;display:inline-block}.edu-degree{color:#e8e8f0;margin-bottom:4px;font-family:Silkscreen,monospace;font-size:13px;display:block}.edu-school{color:#555570;font-family:Space Mono,monospace;font-size:11px}.skills-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.skill-cat-header{border-bottom:1px dashed #ffffff14;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;display:flex}.skill-cat-name{letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:8px}.skill-list{flex-direction:column;gap:10px;display:flex}.skill-info{justify-content:space-between;margin-bottom:4px;display:flex}.skill-name{color:#e8e8f0;font-family:Silkscreen,monospace;font-size:11px}.skill-level{font-family:"Press Start 2P",monospace;font-size:7px}.skill-bar{background:#00000080;border:1px solid #ffffff0d;width:100%;height:8px}.skill-fill{height:100%;box-shadow:inset 0 0 4px #fff3}.project-list{flex-direction:column;gap:14px;display:flex}.project-item{gap:20px;display:flex}.project-header{border-right:1px dashed #ffffff0f;flex-direction:column;align-items:center;gap:8px;min-width:50px;padding-right:16px;display:flex}.project-number{color:#334;font-family:"Press Start 2P",monospace;font-size:18px}.project-rank{letter-spacing:1px;border:1px solid;padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:7px}.project-rank[data-rank=S]{color:#fc0;background:#ffcc001a;border-color:#fc0}.project-rank[data-rank=A]{color:#0f8;background:#00ff881a;border-color:#0f8}.project-rank[data-rank=B]{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff}.project-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.project-icon{font-size:22px}.project-name{letter-spacing:1px;margin-bottom:2px;font-family:"Press Start 2P",monospace;font-size:11px}.project-year{color:#555570;font-family:"Press Start 2P",monospace;font-size:8px}.project-desc{color:#99b;margin-bottom:12px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tag{color:#88a;letter-spacing:1px;border:1px solid #ffffff14;padding:4px 8px;font-family:"Press Start 2P",monospace;font-size:6px}.xp-list{flex-direction:column;gap:0;display:flex}.xp-item{gap:20px;display:flex;position:relative}.xp-item:before{content:"";background:linear-gradient(#00ff884d,#0000);width:2px;position:absolute;top:14px;bottom:-14px;left:5px}.xp-item:last-child:before{display:none}.xp-marker{z-index:1;flex-shrink:0;width:12px;height:12px;margin-top:4px}.xp-card{flex:1;margin-bottom:16px}.xp-period{letter-spacing:2px;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:8px;display:block}.xp-role{color:#e8e8f0;margin-bottom:4px;font-family:Silkscreen,monospace;font-size:14px}.xp-company{color:#555570;margin-bottom:10px;font-family:Space Mono,monospace;font-size:11px;display:block}.xp-desc{color:#99b;margin-bottom:12px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7}.xp-achievements{flex-wrap:wrap;gap:6px;display:flex}.xp-ach{color:#88a;border:1px solid;padding:4px 10px;font-family:Silkscreen,monospace;font-size:10px}.contact-email{text-align:center;color:#fc0;padding:16px;font-family:Space Mono,monospace;font-size:15px;text-decoration:none;transition:all .2s;display:block;border-color:#fc03!important}.contact-email:hover{color:#fc0;text-shadow:0 0 10px #ffcc004d;border-color:#fc0!important}.social-list{flex-direction:column;gap:8px;display:flex}.social-item{color:inherit;align-items:center;gap:14px;text-decoration:none;transition:all .2s;display:flex}.social-item:hover{transform:translate(4px)}.social-icon{font-size:18px}.social-name{letter-spacing:2px;flex:1;font-family:"Press Start 2P",monospace;font-size:10px}.social-arrow{color:#555570;transition:all .2s}.social-item:hover .social-arrow{transform:translate(4px)}@media (width<=768px){.about-attrs,.skills-grid{grid-template-columns:1fr}.project-item{flex-direction:column;gap:10px}.project-header{border-bottom:1px dashed #ffffff0f;border-right:none;flex-direction:row;padding-bottom:10px;padding-right:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8e8f0;background:#0a2040;width:100%;height:100dvh;font-family:Space Mono,monospace;overflow:hidden}#root,#game-root{width:100%;height:100dvh;position:relative;overflow:hidden}#phaser-container{z-index:0;touch-action:none;width:100vw;height:100dvh;position:fixed;inset:0}#phaser-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}#game-root:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);position:fixed;inset:0}::selection{color:#050510;background:#0f8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050510}::-webkit-scrollbar-thumb{background:#0f8}a{color:#0f8;text-decoration:none;transition:all .2s}a:hover{text-shadow:0 0 10px #00ff884d}.loading-screen{z-index:10000;background:#050510;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-title{color:#0f8;text-shadow:0 0 20px #00ff884d;letter-spacing:4px;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,4vw,2.5rem)}.loading-subtitle{color:#555570;letter-spacing:4px;margin-bottom:48px;font-family:"Press Start 2P",monospace;font-size:10px}.loading-bar-container{align-items:center;gap:16px;margin-bottom:24px;display:flex}.loading-bar{background:#0a0a1a;border:2px solid #0f8;width:300px;height:16px;position:relative;overflow:hidden}.loading-fill{z-index:1;background:#0f8;height:100%;transition:width .3s;position:relative;box-shadow:inset 0 0 6px #ffffff4d}.loading-segments{z-index:2;display:flex;position:absolute;inset:0}.loading-segment{border-right:2px solid #050510;flex:1}.loading-segment:last-child{border-right:none}.loading-percent{color:#0f8;min-width:40px;font-family:"Press Start 2P",monospace;font-size:10px}.loading-hint{color:#555570;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:8px;animation:1s step-end infinite blink-text}@keyframes blink-text{50%{opacity:.5}}.game-hud{z-index:100;pointer-events:none;width:100%;padding:16px 20px;position:fixed;top:0;left:0}.hud-area{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050510cc;border:1px solid #0f83;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.hud-area-icon{font-size:12px}.hud-area-name{color:#0f8;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:9px}.hud-interact-hint{color:#e8e8f0;letter-spacing:1px;background:#050510e6;border:2px solid #0f8;align-items:center;gap:10px;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:9px;animation:1.5s ease-in-out infinite hint-pulse;display:flex;position:fixed;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #0f83}.hud-key{color:#050510;background:#0f8;padding:4px 10px;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.7}}.hud-controls{color:#555570;letter-spacing:2px;background:#05051099;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:7px;animation:8s forwards fade-controls;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes fade-controls{0%,80%{opacity:1}to{opacity:0}}.hud-top-right{pointer-events:all;gap:8px;display:flex;position:fixed;top:16px;right:20px}.hud-icon-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f8;cursor:pointer;background:#050510cc;border:1px solid #00ff884d;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:border-color .2s,box-shadow .2s;display:flex}.hud-icon-btn:hover{border-color:#0f8;box-shadow:0 0 12px #00ff884d}@media (width<=768px){.hud-interact-hint{font-size:8px;bottom:160px}}.dialog-box{z-index:200;cursor:pointer;width:min(90vw,600px);animation:.3s dialog-slide-up;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes dialog-slide-up{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dialog-inner{background:#0a0a1af2;border:3px solid #0f8;padding:0;box-shadow:0 0 20px #0f83,inset 0 0 30px #00ff8808}.dialog-header{background:#00ff880f;border-bottom:1px solid #00ff8826;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.dialog-npc-name{color:#0f8;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:10px}.dialog-close{color:#555570;cursor:pointer;padding:4px;font-size:14px;transition:color .2s}.dialog-close:hover{color:#f38}.dialog-text{color:#e8e8f0;min-height:60px;padding:20px 16px;font-family:Space Mono,monospace;font-size:14px;line-height:1.8}.dialog-cursor{color:#0f8;animation:.5s step-end infinite blink-cursor}@keyframes blink-cursor{50%{opacity:0}}.dialog-footer{text-align:right;min-height:28px;padding:8px 16px 12px}.dialog-advance{color:#0f8;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:8px;animation:1.2s step-end infinite blink-text}@media (width<=768px){.dialog-box{bottom:100px}.dialog-text{font-size:12px}}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050510d9;justify-content:center;align-items:center;padding:20px;animation:.3s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{background:#0a0a1af2;border:3px solid #0f8;width:100%;max-width:800px;max-height:80vh;animation:.3s modal-slide-in;position:relative;overflow-y:auto;box-shadow:0 0 40px #00ff8826,inset 0 0 40px #00ff8805}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{float:right;color:#555570;cursor:pointer;z-index:10;letter-spacing:1px;background:#0a0a1ae6;border:1px solid #0f83;margin:12px 12px 0 0;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;transition:all .2s;position:sticky;top:0}.modal-close:hover{color:#f38;border-color:#f38}.modal-content{padding:24px 32px 32px}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#050510}.modal-container::-webkit-scrollbar-thumb{background:#0f8}.modal-title{color:#0f8;text-shadow:0 0 15px #00ff884d;letter-spacing:2px;margin-bottom:8px;font-family:"Press Start 2P",monospace;font-size:clamp(14px,2.5vw,20px)}.modal-subtitle{color:#555570;letter-spacing:3px;margin-bottom:28px;font-family:"Press Start 2P",monospace;font-size:8px}.modal-section{margin-bottom:24px}.modal-section-title{color:#88a;letter-spacing:2px;border-bottom:1px dashed #ffffff1a;margin-bottom:16px;padding-bottom:8px;font-family:"Press Start 2P",monospace;font-size:10px}.pixel-card{background:#0000004d;border:2px solid #ffffff0f;padding:16px;transition:all .2s}.pixel-card:hover{border-color:#00ff884d}@media (width<=768px){.modal-content{padding:16px 20px 24px}.modal-container{max-height:85vh}}.main-menu-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050510b3;justify-content:center;align-items:center;animation:.2s menu-fade-in;display:flex;position:fixed;inset:0}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}.main-menu{background:#0a0a18f2;border:2px solid #00ff884d;min-width:380px;max-width:90vw;padding:32px 40px;animation:.25s menu-slide-in;box-shadow:0 0 40px #00ff8814,inset 0 0 60px #0006}@keyframes menu-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-header{text-align:center;margin-bottom:8px}.menu-title{color:#0f8;letter-spacing:3px;text-shadow:0 0 20px #00ff884d;margin-bottom:10px;font-family:"Press Start 2P",monospace;font-size:14px}.menu-subtitle{color:#88a;letter-spacing:1px;font-family:Space Mono,monospace;font-size:10px}.menu-divider{background:linear-gradient(90deg,#0000,#00ff884d 20% 80%,#0000);height:1px;margin:16px 0}.menu-items{flex-direction:column;gap:4px;display:flex}.menu-item{cursor:pointer;text-align:left;color:#88a;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:"Press Start 2P",monospace;transition:all .15s;display:flex}.menu-item:hover,.menu-item-selected{border-color:var(--item-color,#0f8);box-shadow:0 0 15px color-mix(in srgb, var(--item-color,#0f8) 15%, transparent);background:#00ff880d}.menu-item-cursor{color:var(--item-color,#0f8);width:14px;text-shadow:0 0 8px var(--item-color,#0f8);flex-shrink:0;font-size:10px}.menu-item-icon{text-align:center;flex-shrink:0;width:24px;font-size:16px}.menu-item-label{color:#e8e8f0;letter-spacing:2px;flex-shrink:0;min-width:100px;font-size:10px}.menu-item-selected .menu-item-label{color:var(--item-color,#0f8);text-shadow:0 0 10px color-mix(in srgb, var(--item-color,#0f8) 30%, transparent)}.menu-item-desc{color:#555570;margin-left:auto;font-family:Space Mono,monospace;font-size:9px}.menu-item-selected .menu-item-desc{color:#88a}.menu-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.menu-footer-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #0f83;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:8px;transition:all .2s}.menu-footer-btn:hover{color:#0f8;border-color:#0f8;box-shadow:0 0 10px #00ff8826}.menu-footer-hint{color:#555570;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:8px;display:flex}.menu-key{color:#0f8;background:#00ff8826;padding:2px 6px;font-family:"Press Start 2P",monospace;font-size:7px}@media (width<=600px){.main-menu{min-width:unset;width:92vw;padding:24px 20px}.menu-title{font-size:11px}.menu-item-desc{display:none}.menu-footer{flex-direction:column;align-items:flex-start;gap:10px}}