/* Standalone stylesheet for the marketing landing page (resources/views/landing.blade.php).
   Deliberately NOT sharing game.css's game-shell rules — this page has its own nav, no sidebar,
   and needs to load fast for a first-time visitor. Button artwork is reused from
   /uploads/ui-controls/btn_normal (same three-piece technique as .game-shell .btn in game.css). */
:root{--ld-gold:#f9d104;--ld-gold-dim:#c9a900;--ld-ink:#0a0906;--ld-panel:#14120d;--ld-line:#2c2618;--ld-serif:'Cinzel',Georgia,serif;--ld-display:'Cinzel Decorative','Cinzel',Georgia,serif}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ld-body{margin:0;background:var(--ld-ink);color:#e9e2d0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;overflow-x:hidden}
.ld-body a{color:inherit;text-decoration:none}
.ld-container{max-width:1180px;margin:0 auto;padding:0 24px}

/* --- Nav --- */
.ld-nav{position:sticky;top:0;z-index:40;background:rgba(8,7,5,.88);backdrop-filter:blur(6px);border-bottom:1px solid var(--ld-line)}
.ld-nav-inner{display:flex;align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:10px 24px}
.ld-brand{display:flex;align-items:center;gap:10px;font-family:var(--ld-display);font-size:1.25rem;font-weight:700;letter-spacing:.04em;color:var(--ld-gold);margin-right:auto}
.ld-brand img{width:36px;height:36px}
.ld-nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.ld-nav-links a{font-family:var(--ld-serif);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cfc6ab;padding:6px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.ld-nav-links a:hover{color:var(--ld-gold);border-color:var(--ld-gold)}
.ld-nav-toggle{display:none;background:none;border:1px solid var(--ld-line);color:#f3ecd8;font-size:1.3rem;padding:2px 10px;border-radius:4px}

/* --- Shared ornate gold button (recycled three-piece artwork from the in-game UI) --- */
.ld-btn{--cap:16px;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 26px 9px;font-family:var(--ld-serif);font-weight:700;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:#f3ecd8;text-shadow:0 2px 2px #000;background-color:transparent;background-image:url('../uploads/ui-controls/btn_normal/btn_normal_start.png'),url('../uploads/ui-controls/btn_normal/btn_normal_end.png'),url('../uploads/ui-controls/btn_normal/btn_normal_center.png');background-position:left center,right center,center;background-repeat:no-repeat,no-repeat,no-repeat;background-size:var(--cap) 100%,var(--cap) 100%,calc(100% - 30px) 100%;border:0;cursor:pointer;transition:transform .1s}
.ld-btn:hover{color:#fff1a1;background-image:url('../uploads/ui-controls/btn_normal/btn_hover_start.png'),url('../uploads/ui-controls/btn_normal/btn_hover_end.png'),url('../uploads/ui-controls/btn_normal/btn_hover_center.png')}
.ld-btn:active{transform:translateY(1px)}
.ld-btn-lg{--cap:20px;min-height:54px;padding:12px 34px 13px;font-size:.95rem}

/* --- Hero --- */
.ld-hero{position:relative;min-height:88vh;display:flex;align-items:center;background:#000 url('../uploads/landing/hero-portal.jpg') center/cover no-repeat}
.ld-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,3,.96) 0%,rgba(6,5,3,.82) 32%,rgba(6,5,3,.25) 62%,rgba(6,5,3,.05) 100%)}
.ld-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:80px 24px;width:100%}
.ld-hero-tagline{margin:0 0 10px;font-family:var(--ld-serif);font-style:italic;color:var(--ld-gold);font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.02em}
.ld-hero h1{margin:0 0 6px;font-family:var(--ld-serif);font-size:clamp(1.4rem,3.2vw,2rem);font-weight:700;color:#e9e2d0;letter-spacing:.06em;text-transform:uppercase}
.ld-hero h1 b{display:block;font-family:var(--ld-display);font-size:clamp(2.4rem,6vw,4.1rem);font-weight:700;color:var(--ld-gold);text-shadow:0 0 24px rgba(249,209,4,.35);letter-spacing:.03em;line-height:1.15}
.ld-hero p{max-width:520px;margin:18px 0 30px;color:#cfc6ab;font-size:1.02rem}

/* --- Hookbar (4 pillars under hero) --- */
.ld-hookbar{background:#0d0b08;border-top:1px solid var(--ld-line);border-bottom:1px solid var(--ld-line)}
.ld-hookbar-inner{max-width:1180px;margin:0 auto;padding:18px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ld-hookbar-item{display:flex;align-items:center;gap:10px}
.ld-hookbar-item img{flex:none;width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 2px var(--ld-line),0 0 14px rgba(249,209,4,.22)}
.ld-hookbar-item strong{display:block;font-family:var(--ld-serif);color:var(--ld-gold);font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ld-hookbar-item span{display:block;color:#a89f88;font-size:.78rem}

/* --- Login section (horizontal: fields sit side by side in one row on desktop) --- */
.ld-login{padding:50px 24px;background:#0a0906;border-bottom:1px solid var(--ld-line);position:relative}
.ld-login-inner{max-width:840px;margin:0 auto;text-align:center}
.ld-login-inner h2{margin:0 0 6px;font-family:var(--ld-serif);color:#f3ecd8;font-size:1.35rem}
.ld-login-inner>p{margin:0 0 22px;color:#a89f88;font-size:.9rem}
.ld-login-card{background:var(--ld-panel);border:1px solid var(--ld-line);padding:22px 28px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ld-login-card form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ld-login-field{flex:1 1 180px;text-align:left}
.ld-login-card label{display:block;font-size:.74rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#cfc6ab;margin:0 0 4px;white-space:nowrap}
.ld-login-card input[type=text],.ld-login-card input[type=email],.ld-login-card input[type=password]{width:100%;background:#0a0906;border:1px solid var(--ld-line);color:#f3ecd8;padding:10px 12px;font-size:.92rem}
.ld-login-card input:focus{outline:none;border-color:var(--ld-gold)}
.ld-login-remember{flex:none;display:flex;align-items:center;gap:6px;font-size:.76rem;color:#a89f88;white-space:nowrap;padding-bottom:11px}
.ld-login-card .ld-btn{flex:none}
.ld-login-links{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:.78rem}
.ld-login-links a{color:#a89f88}
.ld-login-links a:hover{color:var(--ld-gold)}
.ld-login-error{background:#3a1414;border:1px solid #6b2323;color:#f1b9b9;padding:8px 12px;margin-bottom:14px;font-size:.82rem;text-align:left}
@media(max-width:760px){.ld-login-card form{flex-direction:column;align-items:stretch}.ld-login-remember{padding-bottom:0}.ld-login-card .ld-btn{width:100%}}

/* --- Features --- */
.ld-features{padding:64px 24px 70px;text-align:center}
.ld-features h2{margin:0 0 8px;font-family:var(--ld-serif);color:#f3ecd8;font-size:1.9rem;letter-spacing:.03em}
.ld-features>p{margin:0 auto 40px;max-width:520px;color:#a89f88}
.ld-feature-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ld-feature-card{background:var(--ld-panel);border:1px solid var(--ld-line);padding:26px 18px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.ld-feature-card::before,.ld-feature-card::after{content:'';position:absolute;width:14px;height:14px;border:2px solid var(--ld-gold-dim);opacity:.7}
.ld-feature-card::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.ld-feature-card::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.ld-feature-card img{width:92px;height:92px;border-radius:50%;object-fit:cover;margin-bottom:16px;box-shadow:0 0 0 3px var(--ld-line),0 0 26px rgba(249,209,4,.18)}
.ld-feature-card h3{margin:0 0 8px;font-family:var(--ld-serif);color:var(--ld-gold);font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase}
.ld-feature-card p{margin:0 0 18px;color:#a89f88;font-size:.86rem;flex:1}
.ld-feature-card .ld-btn{--cap:12px;min-height:36px;padding:6px 16px 7px;font-size:.72rem}

/* --- CTA banner --- */
.ld-cta{background:#0d0b08;border-top:1px solid var(--ld-line);padding:50px 24px}
.ld-cta-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:36px}
.ld-cta-inner img{width:110px;height:110px;flex:none}
.ld-cta-text{flex:1}
.ld-cta-text h2{margin:0;font-family:var(--ld-serif);font-size:1.1rem;color:#e9e2d0;letter-spacing:.05em;text-transform:uppercase}
.ld-cta-text h2 b{display:block;font-family:var(--ld-display);font-size:1.7rem;color:var(--ld-gold)}
.ld-cta-text p{margin:10px 0 0;color:#a89f88;font-size:.92rem}
.ld-cta-action{flex:none;text-align:center}
.ld-cta-action small{display:block;margin-top:8px;color:#a89f88;font-size:.76rem}

/* --- Footer --- */
.ld-footer{background:#060504;padding:36px 24px 0}
.ld-footer-heading{text-align:center;font-family:var(--ld-serif);color:var(--ld-gold);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;margin:0 0 22px}
.ld-footer-links{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:30px}
.ld-footer-link{display:flex;align-items:center;gap:10px;color:#a89f88}
.ld-footer-link svg{flex:none;width:24px;height:24px;color:var(--ld-gold)}
.ld-footer-link strong{display:block;color:#e9e2d0;font-size:.84rem}
.ld-footer-link span{display:block;font-size:.76rem}
.ld-footer-bottom{border-top:1px solid var(--ld-line);padding:16px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto;color:#6b6454;font-size:.78rem}
.ld-footer-bottom nav{display:flex;gap:18px}

@media(max-width:900px){
    .ld-hookbar-inner{grid-template-columns:repeat(2,1fr)}
    .ld-feature-grid{grid-template-columns:repeat(2,1fr)}
    .ld-footer-links{grid-template-columns:repeat(2,1fr)}
    .ld-cta-inner{flex-wrap:wrap;text-align:center;justify-content:center}
    .ld-cta-action{width:100%}
}
@media(max-width:680px){
    .ld-nav-links{position:fixed;top:57px;left:0;right:0;background:#0a0906;flex-direction:column;padding:16px 24px;border-bottom:1px solid var(--ld-line);display:none}
    .ld-nav-links.is-open{display:flex}
    .ld-nav-toggle{display:block}
    .ld-hero{min-height:100vh}
}
@media(max-width:560px){
    .ld-hookbar-inner{grid-template-columns:1fr}
    .ld-feature-grid{grid-template-columns:1fr}
    .ld-footer-links{grid-template-columns:1fr}
}