body{font-family:Lato,sans-serif;color:#f3f0eb;overflow:hidden;background-color:#0f1216;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("https://pub-204dc97e9cf544d886e07b63ffa16ad7.r2.dev/1763828080515%20(1).webp");background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.35;z-index:1;pointer-events:none;transition:opacity .6s ease}@keyframes breathe{0%{opacity:.95}to{opacity:1}}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;letter-spacing:.03em}.glass{background:#1e2329e6;border:1px solid rgba(255,204,150,.15);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-strong{background:#0f1216fa;border-bottom:1px solid rgba(230,170,104,.15);box-shadow:0 10px 30px -5px #00000080}@media(max-width:640px){.max-w-screen-2xl{padding-left:1rem!important;padding-right:1rem!important}.glass{background:#1e2329f2}.touch-target{min-height:44px;min-width:44px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2d343d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e6aa68}input,textarea,select{transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px #e6aa6833;border-color:#e6aa68;outline:none}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.animate-shimmer{animation:shimmer 3s linear infinite}.forum-container{max-width:1400px;margin:0 auto}.hero-text-gradient{background:linear-gradient(135deg,#f3f0eb,#e6aa68);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 30px rgba(230,170,104,.1)}.forum-card{background:#1e2329f2;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.forum-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.forum-card:hover{transform:translateY(-5px) scale(1.01);background:#1e232999;border-color:#e6aa684d;box-shadow:0 20px 40px -5px #0006,0 0 15px #e6aa681a}.forum-card:hover:before{opacity:1}.search-glass{background:#0f121699;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.search-glass:focus-within{background:#0f1216e6;border-color:#e6aa68;box-shadow:0 0 20px #e6aa6826}.stat-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:9999px;padding:.5rem 1rem;transition:all .3s ease}.forum-card:hover .stat-pill{background:#e6aa681a;border-color:#e6aa6833}.category-icon-wrapper{background:linear-gradient(135deg,#e6aa681a,#e6aa680d);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.forum-card:hover .category-icon-wrapper{background:linear-gradient(135deg,#e6aa68,#d49b5b);transform:rotate(3deg);box-shadow:0 0 20px #e6aa6866}.forum-card:hover .category-icon-wrapper svg{color:#0f1216}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.forum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.tavern-loader{width:40px;height:40px;position:relative;margin:30px auto;z-index:10}.tavern-loader:after,.tavern-loader:before{content:"";box-sizing:border-box;width:40px;height:40px;border-radius:50%;border:2px solid #D4AF37;position:absolute;left:0;top:0;animation:animloader 2s linear infinite}.tavern-loader:after{animation-delay:1s;border-color:#ff4500;opacity:.6}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.card-fade-in{animation:cardFadeIn .6s ease-out forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.portrait-vignette{background:radial-gradient(circle at 50% 25%,transparent 30%,#0F1216 100%);opacity:.5}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-in{animation:scaleIn .3s ease-out forwards}@keyframes scrollUnfurl{0%{max-height:56px;opacity:.7}40%{opacity:1}to{max-height:80vh;opacity:1}}@keyframes contentReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scroll-unfurl{animation:scrollUnfurl .8s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden}.scroll-content-reveal{animation:contentReveal .5s ease-out .5s forwards;opacity:0}@keyframes rollWobble{0%{transform:scaleY(1)}30%{transform:scaleY(1.15)}60%{transform:scaleY(.95)}to{transform:scaleY(1)}}.scroll-roll-animate{animation:rollWobble .6s ease-out .1s forwards}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes travelFlash{0%{transform:scale(1);opacity:0}30%{transform:scale(1);opacity:0}50%{transform:scale(80);opacity:.8}70%{transform:scale(120);opacity:.3}to{transform:scale(150);opacity:0}}@keyframes travelParticle{0%{opacity:0;transform:scale(.5) translate(0)}30%{opacity:.9;transform:scale(1.2) translate(calc(-50vw + 100px * var(--rand, 1)),calc(-30vh + 60px * var(--rand, 1)))}to{opacity:0;transform:scale(.3) translate(calc(-50vw + 100px * var(--rand, 1)),calc(-50vh + 80px * var(--rand, 1)))}}@keyframes warpStreak{0%{opacity:0;transform:rotate(var(--angle)) scaleX(0)}40%{opacity:var(--streak-opacity, .6);transform:rotate(var(--angle)) scaleX(.3)}70%{opacity:var(--streak-opacity, .6);transform:rotate(var(--angle)) scaleX(1)}to{opacity:0;transform:rotate(var(--angle)) scaleX(1.2)}}@keyframes glitchFlicker{0%{opacity:0}25%{opacity:.8}50%{opacity:0}75%{opacity:.6}to{opacity:0}}@keyframes dataStream{0%{opacity:0;transform:translateY(-100%)}30%{opacity:.4}70%{opacity:.2}to{opacity:0;transform:translateY(100%)}}@keyframes screenGlitch{0%{opacity:0;transform:translate(0)}20%{opacity:.3;transform:translate(-2px,1px)}40%{opacity:.5;transform:translate(3px,-1px)}50%{opacity:.3;transform:translate(-1px,2px)}60%{opacity:.5;transform:translate(2px,-2px)}80%{opacity:.2;transform:translate(-3px)}to{opacity:0;transform:translate(0)}}@keyframes waveWash{0%{opacity:0;transform:translate(-10%) scaleY(.8)}20%{opacity:.7;transform:translate(0) scaleY(1)}50%{opacity:.5;transform:translate(5%) scaleY(1.1)}80%{opacity:.3;transform:translate(10%) scaleY(.9)}to{opacity:0;transform:translate(15%) scaleY(.8)}}@keyframes sprayDrop{0%{opacity:0;transform:translate(0) scale(.5)}30%{opacity:.8;transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(10px) scale(.3)}}@keyframes mascotBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(4px) rotate(-2deg)}}@keyframes mascotTrail{0%{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}to{opacity:0;transform:scale(.3)}}@keyframes tavernFlicker{0%,to{opacity:.6;transform:translate(-50%) scale(1)}30%{opacity:.8;transform:translate(-50%) scale(1.05)}60%{opacity:.5;transform:translate(-50%) scale(.97)}80%{opacity:.9;transform:translate(-50%) scale(1.02)}}@keyframes spotlightPulse{0%,to{border-color:#e6aa684d;box-shadow:0 0 0 9999px #000000bf,0 0 20px #e6aa681a}50%{border-color:#e6aa6899;box-shadow:0 0 0 9999px #000000bf,0 0 30px #e6aa6840}}@keyframes adventureSendoff{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2)}}body.onboarding-active .sidebar-backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important}