@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #0e0e10;--bg-elevated: #111114;--section-border: #1a1a1d;--text-primary: #e8dcc5;--text-secondary: #a8a29e}body{background-color:var(--bg-base);color:#e0e0e0;overflow-x:hidden}.app-speckle-bg{background-image:url(/images/speckle.png);background-repeat:repeat}.site-section{position:relative;padding:6rem 1rem;border-top:1px solid var(--section-border);overflow:hidden}@media(min-width:640px){.site-section{padding-inline:1.5rem}}@media(min-width:1024px){.site-section{padding-inline:2rem}}.section-bg-base{background-color:var(--bg-base)}.section-bg-elevated{background-color:var(--bg-elevated)}.section-container{max-width:80rem;margin-inline:auto;position:relative;z-index:10}.section-header-left{margin-bottom:3rem;text-align:left}.section-header-center{margin-bottom:3rem;text-align:center}.section-title{color:var(--text-primary);font-family:Cinzel,serif;font-weight:700;font-size:clamp(1.875rem,5vw,3rem);line-height:1.05;letter-spacing:.01em;text-wrap:balance}.section-subtitle{color:var(--text-secondary);font-family:Crimson Text,serif;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.5;max-width:42rem}.section-subtitle-center{margin-inline:auto}.hytale-text-shadow{text-shadow:2px 2px 0px #000000}.hytale-text-shadow-sm{text-shadow:1px 1px 0px rgba(0,0,0,.8)}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:12px;background:#111}::-webkit-scrollbar-track{background:#1a1a1d}::-webkit-scrollbar-thumb{background:#4a3b2a;border:2px solid #1a1a1d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5c4a35}@keyframes dust-drift{0%{transform:translateY(110vh) translate(0) rotate(0);opacity:0}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}to{transform:translateY(-10vh) translate(var(--drift)) rotate(var(--rotation));opacity:0}}@keyframes shimmer{0%{opacity:0;transform:translate3d(-240%,0,0) rotate(14deg)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(260%,0,0) rotate(14deg)}}.shimmer-element{position:absolute;top:-35%;bottom:-35%;left:-70%;width:85%;transform:translate3d(-240%,0,0) rotate(14deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.09) 40%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.09) 60%,rgba(255,255,255,.03) 80%,transparent 100%);pointer-events:none;opacity:0;will-change:transform,opacity}.group:hover .shimmer-element{animation:shimmer 1.1s ease-in-out 1}.hero-background-image{background-image:url(/images/background.jpeg)}.atmosphere-particle{left:var(--particle-left);top:var(--particle-top);width:var(--particle-size);height:var(--particle-size);animation:dust-drift var(--particle-duration) linear var(--particle-delay) infinite}.class-stat-fill{width:var(--class-stat-width)}.archetype-base-headline{position:relative;z-index:20;transform:translateZ(0);opacity:1;will-change:transform,opacity;transition:transform .52s ease-in-out,opacity .52s ease-in-out}.group:hover .archetype-base-headline{transform:translate3d(0,-1.25rem,0);opacity:0}.archetype-hover-layer{position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:10;opacity:0;transform:translate3d(0,.75rem,0);pointer-events:none;will-change:transform,opacity;transition:opacity .52s ease-in-out,transform .52s ease-in-out}.group:hover .archetype-hover-layer{opacity:1;transform:translateZ(0);pointer-events:auto;transition-delay:.14s}@media(max-width:767px){.archetype-base-headline{opacity:0;transform:translate3d(0,-1.25rem,0);pointer-events:none}.archetype-hover-layer{opacity:1;transform:translateZ(0);pointer-events:auto;transition:none}}.h-screen-90{min-height:90vh}.navi-margin{margin-top:auto;margin-bottom:5px}