@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0ece4;background:#0b0a0a;width:100%;height:100%;font-family:Montserrat,sans-serif;overflow:hidden}.parallax-container{z-index:0;will-change:transform;pointer-events:none;width:110%;height:110%;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-5%,-5%)}.parallax-bg{will-change:transform;filter:brightness(.55)saturate(1.1)contrast(1.05);background:url(/img/landing-bg.png) 50%/cover no-repeat;width:120%;height:120%;transition:transform 80ms ease-out;position:absolute;top:-10%;left:-10%}.overlay{z-index:1;pointer-events:none;background:radial-gradient(at 50% 40%,#0a080659 0%,#060403bf 70%,#020101eb 100%);width:100%;height:100%;position:fixed;top:0;left:0}#particleCanvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.hero{z-index:3;justify-content:center;align-items:center;width:100%;height:100vh;padding:1.5rem;display:flex;position:relative}.hero-content{opacity:0;width:100%;max-width:1200px;height:100%;margin:0 auto;transition:opacity 1.8s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)}.hero-content.visible{opacity:1;transform:translateY(0)}.title{letter-spacing:.12em;text-transform:uppercase;color:#f5ede0;text-shadow:0 0 30px #b48c6440,0 0 60px #b48c641a,0 4px 40px #0009;white-space:nowrap;pointer-events:none;font-family:Montserrat,sans-serif;font-size:clamp(5rem,20vw,14rem);font-weight:900;line-height:1.05;transition:text-shadow .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title:hover{text-shadow:0 0 40px #c8aa8259,0 0 80px #c8aa8226,0 4px 50px #0009}.description{color:#d6cdbf;text-align:center;letter-spacing:.04em;text-shadow:0 2px 16px #000000b3;opacity:.9;width:90%;max-width:700px;font-family:Montserrat,sans-serif;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:400;line-height:1.7;position:absolute;top:15%;left:50%;transform:translate(-50%)}.play-btn{letter-spacing:.25em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);color:#f5ede0;cursor:pointer;text-shadow:0 2px 12px #00000080;z-index:10;white-space:nowrap;background:#1e191459;border:2px solid #dcc8af80;border-radius:60px;padding:1.1rem 4.8rem;font-family:Cinzel,serif;font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:700;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-block;position:absolute;bottom:12%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 30px #b48c6414,inset 0 1px #fff5e614}.play-btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#dcc3a540,#a082640d);border-radius:60px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-btn:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 30% 40%,#ffd7aa0f,#0000 60%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.play-btn:hover{-webkit-backdrop-filter:blur(10px);text-shadow:0 0 30px #c8aa8240;background:#3c32288c;border-color:#e6d2b9bf;transform:translate(-50%)scale(1.04);box-shadow:0 0 50px #c8aa8233,0 0 100px #c8aa820f,inset 0 1px #fff5e61f}.play-btn:hover:after{opacity:1}.play-btn:active{transform:translate(-50%)scale(.96);box-shadow:0 0 30px #c8aa821a}.footer-decoration{z-index:3;opacity:.4;pointer-events:none;align-items:center;gap:1.2rem;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}.deco-line{background:linear-gradient(90deg,#0000,#b8aa98,#0000);width:60px;height:1px}.deco-dot{color:#b8aa98;letter-spacing:.1em;font-size:.9rem;animation:3s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media (width<=600px){.title{letter-spacing:.08em;font-size:clamp(3.5rem,18vw,6rem)}.description{width:95%;font-size:.95rem;line-height:1.5;top:12%}.play-btn{letter-spacing:.2em;border-radius:40px;padding:.9rem 2.8rem;font-size:1rem;bottom:14%}.footer-decoration{gap:.8rem;bottom:1.6rem}.deco-line{width:30px}.deco-dot{font-size:.7rem}}@media (width<=400px){.title{font-size:clamp(2.8rem,14vw,4rem)}.description{font-size:.85rem;top:10%}.play-btn{padding:.7rem 2rem;font-size:.9rem}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:220 35% 5%;--foreground:0 0% 95%;--card:220 20% 10%;--card-foreground:0 0% 95%;--popover:220 20% 10%;--popover-foreground:0 0% 95%;--primary:38 82% 52%;--primary-foreground:220 35% 5%;--secondary:200 100% 50%;--secondary-foreground:0 0% 100%;--muted:220 15% 20%;--muted-foreground:220 15% 60%;--accent:150 60% 40%;--accent-foreground:0 0% 100%;--destructive:0 80% 50%;--destructive-foreground:0 0% 100%;--border:220 15% 25%;--input:220 15% 20%;--ring:38 82% 52%;--radius:.75rem}*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}}html,body{height:100%;overflow:hidden}#root{height:100%;overflow-y:auto}@layer utilities{.box-glow{box-shadow:0 0 24px #e99f2026,inset 0 0 12px #e99f200d}.text-glow{text-shadow:0 0 20px #e99f2066}}*{scrollbar-width:thin;scrollbar-color:hsl(var(--primary) / .25) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--primary) / .25);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary) / .4)}.text-block{letter-spacing:.01em;color:#f0ece4;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.7}.text-block h2{letter-spacing:.04em;color:gold;margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.text-block p{margin-bottom:1rem;font-size:clamp(1rem,1.6vw,1.4rem)}.text-block .highlight{color:gold;font-weight:600}.rules-list{margin:0;padding:0;list-style:none}.rules-list li{border-bottom:1px solid #ffffff0d;min-height:2.4rem;padding:.6rem 0;font-family:Montserrat,sans-serif;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.6}.rules-list li .rule-number{color:gold;width:2rem;font-weight:700;display:inline-block}.typing-text{vertical-align:text-bottom;background:gold;width:2px;height:1.2em;margin-left:1px;animation:.75s step-end infinite blink-caret;display:inline-block}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.plot-text{color:#f0ece4;font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.8}.plot-text strong{color:gold;font-weight:600}