@charset "UTF-8";.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#323232b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.welcome-modal{background:linear-gradient(180deg,#87ceeb,#98d8e8);border:6px solid #5D4E37;border-radius:4px;padding:3rem;max-width:600px;width:90%;box-shadow:0 0 0 3px #8b7355,0 8px #3d3d3d,0 8px 20px #0006;animation:slideUp .4s ease-out;text-align:center;position:relative}.welcome-modal:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:2px dashed rgba(255,255,255,.3);pointer-events:none}.welcome-modal h1{font-size:1.35rem;margin-bottom:1rem;font-weight:900;color:#2c3e50;text-shadow:3px 3px 0 #fff,4px 4px 0 rgba(0,0,0,.2);letter-spacing:2px;font-family:"Press Start 2P",Courier New,monospace;line-height:1.4}.welcome-modal h2{font-size:1.1rem;margin-bottom:1.5rem;font-weight:600;color:#34495e;text-shadow:1px 1px 0 rgba(255,255,255,.8);font-family:"Press Start 2P",Courier New,monospace;line-height:1.6}.welcome-modal p{font-size:1rem;line-height:1.8;margin-bottom:2rem;color:#2c3e50;font-family:"Press Start 2P",Courier New,monospace;text-shadow:1px 1px 0 rgba(255,255,255,.6)}.welcome-modal button{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff;border:4px solid #2d6b2f;border-radius:4px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .1s ease;box-shadow:0 6px #2d6b2f,0 8px 10px #0000004d;font-family:"Press Start 2P",Courier New,monospace;text-transform:uppercase;letter-spacing:1px;position:relative}.welcome-modal button:hover{background:linear-gradient(180deg,#5cb860,#4caf50);transform:translateY(-2px);box-shadow:0 8px #2d6b2f,0 10px 15px #0000004d}.welcome-modal button:active{transform:translateY(4px);box-shadow:0 2px #2d6b2f,0 4px 5px #0000004d}.welcome-modal:after{content:"🌳 🏢 🌳";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:1.5rem;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.welcome-modal{padding:2rem 1.5rem}.welcome-modal h1{font-size:1.5rem}.welcome-modal h2{font-size:.8rem}.welcome-modal p{font-size:.75rem}.welcome-modal button{font-size:.9rem;padding:.8rem 2rem}}.player-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1001;animation:fadeIn .3s ease-in;cursor:pointer}.player-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;z-index:1;-webkit-mask-image:radial-gradient(circle 75px at 110px 530px,transparent 0%,transparent 100%,black 100%);mask-image:radial-gradient(circle 75px at 110px 530px,transparent 0%,transparent 100%,black 100%)}.player-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 75px at 110px 530px,transparent 0%,transparent 75px,rgba(0,0,0,.7) 75px);z-index:2;pointer-events:none}.player-overlay .spotlight{position:absolute;left:110px;top:530px;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 40px 10px #ffff004d,0 0 60px 20px #ff03;z-index:3;pointer-events:none;animation:pulse 2s ease-in-out infinite}.player-speech-bubble{position:absolute;left:210px;top:423px;background:linear-gradient(180deg,#87ceeb,#98d8e8);border:5px solid #5D4E37;border-radius:8px;padding:1.5rem;max-width:350px;box-shadow:0 0 0 3px sienna,0 6px #654321,0 6px 15px #0006;z-index:3;animation:bounceIn .5s ease-out;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.player-speech-bubble:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid #8B4513}.player-speech-bubble:after{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:15px solid #FFE5B4}.player-speech-bubble p{font-size:.85rem;line-height:1.6;margin-bottom:.8rem;color:#2c3e50;font-family:"Press Start 2P",Courier New,monospace;text-shadow:1px 1px 0 rgba(255,255,255,.6)}.player-speech-bubble p:last-of-type{margin-bottom:0;font-size:.75rem;color:#666;font-style:italic}@keyframes pulse{0%,to{box-shadow:0 0 40px 10px #ffff004d,0 0 60px 20px #ff03}50%{box-shadow:0 0 50px 15px #ff06,0 0 70px 25px #ffff004d}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translate(-20px)}50%{transform:scale(1.05) translate(0)}70%{transform:scale(.95) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}@media (max-width: 768px){.welcome-modal{padding:2rem 1.5rem}.welcome-modal h1{font-size:1.5rem}.welcome-modal h2{font-size:.8rem}.welcome-modal p{font-size:.75rem}.welcome-modal button{font-size:.9rem;padding:.8rem 2rem}.player-speech-bubble{left:50%;top:100px;transform:translate(-50%);max-width:85%}.player-speech-bubble:before,.player-speech-bubble:after{left:50%;top:auto;bottom:-20px;transform:translate(-50%) rotate(90deg)}}.project-label{font-family:"Press Start 2P",Courier New,monospace;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;pointer-events:none;z-index:10;animation:float 2s ease-in-out infinite}.label-content{background:linear-gradient(180deg,#fff,#f0f0f0);border:4px solid #333;border-radius:2px;padding:.75rem 1rem;box-shadow:0 0 0 2px #666,0 4px #222,0 6px 10px #00000080,inset 0 2px #ffffff80;position:relative;animation:pulse-border 1.5s ease-in-out infinite}.label-content:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px dashed rgba(0,0,0,.2);pointer-events:none}.label-title{font-size:.65rem;color:#2c3e50;margin-bottom:.3rem;text-shadow:1px 1px 0 rgba(255,255,255,.8);white-space:nowrap;letter-spacing:.5px}.label-description{font-size:.45rem;color:#555;line-height:1.4;text-shadow:.5px .5px 0 rgba(255,255,255,.6);max-width:250px}.label-arrow{text-align:center;font-size:1.2rem;color:#333;margin-top:.25rem;animation:bounce-arrow .8s ease-in-out infinite;filter:drop-shadow(1px 1px 0 rgba(255,255,255,.8))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 2px #666,0 4px #222,0 6px 10px #00000080,inset 0 2px #ffffff80}50%{box-shadow:0 0 0 2px #888,0 4px #333,0 6px 10px #00000080,inset 0 2px #ffffffb3,0 0 20px #ffffff4d}}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width: 768px){.label-title{font-size:.5rem}.label-description{font-size:.35rem;max-width:150px}.label-arrow{font-size:1rem}}@media (max-width: 1710px){.label-title{font-size:.5rem}.label-description{font-size:.35rem;max-width:215px}.label-arrow{font-size:1rem}}.info-container{width:100%;height:100%;overflow-y:auto;padding:2rem;font-family:"Press Start 2P",Courier New,monospace;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.info-container::-webkit-scrollbar{width:16px}.info-container::-webkit-scrollbar-track{background:#0000004d;border:2px solid #5D4E37}.info-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b7355,#5d4e37);border:2px solid #3d3d3d}.info-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9b8365,#6d5e47)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2.5rem;max-width:1600px;margin:0 auto;padding-bottom:2rem}.project-card{background:linear-gradient(180deg,#87ceeb,#98d8e8);border:6px solid #5D4E37;border-radius:4px;padding:2rem;box-shadow:0 0 0 3px #8b7355,0 8px #3d3d3d,0 8px 20px #0006;position:relative;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 0 0 3px #8b7355,0 12px #3d3d3d,0 12px 25px #00000080}.project-card:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:2px dashed rgba(255,255,255,.3);pointer-events:none}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.project-title{font-size:1.2rem;color:#2c3e50;text-shadow:3px 3px 0 #fff,4px 4px 0 rgba(0,0,0,.2);letter-spacing:1px;margin:0}.project-links{display:flex;gap:.75rem}.pixel-button{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff;border:4px solid #2d6b2f;border-radius:4px;padding:.6rem 1.2rem;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .1s ease;box-shadow:0 4px #2d6b2f,0 6px 8px #0000004d;font-family:"Press Start 2P",Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;display:inline-block}.pixel-button:hover{background:linear-gradient(180deg,#5cb860,#4caf50);transform:translateY(-2px);box-shadow:0 6px #2d6b2f,0 8px 12px #0000004d}.pixel-button:active{transform:translateY(2px);box-shadow:0 2px #2d6b2f,0 4px 5px #0000004d}.project-image{width:100%;height:auto;border:4px solid #5D4E37;border-radius:2px;margin-bottom:1.5rem;box-shadow:0 4px #3d3d3d,0 6px 10px #0000004d;image-rendering:pixelated}.tech-stack{margin-bottom:1.5rem}.section-title{font-size:.75rem;color:#34495e;text-shadow:1px 1px 0 rgba(255,255,255,.8);margin-bottom:.75rem;letter-spacing:.5px}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:linear-gradient(180deg,#fff,#f0f0f0);border:3px solid #333;border-radius:2px;padding:.4rem .7rem;font-size:.5rem;color:#2c3e50;box-shadow:0 0 0 1px #666,0 3px #222,0 4px 6px #0000004d,inset 0 1px #ffffff80;text-shadow:.5px .5px 0 rgba(255,255,255,.8);letter-spacing:.3px;transition:all .1s ease}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #666,0 5px #222,0 6px 8px #0000004d,inset 0 1px #ffffffb3}.project-description{font-size:.65rem;line-height:1.8;color:#2c3e50;text-shadow:1px 1px 0 rgba(255,255,255,.6);margin:0}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width: 768px){.info-container{padding:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.project-header{flex-direction:column;align-items:flex-start}.project-title{font-size:.9rem}.pixel-button{font-size:.55rem;padding:.5rem 1rem}.section-title{font-size:.65rem}.tech-tag{font-size:.45rem;padding:.35rem .6rem}.project-description{font-size:.55rem;line-height:1.6}}@media (max-width: 480px){.project-title{font-size:.75rem}.pixel-button{font-size:.5rem;padding:.45rem .85rem}.tech-tag{font-size:.4rem}.project-description{font-size:.5rem}}