:root{--color-parchment: #f5e6c8;--color-parchment-dark: #e8d4a8;--color-leather-light: #b07040;--color-leather: #8b5e3c;--color-leather-dark: #6b4423;--color-leather-darker: #4a2e14;--color-gunmetal: #2c2c2c;--color-gunmetal-dark: #1a1a1a;--color-gunmetal-darker: #0f0f0f;--color-gold: #c9a84c;--color-gold-dark: #a88530;--color-smoke: #6b6b6b;--font-display: "Rye", serif;--font-body: "Playfair Display", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:var(--font-body);color:var(--color-parchment);background:radial-gradient(ellipse at center,#3a2810,#1a1008 60%,#0f0a04);opacity:0;transition:opacity 1s ease}body.visible{opacity:1}#particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.letterbox{position:fixed;left:0;right:0;height:10vh;background:#000;z-index:10;transition:transform .8s cubic-bezier(.4,0,.2,1)}.letterbox-top{top:0;transform:translateY(-100%)}.letterbox-bottom{bottom:0;transform:translateY(100%)}.letterbox-top.active,.letterbox-bottom.active{transform:translateY(0)}#intro{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:12vh 2rem}.branding{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo-wrap{opacity:0;transform:scale(1.1);transition:opacity .8s ease,transform .8s ease}.logo-wrap.visible{opacity:1;transform:scale(1)}.logo-wrap img{width:8rem;height:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(201,168,76,.3))}.server-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:.25em;color:var(--color-parchment);text-shadow:0 0 20px rgba(201,168,76,.4),0 2px 4px rgba(0,0,0,.8);min-height:1.4em}.server-title.typing:after{content:"|";color:var(--color-gold);animation:blink .7s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.divider-western{border:none;height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--color-leather),var(--color-gold),var(--color-leather),transparent);opacity:0;transition:opacity .6s ease,width .8s ease}.divider-western.visible{opacity:1}.tagline{font-family:var(--font-body);font-style:italic;font-size:clamp(.75rem,1.5vw,.95rem);color:var(--color-parchment-dark);letter-spacing:.05em;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease}.tagline.visible{opacity:1;transform:translateY(0)}.panels{display:flex;gap:1.5rem;width:100%;max-width:860px;opacity:0;transition:opacity .5s ease}.panels.visible{opacity:1}.panel{flex:1;background:linear-gradient(145deg,#3a2810,#2a1c08);border:1px solid var(--color-leather);border-radius:2px;box-shadow:0 2px 12px #000000b3,inset 0 1px #ffffff0a;padding:.875rem 1.25rem;position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.panel>*{position:relative;z-index:1}.panel-left{transform:translate(-40px);opacity:0}.panel-right{transform:translate(40px);opacity:0}.panel-left.visible,.panel-right.visible{transform:translate(0);opacity:1}.panel-header{font-family:var(--font-display);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);text-align:center;margin-bottom:.25rem}.panel-star{font-size:.55rem;vertical-align:middle;margin:0 .3em;opacity:.8}.panel-divider{margin:.4rem 0 .75rem!important;opacity:1!important}.tips-carousel{min-height:4em;display:flex;align-items:center;justify-content:center;text-align:center}.tip-text{font-family:var(--font-body);font-style:italic;font-size:.82rem;line-height:1.6;color:var(--color-parchment-dark);transition:opacity .5s ease}.tip-text.fade-out{opacity:0}.tip-dots{display:flex;justify-content:center;gap:.35rem;margin-top:.6rem}.tip-dot{width:5px;height:5px;border-radius:50%;background:var(--color-leather-dark);transition:background .3s ease}.tip-dot.active{background:var(--color-gold)}.rules-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.rules-list li{font-size:.8rem;color:var(--color-parchment-dark);padding-left:1.1em;position:relative;line-height:1.4}.rules-list li:before{content:"✦";position:absolute;left:0;color:var(--color-gold);font-size:.55rem;top:.2em}.loader-wrap{width:100%;max-width:520px;text-align:center;opacity:0;transition:opacity .5s ease}.loader-wrap.visible{opacity:1}.loader-track{width:100%;height:6px;background:var(--color-leather-darker);border-radius:1px;border:1px solid var(--color-leather-dark);overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0009}.loader-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-leather-dark),var(--color-gold),var(--color-gold-dark));border-radius:1px;transition:width .3s ease;position:relative}.loader-shine{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.loader-label{margin-top:.5rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-smoke);transition:opacity .4s ease}@media(max-width:600px){.panels{flex-direction:column;gap:1rem}#intro{gap:1.25rem}.server-title{letter-spacing:.1em}}