.landing-page{padding:0;max-width:100%;margin:0 auto;background:#1a1611;color:#f1e5c8;font-family:Courier New,monospace}.feature-status{font-size:var(--font-size-xs);font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:4px;margin-bottom:var(--space-sm);display:inline-block;line-height:var(--line-height-tight)}.live-feature .feature-status{background:#2d5016;color:#68b06e;border:1px solid #4a8a50}.coming-soon .feature-status{background:#4a3c00;color:#b7b34d;border:1px solid #9a9840}.status-live{color:#68b06e;background:#2d5016}.status-live,.status-new{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:3px;margin-left:var(--space-sm);line-height:var(--line-height-tight)}.status-new{color:#d65b5b;background:#4d1f1f}.status-soon{font-size:var(--font-size-xs);color:#b7b34d;background:#4a3c00;padding:var(--space-xs) var(--space-sm);border-radius:3px;margin-left:var(--space-sm);line-height:var(--line-height-tight)}.featured-link{background:linear-gradient(135deg,#d65b5b,#b04545)!important;border-color:#a04545!important;box-shadow:0 0 10px rgba(214,91,91,.3)}.hero-section{position:relative;height:60vh;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image{object-fit:cover;filter:sepia(.3) contrast(1.1)}.hero-image,.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-overlay{background:linear-gradient(180deg,rgba(26,22,17,.4) 0,rgba(26,22,17,.8) 80%,#1a1611);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;animation:fadeInUp 1s ease-out}.hero-title{font-size:4rem;margin:0;letter-spacing:.3em;color:#f1e5c8;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.hero-subtitle{font-size:1.5rem;margin:.5rem 0 0;color:#b7b34d;letter-spacing:.2em}.cta-section,.features-section,.game-links,.intro-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.cta-section h2,.features-section h2,.intro-section h2{color:#b7b34d;font-size:2rem;text-align:center;margin-bottom:2rem;letter-spacing:.1em}.lore-text{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#d4c5a0;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.lore-text strong{color:#f1e5c8;text-transform:uppercase;letter-spacing:.05em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:#231913;border:1px solid #3a3123;padding:1.5rem;border-radius:4px;transition:all .3s ease}.feature-card:hover{border-color:#b7b34d;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.feature-card h3{color:#b7b34d;margin-bottom:.5rem;font-size:1.2rem}.feature-card p{color:#a09678;line-height:1.6}.cta-section{background:#231913;border-top:2px solid #3a3123;border-bottom:2px solid #3a3123;text-align:center}.auth-status{margin-bottom:2rem;padding:1rem;background:#1a1611;border:1px solid #3a3123;border-radius:4px;display:inline-block}.auth-status strong{color:#b7b34d;margin:0 .5rem}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-lg);border:1px solid #b7b34d;background:transparent;color:#b7b34d;cursor:pointer;text-decoration:none;display:inline-block;margin:var(--space-sm);transition:all .3s ease;font-family:Courier New,monospace;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.05em;min-height:var(--touch-target-md);line-height:var(--line-height-tight)}.btn-primary:hover{background:#b7b34d;color:#1a1611}.btn-secondary{border-color:#666;color:#a09678}.btn-secondary:hover{border-color:#a09678;color:#f1e5c8}.btn-large{padding:1rem 2rem;font-size:1.1rem}.quick-links{gap:1rem;margin:2rem 0}.quick-links,.secondary-links{display:flex;justify-content:center;flex-wrap:wrap}.secondary-links{gap:2rem;margin-top:2rem}.secondary-links a{color:#a09678;text-decoration:none;border-bottom:1px dotted #666;transition:all .3s ease}.secondary-links a:hover{color:#b7b34d;border-bottom-color:#b7b34d}.sign-up-section{padding:3rem 0}.sign-up-section p{color:#d4c5a0;margin:1rem 0}.signup-note{font-size:var(--font-size-sm);color:#666!important;margin-top:var(--space-md)!important}.game-links{background:#1a1611}.game-links h3{text-align:center;color:#b7b34d;font-size:1.5rem;margin-bottom:2rem}.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:3rem;gap:3rem;max-width:900px;margin:0 auto}.link-grid h4{color:#f1e5c8;margin-bottom:1rem;border-bottom:1px solid #3a3123;padding-bottom:.5rem}.link-grid ul{list-style:none;padding:0}.link-grid li{margin-bottom:.75rem}.link-grid a{color:#a09678;text-decoration:none;transition:all .3s ease;display:block;padding:.25rem 0}.link-grid a:hover{color:#b7b34d;padding-left:.5rem}.landing-footer{background:#231913;padding:3rem 2rem;text-align:center;border-top:1px solid #3a3123}.footer-quote{font-style:italic;color:#b7b34d;font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.footer-credit{color:#666;font-size:var(--font-size-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem;letter-spacing:.2em}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}.quick-links{flex-direction:column;align-items:stretch}.quick-links .btn-primary{width:100%;max-width:300px;margin:.5rem auto}}.auth-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);padding:var(--space-3xl) var(--space-md);max-width:600px;margin:0 auto}.auth-intro{text-align:center;margin-bottom:var(--space-md)}.auth-intro h2{font-size:var(--font-size-4xl);color:#f1e5c8;margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.auth-intro p{font-size:var(--font-size-xl);color:#d4c5a0;margin:0}.auth-card{background:linear-gradient(135deg,rgba(54,45,35,.95),rgba(42,34,26,.95) 50%,rgba(54,45,35,.95));border:3px solid #8b6914;border-radius:16px;padding:var(--space-2xl) var(--space-xl);width:100%;max-width:480px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.1),0 0 20px rgba(139,105,20,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d4af37 20%,#f1e5c8 50%,#d4af37 80%,transparent);opacity:.6}.auth-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(139,105,20,.3)}.auth-header h2,.auth-header h3{font-size:var(--font-size-2xl);color:#f1e5c8;margin-bottom:var(--space-sm);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.auth-subtitle{color:#c7b38a;font-size:var(--font-size-base);margin:0;font-style:italic}.auth-form{gap:var(--space-lg)}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:var(--space-sm)}.input-label{color:#d4c5a0;font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.auth-input{background:rgba(26,22,17,.8);border:2px solid #6b5635;border-radius:8px;padding:var(--space-md);color:#f1e5c8;font-family:Courier New,monospace;font-size:var(--font-size-base);transition:all .3s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);min-height:var(--touch-target-md)}.auth-input:focus{outline:none;border-color:#b7b34d;box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 0 8px rgba(183,179,77,.3);background:rgba(26,22,17,.9)}.auth-input::placeholder{color:#8a7960;font-style:italic}.input-help{color:#8a7960;font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-normal);margin-top:var(--space-xs)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.auth-buttons-main{gap:var(--space-lg)}.auth-button{background:transparent;border:2px solid;border-radius:10px;padding:var(--space-md) var(--space-xl);font-family:Courier New,monospace;font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;min-height:var(--touch-target-lg)}.auth-button span{position:relative;z-index:1}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.auth-button:hover:before{left:100%}.auth-button-primary{border-color:#d4af37;color:#d4af37;background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(212,175,55,.05))}.auth-button-primary:hover{border-color:#f1e5c8;color:#1a1611;background:linear-gradient(135deg,#d4af37,#f1e5c8);box-shadow:0 4px 16px rgba(212,175,55,.4);transform:translateY(-2px)}.auth-button-secondary{border-color:#8a7960;color:#8a7960;background:linear-gradient(135deg,rgba(138,121,96,.1),rgba(138,121,96,.05))}.auth-button-secondary:hover{border-color:#c7b38a;color:#c7b38a;background:rgba(138,121,96,.2);box-shadow:0 4px 16px rgba(138,121,96,.2);transform:translateY(-1px)}.auth-error{background:linear-gradient(135deg,rgba(214,91,91,.2),rgba(180,69,69,.2));border:2px solid #d65b5b;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center;color:#f1e5c8;box-shadow:0 4px 12px rgba(214,91,91,.3)}.auth-error span{font-weight:700}.auth-success{background:linear-gradient(135deg,rgba(104,176,110,.2),rgba(77,138,80,.2));border:2px solid #68b06e;border-radius:8px;padding:1rem;margin-top:1rem;text-align:center;color:#f1e5c8;box-shadow:0 4px 12px rgba(104,176,110,.3)}.auth-success span{font-weight:700}.auth-links{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(139,105,20,.2)}.auth-link{background:none;border:none;color:#b7b34d;font-family:Courier New,monospace;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:.5rem}.auth-link:hover{color:#d4af37;text-decoration:none}.auth-status{text-align:center;font-size:1.2rem;color:#d4c5a0;padding:2rem}@media (max-width:768px){.auth-container{padding:var(--space-xl) var(--space-md);gap:var(--space-xl)}.auth-card{padding:var(--space-xl) var(--space-lg)}.auth-intro h2{font-size:var(--font-size-3xl)}.auth-header h2,.auth-header h3{font-size:var(--font-size-xl)}.auth-buttons{gap:var(--space-sm)}.auth-button{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);min-height:var(--touch-target-lg)}}