.game-screen{width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center}.monitor-frame{width:85%;max-width:900px;height:70%;background-color:#333;border:12px solid #222;border-radius:15px;padding:15px;display:flex}.game-world{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden;border:2px solid #000}.ground-line{position:absolute;bottom:25%;width:100%;height:3px;background-color:#fff}:root{--pixel-size: 4px;--char-color: #ffffff;--bg-color: #000000}.game-world{position:relative;width:100%;height:100%;background-color:var(--bg-color);overflow:hidden;border:2px solid #333}.character{position:absolute;bottom:calc(25% + (var(--pixel-size) * 8));left:50px;width:var(--pixel-size);height:var(--pixel-size);background-color:transparent;z-index:100;animation:humanWalk .6s steps(1) infinite}@keyframes humanWalk{0%,to{box-shadow:calc(var(--pixel-size) * 2) 0 var(--char-color),calc(var(--pixel-size) * 3) 0 var(--char-color),calc(var(--pixel-size) * 4) 0 var(--char-color),calc(var(--pixel-size) * 1) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 2) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 3) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 4) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 5) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 3) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 6) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 6) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 7) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 7) var(--char-color)}50%{box-shadow:calc(var(--pixel-size) * 2) 0 var(--char-color),calc(var(--pixel-size) * 3) 0 var(--char-color),calc(var(--pixel-size) * 4) 0 var(--char-color),calc(var(--pixel-size) * 1) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 2) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 3) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 4) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 5) var(--pixel-size) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 2) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 3) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 4) var(--char-color),calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 2) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 3) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 4) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 5) var(--char-color),calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 6) var(--char-color),calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 6) var(--char-color),calc(var(--pixel-size) * 1) calc(var(--pixel-size) * 7) var(--char-color),calc(var(--pixel-size) * 5) calc(var(--pixel-size) * 7) var(--char-color)}}.celestial-body{position:absolute;top:40px;left:60px;width:50px;height:50px;background-color:var(--char-color);border-radius:50%;box-shadow:0 0 15px var(--char-color);z-index:1}.bg-group{position:absolute;bottom:25%;display:flex;align-items:flex-end;z-index:5;opacity:.6;animation:moveBackground 10s linear infinite}.forest-group{left:110%;gap:-10px}.mountain-island{left:110%;animation-delay:7.5s;gap:150px}.tree-container{display:flex;flex-direction:column;align-items:center;transform-origin:bottom;margin-right:15px}.tree-top{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid var(--char-color)}.tree-trunk{width:6px;height:12px;background-color:var(--char-color)}.size-sm{transform:scale(.7)}.size-md{transform:scale(1)}.size-lg{transform:scale(1.4)}.mountain{width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:100px solid var(--char-color)}@keyframes moveBackground{0%{left:110%}to{left:-800px}}.portfolio-container{max-width:800px;margin:0 auto;padding:20px;font-family:sans-serif;color:#333}.lang-nav{position:fixed;top:10px;right:10px;display:flex;gap:10px}.hero-section{text-align:center;padding:60px 0;background:#f4f7f6;border-radius:10px;margin-bottom:30px}.profile-pic{width:150px;height:150px;border-radius:50%;border:3px solid #4a6363;margin-bottom:20px}.content-section{margin-bottom:40px}.experience-item{margin-bottom:25px}.date{color:#666;font-style:italic;font-size:.9em}
