@import"https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap";:root{--bg-color: #250227;--text-color: rgba(255, 255, 255, .87);--p-color: #7A7265;--h1-gold: #F6AE2D;--h2-teal: #8E6E53;--h3-brown: #A67C52;--h4-brown:#F6AE2D;--card-bg: #480A34;--button-bg: #1a1a1a;--section-bg:rgba(255, 255, 255, .03);--li:#7f5af0;--header-hover: #5A2E7A;--button-hover: #F6AE2D}.light-theme{--bg-color: #FDFCF0;--text-color: #4A4A4A;--p-color: #7A7265;--h1-gold: #8E5DA9;--h2-teal: #003B36;--h3-brown: #654321;--h4-brown:#F6AE2D;--card-bg: #ffffff;--button-bg: #f9f9f9;--section-bg:#ffffff;--li: #7A7265;--header-hover: #FFEA00;--button-hover: #F6AE6D}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;font-family:Irish Grover,cursive}.dark-theme,.light-theme{min-height:100vh;width:100%}h1{color:var(--h1-gold);transition:color .3s ease}h2{color:var(--h2-teal);transition:color .3s ease}h3{color:var(--h1-gold);transition:color .3s ease}button{background-color:var(--button-bg);color:var(--text-color)}.header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:var(--bg-color);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:1000;transition:background-color .3s ease,border-bottom .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.header-left{display:flex;align-items:center;gap:12px;text-decoration:none}.profile-img{width:40px;height:40px;border-radius:100%;object-fit:cover}.name{color:var(--text-color);font-weight:600;font-family:Irish Grover,cursive;font-size:18px;transition:color .3s ease}.header-right{display:flex;gap:24px;align-items:center}.header-right a{color:var(--h1-gold);text-decoration:none;font-weight:500;transition:color .3s ease,transform .2s ease}.header-right a:hover{color:var(--header-hover);transform:translateY(-2px)}.theme-toggle{background:var(--card-bg);border:1px solid var(--h2-teal);color:var(--text-color);padding:8px 12px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);border-color:var(--h1-gold)}.light-theme .header{border-bottom:1px solid rgba(0,0,0,.1)}.home{width:100%;padding-top:60px;min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease}.home-content{max-width:1200px;margin:0 auto;padding:0 32px 100px}.home-section{margin-bottom:80px}.home-section h1{font-size:32px;margin-bottom:16px;color:var(--h3-brown)}.home-section p{font-size:18px;line-height:1.6;color:var(--text-color)}@media (min-width: 1440px){.home-content{max-width:1600px}}@media (max-width: 1024px){.home-content{max-width:900px}}@media (max-width: 768px){.home-content{max-width:100%;padding:0 20px}}.home-section{margin-top:4rem}.intro-text{max-width:1200px;margin-bottom:3rem;color:var(--p-color);line-height:1.6;font-size:1rem}.doing-section{margin-bottom:2rem;padding:1.5rem;border-radius:12px;background:var(--section-bg);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards;transition:transform .3s ease,box-shadow .3s ease}.doing-section:nth-child(3){animation-delay:.1s}.doing-section:nth-child(4){animation-delay:.2s}.doing-section:nth-child(5){animation-delay:.3s}.doing-section:nth-child(6){animation-delay:.4s}.doing-section:nth-child(7){animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.doing-section:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000026,0 0 20px #7f5af040}.doing-section h2{margin-bottom:.8rem;font-size:1.3rem;color:var(--h2-teal)}.doing-section p{color:var(--p-color);line-height:1.6;font-size:.95rem}.doing-section ul{list-style:none;padding:0;margin:0}.doing-section li{margin-bottom:.4rem;color:var(--p-color);font-size:.95rem;position:relative;padding-left:1.2rem;transition:transform .2s ease,color .2s ease}.doing-section li:before{content:"•";position:absolute;left:0;color:var(--li)}.doing-section:hover{transform:translateY(-6px);border-color:var(--h1-gold);box-shadow:0 10px 30px #00000026,0 0 20px #f6ae2d33}@media (max-width: 768px){.doing-section{padding:1.2rem}.doing-section h2{font-size:1.15rem}}.doing-section h3{margin:1.2rem 0 .5rem;font-size:1.1rem;color:var(--h3-brown);font-weight:600}.doing-section h4{margin:0 0 .8rem;font-size:.85rem;color:var(--h4-brown);font-weight:500}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 20px}.skill-tag{background:#659b5e;border:1px solid #556F44;border-radius:6px;padding:6px 12px;color:#fff;font-size:.85rem;font-weight:500;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.skill-tag:hover{border-color:var(--button-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.spell-text{font-size:2.5rem;font-weight:600;margin-bottom:24px;cursor:default}.spell-text span{display:inline-block;opacity:0;transform:scale(.5);animation:spellReveal .8s forwards;color:#f6ae2d;transition:transform .3s ease,text-shadow .3s ease,color .3s ease}.spell-text span:hover{transform:scale(1.4) translateY(-10px);color:#f6ae2d;text-shadow:0 -5px 15px #F6AE2D,-12px 5px 25px #8E5DA9,12px 5px 25px #F26419,0 0 35px #00F5D4}@keyframes spellReveal{0%{opacity:0;transform:scale(.3) rotate(-10deg);filter:blur(8px);text-shadow:0 0 0px transparent}60%{opacity:1;transform:scale(1.3) rotate(5deg);color:#ffea00;text-shadow:0 -10px 25px #F6AE2D,-15px 5px 35px #8E5DA9,15px 5px 35px #F26419,0 0 50px #00BBF9}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px);text-shadow:0 0 10px rgba(246,174,45,.4);color:var(--h1-gold)}}.contact{width:100%;padding-top:100px;padding-left:50px;position:relative;z-index:10;background-color:var(--bg-color);min-height:100vh;transition:background-color .3s ease}.contact h1{font-size:36px;margin-bottom:16px;color:var(--h1-gold)}.contact-text{font-size:18px;line-height:1.6;max-width:600px;margin-bottom:48px;color:var(--text-color)}.form-group{display:flex;flex-direction:column;margin-bottom:24px}.form-group label{margin-bottom:8px;font-size:16px;color:var(--h2-teal)}.form-group input,.form-group textarea{padding:12px 14px;font-size:16px;border-radius:8px;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--h2-teal);font-family:inherit;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.form-group textarea{min-height:120px;resize:vertical}.contact-form button{margin-top:12px;padding:14px;width:100%;border:none;border-radius:999px;background-color:var(--h1-gold);color:#fff;font-size:18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .3s ease}.contact-form button:hover{transform:translateY(-2px);opacity:.85}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-color);opacity:.5}.contact-wrapper{display:flex;align-items:center;justify-content:space-between;gap:50px;background:transparent}.contact-left{flex:1;max-width:500px}.contact-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.character-img{max-width:60%;height:auto;animation:floating 3s ease-in-out infinite}@media (max-width: 768px){.contact-wrapper{flex-direction:column-reverse;text-align:center}.contact{width:100%;padding-left:20px;padding-right:20px}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.showcase{padding-top:120px;padding-left:32px;padding-right:32px;width:100%;background-color:var(--bg-color);min-height:100vh}.showcase h1{font-size:42px;margin-bottom:48px;color:var(--h1-gold);text-align:center}.showcase-section{margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}.showcase-section h2{font-size:28px;margin-bottom:32px;color:var(--h2-teal);border-bottom:1px solid var(--h2-teal);padding-bottom:8px;display:inline-block}.project-list{display:flex;flex-direction:column;gap:40px}.project-card{background-color:var(--card-bg);padding:24px;border-radius:20px;display:flex;gap:32px;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.project-media{flex:1;display:flex;flex-direction:column;gap:12px}.project-media img{width:100%;border-radius:12px;object-fit:cover}.sub-img{max-height:200px}.project-content{flex:1}.project-card h3{color:var(--h1-gold);font-size:24px;margin-bottom:16px}.project-card p{color:var(--p-color);font-size:16px;line-height:1.6}@media (max-width: 768px){.project-card{flex-direction:column}}.world2d-grid{display:flex;flex-direction:column;gap:150px}.project{width:100%}.project-title{color:var(--h3-brown);font-size:38px;font-family:Irish Grover,cursive;margin-bottom:40px;letter-spacing:1px}.project-row{display:flex;align-items:center;gap:80px;margin-bottom:60px}.project-row.image-only{justify-content:center}.project-row.image-only.right{justify-content:flex-end}.project-row.image-only.left{justify-content:flex-start}.project-text p{color:var(--p-color);font-size:18px;line-height:1.8;max-width:550px}.project-visual{display:flex;justify-content:center}.project-visual img,.project-visual video{width:100%;max-width:450px;height:auto;border-radius:12px}.with-shadow{box-shadow:0 10px 30px #0003}@media (max-width: 900px){.project-row{flex-direction:column;text-align:center;gap:30px}}.games-section{padding-bottom:140px}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.game-card{background:#ffffff08;border-radius:20px;padding:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000040}.game-cover{width:100%;height:180px;object-fit:cover;border-radius:14px;margin-bottom:20px;background-color:#00000026;transition:transform .4s ease}.game-card:hover .game-cover{transform:scale(1.05)}.game-title{font-size:22px;color:var(--h3-brown);margin-bottom:12px}.game-desc{font-size:15px;color:var(--p-color);line-height:1.6;margin-bottom:18px}.game-tags{display:flex;flex-wrap:wrap;gap:10px}.game-tags span{font-size:13px;padding:6px 12px;border-radius:999px;background:#ffffff14;color:var(--p-color)}@media (max-width: 1024px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.games-grid{grid-template-columns:1fr}.game-cover{height:160px}}.music-fab{position:fixed;bottom:20px;right:20px;width:140px;height:140px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;z-index:1000}.music-fab:hover{transform:scale(1.1)}.music-fab img{width:140px;height:140px}.popup-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .4s ease forwards}.popup{padding:32px;border-radius:16px;max-width:400px;text-align:center;animation:popupIn .45s ease forwards}.popup.welcome,.popup.welcomeBack,.popup.resume{background:#000}.popup.welcome h3{color:#6b4f3f}.popup.return h3{color:#3f5fb3}.popup button{margin-top:24px;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-size:15px}.popup.welcome button{background:#a67c52;color:#fff}.popup.return button{background:#5b7cfa;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}