@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cinzel:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;border:0 solid #78716c}*{margin:0;padding:0}body{color:#f5f5f4;-webkit-font-smoothing:antialiased;background-color:#1c1917;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#fbbf24;font-family:Cinzel,serif;font-weight:700}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-6>*+*{margin-top:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.text-stone-100{color:#f5f5f4}.text-stone-400{color:#a8a29e}.bg-stone-800{background-color:#292524}.bg-stone-900{background-color:#1c1917}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#d9770600)}.from-amber-700{--tw-gradient-from:#b45309;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#b4530900)}.from-stone-800{--tw-gradient-from:#292524;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#29252400)}.to-amber-800{--tw-gradient-to:#92400e}.to-amber-900{--tw-gradient-to:#78350f}.to-stone-900{--tw-gradient-to:#1c1917}.border-2{border-width:2px}.border-4{border-width:4px}.border-amber-600{border-color:#d97706}.border-amber-700{border-color:#b45309}.border-stone-600{border-color:#57534e}.border-b-0{border-bottom-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.-mb-px{margin-bottom:-1px}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #00000026}.shadow-2xl{box-shadow:0 25px 50px #00000040}.h-10{height:2.5rem}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.min-w-\[80px\]{min-width:80px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-h-96{max-height:24rem}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-0\.5{--tw-translate-y:-.125rem}.opacity-50{opacity:.5}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hover\:bg-stone-600:hover{background-color:#57534e}.hover\:from-amber-600:hover{--tw-gradient-from:#d97706}.hover\:to-amber-800:hover{--tw-gradient-to:#92400e}.hover\:shadow-lg:hover{box-shadow:0 10px 15px #0003}.hover\:transform:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:border-amber-700:focus{border-color:#b45309}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-700\/50:focus{--tw-ring-color:#b4530980}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:transform-none:disabled{transform:none}.fantasy-border{border-width:2px;border-color:#b45309;border-radius:.5rem;box-shadow:0 10px 15px #0000001a}.fantasy-button{color:#f5f5f4;cursor:pointer;background-image:linear-gradient(to bottom right,#b45309,#78350f);border:2px solid #d97706;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0000001a}.fantasy-button:hover{background-image:linear-gradient(to bottom right,#d97706,#92400e);transform:translateY(-.125rem);box-shadow:0 10px 15px #0003}.fantasy-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.fantasy-card{background-color:#292524;border:2px solid #b45309;border-radius:.5rem;padding:1rem;box-shadow:0 20px 25px #00000026}button:not(.unstyled){color:#f5f5f4;cursor:pointer;background-image:linear-gradient(to bottom right,#b45309,#78350f);border:2px solid #d97706;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0000001a}button:not(.unstyled):hover{background-image:linear-gradient(to bottom right,#d97706,#92400e);transform:translateY(-.125rem);box-shadow:0 10px 15px #0003}button:not(.unstyled):disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=text],input[type=number],select,textarea{color:#f5f5f4;background-color:#44403c;border:2px solid #57534e;border-radius:.5rem;width:100%;padding:.5rem 1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#b45309;outline:2px solid #0000;box-shadow:0 0 0 2px #b4530980}input::placeholder{color:#a8a29e}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:.625rem;height:.625rem}::-webkit-scrollbar-track{background-color:#292524}::-webkit-scrollbar-thumb{background-color:#57534e;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:#78716c}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-x-hidden{overflow-x:hidden}.dice-animation{animation:.5s ease-in-out roll}@keyframes roll{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner{border-width:4px;border-color:#fbbf24 #44403c #44403c;border-radius:9999px;width:2.5rem;height:2.5rem;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dice-result{color:#fbbf24;text-shadow:0 0 10px #fbbf2480;font-size:3rem;font-weight:700}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.items-start{align-items:flex-start}.space-y-0>*+*{margin-top:0}.space-y-0\.5>*+*{margin-top:.125rem}.block{display:block}.w-full{width:100%}.text-left{text-align:left}.bg-blue-700,.bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-blue-600:hover{background-color:#2563eb}.bg-blue-800{background-color:#1e40af}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.text-blue-100{color:#dbeafe}.text-blue-400{color:#60a5fa}.bg-stone-700{background-color:#44403c}.bg-amber-700{background-color:#b45309}.hover\:bg-amber-600:hover{background-color:#d97706}.text-amber-100{color:#fef3c7}.text-green-400{color:#4ade80}.bg-green-900\/30{background-color:#14532d4d}.bg-stone-600{background-color:#57534e}.hover\:bg-stone-500:hover{background-color:#78716c}.text-stone-300{color:#d6d3d1}.space-y-4>*+*{margin-top:1rem}.space-y-1>*+*{margin-top:.25rem}.max-h-40{max-height:10rem}.max-h-64{max-height:16rem}.bg-green-800{background-color:#166534}.hover\:bg-green-700:hover{background-color:#15803d}.text-green-100{color:#dcfce7}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-3{gap:.75rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mr-\[366px\]{margin-right:366px}}.game-layout{flex-direction:column;height:100vh;padding:.75rem;display:flex;overflow:hidden}.game-header{flex:none;justify-content:space-between;align-items:center;padding:.5rem .25rem;display:flex}.game-content{flex-direction:column;flex:1;gap:.75rem;min-height:0;display:flex;overflow:hidden}.game-sidebar{z-index:20;background-color:#1c1917;border-left:2px solid #b4530980;width:420px;padding:1rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.desktop-only{display:none}.mobile-only{display:block}.hidden{display:none}@media (min-width:1024px){.desktop-only{display:block}.mobile-only{display:none}.mobile-action-bar,.game-header,.game-content{margin-right:436px}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mr-\[366px\]{margin-right:366px}}.bottom-panel{z-index:10001;background-color:#1c1917;border-top:2px solid #b45309;border-top-left-radius:.75rem;border-top-right-radius:.75rem;flex-direction:column;height:80vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -10px 25px #0000004d}.bottom-panel.open{transform:translateY(0)}.bottom-panel.dev-bottom-panel{background-color:#0c0a09;border-top-color:#7f1d1d}.bottom-panel-header{background-color:#1c1917;border-bottom:1px solid #b453094d;flex:none;padding:0 1rem}.dev-bottom-panel .bottom-panel-header{background-color:#0c0a09;border-bottom-color:#7f1d1d80}.panel-drag-handle{background-color:#57534e;border-radius:9999px;width:2.5rem;height:4px;margin:.5rem auto .25rem}.dev-bottom-panel .panel-drag-handle{background-color:#7f1d1d}.bottom-panel-title-row{justify-content:space-between;align-items:center;padding:.25rem 0 .5rem;display:flex}.bottom-panel-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 0;padding:1rem;overflow-y:auto}.panel-backdrop{z-index:10000;touch-action:none;background-color:#00000080;position:fixed;inset:0}.panel-close-btn{color:#a8a29e;cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:1.25rem;line-height:1;transition:color .15s,background-color .15s;box-shadow:none!important;background:0 0!important;border:none!important}.panel-close-btn:hover{color:#f5f5f4;transform:none;background-color:#44403c!important;background-image:none!important}.mobile-action-bar{flex:none;gap:.75rem;padding:.5rem .25rem .25rem;display:flex}.mobile-action-btn{cursor:pointer;text-align:center;border-radius:.5rem;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0003;color:#f5f5f4!important;background-image:linear-gradient(to bottom right,#b45309,#78350f)!important;border:2px solid #d97706!important}.mobile-action-btn:hover{transform:translateY(-1px);background-image:linear-gradient(to bottom right,#d97706,#92400e)!important}.mobile-action-btn-dev{color:#fca5a5!important;background-image:linear-gradient(to bottom right,#7f1d1d,#450a0a)!important;border-color:#dc2626!important}.mobile-action-btn-dev:hover{background-image:linear-gradient(to bottom right,#991b1b,#5c0a0a)!important}.slide-up-panel-backdrop{z-index:30;touch-action:none;background-color:#00000080;position:fixed;inset:0}.slide-up-close-btn{color:#a8a29e;cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:1.25rem;transition:color .15s,background-color .15s;box-shadow:none!important;background:0 0!important;border:none!important}.slide-up-close-btn:hover{color:#f5f5f4;transform:none;background-color:#44403c!important;background-image:none!important}.inv-btn{cursor:pointer;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:.7rem;display:flex}.collapsible-header{cursor:pointer;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.375rem .25rem;transition:background-color .15s;display:flex}.collapsible-header:hover{background-color:#44403c80}.collapsible-arrow{color:#78716c;font-size:.75rem;transition:transform .2s}.collapsible-arrow.open{transform:rotate(90deg)}.dev-panel{z-index:40;background-color:#0c0a09;border-top:2px solid #7f1d1d;border-top-left-radius:.75rem;border-top-right-radius:.75rem;flex-direction:column;max-height:60vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 25px #0006}.dev-panel.open{transform:translateY(0)}.dev-fab{z-index:30;color:#f87171;cursor:pointer;border:1px solid #7f1d1d;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 4px 6px #0000004d;background:#1c0a09!important}.dev-fab:hover{transform:none;background:#3b0a0a!important}.fab{z-index:30;color:#f5f5f4;cursor:pointer;background-image:linear-gradient(to bottom right,#b45309,#78350f);border:2px solid #d97706;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-width:56px;min-height:56px;padding:.75rem 1.25rem;font-weight:700;transition:all .2s;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 15px #0003}.fab:hover{background-image:linear-gradient(to bottom right,#d97706,#92400e);box-shadow:0 20px 25px #0000004d}.border-l-2{border-left-width:2px}.border-amber-700\/50{border-color:#b4530980}.border-t-2{border-top-width:2px}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.flex-none{flex:none}.min-h-0{min-height:0}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.mt-1{margin-top:.25rem}.ml-2{margin-left:.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.w-10{width:2.5rem}.h-1{height:.25rem}.h-12{height:3rem}.w-12{width:3rem}.max-w-md{max-width:28rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-none{max-width:none}button.unstyled{box-shadow:none!important;font-weight:inherit!important;background-image:none!important;border:none!important;padding:0!important}.self-center{align-self:center}.bg-stone-950\/80{background-color:#0c0a09cc}.bg-black\/50{background-color:#00000080}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-medium{font-weight:500}.bg-indigo-950{background-color:#1e1b4b}.bg-indigo-900\/60{background-color:#312e8199}.bg-indigo-950\/60{background-color:#1e1b4b99}.bg-indigo-700{background-color:#4338ca}.bg-indigo-700:hover{background-color:#3730a3}.border-indigo-700{border-color:#4338ca}.border-indigo-700\/40{border-color:#4338ca66}.border-indigo-600{border-color:#4f46e5}.border-indigo-500{border-color:#6366f1}.text-indigo-300{color:#a5b4fc}.text-indigo-500{color:#6366f1}.text-white{color:#fff}.shadow-sm{box-shadow:0 1px 2px #00000059}.bg-stone-800\/50{background-color:#29252480}