:root{--yellow: #f1be32;--golden-yellow: #feac32;--dark-purple: #110815;--light-grey: #efefef;--dark-grey: #2c2c2e;--light-purple: #3f3d56;--light-blue: #3f51b5;--white: #fff;--text-color: #f0f0f0;--red: #ff0000;--black: #000;--highlight-color: #ff4081;--button-gradient-start: #ff6ec4;--button-gradient-end: #7873f5}*{margin:0;padding:0;box-sizing:border-box;position:relative}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body{background-color:var(--dark-grey);color:var(--black);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:17px;line-height:1.5;text-align:center;opacity:0;animation:fadeIn .5s ease-in-out forwards;display:flex;flex-direction:column}.phase-header{position:relative;font-size:3rem;font-weight:700;color:var(--white);text-align:center;overflow:hidden;cursor:default;margin-bottom:2rem}.phase-header span{display:inline-block;transition:transform .3s ease,opacity .3s ease}.phase-header:before{content:attr(data-text);position:absolute;top:100%;left:0;width:100%;text-align:center;color:var(--white);transform:translateY(0);transition:transform .3s ease,opacity .3s ease;opacity:.5}.phase-header:hover span{transform:translateY(-100%);opacity:0}.phase-header:hover:before{transform:translateY(-100%);opacity:1}main{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;padding-inline:20px;text-align:center;overflow-y:visible;width:100%;min-height:100vh}h1{color:var(--white);font-size:2em;font-family:Brush Script MT,cursive;margin-bottom:auto;text-align:center}nav{position:relative;z-index:20;margin-top:30px}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}nav li{margin:0;padding:0}nav a{color:var(--black);text-decoration:none}nav a:hover{color:#f4a261}nav a:active{color:var(--red)}nav a.active{font-weight:700;color:var(--red);text-decoration:underline}p a{color:var(--text-color);text-decoration:underline}p a:hover{color:#f4a261}p a:active{color:var(--red)}form{display:flex;flex-direction:column;align-items:center;gap:15px;margin:75px}input[type=text],input[type=number]{width:250px;max-width:90%;padding:8px;font-size:16px}.button-row{display:flex;gap:10px;justify-content:center}button{padding:10px 20px;font-size:16px;border:2px solid var(--black);background-color:var(--golden-yellow);cursor:pointer;max-width:250px}button:hover{background-color:#f89808}.figma-style-footer{background-color:#1a1a1a;color:#fff;padding:3rem 1.5rem 4.5rem;text-align:center;font-family:sans-serif;position:relative;margin-top:auto}.social-links{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:absolute;left:1.5rem;top:3rem}.social-links a{background:#222;color:#fff;text-decoration:none;padding:.4rem .8rem;border-radius:999px;font-weight:500;transition:background .3s}.social-links a:hover{background:#444}.footer-logo{font-family:Rubik Doodle Shadow,Bungee,sans-serif;font-size:4rem;font-weight:800;letter-spacing:.1rem;margin-top:1rem;text-transform:uppercase;color:var(--white);animation:neonGlow 1.5s ease-in-out infinite alternate}@keyframes neonGlow{0%{text-shadow:0 0 5px #fff,0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}to{text-shadow:0 0 10px #fff,0 0 20px #0ff,0 0 30px #0ff,0 0 60px #0ff}}.footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;font-size:.875rem;color:#ccc}.footer-legal a{color:#ccc;text-decoration:none}.footer-legal a:hover{text-decoration:underline}body:not(.no-footer-glow) footer a,body:not(.no-footer-glow) footer .animated-link,body:not(.no-footer-glow) footer .footer-logo{text-shadow:0 0 6px #fff,0 0 10px #9cf,0 0 15px #6ff;transition:text-shadow .3s ease}body.no-footer-glow footer a,body.no-footer-glow footer .animated-link,body.no-footer-glow footer .footer-logo{text-shadow:none!important}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.layer{position:absolute;top:0;left:0;width:200%;height:100%;background-repeat:repeat-x;background-size:auto 100%;animation:scrollLoop 60s linear infinite}.layer10{background-image:url(../../assets/bg/10_Sky.png);animation-duration:200s}.layer9{background-image:url(/Vig-frontend-demos/assets/09_Forest-BOaF4bjo.png);animation-duration:160s}.layer8{background-image:url(/Vig-frontend-demos/assets/08_Forest-_ZuOF8IE.png);animation-duration:140s}.layer7{background-image:url(../assets/bg/07_Trees.png);animation-duration:120s}.layer6{background-image:url(../assets/bg/06_Bushes.png);animation-duration:100s}.layer5{background-image:url(/Vig-frontend-demos/assets/05_Particles-CrqoAAZh.png);animation-duration:80s}.layer4{background-image:url(../assets/bg/04_Particles.png);animation-duration:60s}.layer3{background-image:url(/Vig-frontend-demos/assets/03_Particles-0wOGQSIw.png);animation-duration:45s}.layer2{background-image:url(/Vig-frontend-demos/assets/02_Bushes-W1cizkGl.png);animation-duration:30s}.layer1{background-image:url(/Vig-frontend-demos/assets/01_Mist-B1DHAhLX.png);animation-duration:20s}@keyframes fadeIn{to{opacity:1}}.dropdown-nav{position:absolute;top:1rem;left:1rem;width:200px;z-index:100}.menu-toggle{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;border-radius:5px}.nav-links{display:none;list-style:none;background-color:#000000d9;padding:.5rem;margin-top:.5rem;border-radius:5px}.nav-links li{margin:.25rem 0}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-open .nav-links{display:block}.game-intro-screen{background-color:var(--dark-purple);width:100%;max-width:700px;border-radius:30px;padding:30px 20px 10px;box-shadow:0 0 20px #fff3;margin:auto}.game-title{text-align:center;font-size:2rem;color:var(--highlight-color)}.game-instructions{text-align:center;font-size:1.2rem;margin:15px;line-height:2rem;color:var(--text-color)}.button-holder{display:flex;align-items:center;justify-content:center}.game-button{cursor:pointer;width:140px;margin:10px;font-size:18px;color:#fff;background-image:linear-gradient(var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:10px;padding:10px;transition:transform .2s,box-shadow .2s}.game-button:hover{transform:scale(1.05);box-shadow:0 0 10px var(--highlight-color)}.checkpoint-message-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:350px;text-align:center;background-color:var(--section-bg-color, black);border-radius:20px;padding:15px;display:none;box-shadow:0 0 15px #ff408166;color:var(--highlight-color);z-index:9999}#game-canvas{display:none;position:relative;top:0;left:0;width:100vw;height:calc(100vh - 100px);z-index:99;background:transparent}@media (min-width: 768px){.game-intro-screen{width:60%;max-width:700px}.checkpoint-message-screen{max-width:300px}}::-webkit-scrollbar{width:10px;background-color:var(--white);z-index:9999;position:relative}::-webkit-scrollbar-thumb{background-color:var(--golden-yellow);border-radius:20px;border:2px solid var(--dark-purple);z-index:9999;position:relative}