:root{--bg-primary:#0a0a0b;--bg-secondary:#1a1a1f;--bg-tertiary:#2a2a35;--surface-dark:#15151a;--surface-medium:#202028;--surface-light:#2d2d38;--border-subtle:#333340;--border-medium:#445;--border-strong:#556;--gold-dark:#8b7355;--gold-medium:#c9a876;--gold-light:#e6c896;--gold-bright:#f4d7a7;--crimson-dark:#4a1a1a;--crimson-medium:#7a2828;--crimson-light:#a53939;--crimson-bright:#d44444;--purple-dark:#2d1b3d;--purple-medium:#4a2c5a;--purple-light:#6b4080;--purple-bright:#8f5bb5;--green-dark:#1f3a1f;--green-medium:#2d4f2d;--green-light:#3d6b3d;--green-bright:#4d8f4d;--text-primary:#e6e6ea;--text-secondary:#b8b8c2;--text-tertiary:#8a8a95;--text-disabled:#5a5a65;--text-accent:#c9a876;--text-mystical:#8f5bb5;--text-danger:#d44444;--text-success:#4d9f4d;--font-display:"Cinzel","Trajan Pro","Times New Roman",serif;--font-body:"EB Garamond","Crimson Text","Georgia",serif;--font-mono:"Fira Code","JetBrains Mono","Courier New",monospace;--font-decorative:"UnifrakturMaguntia","Old English Text MT",serif;--text-display-xl:clamp(3rem,5vw,4.5rem);--text-display-lg:clamp(2.5rem,4vw,3.5rem);--text-display-md:clamp(2rem,3vw,3rem);--text-heading-lg:clamp(1.75rem,2.5vw,2.25rem);--text-heading-md:clamp(1.5rem,2vw,1.875rem);--text-heading-sm:clamp(1.25rem,1.5vw,1.5rem);--text-body-lg:1.125rem;--text-body-md:1rem;--text-body-sm:0.875rem;--text-body-xs:0.75rem}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-display-xl{font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.text-heading-lg{font-family:var(--font-display);font-size:var(--text-heading-lg);font-weight:600;line-height:1.3;color:var(--text-accent);text-shadow:1px 1px 2px rgba(0,0,0,.6)}.text-heading-md{font-size:var(--text-heading-md)}.text-heading-md,.text-heading-sm{font-family:var(--font-display);font-weight:500;line-height:1.4;color:var(--text-primary)}.text-heading-sm{font-size:var(--text-heading-sm)}.text-body-lg{font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:400;line-height:1.6;color:var(--text-primary)}.text-body-md{font-size:var(--text-body-md)}.text-body-md,.text-body-sm{font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--text-secondary)}.text-body-sm{font-size:var(--text-body-sm)}.text-body-xs{font-family:var(--font-body);font-size:var(--text-body-xs);font-weight:400;line-height:1.4;color:var(--text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-mystical{color:var(--text-mystical)}.text-gold-dark{color:var(--gold-dark)}.text-gold-medium{color:var(--gold-medium)}.text-gold-light{color:var(--gold-light)}.text-purple-light{color:var(--purple-light)}.text-purple-bright{color:var(--purple-bright)}.text-crimson-light{color:var(--crimson-light)}.text-green-light{color:var(--green-light)}.bg-surface-dark{background-color:var(--surface-dark)}.bg-surface-medium{background-color:var(--surface-medium)}.bg-surface-light{background-color:var(--surface-light)}.bg-gold-dark{background-color:var(--gold-dark)}.bg-gold-medium{background-color:var(--gold-medium)}.bg-purple-dark{background-color:var(--purple-dark)}.bg-green-dark{background-color:var(--green-dark)}.bg-crimson-dark{background-color:var(--crimson-dark)}.border-border-subtle{border-color:var(--border-subtle)}.border-border-medium{border-color:var(--border-medium)}.border-border-strong{border-color:var(--border-strong)}.border-gold-dark{border-color:var(--gold-dark)}.border-gold-medium{border-color:var(--gold-medium)}.border-gold-light{border-color:var(--gold-light)}.border-purple-medium{border-color:var(--purple-medium)}.border-crimson-medium{border-color:var(--crimson-medium)}.border-green-medium{border-color:var(--green-medium)}.card-primary{background:linear-gradient(145deg,var(--surface-dark),var(--surface-medium));border:2px solid var(--border-medium);border-radius:.75rem;padding:1.5rem;box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 1px 2px hsla(0,0%,100%,.05);position:relative}.card-elevated{background:linear-gradient(145deg,var(--surface-medium),var(--surface-light));border:2px solid var(--gold-dark);border-radius:.75rem;padding:1.5rem;box-shadow:0 12px 24px rgba(0,0,0,.5),0 0 0 1px hsla(36,43%,63%,.2)}.btn-primary{background:linear-gradient(135deg,var(--gold-medium),var(--gold-light));border:2px solid var(--gold-dark);color:var(--bg-primary);font-family:var(--font-display);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 1px 2px hsla(0,0%,100%,.2);transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-light),var(--gold-bright));box-shadow:0 6px 12px rgba(0,0,0,.4),inset 0 1px 2px hsla(0,0%,100%,.3);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.magical-glow{box-shadow:0 0 10px rgba(143,91,181,.3),0 0 20px rgba(143,91,181,.2),0 0 30px rgba(143,91,181,.1);animation:magicalPulse 3s ease-in-out infinite}@keyframes magicalPulse{0%,to{box-shadow:0 0 10px rgba(143,91,181,.3),0 0 20px rgba(143,91,181,.2),0 0 30px rgba(143,91,181,.1)}50%{box-shadow:0 0 15px rgba(143,91,181,.4),0 0 30px rgba(143,91,181,.3),0 0 45px rgba(143,91,181,.2)}}.parchment-bg{background-image:radial-gradient(circle at 25% 25%,hsla(36,43%,63%,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,115,85,.03) 0,transparent 50%),linear-gradient(45deg,transparent 46%,hsla(36,43%,63%,.02) 49%,hsla(36,43%,63%,.02) 51%,transparent 54%)}.medieval-frame{background:linear-gradient(145deg,var(--surface-dark),var(--surface-medium));border:4px solid var(--gold-dark);border-radius:1rem;padding:2rem;position:relative;box-shadow:0 12px 24px rgba(0,0,0,.5),inset 0 2px 4px hsla(0,0%,100%,.05)}.medieval-frame:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,var(--gold-medium),var(--gold-light),var(--gold-medium));border-radius:1rem;z-index:-1}.transition-default{transition:all .2s ease}.transition-slow{transition:all .3s ease}.transition-fast{transition:all .15s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.4)}.hover-glow:hover{box-shadow:0 0 15px hsla(36,43%,63%,.3),0 4px 8px rgba(0,0,0,.3)}.hover-scale:hover{transform:scale(1.02)}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.medieval-frame{padding:1rem;border-width:2px}.card-elevated,.card-primary{padding:1rem}.btn-primary{padding:.625rem 1.25rem;font-size:.875rem}.text-heading-lg{font-size:clamp(1.5rem,4vw,1.75rem)}.text-heading-md{font-size:clamp(1.25rem,3vw,1.5rem)}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#e0e0e0;--bg-primary:#000;--bg-secondary:#1a1a1a;--border-medium:#666;--gold-medium:#fc0;--crimson-medium:#f33;--purple-medium:#96f;--green-medium:#3c3}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.magical-glow{animation:none!important}}.light{--bg-primary:#d4a574;--bg-secondary:#c8986b;--bg-tertiary:#bc8c62;--surface-dark:#fdfbf7;--surface-medium:#f8f2e8;--surface-light:#f0e6d6;--border-subtle:#e2d5c4;--border-medium:#d4c4b0;--border-strong:#c2ad94;--text-primary:#3d2914;--text-secondary:#5c4633;--text-tertiary:#7d6652;--text-disabled:#a09080;--gold-light:#d4a574;--gold-medium:#b8935f;--gold-dark:#9b7a4a;--crimson-light:#b85450;--mystical-light:#7b5d8a;--forest-light:#6b7c59}.light body,.light html{background-color:#d4a574!important;color:#3d2914!important}.light button{color:#fdfbf7!important;font-weight:500!important;background-color:rgba(61,41,20,.9)!important;border:2px solid rgba(61,41,20,.7)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.light button:hover{background-color:#3d2914!important;border-color:rgba(61,41,20,.9)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px rgba(0,0,0,.2)!important}.light button svg{color:#fdfbf7!important;fill:none!important;stroke:#fdfbf7!important;stroke-width:2.5px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.light .resource-item{background-color:hsla(0,0%,100%,.95)!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.light .text-text-tertiary{color:#3d2914!important;font-weight:700!important;text-shadow:1px 1px 2px hsla(0,0%,100%,.8)!important}html.light,html.light .bg-bg-primary,html.light .min-h-screen,html.light body,html.light main{background-color:#d4a574!important}.dark button svg{stroke:#d4a574!important;stroke-width:2px!important}