@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-parchment: #f4f1ea;--color-royal: #6366f1;--color-royal-dark: #4338ca;--color-charcoal: #1e293b;--color-crimson: #991b1b}body{@apply bg-parchment text-charcoal antialiased overflow-x-hidden;background-image:url(https://www.transparenttextures.com/patterns/p6.png)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-charcoal/10 rounded-full hover:bg-charcoal/20 transition-colors;}}@layer components{.arcane-card{@apply bg-white border border-charcoal-100 rounded-[2.5rem] shadow-sm hover:shadow-xl hover:border-royal/20 transition-all duration-300;}.btn-seal{@apply px-8 py-4 bg-royal text-white font-bold rounded-2xl shadow-lg shadow-royal/20 hover:bg-royal-dark active:scale-95 transition-all uppercase text-xs tracking-widest flex items-center gap-2;}.modal-overlay{@apply fixed inset-0 z-[100] bg-charcoal-900/60 backdrop-blur-md flex items-center justify-center p-4;}.font-fantasy{font-family:Cinzel,serif;@apply tracking-tight font-bold;}.tapestry-node{@apply transition-transform duration-300 cursor-pointer;}.tapestry-node:hover{filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-arcane{animation:fade-in .5s ease-out forwards}.mention-pill{@apply px-2 py-0.5 rounded-md font-bold cursor-pointer transition-all border;background-color:#6366f10d;border-color:#6366f11a;color:#6366f1}.mention-pill:hover{background-color:#6366f11a;box-shadow:0 4px 6px -1px #0000001a}.mention-pill[data-mention-type=monster]{color:#991b1b;background-color:#991b1b0d;border-color:#991b1b1a}.mention-pill[data-mention-type=monster]:hover{background-color:#991b1b1a}.mention-pill[data-mention-type=spell]{color:#059669;background-color:#0596690d;border-color:#0596691a}.mention-pill[data-mention-type=spell]:hover{background-color:#0596691a}.prose ul{list-style-type:disc!important;list-style-position:outside!important;padding-left:1.5rem!important;margin-top:1rem!important;margin-bottom:1rem!important}.prose ol{list-style-type:decimal!important;list-style-position:outside!important;padding-left:1.5rem!important;margin-top:1rem!important;margin-bottom:1rem!important}.prose li{margin-top:.25rem!important;margin-bottom:.25rem!important}.prose li p{margin:0!important}.prose hr{margin:2rem 0!important;border-top:1px solid #e7e5e4!important}.ProseMirror{outline:none!important}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}::-webkit-resizer{border-width:8px;border-style:solid;border-color:transparent #d6d3d1 #d6d3d1 transparent}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}