:root{--color-bg: #2b1a10;--color-primary: #d4b895;--color-secondary: #4a2f1d;--color-accent: #e8ca9d;--color-text-primary: #f5e6c8;--color-text-secondary: #cbaa85;--color-border: #5c3b24;--color-card: #3b2518;--color-badge: #4a2f1d;--radius-medieval: 8px;--shadow-medieval: 0 4px 12px rgba(0,0,0,.5)}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Inter,sans-serif;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;color:var(--color-primary)}.parchment-bg{background-color:var(--color-bg)}.medieval-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medieval);position:relative;box-shadow:0 4px 20px #0006}.btn-wooden{background:linear-gradient(to bottom,#4a2f1d,#3b2518);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-medieval);font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;padding:.5rem 1rem;box-shadow:0 2px 4px #0006;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-wooden:hover:not(:disabled){border-color:var(--color-primary);background:linear-gradient(to bottom,#5c3b24,#4a2f1d);color:var(--color-accent)}.btn-wooden:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #0006}.btn-wooden:disabled{opacity:.5;cursor:not-allowed}.badge-metal{background:var(--color-badge);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:.25rem .75rem;font-family:Cinzel,serif;font-weight:600;font-size:.75rem;text-transform:uppercase;white-space:nowrap}.scroll-container{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-medieval);padding:2rem;position:relative;box-shadow:0 8px 30px #00000080}.stats-bar{background:var(--color-card);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:2rem 1rem;display:flex;justify-content:space-around;align-items:center;color:var(--color-text-primary)}.input-medieval{background:#1f110b;border:1px solid var(--color-border);border-radius:var(--radius-medieval);padding:.75rem 1rem;font-family:Inter,sans-serif;color:var(--color-text-primary);width:100%;transition:all .2s ease;box-sizing:border-box}.input-medieval:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.input-medieval:disabled{opacity:.7}@tailwind base;@tailwind components;@tailwind utilities;@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes unroll{0%{transform:scaleY(.95);opacity:0}to{transform:scaleY(1);opacity:1}}.animate-unroll{animation:unroll .4s ease-out forwards;transform-origin:top center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.section-separator{height:1px;background-color:var(--color-border);width:100%;margin:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4b8951a;border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#d4b8954d}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d4b8950d}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d4b89533}@keyframes progress-shrink{0%{width:100%}to{width:0%}}.animate-progress-shrink{animation:progress-shrink 4s linear forwards}.snap-container{scroll-snap-type:y mandatory;overflow-y:auto;height:100vh}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}@keyframes slow-pan{0%{transform:scale(1.1) translate(-2%)}to{transform:scale(1.1) translate(2%)}}@keyframes clash-left-impact{0%{transform:translate(0)}40%{transform:translate(24px) scale(1.1);filter:brightness(1.5)}50%{transform:translate(20px) scale(1.2);filter:brightness(2)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes clash-right-impact{0%{transform:translate(0)}40%{transform:translate(-24px) scale(1.1);filter:brightness(1.5)}50%{transform:translate(-20px) scale(1.2);filter:brightness(2)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(1deg) translateY(-1px)}75%{transform:rotate(-1deg) translateY(1px)}}@keyframes page-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-page-fade{animation:page-fade .5s ease-out forwards}