*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#0d1526,#132238,#1a2f4c);color:#f8fafc;min-height:100vh;display:flex;flex-direction:column;margin:0;overflow-x:hidden;overflow-y:auto;touch-action:auto}.hidden{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:rgba(19,34,56,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(52,152,219,.15);z-index:10!important}.logo{font-size:24px;font-weight:600;letter-spacing:1px;color:#fff}nav ul{display:flex;list-style:none;gap:30px}nav a{text-decoration:none;color:#cbd5e1;font-weight:300;transition:.3s}nav a:hover{color:#3498db}.games{width:90%;max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;padding-bottom:60px}.game-card{background:rgba(26,43,68,.55);border-radius:15px;padding:20px;text-align:center;transition:.3s;cursor:pointer;backdrop-filter:blur(10px);border:2px solid rgba(52,152,219,.15)}.game-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(35,57,88,.75);border:2px solid #3498db;box-shadow:0 10px 30px rgba(0,0,0,.7),0 0 25px rgba(52,152,219,.3)}.game-card img{width:100%;border-radius:10px;margin-bottom:15px}#screen-container{position:relative;width:100%;max-width:1152px;aspect-ratio:16/9;box-shadow:0 25px 50px -12px rgb(0 0 0 / .8),0 0 35px rgba(52,152,219,.2);border-radius:1rem;overflow:hidden;background:#09101d;border:1px solid rgba(52,152,219,.35);margin:0 auto;box-sizing:border-box;display:flex;justify-content:center;align-items:center}#game-desc{font-size:15px;font-weight:100}#myCanvas{touch-action:none;user-select:none;display:block;background:#000;border:none;box-shadow:none;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;margin:auto}#score,.menu{z-index:1}#score{position:absolute;top:35px;left:0;right:0;text-align:center;color:#f8fafc;font-size:20px;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.9)}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;text-align:center;background:rgba(13,21,38,.9);backdrop-filter:blur(16px);border:2px solid #3498db;padding:40px 20px;border-radius:15px;color:#f8fafc;box-shadow:0 0 45px rgba(0,0,0,.8),inset 0 0 20px rgba(52,152,219,.2);z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px}#fullscreen-btn{position:absolute;bottom:1rem;right:1rem;background-color:rgba(19,34,56,.9);color:#f8fafc;font-weight:600;padding:.625rem;width:2.75rem;height:2.75rem;border-radius:.75rem;border:1px solid rgba(52,152,219,.4);box-shadow:0 10px 15px -3px rgba(0,0,0,.5);backdrop-filter:blur(12px);transition:width .3s cubic-bezier(.4, 0, .2, 1),background-color .2s,border-color .2s,transform .2s;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font-size:.875rem;z-index:20;cursor:pointer}#fullscreen-btn:hover{background-color:rgba(26,43,68,.95);border-color:rgba(52,152,219,.9);transform:translateY(-1px);width:8.5rem;padding-left:.875rem;padding-right:.875rem;justify-content:flex-start}#fullscreen-btn:active{transform:scale(.95)}#fullscreen-btn svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-shrink:0!important;display:block!important;fill:currentColor}#fullscreen-btn #fs-text{opacity:0;max-width:0;overflow:hidden;transition:opacity .2s,margin-left .3s;margin-left:0}#fullscreen-btn:hover #fs-text{opacity:1;max-width:100px;margin-left:.5rem}#screen-container:-moz-full-screen,#screen-container:-webkit-full-screen,#screen-container:fullscreen{max-width:none!important;width:100vw!important;height:100vh!important;border-radius:0!important;border:none!important;display:block!important;background:#000!important}#screen-container:-moz-full-screen #myCanvas,#screen-container:-webkit-full-screen #myCanvas,#screen-container:fullscreen #myCanvas{width:100%!important;height:100%!important;max-width:100vw;max-height:100vh;object-fit:contain}#screen-container .menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.play-btn,button{cursor:pointer;background-color:#3498db;color:#fff;border:none;padding:15px 25px;margin:10px;font-size:18px;font-weight:600;border-radius:8px;transition:.2s;display:inline-block;text-decoration:none;box-shadow:0 4px 15px rgba(52,152,219,.35)}.play-btn{padding:10px 20px;border-radius:20px}.play-btn:hover,button:hover{background:#2980b9;color:#fff;transform:scale(1.02);box-shadow:0 6px 22px rgba(52,152,219,.45)}button:active{transform:scale(.95)}footer{margin-top:auto;text-align:center;padding:20px;background:rgba(13,21,38,.6);font-size:14px;color:#94a3b8}.site-footer{background-color:#09101d;padding:20px;text-align:center;color:#f8fafc;font-family:sans-serif;border-top:1px solid rgba(52,152,219,.1)}.footer-links{margin-top:10px}.footer-links a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:.3s}.footer-links a:hover{color:#3498db;text-shadow:0 0 10px rgba(52,152,219,.5)}.about-arcascape-page{max-width:800px;margin:40px auto;padding:30px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff;line-height:1.6;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.about-arcascape-page h1{font-size:2.5rem;color:#3498db;margin-bottom:20px;border-bottom:3px solid #3498db;padding-bottom:10px}.about-arcascape-page h2{font-size:1.75rem;color:#2980b9;margin-top:35px;margin-bottom:15px}.about-arcascape-page p{margin-bottom:15px;font-size:1.05rem}.about-arcascape-page ul{list-style-type:none;padding-left:0;margin-bottom:20px}.about-arcascape-page li{position:relative;padding-left:25px;margin-bottom:12px;font-size:1.05rem}.about-arcascape-page li::before{content:"🎮";position:absolute;left:0;top:0}.about-arcascape-page blockquote{margin:30px 0;padding:20px 25px;background-color:#f8f9fa;border-left:5px solid #3498db;border-radius:0 8px 8px 0;font-style:italic;color:#34495e}.about-arcascape-page blockquote p{margin:0;font-size:1.1rem}.interactive-prompt{margin-top:30px;padding-top:20px;border-top:1px dashed #bdc3c7;color:#7f8c8d;font-size:.95rem}#gameOverMenu h2,#startMenu h1{font-size:14px!important}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:100;margin-left:auto}.hamburger span{width:28px;height:3px;background-color:#f8fafc;border-radius:2px;transition:.3s}:root{--primary-color:#3498db;--secondary-color:#2980b9;--text-main:#f8fafc}.hero-banner{position:relative;width:100%;min-height:400px;padding:40px 0;display:flex;align-items:center;justify-content:center;background:0 0;overflow:hidden}.banner-container{max-width:1200px;width:90%;display:flex;flex-direction:row;align-items:center;gap:40px;border:1.5px solid rgba(52,152,219,.25);border-radius:24px;padding:40px;background:rgba(19,34,56,.45);backdrop-filter:blur(10px)}.banner-content{flex:1.2}.badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:700;font-size:.75rem;border-radius:4px;margin-bottom:15px;text-transform:uppercase}.game-title{font-size:clamp(2.2rem, 5vw, 3.5rem);color:#f8fafc;margin:0 0 15px;font-weight:800}.game-description{font-size:1.1rem;color:#fff;margin-bottom:30px;line-height:1.5}.btn-primary{display:inline-block;text-decoration:none;padding:16px 40px;background:var(--primary-color);color:#fff;border-radius:8px;font-weight:700;transition:.3s;text-transform:uppercase}.btn-primary:hover{transform:scale(1.05);background:#2980b9;color:#fff;box-shadow:0 0 25px rgba(52,152,219,.6)}.banner-image{flex:0.8;display:flex;justify-content:center}.banner-image img{width:100%;height:auto;border-radius:12px;transform:perspective(1000px) rotateY(-5deg);transition:transform .5s}.banner-image img:hover{transform:perspective(1000px) rotateY(0)}@media (max-width:768px){.hero h1{font-size:34px}#screen-container{width:100%!important;max-width:100vw!important;border-radius:0!important;border-left:none;border-right:none}nav ul{display:none;flex-direction:column;position:fixed!important;top:0;left:0;width:100%;height:100vh;background:rgba(9,16,29,.98);backdrop-filter:blur(15px);justify-content:center;align-items:center;gap:40px}nav ul.active{display:flex!important}nav ul li a{font-size:1.8rem}.hamburger{display:flex;position:relative;right:0}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu{padding:30px 15px;width:85%}#score{font-size:18px;top:10px}button{width:90%}.banner-container{flex-direction:column-reverse;text-align:center;width:95%;padding:30px 20px}.banner-image img{transform:none;max-width:80%}}@media (max-height:450px){.menu{padding:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:500px}.menu h1{width:100%;font-size:1.2rem}button{width:auto;padding:8px 15px;font-size:14px}}.game-card-link{text-decoration:none;color:inherit;display:block}.game-desc{font-size:15px;font-weight:100;color:#fff}#gameInfoSection{width:100%;padding:40px 20px;background:rgba(9,16,29,.45);display:flex;justify-content:center;align-items:center;box-sizing:border-box}.game-details-card{max-width:800px;width:100%;background:rgba(26,43,68,.55);backdrop-filter:blur(12px);border:1px solid rgba(52,152,219,.2);border-radius:16px;padding:30px;box-shadow:0 8px 32px 0 rgba(0,0,0,.5)}.game-details-card a{color:#3498db}.game-details-card h2{font-size:1.8rem;margin-top:15px;margin-bottom:15px;color:#3498db;border-bottom:1px solid rgba(52,152,219,.15);padding-bottom:10px}.game-details-card p{font-size:1rem;line-height:1.6;color:#cbd5e1;margin-bottom:25px}.game-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.spec-item{background:rgba(9,16,29,.55);padding:12px 16px;border-radius:8px;border-left:3px solid #3498db;display:flex;flex-direction:column}.spec-item strong{font-size:.8rem;text-transform:uppercase;color:#64748b;margin-bottom:4px}.spec-item span{font-size:.95rem;font-weight:500;color:#f8fafc}