@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900&family=Karla:wght@400;500;600;700&display=swap";:root{--bg: #f3ede5;--surface: #fbf8f5;--surface2: #ece4da;--border: rgba(80, 60, 40, .1);--text: #2a2118;--muted: #8a7d6e;--muted2: #b5a899;--accent: #b5623e;--accent2: #cf7a4a;--teal: #3d8b7a;--rose: #c47a7a;--sand: #b09070;--focus: #7e6fa0;--gameiq: #6b9e78;--grad-accent: linear-gradient(135deg, #cf7a4a 0%, #b5623e 55%, #9c4f30 100%);--grad-warm: linear-gradient(135deg, #c47a7a, #b09070);--shadow-sm: 0 1px 2px rgba(74, 54, 38, .05), 0 2px 6px rgba(74, 54, 38, .05);--shadow-md: 0 4px 10px -2px rgba(74, 54, 38, .08), 0 12px 26px -10px rgba(74, 54, 38, .12);--shadow-lg: 0 24px 50px -18px rgba(74, 54, 38, .24), 0 8px 20px -10px rgba(74, 54, 38, .12);--radius: 16px;--radius-lg: 22px;--sidebar: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}html{background:var(--bg);scroll-behavior:smooth}body{font-family:Karla,sans-serif;color:var(--text);min-height:100vh;width:100%;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg,video,canvas{max-width:100%}body:before{content:"";position:fixed;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:-1;pointer-events:none;background:radial-gradient(38% 48% at 16% 18%,rgba(61,139,122,.12),transparent 70%),radial-gradient(36% 44% at 84% 12%,rgba(196,122,122,.12),transparent 70%),radial-gradient(46% 56% at 80% 84%,rgba(176,144,112,.16),transparent 70%),radial-gradient(40% 50% at 12% 88%,rgba(126,111,160,.1),transparent 70%);filter:blur(24px);animation:meshDrift 28s ease-in-out infinite alternate}@keyframes meshDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1.6%,0) scale(1.06)}to{transform:translate3d(-2.4%,1.8%,0) scale(1.1)}}h1,h2,h3{letter-spacing:-.015em}button{transition:box-shadow .2s ease,filter .2s ease,background .18s ease,border-color .18s ease,opacity .18s ease,color .18s ease}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body:before{animation:none}button{transition:background .18s ease,color .18s ease}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}
