@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400&display=swap";
@font-face{font-family:Imperial Black;src:url(/fonts/ImperialBlack.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#050505;--text-primary:#e8e0d4;--accent-gold:#c9a84c;--accent-glow:#c9a84c26}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:Cinzel,serif;overflow:hidden}.landing-container{background:var(--bg-primary);width:100vw;height:100vh;position:relative;overflow:hidden}.wall-bg{z-index:0;opacity:.3;background:url(/wall-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.fire-glow{z-index:0;pointer-events:none;background:radial-gradient(at 50% 80%,#c8782814 0%,#0000 60%);width:100%;height:100%;animation:4s ease-in-out infinite fireFlicker;position:absolute;top:0;left:0}@keyframes fireFlicker{0%,to{opacity:.4}30%{opacity:.9}50%{opacity:.6}70%{opacity:1}85%{opacity:.5}}.title-layer{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:0;display:flex;position:absolute;top:0;left:0;overflow:visible}.game-title{text-transform:none;letter-spacing:0;color:#0000;background:linear-gradient(#c9a84c 0%,#7a5a20 40%,#c9a84c 60%,#5a4010 100%);-webkit-text-stroke:1px #c9a84c99;text-shadow:none;filter:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:0;padding-bottom:.1em;font-family:Imperial Black,Bebas Neue,sans-serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:1}.canvas-layer{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:6vh;display:flex;position:absolute;top:0;left:0}.cta-button{pointer-events:auto;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-gold);cursor:pointer;background:0 0;border:1px solid #c9a84c66;padding:1rem 3rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .4s;position:relative;overflow:hidden}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-button:hover{border-color:var(--accent-gold);box-shadow:0 0 30px #c9a84c26,inset 0 0 30px #c9a84c0d}.cta-button:hover:before{left:100%}.title-divider{background:linear-gradient(90deg,#0000,#c9a84c66,#0000);width:clamp(120px,20vw,260px);height:1px;margin:.8rem 0}.subtitle{letter-spacing:.3em;color:#c9a84c66;text-transform:none;margin-bottom:1.8rem;font-family:Inter,sans-serif;font-size:.8rem}.action-buttons{pointer-events:auto;gap:.8rem;display:flex}.action-btn{color:#c9a84cb3;cursor:pointer;letter-spacing:.15em;text-transform:uppercase;background:#0a080599;border:1px solid #c9a84c40;border-radius:2px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.action-btn:hover{color:#c9a84cf2;background:#c9a84c1a;border-color:#c9a84c99;transform:translateY(-1px);box-shadow:0 0 20px #c9a84c1a}.action-btn.disabled{opacity:.35;cursor:default;pointer-events:none}.action-btn.primary{color:#c9a84cbf;background:#c9a84c14;border-color:#c9a84c59}.action-btn.primary:hover{color:var(--accent-gold);background:#c9a84c24;border-color:#c9a84c99;box-shadow:0 0 25px #c9a84c26}.loading-screen{background:var(--bg-primary);z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loading-screen.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-title{justify-content:center;align-items:flex-end;gap:0;display:flex}.loading-letter{color:#c9a84c00;font-family:Imperial Black,Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,7rem);animation:.6s forwards letterReveal;display:inline-block}@keyframes letterReveal{0%{color:#c9a84c00;transform:translateY(calc(var(--offset-y,0px) + 20px));filter:blur(8px)}to{color:#c9a84cb3;transform:translateY(var(--offset-y,0px));filter:blur()}}.loading-bar-container{background:#c9a84c1a;border-radius:1px;width:200px;height:2px;margin-top:1.5rem;overflow:hidden}.loading-bar{background:var(--accent-gold);border-radius:1px;width:40%;height:100%;animation:1.5s ease-in-out infinite loadPulse}@keyframes loadPulse{0%{transform:translate(-100%)}to{transform:translate(350%)}}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 30%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.bottom-fade{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#050505e6 100%);width:100%;height:30vh;position:absolute;bottom:0;left:0}