:root{--serenity-primary:#1a202c;--serenity-secondary:#2d3748;--serenity-accent:#4fd1c5;--serenity-text:#e2e8f0;--serenity-text-secondary:#a0aec0;--serenity-border:#4a5568;--serenity-overlay:rgba(26,32,44,.8);--retro-primary:#fff;--retro-secondary:#eaeaea;--retro-accent:#e60012;--retro-text:#1e1e1e;--retro-text-secondary:#666;--retro-border:#ccc;--retro-overlay:hsla(0,0%,100%,.9);--success:#48bb78;--warning:#ed8936;--error:#f56565;--info:#4299e1;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.theme-serenity{--bg-primary:var(--serenity-primary);--bg-secondary:var(--serenity-secondary);--bg-accent:var(--serenity-accent);--text-primary:var(--serenity-text);--text-secondary:var(--serenity-text-secondary);--border-color:var(--serenity-border);--overlay-color:var(--serenity-overlay)}.theme-retro{--bg-primary:var(--retro-primary);--bg-secondary:var(--retro-secondary);--bg-accent:var(--retro-accent);--text-primary:var(--retro-text);--text-secondary:var(--retro-text-secondary);--border-color:var(--retro-border);--overlay-color:var(--retro-overlay)}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}.loading-screen{align-items:center;background:linear-gradient(135deg,#1a202c,#2d3748);background:linear-gradient(135deg,var(--serenity-primary),var(--serenity-secondary));display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .35s ease-in-out;transition:opacity var(--transition-slow);width:100%;z-index:9999}.loading-content{color:#fff;text-align:center}.loading-logo{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.logo-shape{font-size:4rem;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.logo-text{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:.1em}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{backdrop-filter:blur(10px);background:rgba(26,32,44,.95);border-bottom:1px solid #4a5568;border-bottom:1px solid var(--serenity-border);left:0;position:fixed;right:0;top:0;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1030;z-index:var(--z-fixed)}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:900px;padding:0 1rem;padding:0 var(--spacing-4)}.brand-link,.nav-brand,.nav-container{align-items:center;display:flex}.brand-link{color:#fff;-webkit-text-decoration:none;text-decoration:none;transition:transform .15s ease-in-out;transition:transform var(--transition-fast)}.brand-link:hover{transform:scale(1.05)}.brand-logo{font-size:1.5rem;font-size:var(--font-size-2xl);margin-right:.75rem;margin-right:var(--spacing-3)}.brand-text{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;letter-spacing:.05em}.nav-menu{display:flex;gap:1.5rem;gap:var(--spacing-6)}.nav-link{color:#e2e8f0;color:var(--serenity-text);font-weight:500;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.nav-link:hover{color:#4fd1c5;color:var(--serenity-accent)}.nav-link:after{background:#4fd1c5;background:var(--serenity-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.nav-link:hover:after{width:100%}.nav-actions{display:flex;gap:1rem;gap:var(--spacing-4)}.language-toggle,.theme-toggle{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:.5rem;padding:var(--spacing-2);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.language-toggle:hover,.theme-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.language-icon,.theme-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.modal{backdrop-filter:blur(5px);background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1050;z-index:var(--z-modal)}.modal.show{align-items:center;display:flex;justify-content:center}.modal-content{background:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-xl);max-height:80vh;max-width:400px;overflow-y:auto;padding:1.25rem;padding:var(--spacing-5);width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.modal-header h3{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;font-size:var(--font-size-2xl);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.75rem;grid-gap:var(--spacing-3);gap:.75rem;gap:var(--spacing-3)}.language-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3);text-align:left;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.language-option:hover{background:var(--bg-accent);border-color:var(--bg-accent);transform:translateY(-2px)}.language-flag{font-size:1.25rem;font-size:var(--font-size-xl)}.language-name{font-weight:500}.main-content{flex:1;margin-top:70px}.container{margin:0 auto;max-width:900px;padding:0 1rem;padding:0 var(--spacing-4)}.section-header{margin-bottom:3rem;margin-bottom:var(--spacing-12);margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.section-title{background:linear-gradient(135deg,#4fd1c5,#e60012);background:linear-gradient(135deg,var(--serenity-accent),var(--retro-accent));-webkit-background-clip:text;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-4);-webkit-text-fill-color:transparent;background-clip:text}.section-description{color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.5;margin:0 auto;max-width:500px}.hero-section{background:linear-gradient(135deg,#1a202c,#2d3748);background:linear-gradient(135deg,var(--serenity-primary),var(--serenity-secondary));color:#fff;overflow:hidden;padding:5rem 0;padding:var(--spacing-20) 0;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;grid-gap:var(--spacing-12);align-items:center;gap:3rem;gap:var(--spacing-12);margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-content h1{font-size:3rem;font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.hero-content h2{color:#4fd1c5;color:var(--serenity-accent);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.hero-description{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);max-width:400px;opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-3)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6);-webkit-text-decoration:none;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-primary{background:#4fd1c5;background:var(--serenity-accent);color:#fff}.btn-primary:hover{background:#38b2ac;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#1a202c;color:var(--serenity-primary);transform:translateY(-2px)}.btn-large{font-size:1.125rem;font-size:var(--font-size-lg);padding:1.25rem 2rem;padding:var(--spacing-5) var(--spacing-8)}.btn-download{background:#e60012;background:var(--retro-accent);color:#fff}.btn-download:hover{background:#c00;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;justify-content:center}.hero-game-preview{height:400px;position:relative;width:300px}.game-preview-container{height:100%;position:relative;width:100%}.game-preview-screen{align-items:center;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:300px;justify-content:center;position:absolute;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:200px}.game-preview-screen.serenity-theme{background:linear-gradient(135deg,#1a202c,#2d3748);background:linear-gradient(135deg,var(--serenity-primary),var(--serenity-secondary));border:2px solid #4fd1c5;border:2px solid var(--serenity-accent);left:0;top:0;transform:rotate(-5deg)}.game-preview-screen.retro-theme{background:linear-gradient(135deg,#fff,#eaeaea);background:linear-gradient(135deg,var(--retro-primary,#fff),var(--retro-secondary,#eaeaea));border:2px solid #e60012;border:2px solid var(--retro-accent,#e60012);bottom:0;right:0;transform:rotate(5deg)}.game-preview-screen:hover{transform:scale(1.05) rotate(0deg);z-index:10}.preview-logo{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.preview-title{color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.features-section{background:var(--bg-secondary);padding:5rem 0;padding:var(--spacing-20) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;grid-gap:var(--spacing-6);gap:1.5rem;gap:var(--spacing-6);margin:0 auto;max-width:900px}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--spacing-6);text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--bg-accent);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-xl);transform:translateY(-6px)}.feature-icon{font-size:2.5rem}.feature-icon,.feature-title{margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.feature-title{color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.feature-description{color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}.screenshots-section{background:var(--bg-primary);padding:5rem 0;padding:var(--spacing-20) 0}.screenshots-container{margin:0 auto;max-width:700px}.screenshot-tabs{display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.tab-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.tab-button.active,.tab-button:hover{background:var(--bg-accent);border-color:var(--bg-accent);color:#fff}.tab-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.screenshot-content{position:relative}.screenshot-panel{display:none}.screenshot-panel.active{display:block}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;grid-gap:var(--spacing-5);gap:1.25rem;gap:var(--spacing-5)}.screenshot-item{aspect-ratio:16/9;border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden}.screenshot-placeholder{align-items:center;color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;padding:1rem;padding:var(--spacing-4);text-align:center;width:100%}.screenshot-placeholder.serenity-theme{background:linear-gradient(135deg,#1a202c,#2d3748);background:linear-gradient(135deg,var(--serenity-primary),var(--serenity-secondary));border:2px solid #4fd1c5;border:2px solid var(--serenity-accent)}.screenshot-placeholder.retro-theme{background:linear-gradient(135deg,#fff,#eaeaea);background:linear-gradient(135deg,var(--retro-primary,#fff),var(--retro-secondary,#eaeaea));border:2px solid #e60012;border:2px solid var(--retro-accent,#e60012);color:#1e1e1e;color:var(--retro-text,#1e1e1e)}.download-section{background:var(--bg-secondary);padding:5rem 0;padding:var(--spacing-20) 0}.download-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;grid-gap:var(--spacing-12);align-items:center;gap:3rem;gap:var(--spacing-12);margin:0 auto;max-width:900px}.download-features{flex-direction:column;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.download-feature,.download-features{display:flex;gap:.75rem;gap:var(--spacing-3)}.download-feature{align-items:center}.feature-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.feature-text{font-weight:500}.download-actions{align-items:center;display:flex;gap:1.25rem;gap:var(--spacing-5)}.download-qr{text-align:center}.qr-placeholder{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;height:120px;justify-content:center;margin:0 auto .75rem;margin:0 auto var(--spacing-3);width:120px}.qr-placeholder,.qr-text{color:var(--text-secondary)}.qr-text{font-size:.875rem;font-size:var(--font-size-sm)}.device-mockup,.mockup-screen{display:flex;justify-content:center}.mockup-screen{align-items:center;background:var(--bg-primary);border:8px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-2xl);flex-direction:column;height:400px;text-align:center;width:250px}.mockup-content{padding:1.5rem;padding:var(--spacing-6)}.mockup-logo{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mockup-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mockup-subtitle{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.about-section{background:var(--bg-primary);padding:5rem 0;padding:var(--spacing-20) 0}.about-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;grid-gap:var(--spacing-12);align-items:start;gap:3rem;gap:var(--spacing-12);margin:0 auto;max-width:900px}.about-text p{color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:1.25rem;margin-bottom:var(--spacing-5);max-width:600px}.about-stats{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-6)}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);padding:1.25rem;padding:var(--spacing-5);text-align:center}.stat-number{color:var(--bg-accent);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.footer{background:#1a202c;background:var(--serenity-primary);color:#fff;margin-top:auto;padding:3rem 0 1.5rem;padding:var(--spacing-12) 0 var(--spacing-6)}.footer-content{display:grid;grid-template-columns:1fr 2fr;grid-gap:3rem;grid-gap:var(--spacing-12);gap:3rem;gap:var(--spacing-12);margin-bottom:2rem;margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:900px}.footer-brand{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.footer-logo{font-size:1.5rem;font-size:var(--font-size-2xl)}.footer-brand-text{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;grid-gap:var(--spacing-6);gap:1.5rem;gap:var(--spacing-6)}.footer-section h4{color:#4fd1c5;color:var(--serenity-accent);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.footer-section a{color:#e2e8f0;color:var(--serenity-text);display:block;margin-bottom:.5rem;margin-bottom:var(--spacing-2);-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer-section a:hover{color:#4fd1c5;color:var(--serenity-accent)}.footer-bottom{align-items:center;border-top:1px solid #4a5568;border-top:1px solid var(--serenity-border);display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;margin:0 auto;max-width:900px;padding-top:1.5rem;padding-top:var(--spacing-6)}.footer-legal{display:flex;gap:1.25rem;gap:var(--spacing-5)}.footer-legal a{color:#a0aec0;color:var(--serenity-text-secondary);-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer-legal a:hover{color:#4fd1c5;color:var(--serenity-accent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.mt-1{margin-top:.25rem;margin-top:var(--spacing-1)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-3{margin-top:.75rem;margin-top:var(--spacing-3)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-5{margin-top:1.25rem;margin-top:var(--spacing-5)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-6)}.mt-8{margin-top:2rem;margin-top:var(--spacing-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .6s ease-out}@media (max-width:768px){.nav-menu{display:none}.hero-container{gap:2rem;gap:var(--spacing-8);grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.25rem;font-size:var(--font-size-4xl)}.hero-content h2{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero-actions{justify-content:center}.features-grid{gap:1.25rem;gap:var(--spacing-5);grid-template-columns:1fr}.download-content{text-align:center}.about-content,.download-content,.footer-content{gap:2rem;gap:var(--spacing-8);grid-template-columns:1fr}.footer-content{text-align:center}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.75rem;gap:var(--spacing-3);text-align:center}}@media (max-width:480px){.container{padding:0 .5rem;padding:0 var(--spacing-2)}.hero-section{padding:3rem 0;padding:var(--spacing-12) 0}.section-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.btn-large{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5)}}*{box-sizing:border-box}iframe,img,video{height:auto;max-width:100%}.container{max-width:100%;padding:0 var(--spacing-3)}@media (min-width:768px){.container{max-width:700px;padding:0 var(--spacing-4)}.nav-menu{display:flex!important}.hero-container{gap:var(--spacing-10);grid-template-columns:1fr 1fr;max-width:700px}.hero-content h1{font-size:var(--font-size-4xl)}.hero-content h2{font-size:var(--font-size-2xl)}.features-grid{gap:var(--spacing-5);max-width:700px}.features-grid,.screenshot-grid{grid-template-columns:repeat(2,1fr)}.download-content{grid-template-columns:1fr 1fr}.about-content,.download-content{gap:var(--spacing-10);max-width:700px}.about-content{grid-template-columns:2fr 1fr}.footer-content{gap:var(--spacing-10);grid-template-columns:1fr 2fr;max-width:700px}.footer-links{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.container{max-width:800px}.nav-menu{gap:var(--spacing-8)}.hero-container{gap:var(--spacing-12);max-width:800px}.hero-content h1{font-size:var(--font-size-5xl)}.hero-content h2{font-size:var(--font-size-3xl)}.features-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);max-width:800px}.screenshot-grid{grid-template-columns:repeat(3,1fr)}.hero-game-preview{height:400px;width:320px}.game-preview-screen{height:280px;width:200px}.mockup-screen{height:400px;width:250px}.about-content,.download-content,.footer-bottom,.footer-content{max-width:800px}}@media (min-width:1440px){.container,.features-grid{max-width:900px}.features-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr)}.hero-section{padding:var(--spacing-24) 0}.hero-container{gap:var(--spacing-16);max-width:900px}.hero-game-preview{height:450px;width:350px}.game-preview-screen{height:300px;width:220px}.about-content,.download-content,.footer-bottom,.footer-content{max-width:900px}}@media (min-width:1920px){.container{max-width:1000px}.hero-section{padding:var(--spacing-28) 0}.about-section,.download-section,.features-section,.screenshots-section{padding:var(--spacing-24) 0}.hero-content h1{font-size:4rem}.hero-content h2{font-size:2.25rem}.section-title{font-size:2.75rem}.about-content,.download-content,.features-grid,.footer-bottom,.footer-content,.hero-container{max-width:1000px}}@media (max-width:767px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-container{gap:var(--spacing-6);grid-template-columns:1fr;max-width:100%;text-align:center}.hero-content h1{font-size:var(--font-size-4xl)}.hero-content h2{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-base);margin:0 auto var(--spacing-6);max-width:350px}.hero-actions{align-items:center;flex-direction:column;gap:var(--spacing-2)}.btn-large{max-width:260px;width:100%}.hero-visual{margin-bottom:var(--spacing-5);order:-1}.hero-game-preview{height:320px;width:260px}.game-preview-screen{height:220px;width:160px}.features-grid{gap:var(--spacing-5);grid-template-columns:1fr;max-width:100%}.feature-card{margin:0 auto;max-width:400px;padding:var(--spacing-5)}.screenshot-tabs{flex-direction:column;gap:var(--spacing-2)}.tab-button{justify-content:center;width:100%}.screenshot-grid{gap:var(--spacing-4);grid-template-columns:1fr}.download-content{gap:var(--spacing-6);grid-template-columns:1fr;max-width:100%;text-align:center}.download-actions{align-items:center;flex-direction:column;gap:var(--spacing-3)}.btn-download{max-width:260px;width:100%}.about-content{gap:var(--spacing-6);grid-template-columns:1fr;max-width:100%;text-align:center}.about-text p{margin:0 auto var(--spacing-5);max-width:500px}.about-stats{flex-direction:row;gap:var(--spacing-5);justify-content:center}.footer-content{gap:var(--spacing-6);grid-template-columns:1fr;max-width:100%;text-align:center}.footer-links{gap:var(--spacing-5);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-3);max-width:100%;text-align:center}.language-grid{grid-template-columns:1fr}.language-option{justify-content:center}}@media (max-width:480px){.container{padding:0 var(--spacing-2)}.about-section,.download-section,.features-section,.hero-section,.screenshots-section{padding:var(--spacing-10) 0}.hero-content h1{font-size:var(--font-size-3xl)}.hero-content h2{font-size:var(--font-size-lg)}.section-title{font-size:var(--font-size-2xl)}.section-description{font-size:var(--font-size-base);max-width:400px}.btn-large{font-size:var(--font-size-base);max-width:240px;padding:var(--spacing-2) var(--spacing-4)}.hero-game-preview{height:260px;width:220px}.game-preview-screen{height:170px;width:130px}.mockup-screen{height:280px;width:180px}.feature-card{max-width:350px;padding:var(--spacing-3)}.feature-icon{font-size:2rem}.stat-item{padding:var(--spacing-3)}.stat-number{font-size:var(--font-size-2xl)}}@media (max-width:360px){.container{padding:0 var(--spacing-1)}.hero-section{padding:var(--spacing-6) 0}.hero-content h1{font-size:var(--font-size-2xl)}.hero-content h2{font-size:var(--font-size-base)}.hero-description{max-width:300px}.btn-large,.hero-description{font-size:var(--font-size-sm)}.btn-large{max-width:200px;padding:var(--spacing-1) var(--spacing-3)}.hero-game-preview{height:220px;width:180px}.game-preview-screen{height:130px;width:100px}.feature-card{max-width:300px;padding:var(--spacing-2)}.feature-icon{font-size:1.5rem}.feature-title{font-size:var(--font-size-base)}.feature-description{font-size:var(--font-size-sm)}}@media (orientation:landscape) and (max-height:600px){.hero-section{padding:var(--spacing-8) 0}.hero-container{gap:var(--spacing-6)}.hero-content h1{font-size:var(--font-size-3xl)}.hero-content h2{font-size:var(--font-size-xl)}.hero-description{margin-bottom:var(--spacing-4)}.hero-actions{gap:var(--spacing-3)}.btn-large{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-6)}}@media (min-resolution:192dpi){.feature-icon,.logo-shape,.mockup-logo,.preview-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover:none) and (pointer:coarse){.btn,.language-option,.nav-link,.tab-button{min-height:44px;min-width:44px}.nav-menu{gap:var(--spacing-6)}.hero-actions{gap:var(--spacing-4)}.features-grid{gap:var(--spacing-6)}.btn:hover,.feature-card:hover,.nav-link:hover{transform:none}.btn:active,.language-option:active,.nav-link:active,.tab-button:active{transform:scale(.95);transition:transform .1s ease}}@media print{.download-actions,.footer,.header,.hero-actions,.language-toggle,.loading-screen,.theme-toggle{display:none!important}.hero-section{background:#fff!important;color:#000!important}.section-title{background:none!important;-webkit-background-clip:unset!important;color:#000!important;-webkit-text-fill-color:unset!important}.feature-card,.screenshot-item{border:1px solid #ccc!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.container{max-width:none!important;padding:0!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fade-in,.fade-in-up,.loading-spinner{animation:none!important}.fade-in,.fade-in-up{opacity:1!important;transform:none!important}}@media (prefers-contrast:high){.btn-primary,.btn-secondary{border:2px solid}.btn-secondary{background:transparent}.feature-card,.screenshot-placeholder{border:2px solid}}@media (prefers-color-scheme:dark){body:not(.theme-retro):not(.theme-serenity){background-color:var(--serenity-primary);color:var(--serenity-text)}}@media (prefers-color-scheme:light){body:not(.theme-retro):not(.theme-serenity){background-color:var(--retro-primary);color:var(--retro-text)}}@media (prefers-reduced-motion:no-preference){.btn:focus-visible,.language-option:focus-visible,.nav-link:focus-visible,.tab-button:focus-visible{outline:2px solid var(--bg-accent);outline-offset:2px}}@media (min-width:768px){::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-accent);opacity:.8}}.notification{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:300px;padding:var(--spacing-4);position:fixed;right:20px;top:20px;transform:translateX(100%);transition:transform var(--transition-normal);z-index:var(--z-tooltip)}.notification.show{transform:translateX(0)}.notification-content{align-items:center;display:flex;gap:var(--spacing-3);justify-content:space-between}.notification-message{color:var(--text-primary);font-size:var(--font-size-sm)}.notification-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:20px;justify-content:center;padding:0;width:20px}.notification-close:hover{color:var(--text-primary)}.notification-success{background:var(--success);border-color:var(--success);color:#fff}.notification-error{background:var(--error);border-color:var(--error);color:#fff}.notification-info{background:var(--info);border-color:var(--info);color:#fff}.notification-warning{background:var(--warning);border-color:var(--warning);color:#fff}.theme-transitioning *{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.rtl{direction:rtl}.rtl .about-stats,.rtl .download-actions,.rtl .footer-bottom,.rtl .hero-actions,.rtl .nav-menu{flex-direction:row-reverse}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:var(--font-size-xl);padding:var(--spacing-2)}@media (max-width:767px){.mobile-menu-toggle{display:block}}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid var(--bg-accent);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.error{background-color:hsla(0,88%,68%,.1)!important;border-color:var(--error)!important}.error-message{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.success{background-color:rgba(72,187,120,.1)!important;border-color:var(--success)!important}.success-message{color:var(--success);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}