@import "https://fonts.googleapis.com/css2?family=Press+Start+2P:wght@400&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;height:100vh;font-family:"Press Start 2P",monospace;overflow:hidden}.game-container{width:100px;height:100px}.shop-bg{background-color:#1a0d0d;background-image:url(../media/seammove.c70b042f.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1950px;height:700px}.project-card{border:1px solid #fff;border-radius:8px;padding:12px;text-decoration:none;display:block}.project-card:hover{cursor:pointer;filter:brightness(1.1)}.dialogue-box{background:#000;border:4px solid #fff;border-radius:12px 12px 0 0;height:40%;display:flex;position:absolute;bottom:0;left:0;right:0}.dialogue-content{flex-direction:column;flex:1;justify-content:center;padding:30px;display:flex}.dialogue-text{opacity:0;margin-bottom:20px;font-size:40px;line-height:1.8;animation:2s ease-out forwards typewriter}@keyframes typewriter{0%{opacity:0}to{opacity:1}}.menu{background:#000;border-left:4px solid #fff;flex-direction:column;gap:15px;width:500px;padding:30px 20px;display:flex}.menu-item{cursor:pointer;color:#fff;text-align:left;background:0 0;border:2px solid transparent;border-radius:4px;align-items:center;padding:12px 15px;font-family:inherit;font-size:20px;transition:all .2s;display:flex;position:relative}.menu-item:before{content:"❤";color:red;opacity:0;margin-right:30px;font-size:30px;line-height:1;transition:opacity .2s;display:inline-block}.menu-item:hover:before{opacity:1}.modal{z-index:1000;background:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#000;border:4px solid #fff;border-radius:12px;width:90%;max-width:800px;max-height:80%;animation:.3s ease-out slideIn;position:relative;overflow-y:auto}@keyframes slideIn{0%{transform:scale(.8)translateY(-50px)}to{transform:scale(1)translateY(0)}}.modal-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:#ff6b35;font-size:16px}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-family:inherit;font-size:16px}.close-btn:hover{color:#ff6b35}.modal-body{padding:30px;font-size:12px;line-height:1.6}.modal-body h3{color:#ff6b35;margin-bottom:15px;font-size:14px}.modal-body p{margin-bottom:15px}.experience-item{margin-bottom:20px}.experience-item strong{color:#ff6b35;margin-bottom:5px;display:block}.project-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:1px;display:grid}.project-card{background:#111;border:2px solid #333;border-radius:8px;padding:15px;transition:all .3s}.project-card:hover{border-color:#ff6b35;transform:scale(1.02)}.project-title{color:#ff6b35;margin-bottom:10px;font-size:10px}.project-desc{color:#fff;font-size:10px;line-height:1.4}@media (max-width:768px){.dialogue-box{flex-direction:column;height:50%}.menu{border-top:4px solid #fff;border-left:none;width:100%;padding:20px}.modal-content{width:95%;margin:10px}}