@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Oxanium:wght@200..800&display=swap";:root{--primary: #00d4ff;--primary-dark: #0099cc;--secondary: #ff6b35;--accent: #ffd700;--bg-dark: #0a0a0f;--bg-card: rgba(20, 20, 30, .9);--text-primary: #ffffff;--text-secondary: #8892b0;--danger: #ff4444;--success: #44ff88;--font-heading: "Chakra Petch", sans-serif;--font-body: "Oxanium", sans-serif}*{margin:0;padding:0;box-sizing:border-box}.game-container{width:100vw;height:100vh;overflow:hidden;font-family:var(--font-body);color:var(--text-primary);position:relative}.language-switcher{position:fixed;top:25px;right:30px;z-index:200;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.language-switcher:hover{border-color:var(--primary);background:#00d4ff1a}.language-switcher span{transition:color .3s ease}.language-switcher span.active{color:var(--primary);text-shadow:0 0 10px var(--primary)}.language-switcher .separator{color:#ffffff4d}.cinematic-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);z-index:-3}.start-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#00000080;z-index:50}.start-content{text-align:center}.game-title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:.3em;background:linear-gradient(180deg,#ffffff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(0,212,255,.5);margin-bottom:10px}.game-subtitle{font-family:var(--font-body);font-size:clamp(1rem,3vw,1.5rem);font-weight:300;letter-spacing:.5em;color:var(--text-secondary);margin-bottom:60px}.press-start{font-family:var(--font-heading);font-size:clamp(.9rem,2vw,1.2rem);letter-spacing:.3em;color:var(--primary)}.main-menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.menu-container{width:50%;height:100%;padding:80px 60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(10,10,15,.95) 0%,rgba(10,10,15,.7) 70%,transparent 100%)}.menu-header{margin-bottom:50px}.menu-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:.2em;color:var(--text-primary)}.title-underline{width:100px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);margin-top:15px}.menu-list{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#ffffff05;border-left:3px solid transparent;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;border-radius:0 8px 8px 0}.menu-item:hover,.menu-item.active{background:#00d4ff1a;border-left-color:var(--primary);transform:translate(10px)}.menu-item-content{display:flex;flex-direction:column;gap:4px}.menu-label{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:.15em;transition:color .3s ease}.menu-item:hover .menu-label,.menu-item.active .menu-label{color:var(--primary)}.menu-desc{font-size:.9rem;color:var(--text-secondary);letter-spacing:.1em}.menu-arrow{font-size:1.2rem;color:var(--primary);opacity:0;transition:opacity .3s ease}.menu-item:hover .menu-arrow,.menu-item.active .menu-arrow{opacity:1}.menu-footer{margin-top:auto;padding-top:40px}.menu-footer p{font-size:.8rem;color:var(--text-secondary);letter-spacing:.1em}.menu-preview{width:50%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px}.preview-content{text-align:center}.avatar-container{position:relative;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite;z-index:0}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.avatar-wrapper{position:relative;z-index:1;width:160px;height:160px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2)}.avatar-image{width:100%;height:100%;object-fit:cover}.preview-info h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:8px}.preview-class{font-size:1.1rem;color:var(--primary);letter-spacing:.2em;margin-bottom:20px}.preview-stats{display:flex;justify-content:center;gap:40px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:15px 25px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px}.stat-item .stat-label{font-size:.8rem;color:var(--text-secondary);letter-spacing:.15em}.stat-item .stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary)}@media (max-width: 1024px){.main-menu{flex-direction:column}.menu-container{width:100%;padding:40px 30px}.menu-preview{display:none}}.page-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:40px 60px;overflow-y:auto;z-index:10;background:#0a0a0ff2}.page-header{margin-bottom:40px}.back-btn{font-family:var(--font-heading);font-size:.9rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:10px 20px;margin-bottom:20px;transition:color .3s ease}.back-btn:hover{color:var(--primary)}.page-header h1{font-family:var(--font-heading);font-size:3rem;font-weight:700;letter-spacing:.2em;margin-bottom:10px}.page-subtitle{font-size:1.1rem;color:var(--text-secondary);letter-spacing:.15em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto}.project-card{background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.project-card:hover{border-color:var(--primary);box-shadow:0 10px 40px #00d4ff33}.project-card.locked{opacity:.6;cursor:not-allowed}.project-card.in-progress{border-color:#ffd7004d}.project-image{height:180px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;position:relative}.project-emoji{font-size:80px}.project-svg-icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center}.project-svg-icon svg{width:100%;height:100%;fill:#fff}.project-img-asset{width:100%;height:100%;object-fit:cover}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.locked-overlay span{font-size:40px}.locked-overlay p{font-family:var(--font-heading);font-size:.9rem;letter-spacing:.2em;color:var(--text-secondary)}.in-progress-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffd70026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-bottom:2px solid var(--accent)}.in-progress-overlay span{font-size:40px}.in-progress-overlay p{font-family:var(--font-heading);font-size:.9rem;letter-spacing:.2em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);font-weight:700}.project-info{padding:25px}.project-info h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin-bottom:12px}.project-meta{display:flex;gap:12px;margin-bottom:15px}.difficulty{font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:5px 12px;border-radius:4px;text-transform:uppercase}.difficulty.easy{background:#4f83;color:var(--success)}.difficulty.medium{background:#ffd70033;color:var(--accent)}.difficulty.hard{background:#ff6b3533;color:var(--secondary)}.difficulty.extreme{background:#f443;color:var(--danger)}.difficulty.variable{background:#bd93f933;color:#bd93f9}.engine{font-size:.75rem;letter-spacing:.1em;padding:5px 12px;background:#00d4ff1a;border-radius:4px;color:var(--primary)}.project-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.stats-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.character-display{grid-column:1 / -1;display:flex;align-items:center;gap:60px;padding:40px;background:var(--bg-card);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.character-avatar-container{position:relative;display:flex;justify-content:center;align-items:center;width:200px;height:200px;flex-shrink:0}.character-avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite;z-index:0}.character-avatar-wrapper{position:relative;z-index:1;width:160px;height:160px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2)}.character-avatar-image{width:100%;height:100%;object-fit:cover}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.character-info h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:8px}.character-class{font-size:1.2rem;color:var(--primary);letter-spacing:.2em;margin-bottom:15px}.character-bio{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px}.skill-tree,.inventory{background:var(--bg-card);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.skill-tree h3,.inventory h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.15em;margin-bottom:25px;color:var(--primary)}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:600;font-size:1rem}.skill-level{font-family:var(--font-heading);font-size:.9rem;color:var(--primary)}.skill-category{font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.inventory-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.tool-icon-wrapper{width:48px;height:48px;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.tool-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.tool-name{font-size:.75rem;color:var(--text-secondary);text-align:center}@media (max-width: 1024px){.stats-container{grid-template-columns:1fr}.character-display{flex-direction:column;text-align:center;gap:30px}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.achievement-card{display:flex;align-items:center;gap:20px;padding:25px 30px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.achievement-card:hover{border-color:var(--accent);box-shadow:0 10px 40px #ffd70033}.achievement-card:hover:before{opacity:1}.achievement-icon{width:70px;height:70px;background:linear-gradient(135deg,#ffd70033,#ffd7000d);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:36px;flex-shrink:0}.achievement-info{flex:1;text-align:left}.achievement-info h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.achievement-issuer{font-size:.9rem;color:var(--primary);margin-bottom:4px}.achievement-date{font-size:.8rem;color:var(--text-secondary)}.achievement-badge{flex-shrink:0}.achievement-badge .unlocked{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.1em;padding:8px 12px;background:#44ff8826;border:1px solid rgba(68,255,136,.3);border-radius:6px;color:var(--success)}.credits-container{max-width:800px;margin:0 auto;text-align:center}.credits-section{margin-bottom:50px}.credits-section h3{font-family:var(--font-heading);font-size:1rem;letter-spacing:.3em;color:var(--text-secondary);margin-bottom:15px}.credit-name{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:10px}.credit-role{font-size:1.1rem;color:var(--primary);letter-spacing:.15em}.social-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px}.social-card{display:flex;align-items:center;gap:15px;padding:20px 25px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.social-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff33}.social-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:24px}.social-icon svg{width:28px;height:28px;fill:var(--primary)}.social-icon.itchio svg{width:32px;height:32px;transform:translateY(2px)}.social-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.1em}.email-section{margin:40px 0;display:flex;justify-content:center}.email-cta-btn{display:flex;align-items:center;gap:15px;padding:18px 40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-dark);text-decoration:none;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:.15em;border-radius:8px;transition:all .3s ease;box-shadow:0 5px 15px #00d4ff33}.email-cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #00d4ff66}.email-icon{font-size:1.4rem}.credits-footer p{font-size:1rem;color:var(--text-secondary);margin-bottom:10px}.copyright{font-size:.8rem;opacity:.6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.project-modal{background:var(--bg-card);border-radius:16px;padding:40px;max-width:500px;width:100%;border:1px solid rgba(255,255,255,.1);position:relative;text-align:center}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .3s ease}.modal-close:hover{color:var(--primary)}.modal-image{width:120px;height:120px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;display:flex;justify-content:center;align-items:center;margin:0 auto 25px}.modal-image span{font-size:60px}.modal-svg-icon{width:70px;height:70px;display:flex;justify-content:center;align-items:center}.modal-svg-icon svg{width:100%;height:100%;fill:#fff}.modal-img-asset{width:100%;height:100%;object-fit:cover;border-radius:16px}.project-modal h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;margin-bottom:15px}.modal-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.modal-stats{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.modal-stat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 20px;background:#ffffff08;border-radius:8px}.modal-stat .stat-label{font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em}.modal-stat .stat-value{font-family:var(--font-heading);font-size:1rem;font-weight:600}.modal-btn{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.1em;padding:15px 40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;transition:all .3s ease}.modal-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #00d4ff66}.modal-btn.in-progress{background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);color:var(--bg-dark)}.modal-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.main-menu{flex-direction:column}.menu-container{width:100%;padding:40px 30px}.menu-preview{display:none}.stats-container{grid-template-columns:1fr}.character-display{flex-direction:column;text-align:center}}@media (max-width: 768px){.page-content{padding:30px 20px}.page-header h1{font-size:2rem}.projects-grid,.social-links-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(2,1fr)}.game-title{letter-spacing:.15em}.achievements-grid{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.achievement-info{text-align:center}}@media (max-width: 480px){.language-switcher{top:15px;right:15px;padding:8px 15px;font-size:.8rem}.menu-label{font-size:1.1rem}.menu-desc{font-size:.8rem}}