@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-dark-purple: #1b0a33;--bg-light-purple: #2a114f;--text-gold: #f4d03f;--btn-pink: #D81B60;--btn-pink-hover: #E91E63;--btn-shadow: #8b1c4e;--panel-bg: #29104c;--panel-border: #4d238b;--text-white: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:"Press Start 2P",monospace;background-color:var(--bg-dark-purple);overflow:hidden;color:var(--text-white)}#game-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-dark-purple) 0%,var(--bg-light-purple) 100%)}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%}.clouds{background-image:url(/assets/clouds.png);background-size:contain;background-position:top 10% left;animation:panRight 60s linear infinite;opacity:.8}.city{background-image:url(/assets/city_bg.png);background-size:auto 60%;background-position:bottom left;background-repeat:repeat-x;bottom:100px;top:auto;animation:none}@keyframes panRight{0%{transform:translate(0)}to{transform:translate(-50%)}}.top-nav{position:relative;z-index:50;display:flex;justify-content:space-between;padding:20px 40px;align-items:center}.nav-left{display:flex;align-items:center;gap:15px;transition:opacity .3s ease}.nav-left.hidden{opacity:0;pointer-events:none}.pixel-heart{color:#ff477e;font-size:24px}.name-titles h1{font-size:16px;margin-bottom:5px;letter-spacing:1px}.name-titles h2{font-size:10px;color:var(--text-gold);letter-spacing:.5px}.nav-right{display:flex;gap:30px}.nav-item{color:var(--text-white);text-decoration:none;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s,color .2s}.nav-item i{margin-right:8px}.nav-icon{height:24px;width:auto;margin-right:10px;image-rendering:pixelated;vertical-align:middle}.nav-item:hover{transform:translateY(-3px);color:var(--text-gold)}.hero{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:-80px}.welcome-text{font-size:24px;margin-bottom:10px;color:var(--text-white);text-shadow:2px 2px 0px #000}.pixel-world-text{font-size:64px;margin:10px 0;text-shadow:4px 4px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;letter-spacing:2px}.subtitle{font-size:12px;line-height:2;margin-bottom:30px;text-shadow:2px 2px 0px #000}.subtitle span{color:var(--text-gold)}.play-btn{font-family:"Press Start 2P",monospace;background-color:var(--btn-pink);color:var(--text-white);border:none;padding:20px 30px;font-size:16px;cursor:pointer;margin-bottom:20px;box-shadow:inset -4px -4px #0000004d,inset 4px 4px #ffffff4d,0 0 0 4px #000,4px 4px 0 4px #00000080;border-radius:8px;transition:transform .1s;animation:pulse 2s infinite}.play-btn:hover{background-color:var(--btn-pink-hover)}.play-btn:active{transform:scale(.95);box-shadow:inset 4px 4px #0000004d,0 0 0 4px #000}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.start-prompt{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:15px;text-shadow:2px 2px 0px #000}.start-prompt .gold{color:var(--text-gold)}.bounce-arrow{color:var(--text-gold);font-size:16px;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(10px)}}.foreground{position:absolute;bottom:180px;left:0;width:100%;height:250px;z-index:20;display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 0 50px;pointer-events:none}.fg-left,.fg-right{display:flex;align-items:flex-end;gap:20px}.board{height:120px;image-rendering:pixelated}.board-left{margin-bottom:20px}.board-right{margin-bottom:30px;margin-right:-160px;position:relative;z-index:10}.character-sprite{width:250px;height:250px;background-image:url(/assets/character.png);background-size:auto 100%;background-repeat:no-repeat;background-position:bottom center;image-rendering:pixelated;will-change:transform}.tree{height:350px;image-rendering:pixelated}.ground-container{position:absolute;bottom:0;left:0;width:100%;height:220px;z-index:30;background:linear-gradient(to bottom,transparent 60px,#2a1622 60px)}.grass-top{width:100%;height:100%;background-image:url(/assets/grass_cropped.png);background-size:452px 100%;background-repeat:repeat-x;background-position:top left;display:block}.dirt-bricks{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);display:flex;justify-content:center;align-items:flex-start;padding-top:10px}.music-toggle{position:absolute;left:40px;top:40px;background-color:#0009;border:2px solid #5a3f7a;padding:10px 15px;border-radius:8px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text-white);transition:background .2s;pointer-events:auto;z-index:100}.music-toggle i{color:#ff477e}.music-toggle:hover{background-color:#000c}.back-btn{position:absolute;left:40px;top:40px;background-color:#0009;border:2px solid #5a3f7a;padding:10px 15px;border-radius:8px;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text-white);transition:background .2s;pointer-events:auto;z-index:100;text-decoration:none;font-family:"Press Start 2P",monospace}.back-btn i{color:#ff477e}.back-btn:hover{background-color:#000c}.footer-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:15px 30px;box-shadow:0 0 0 4px #120526;display:flex;flex-direction:column;align-items:center;margin-top:-10px;pointer-events:auto}.panel-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.panel-header h4{font-size:12px;color:var(--text-gold)}.panel-header .dots{color:var(--panel-border);letter-spacing:2px}.panel-columns{display:flex;gap:40px}.col{display:flex;flex-direction:column;align-items:center;text-align:center;width:140px}.col i{font-size:24px;color:#79a1f5;margin-bottom:10px}.col:nth-child(4) i{color:#ff477e}.col h5{font-size:10px;color:var(--text-white);margin-bottom:8px}.col p{font-size:8px;line-height:1.4;color:#b0a0c9}.view{transition:opacity .5s ease,visibility .5s ease}.view.hidden{opacity:0;pointer-events:none;z-index:-1;visibility:hidden}.view.active{opacity:1;pointer-events:auto;visibility:visible}#home-view,#about-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.play-btn,.bio-panel,.footer-panel,.level-panel,.beliefs-panel{pointer-events:auto}#home-footer,#about-footer,#skills-footer{position:absolute;width:100%;display:flex;justify-content:center;top:10px;pointer-events:none}.skills-footer-layout{display:flex;justify-content:center;width:100%}.leveling-banner{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:8px;padding:10px 30px;box-shadow:0 0 0 4px #120526;font-size:10px;color:#e0d4f5;display:flex;align-items:center;gap:10px;pointer-events:auto}#skills-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.view.active .skills-hero,.view.active .skills-sidebar,.view.active .skills-panel,.view.active .leveling-banner{pointer-events:auto}.skills-hero{display:flex;justify-content:space-between;align-items:center;padding:30px 60px}.skills-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000;display:flex;align-items:center;gap:15px}.powerup-banner{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:8px;padding:10px 30px;box-shadow:0 0 0 4px #120526;font-size:10px;color:#e0d4f5}.skills-layout{display:flex;flex:1;padding:0 60px 40px;gap:30px}.skills-sidebar{width:250px;display:flex;flex-direction:column;gap:15px;margin-top:20px;z-index:20}.skill-tab{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:8px;padding:15px;box-shadow:inset -4px -4px #0006,0 0 0 4px #120526;color:var(--text-white);font-family:"Press Start 2P",cursive;font-size:10px;text-align:left;cursor:pointer;transition:all .2s}.skill-tab:hover{background-color:#4a2c66}.skill-tab.active{background:linear-gradient(180deg,#e91e63,#ad1457);border-color:#f8bbd0;box-shadow:inset 4px 4px #fff3,0 0 0 4px #120526;padding-left:20px}.skills-content-area{flex:1;display:flex;flex-direction:column}.skills-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:30px;box-shadow:0 0 0 4px #120526;flex:1;display:flex;flex-direction:column}.skills-panel h3{font-size:14px;color:var(--text-gold);text-shadow:2px 2px 0px #000;text-align:center;margin-bottom:30px}.skills-list{display:flex;flex-direction:column;gap:20px}.skills-list.hidden{display:none}.skill-row{display:flex;align-items:center;gap:15px}.skill-icon-box{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.skill-name{width:140px;color:var(--text-white);font-size:10px;text-shadow:1px 1px 0px #000;line-height:1.4}.skill-bar{flex:1;display:flex;gap:4px}.skill-block{flex:1;height:16px;background-color:#2a1622;border-radius:2px;box-shadow:inset -2px -2px #00000080}.skill-block.filled{background:linear-gradient(180deg,var(--fill-color, #4CAF50) 0%,var(--fill-color-dark, #2E7D32) 100%);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0000004d}.skill-pct{width:40px;text-align:right;color:var(--text-white);font-size:10px}.skill-bar[data-color=html] .skill-block.filled{--fill-color: #FF9800;--fill-color-dark: #E65100}.skill-bar[data-color=js] .skill-block.filled{--fill-color: #FFC107;--fill-color-dark: #FF8F00}.skill-bar[data-color=react] .skill-block.filled{--fill-color: #03A9F4;--fill-color-dark: #01579B}.skill-bar[data-color=node] .skill-block.filled{--fill-color: #8BC34A;--fill-color-dark: #33691E}.skill-bar[data-color=python] .skill-block.filled{--fill-color: #2196F3;--fill-color-dark: #0D47A1}.skill-bar[data-color=sql] .skill-block.filled{--fill-color: #9C27B0;--fill-color-dark: #4A148C}.skill-bar[data-color=pink] .skill-block.filled{--fill-color: #E91E63;--fill-color-dark: #AD1457}.skill-bar[data-color=purple] .skill-block.filled{--fill-color: #9C27B0;--fill-color-dark: #6A1B9A}.skill-bar[data-color=blue] .skill-block.filled{--fill-color: #2196F3;--fill-color-dark: #1565C0}.skill-bar[data-color=yellow] .skill-block.filled{--fill-color: #FFEB3B;--fill-color-dark: #F57F17}.skill-bar[data-color=gray] .skill-block.filled{--fill-color: #9E9E9E;--fill-color-dark: #424242}.skill-bar[data-color=orange] .skill-block.filled{--fill-color: #FF5722;--fill-color-dark: #D84315}.skill-bar[data-color=green] .skill-block.filled{--fill-color: #4CAF50;--fill-color-dark: #2E7D32}.skill-bar[data-color=gold] .skill-block.filled{--fill-color: #FFC107;--fill-color-dark: #FF8F00}.skill-bar[data-color=teal] .skill-block.filled{--fill-color: #009688;--fill-color-dark: #004D40}.icon-sword{box-shadow:16px 0 #cfd8dc,12px 4px #cfd8dc,20px 4px #cfd8dc,8px 8px #cfd8dc,16px 8px #90a4ae,24px 8px #cfd8dc,4px 12px #cfd8dc,12px 12px #90a4ae,20px 12px #90a4ae,28px 12px #cfd8dc,8px 16px #90a4ae,16px 16px #90a4ae,24px 16px #cfd8dc,12px 20px #90a4ae,20px 20px #cfd8dc,16px 24px #cfd8dc,-4px 20px #ffc107,0 20px #ffc107,4px 20px #ffc107,0 24px #ffc107,4px 24px #795548,8px 24px #ffc107,4px 28px #ffc107,8px 28px #ffc107,12px 28px #ffc107,0 32px #ffc107,4px 32px #ffc107,-4px 36px #ffc107;transform:translate(-12px) translateY(-16px);margin-right:16px}.icon-html{box-shadow:4px 0 #ff5722,8px 0 #ff5722,12px 0 #ff5722,4px 4px #ff5722,12px 4px #ff5722,4px 8px #ff5722,12px 8px #ff5722,8px 12px #ff5722}.icon-js{box-shadow:4px 0 #ffeb3b,8px 0 #ffeb3b,12px 0 #ffeb3b,4px 4px #ffeb3b,12px 4px #ffeb3b,4px 8px #ffeb3b,12px 8px #ffeb3b,4px 12px #ffeb3b,8px 12px #ffeb3b,12px 12px #ffeb3b}.icon-react{box-shadow:8px 0 #00bcd4,4px 4px #00bcd4,12px 4px #00bcd4,0 8px #00bcd4,16px 8px #00bcd4,4px 12px #00bcd4,12px 12px #00bcd4,8px 16px #00bcd4}.icon-node{box-shadow:8px 0 #4caf50,4px 4px #4caf50,12px 4px #4caf50,4px 8px #4caf50,12px 8px #4caf50,8px 12px #4caf50}.icon-python{box-shadow:4px 0 #2196f3,8px 0 #2196f3,4px 4px #2196f3,4px 8px #ffeb3b,8px 8px #ffeb3b,8px 12px #ffeb3b}.icon-sql{box-shadow:4px 0 #9c27b0,8px 0 #9c27b0,12px 0 #9c27b0,4px 4px #9c27b0,12px 4px #9c27b0,4px 8px #9c27b0,8px 8px #9c27b0,12px 8px #9c27b0,4px 12px #9c27b0,12px 12px #9c27b0,4px 16px #9c27b0,8px 16px #9c27b0,12px 16px #9c27b0}.icon-uiux{box-shadow:4px 0 #e91e63,8px 0 #e91e63,4px 4px #e91e63,8px 4px #e91e63,8px 8px #2196f3,12px 8px #2196f3,8px 12px #2196f3,12px 12px #2196f3}.icon-graphic{box-shadow:4px 0 #9c27b0,8px 0 #9c27b0,0 4px #9c27b0,12px 4px #9c27b0,0 8px #9c27b0,12px 8px #9c27b0,4px 12px #9c27b0,8px 12px #9c27b0,4px 4px #ffeb3b,8px 8px #e91e63}.icon-frontend{box-shadow:0 0 #9e9e9e,4px 0 #9e9e9e,8px 0 #9e9e9e,12px 0 #9e9e9e,0 4px #2196f3,4px 4px #2196f3,8px 4px #2196f3,12px 4px #2196f3,0 8px #2196f3,12px 8px #2196f3,0 12px #9e9e9e,4px 12px #9e9e9e,8px 12px #9e9e9e,12px 12px #9e9e9e}.icon-canva{box-shadow:4px 0 #00bcd4,8px 0 #00bcd4,0 4px #00bcd4,12px 4px #00bcd4,0 8px #00bcd4,12px 8px #00bcd4,4px 12px #00bcd4,8px 12px #00bcd4,4px 4px #fff}.icon-powerbi{box-shadow:0 12px #ffeb3b,4px 12px #ffeb3b,8px 12px #ffeb3b,12px 12px #ffeb3b,4px 8px #ffeb3b,8px 8px #ffeb3b,12px 8px #ffeb3b,8px 4px #ffeb3b,12px 4px #ffeb3b,12px 0 #ffeb3b}.icon-figma{box-shadow:4px 0 #f24e1e,8px 0 #ff7262,4px 4px #a259ff,8px 4px #1abcfe,4px 8px #0acf83}.icon-jira{box-shadow:4px 0 #2684ff,0 4px #2684ff,4px 4px #2684ff,0 8px #2684ff,4px 8px #2684ff,8px 8px #2684ff,0 12px #2684ff,4px 12px #2684ff,8px 12px #2684ff,12px 12px #2684ff}.icon-github{box-shadow:0 0 #fff,12px 0 #fff,0 4px #fff,4px 4px #fff,8px 4px #fff,12px 4px #fff,0 8px #fff,4px 8px #fff,8px 8px #fff,12px 8px #fff}.icon-postman{box-shadow:12px 0 #ff6c37,8px 4px #ff6c37,12px 4px #ff6c37,4px 8px #ff6c37,8px 8px #ff6c37,12px 8px #ff6c37,0 12px #ff6c37,4px 12px #ff6c37,8px 12px #ff6c37}.icon-docker{box-shadow:4px 0 #2496ed,0 4px #2496ed,4px 4px #2496ed,8px 4px #2496ed,0 8px #2496ed,4px 8px #2496ed,8px 8px #2496ed,12px 8px #2496ed}.icon-tableau{box-shadow:4px 0 #e91e63,0 4px #2196f3,4px 4px #2196f3,8px 4px #2196f3,4px 8px #ff9800}.icon-pm{box-shadow:4px 0 #795548,8px 0 #795548,0 4px #795548,4px 4px #795548,8px 4px #795548,12px 4px #795548,0 8px #795548,12px 8px #795548,0 12px #795548,4px 12px #795548,8px 12px #795548,12px 12px #795548}.icon-agile{box-shadow:4px 0 #4caf50,8px 0 #4caf50,0 4px #4caf50,12px 4px #4caf50,0 8px #4caf50,8px 8px #4caf50,4px 12px #4caf50}.icon-research{box-shadow:4px 0 #9e9e9e,8px 0 #9e9e9e,0 4px #9e9e9e,12px 4px #9e9e9e,0 8px #9e9e9e,12px 8px #9e9e9e,4px 12px #9e9e9e,8px 12px #9e9e9e,12px 16px #9e9e9e,16px 20px #9e9e9e}.icon-strategy{box-shadow:0 0 #ffc107,8px 0 #ffc107,16px 0 #ffc107,0 4px #ffc107,4px 4px #ffc107,8px 4px #ffc107,12px 4px #ffc107,16px 4px #ffc107,4px 8px #ffc107,8px 8px #ffc107,12px 8px #ffc107}.icon-sdlc{box-shadow:4px 0 #9e9e9e,0 4px #9e9e9e,8px 4px #9e9e9e,4px 8px #9e9e9e}.icon-ml{box-shadow:4px 0 #009688,8px 0 #009688,0 4px #009688,12px 4px #009688,0 8px #009688,12px 8px #009688,4px 12px #009688,8px 12px #009688,4px 4px #ffeb3b,8px 4px #ffeb3b}.icon-genai{box-shadow:4px 0 #e91e63,4px 4px #e91e63,0 8px #9c27b0,4px 8px #9c27b0,8px 8px #9c27b0,4px 12px #e91e63,4px 16px #e91e63}.icon-llm{box-shadow:0 0 #f48fb1,4px 0 #f48fb1,8px 0 #f48fb1,12px 0 #f48fb1,0 4px #f48fb1,12px 4px #f48fb1,0 8px #f48fb1,12px 8px #f48fb1,0 12px #f48fb1,4px 12px #f48fb1,8px 12px #f48fb1,4px 16px #f48fb1}.icon-data{box-shadow:4px 0 #ff9800,8px 0 #ff9800,0 4px #ff9800,12px 4px #ff9800,0 8px #ff9800,12px 8px #ff9800,4px 12px #ff9800,8px 12px #ff9800}.about-hero{padding:40px;margin-left:20px;position:relative;z-index:20}.about-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000}.about-content{position:absolute;bottom:180px;left:0;display:flex;width:100%;padding:0 80px;justify-content:space-between;align-items:flex-end;margin:0}.about-left{position:relative;z-index:20}.about-player{margin:0}.about-right{flex:1;display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:40px}.bio-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:30px;box-shadow:0 0 0 4px #120526;width:600px;color:#e0d4f5;font-size:10px;line-height:1.8;position:relative;z-index:10}.bio-panel h3{font-size:16px;color:var(--text-gold);margin-bottom:20px;text-shadow:2px 2px 0px #000}.bio-panel .wave{display:inline-block;animation:wave 2s infinite;transform-origin:bottom center}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}.about-footer-layout{display:flex;gap:30px;width:100%;max-width:1000px;margin:-10px auto 0}.level-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:20px;box-shadow:0 0 0 4px #120526;width:300px}.level-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px;font-size:12px}.level-header i{font-size:24px}.level-stats{display:flex;flex-direction:column;gap:8px;color:var(--text-white);text-shadow:1px 1px 0px #000}.xp-bar-container{width:100%;height:16px;background-color:#120526;border:2px solid #5a3f7a;border-radius:4px;padding:2px}.xp-bar-fill{width:88%;height:100%;background-color:#4caf50;border-right:4px solid #81C784}#experience-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.view.active .experience-hero,.view.active .experience-panel{pointer-events:auto}.experience-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 60px}.experience-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000;display:flex;align-items:center;gap:15px}.experience-layout{display:flex;flex:1;padding:0 60px 40px 300px}.experience-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:30px;box-shadow:0 0 0 4px #120526;flex:1;display:flex}.timeline-container{position:relative;width:100%;display:flex;flex-direction:column}.timeline-line{position:absolute;left:10px;top:10px;bottom:10px;width:2px;background-color:#6a1b9a}.timeline-item{position:relative;display:flex;padding-left:40px;padding-bottom:25px;padding-top:5px;border-bottom:2px solid rgba(255,255,255,.05)}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-dot{position:absolute;left:4px;top:15px;width:14px;height:14px;background-color:var(--text-gold);border-radius:50%;box-shadow:0 0 0 4px var(--panel-bg)}.experience-card{display:flex;gap:20px;width:100%}.exp-icon-box{width:40px;height:40px;background-color:#1b0a33;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border:2px solid #4d238b}.exp-content h4{font-size:12px;color:var(--text-gold);margin-bottom:8px;line-height:1.4}.exp-content h5{font-size:10px;color:var(--text-white);margin-bottom:12px;opacity:.9}.exp-content p{font-size:9px;color:#e0d4f5;line-height:1.6;margin-bottom:8px}.exp-bullets{list-style:none;padding-left:0}.exp-bullets li{font-size:9px;color:#e0d4f5;line-height:1.6;margin-bottom:6px;position:relative;padding-left:12px}.exp-bullets li:before{content:">";position:absolute;left:0;top:0;color:var(--text-gold);font-weight:700}.pixel-logo{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}#contact-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.view.active .contact-hero,.view.active .contact-panel,.view.active .social-btn{pointer-events:auto}.contact-hero{display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding:30px 60px}.contact-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000;display:flex;align-items:center;gap:15px}.contact-layout{display:flex;flex:1;padding:0 60px 40px;gap:50px}.contact-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:25px;box-shadow:0 0 0 4px #120526;width:400px;height:fit-content;display:flex;flex-direction:column}.contact-item{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:2px solid rgba(255,255,255,.05)}.contact-item:last-child{border-bottom:none}.contact-text{display:flex;flex-direction:column;gap:5px}.contact-label{font-size:10px;color:var(--text-gold)}.contact-value{font-size:9px;color:#e0d4f5}.contact-character-area{position:absolute;bottom:180px;right:150px;display:flex;align-items:flex-end}.contact-player{margin:0}.mailbox-prop{margin-right:10px;width:100px;image-rendering:pixelated;margin-bottom:25px}.speech-bubble{position:absolute;top:-80px;left:20px;background-color:#fcebd5;border:4px solid #4a3424;border-radius:12px;padding:12px 15px;font-size:9px;color:#4a3424;line-height:1.5;box-shadow:4px 4px #0000004d}.speech-bubble:after{content:"";position:absolute;bottom:-16px;left:30px;border-width:12px 12px 0 0;border-style:solid;border-color:#fcebd5 transparent transparent transparent;display:block;width:0}.speech-bubble:before{content:"";position:absolute;bottom:-22px;left:28px;border-width:16px 16px 0 0;border-style:solid;border-color:#4a3424 transparent transparent transparent;display:block;width:0;z-index:-1}.social-btn{background-color:var(--panel-bg);border:3px solid var(--panel-border);box-shadow:0 0 0 3px #120526;width:50px;height:50px;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .1s}.social-btn:hover{transform:translateY(-2px);background-color:#3b1b6e}.icon-linkedin{box-shadow:0 4px #0077b5,4px 4px #0077b5,8px 4px #0077b5,12px 4px #0077b5,0 8px #0077b5,4px 8px #fff,8px 8px #0077b5,12px 8px #0077b5,0 12px #0077b5,4px 12px #fff,8px 12px #0077b5,12px 12px #fff,0 16px #0077b5,4px 16px #0077b5,8px 16px #0077b5,12px 16px #fff,0 20px #0077b5,4px 20px #0077b5,8px 20px #0077b5,12px 20px #0077b5;transform:translate(-6px) translateY(-10px)}.icon-mail-small{box-shadow:0 0 #fff,4px 0 #fff,8px 0 #fff,12px 0 #fff,16px 0 #fff,0 4px #fff,4px 4px #d9a066,8px 4px #d9a066,12px 4px #fff,16px 4px #fff,0 8px #fff,4px 8px #fff,8px 8px #d9a066,12px 8px #fff,16px 8px #fff,0 12px #fff,4px 12px #fff,8px 12px #fff,12px 12px #fff,16px 12px #fff;transform:translate(-8px) translateY(-6px)}.icon-location{box-shadow:4px 0 #e91e63,8px 0 #e91e63,0 4px #e91e63,4px 4px #e91e63,8px 4px #e91e63,12px 4px #e91e63,0 8px #e91e63,4px 8px #2a1622,8px 8px #e91e63,12px 8px #e91e63,0 12px #e91e63,4px 12px #e91e63,8px 12px #e91e63,12px 12px #e91e63,4px 16px #e91e63,8px 16px #e91e63,4px 20px #e91e63,8px 20px #e91e63;transform:translate(-6px) translateY(-10px)}.icon-github-small{box-shadow:4px 0 #fff,8px 0 #fff,12px 0 #fff,0 4px #fff,4px 4px #000,8px 4px #fff,12px 4px #000,16px 4px #fff,0 8px #fff,4px 8px #fff,8px 8px #fff,12px 8px #fff,16px 8px #fff,0 12px #fff,4px 12px #000,8px 12px #000,12px 12px #000,16px 12px #fff,4px 16px #fff,8px 16px #fff,12px 16px #fff;transform:translate(-8px) translateY(-8px)}#experience-footer{position:absolute;width:100%;display:flex;top:10px;pointer-events:none}.experience-footer-layout{width:100%;display:flex;z-index:20}.experience-character-wrapper{position:absolute;bottom:180px;left:100px;display:flex;align-items:flex-end;z-index:20}.experience-player{margin:0}.bag-prop{position:absolute;bottom:10px;left:120px;width:80px;image-rendering:pixelated}.icon-btn-logo{box-shadow:4px 0 #d32f2f,8px 0 #d32f2f,12px 0 #d32f2f,0 4px #d32f2f,4px 4px #fff,8px 4px #d32f2f,12px 4px #d32f2f,16px 4px #d32f2f,0 8px #d32f2f,4px 8px #fff,8px 8px #fff,12px 8px #fff,16px 8px #d32f2f,0 12px #d32f2f,4px 12px #fff,8px 12px #fff,12px 12px #fff,16px 12px #d32f2f,4px 16px #d32f2f,8px 16px #d32f2f,12px 16px #d32f2f;transform:translate(-8px) translateY(-8px)}.icon-gemini{box-shadow:8px 0 #2196f3,8px 4px #2196f3,0 8px #9c27b0,4px 8px #9c27b0,8px 8px #e91e63,12px 8px #9c27b0,16px 8px #9c27b0,8px 12px #2196f3,8px 16px #2196f3;transform:translate(-8px) translateY(-8px)}.beliefs-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:15px 30px;box-shadow:0 0 0 4px #120526;flex:1;display:flex;flex-direction:column;align-items:center}.beliefs-panel h4{font-size:12px;color:var(--text-gold);margin-bottom:20px;text-shadow:1px 1px 0px #000}.beliefs-columns{display:flex;justify-content:space-between;width:100%;padding:0 20px}.belief-col{display:flex;flex-direction:column;align-items:center;gap:15px;font-size:10px;color:var(--text-white)}.pixel-icon{width:4px;height:4px;position:relative;display:inline-block}.icon-creativity{box-shadow:8px 0 #ffc107,12px 0 #ffc107,4px 4px #ffc107,16px 4px #ffc107,4px 8px #ffc107,16px 8px #ffc107,8px 12px #ffc107,12px 12px #ffc107,8px 16px gray,12px 16px gray,10px 20px gray;margin-bottom:16px;transform:translate(-8px)}.icon-consistency{box-shadow:24px 0 #4caf50,20px 4px #4caf50,16px 8px #4caf50,4px 12px #4caf50,12px 12px #4caf50,8px 16px #4caf50;margin-bottom:16px;transform:translate(-12px)}.icon-learning{box-shadow:4px 0 #2196f3,8px 0 #2196f3,12px 0 #2196f3,16px 0 #2196f3,20px 0 #2196f3,0 4px #2196f3,12px 4px #2196f3,24px 4px #2196f3,0 8px #2196f3,12px 8px #2196f3,24px 8px #2196f3,0 12px #2196f3,12px 12px #2196f3,24px 12px #2196f3,4px 16px #2196f3,8px 16px #2196f3,12px 16px #2196f3,16px 16px #2196f3,20px 16px #2196f3;margin-bottom:16px;transform:translate(-12px)}.icon-impact{box-shadow:4px 0 #e91e63,16px 0 #e91e63,0 4px #e91e63,8px 4px #e91e63,12px 4px #e91e63,20px 4px #e91e63,0 8px #e91e63,4px 8px #e91e63,8px 8px #e91e63,12px 8px #e91e63,16px 8px #e91e63,20px 8px #e91e63,4px 12px #e91e63,8px 12px #e91e63,12px 12px #e91e63,16px 12px #e91e63,8px 16px #e91e63,12px 16px #e91e63;margin-bottom:16px;transform:translate(-10px)}#education-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.education-hero{display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding:30px 60px}.education-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000;display:flex;align-items:center;gap:15px}.education-layout{display:flex;flex:1;justify-content:flex-end;padding:0 60px 40px}.education-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:25px;box-shadow:0 0 0 4px #120526;width:450px;pointer-events:auto;display:flex;flex-direction:column}.education-item{display:flex;gap:20px;padding:15px 0;border-bottom:2px solid rgba(255,255,255,.05)}.education-item:last-child{border-bottom:none;padding-bottom:0}.edu-icon-box{width:48px;height:48px;flex-shrink:0}.edu-icon-box img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.edu-content{display:flex;flex-direction:column;gap:8px}.edu-content h4{font-size:12px;color:var(--text-white);line-height:1.4}.edu-content p{font-size:10px;color:#e0d4f5}.education-school-wrapper{position:absolute;bottom:180px;left:50px;z-index:10;display:flex;align-items:flex-end}.school-prop{height:250px;image-rendering:pixelated}#education-footer{position:absolute;width:100%;display:flex;bottom:10px;pointer-events:none}.education-quote-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:15px 25px;box-shadow:0 0 0 4px #120526;display:flex;align-items:center;gap:20px}.quote-avatar-wrapper{position:relative;width:60px;height:60px;border-radius:8px;border:2px solid #4d238b;background-color:#1b0a33;overflow:hidden}.quote-avatar{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.quote-star{position:absolute;bottom:-5px;right:-5px;font-size:14px}.quote-text{display:flex;flex-direction:column;gap:6px}.quote-text p{font-size:10px;color:var(--text-white)}.quote-author{color:var(--text-gold)!important;text-align:right;margin-top:5px}#projects-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:15;pointer-events:none}.projects-hero{display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding:20px 60px 10px}.projects-title{font-size:24px;color:var(--text-white);text-shadow:2px 2px 0px #000;display:flex;align-items:center;gap:15px}.projects-layout{display:flex;flex:1;padding:0 60px 215px;gap:30px;pointer-events:auto;justify-content:center;min-height:0}.projects-menu{display:flex;flex-direction:column;gap:10px;width:220px}.project-btn{background-color:var(--panel-bg);border:2px solid var(--panel-border);border-radius:8px;padding:10px 15px;display:flex;align-items:center;gap:15px;cursor:pointer;box-shadow:0 0 0 2px #120526;transition:all .2s ease}.project-btn:hover{transform:translateY(-2px);border-color:#8955e6}.project-btn.active{background-color:#5e31a3cc;border-color:#a476f5;box-shadow:0 0 0 2px #a476f5,inset 0 0 10px #a476f54d}.proj-menu-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.proj-menu-text{display:flex;flex-direction:column;gap:4px}.proj-menu-text .title{color:var(--text-gold);font-size:11px}.proj-menu-text .subtitle{color:var(--text-white);font-size:9px;opacity:.8}.projects-panel{flex:1;max-width:1000px;background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;box-shadow:0 0 0 4px #120526;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;min-height:0}.project-detail{display:none;width:100%;padding:25px;gap:25px}.project-detail.active{display:flex;padding-bottom:40px}.proj-image-container{flex:0 0 200px;display:flex;justify-content:center;align-items:center}.proj-image-container img{width:100%;max-height:200px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5))}.proj-info-container{flex:1;display:flex;flex-direction:column;gap:15px;padding-bottom:30px}.proj-info-container h3{font-size:16px;color:var(--text-gold);text-shadow:1px 1px 0px #000;line-height:1.3}.proj-info-container p,.proj-scrollable-content{font-size:11px;color:var(--text-white);line-height:1.6;opacity:.9}.proj-scrollable-content{overflow-y:visible;padding-right:15px}.proj-scrollable-content::-webkit-scrollbar{width:6px}.proj-scrollable-content::-webkit-scrollbar-thumb{background:#673ab7;border-radius:4px}.proj-scrollable-content h4{color:#fff;font-size:12px;margin-top:15px;margin-bottom:5px}.proj-scrollable-content ul{padding-left:20px;margin-top:5px;margin-bottom:10px}.proj-scrollable-content li{margin-bottom:6px}.proj-actions{display:flex;gap:15px;margin-top:20px;margin-bottom:25px;flex-wrap:wrap}.proj-action-btn{padding:10px 20px;border-radius:6px;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;border:2px solid #000;box-shadow:inset -2px -4px #0000004d;color:#fff;text-decoration:none;text-align:center}.proj-action-btn:hover{filter:brightness(1.2)}.btn-github{background-color:#2b1f4c}.btn-demo{background-color:#1a6f5e}.btn-disabled{background-color:#555;cursor:not-allowed;opacity:.7}#projects-footer{position:absolute;width:100%;display:flex;bottom:15px;pointer-events:none;justify-content:center}.projects-footer-panel{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:15px 30px;box-shadow:0 0 0 4px #120526;display:flex;align-items:center;gap:20px;pointer-events:auto}.projects-footer-panel p{font-size:10px;color:var(--text-white)}.photobooth-btn{background-color:#b02a63;color:#fff;padding:8px 15px;border:2px solid #000;border-radius:6px;font-size:9px;text-decoration:none;box-shadow:inset -2px -4px #0000004d}.photobooth-btn:hover{filter:brightness(1.2)}.fade-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.fade-overlay.active{opacity:1;pointer-events:auto}#choose-player-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%}.choose-player-title{font-size:32px;color:var(--text-gold);text-shadow:2px 2px 0px #000;margin-bottom:10px}.choose-player-banner{background-color:var(--panel-bg);border:4px solid var(--panel-border);border-radius:12px;padding:15px 30px;text-align:center;box-shadow:0 0 0 4px #120526;margin-bottom:20px}.choose-player-banner p{font-size:12px;color:var(--text-white);line-height:1.5}.roles-text{margin-top:10px;font-size:14px}.role-design{color:#ff477e}.role-build{color:#ffc107}.role-manage{color:#00bcd4}.role-create{color:#4caf50}.player-selection-container{display:flex;align-items:center;gap:20px}.arrow{color:#ff477e;font-size:54px;cursor:pointer;transition:transform .1s}.arrow:active{transform:scale(.9)}.players-list{display:flex;gap:20px}.player-card{display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;transition:all .2s}.player-sprite-container{width:120px;height:160px;border:4px solid transparent;border-radius:12px;display:flex;justify-content:center;align-items:flex-end;transition:all .2s}.player-card.selected .player-sprite-container{border-color:#ff477e;box-shadow:0 0 15px #ff477e80,inset 0 0 10px #ff477e33;background-color:#ff477e1a}.player-sprite{height:130px;image-rendering:pixelated;transform:scale(1.5);transform-origin:bottom center;margin-bottom:-14px}.player-label{background-color:var(--panel-bg);border:2px solid var(--panel-border);color:#79a1f5;font-size:10px;padding:8px 12px;border-radius:6px;box-shadow:0 0 0 2px #120526}.player-card.selected .player-label{border-color:#ff477e;color:#ff477e}.select-player-btn{background-color:#ff477e;color:#fff;border:4px solid #120526;border-radius:12px;padding:15px 40px;font-family:"Press Start 2P",cursive;font-size:14px;margin-top:20px;cursor:pointer;box-shadow:inset -4px -4px #0000004d;transition:filter .2s}.select-player-btn:hover{filter:brightness(1.2)}.choose-player-footer{margin-top:20px;font-size:10px;color:var(--text-white);background-color:var(--panel-bg);border:2px solid var(--panel-border);padding:10px 20px;border-radius:8px;box-shadow:0 0 0 2px #120526;display:flex;align-items:center;justify-content:center;gap:5px}.key-hint{display:inline-flex;align-items:center;justify-content:center;background-color:#6c4e97;color:#fff;padding:0 10px 4px;border-radius:4px;border:2px solid #3d2459;border-bottom-width:4px;margin:0 4px;font-weight:700;font-size:16px;line-height:1}