@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.left-1\/2{left:50%}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\!aspect-\[2\/3\]{aspect-ratio:2/3!important}.aspect-\[3\/4\]{aspect-ratio:3/4}.\!h-\[400px\]{height:400px!important}.\!h-\[450px\]{height:450px!important}.\!h-\[525px\]{height:525px!important}.h-\[1px\]{height:1px}.h-\[300px\]{height:300px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-none{max-height:none!important}.min-h-\[48px\]{min-height:48px}.min-h-\[80px\]{min-height:80px}.min-h-\[80vh\]{min-height:80vh}.min-h-\[100px\]{min-height:100px}.min-h-\[160px\]{min-height:160px}.min-h-\[200px\]{min-height:200px}.min-h-\[250px\]{min-height:250px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.\!w-\[350px\]{width:350px!important}.\!w-\[400px\]{width:400px!important}.\!w-\[450px\]{width:450px!important}.\!w-full{width:100%!important}.w-\[300px\]{width:300px}.w-full{width:100%}.w-screen{width:100vw}.\!max-w-\[1200px\]{max-width:1200px!important}.max-w-\[450px\]{max-width:450px}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1300px\]{max-width:1300px}.max-w-\[1400px\]{max-width:1400px}.flex-1{flex:1}.flex-\[1\.2\]{flex:1.2}.flex-\[2\.5\]{flex:2.5}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#2e3456\]{border-color:#2e3456!important}.\!border-\[\#3e563e\]{border-color:#3e563e!important}.\!border-\[var\(--dnd-gold\)\]{border-color:var(--dnd-gold)!important}.border-\[\#2e422e\]{border-color:#2e422e}.border-\[\#3a332a\]{border-color:#3a332a}.border-\[\#3a3022\]{border-color:#3a3022}.border-\[\#3a3022\]\/50{border-color:#3a302280}.border-\[\#3e563e\]{border-color:#3e563e}.border-\[\#5a5042\]{border-color:#5a5042}.border-\[\#c5a055\]{border-color:#c5a055}.border-\[\#c5a055\]\/20{border-color:#c5a05533}.border-\[\#c5a055\]\/30{border-color:#c5a0554d}.border-\[\#c5a055\]\/40{border-color:#c5a05566}.border-\[\#c5a055\]\/50{border-color:#c5a05580}.border-\[\#d4af37\]\/30{border-color:#d4af374d}.border-\[\#d4af37\]\/50{border-color:#d4af3780}.border-\[rgba\(139\,0\,0\,0\.3\)\]{border-color:#8b00004d}.border-\[var\(--dnd-gold\)\]{border-color:var(--dnd-gold)}.\!bg-\[\#1a1a1a\]{background-color:#1a1a1a!important}.\!bg-\[\#262626\]{background-color:#262626!important}.bg-\[\#0a0806\]\/80{background-color:#0a0806cc}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#1a140c\]{background-color:#1a140c}.bg-\[\#1a1510\]{background-color:#1a1510}.bg-\[\#2a2a2a\]{background-color:#2a2a2a}.bg-\[\#3e563e\]{background-color:#3e563e}.bg-\[\#110e0b\]{background-color:#110e0b}.bg-\[\#110e0b\]\/80{background-color:#110e0bcc}.bg-\[\#151311\]\/95{background-color:#151311f2}.bg-\[\#c5a055\]{background-color:#c5a055}.bg-\[var\(--dnd-gold\)\]\/20{background-color:var(--dnd-gold)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--dnd-gold\)\]\/20{background-color:color-mix(in oklab,var(--dnd-gold) 20%,transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#2a2215\]{--tw-gradient-from:#2a2215;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#c5a055\]{--tw-gradient-via:#c5a055;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-\[5\%\]{padding-inline:5%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[\'Cinzel\'\]{font-family:Cinzel}.font-\[\'Lato\'\]{font-family:Lato}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.\!tracking-\[0\.2em\]{--tw-tracking:.2em!important;letter-spacing:.2em!important}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-\[\#ccc\]{color:#ccc!important}.\!text-\[\#dcd0c0\]{color:#dcd0c0!important}.\!text-\[\#eee0c5\]{color:#eee0c5!important}.\!text-\[\#ff4444\]{color:#f44!important}.\!text-\[var\(--dnd-gold\)\]{color:var(--dnd-gold)!important}.text-\[\#2C4A3B\]{color:#2c4a3b}.text-\[\#3a2818\]{color:#3a2818}.text-\[\#3e563e\]{color:#3e563e}.text-\[\#8B1C1C\]{color:#8b1c1c}.text-\[\#8a8175\]{color:#8a8175}.text-\[\#8b0000\]{color:#8b0000}.text-\[\#554838\]{color:#554838}.text-\[\#a0a0a0\]{color:#a0a0a0}.text-\[\#c5a055\]{color:#c5a055}.text-\[\#c5a055\]\/70{color:#c5a055b3}.text-\[\#ccc\]{color:#ccc}.text-\[\#d4af37\]{color:#d4af37}.text-\[\#dcd0c0\]{color:#dcd0c0}.text-\[\#dcd0c0\]\/50{color:#dcd0c080}.text-\[\#dcd0c0\]\/60{color:#dcd0c099}.text-\[\#dcd0c0\]\/80{color:#dcd0c0cc}.text-\[\#dcd0c0\]\/90{color:#dcd0c0e6}.text-\[\#eee0c5\]{color:#eee0c5}.text-\[\#ff4444\]{color:#f44}.text-\[var\(--dnd-dark\)\]{color:var(--dnd-dark)}.text-\[var\(--dnd-gold\)\]{color:var(--dnd-gold)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#ef444480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(212\,175\,55\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#d4af374d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(197\,160\,85\,0\.05\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#c5a0550d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(212\,175\,55\,0\.15\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#d4af3726);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_40px_rgba\(212\,175\,55\,0\.2\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,#d4af3733);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_5px_15px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 5px 15px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 10px 40px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_50px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow:0 10px 50px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-4{transition-delay:4ms}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media(hover:hover){.group-hover\:text-\[var\(--dnd-gold\)\]:is(:where(.group):hover *){color:var(--dnd-gold)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:brightness-50:is(:where(.group):hover *){--tw-brightness:brightness(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.placeholder\:text-\[\#ccc\]::-moz-placeholder{color:#ccc}.placeholder\:text-\[\#ccc\]::placeholder{color:#ccc}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:\!bg-\[\#8b0000\]:hover{background-color:#8b0000!important}.hover\:\!bg-\[var\(--dnd-gold\)\]:hover{background-color:var(--dnd-gold)!important}.hover\:bg-\[\#2a2a2a\]:hover{background-color:#2a2a2a}.hover\:bg-\[\#c5a055\]:hover{background-color:#c5a055}.hover\:bg-\[rgba\(42\,42\,42\,0\.6\)\]:hover{background-color:#2a2a2a99}.hover\:bg-\[var\(--dnd-gold\)\]\/10:hover{background-color:var(--dnd-gold)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--dnd-gold\)\]\/10:hover{background-color:color-mix(in oklab,var(--dnd-gold) 10%,transparent)}}.hover\:\!text-\[\#eee0c5\]:hover{color:#eee0c5!important}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[\#d4af37\]:focus{border-color:#d4af37}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--dnd-gold\)\]:focus{--tw-ring-color:var(--dnd-gold)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-50:disabled{opacity:.5}:root{--dnd-red:#8b0000;--dnd-gold:#c5a055;--dnd-parchment:#16120e;--dnd-text-light:#dcd0c0;--dnd-dark:#1a1a1a;--dnd-shadow:#00000026}html{scroll-behavior:smooth}body{background-color:var(--dnd-parchment);color:var(--dnd-text-light);margin:0}.navbar-dnd{z-index:1000;background:#16120e;border-bottom:1px solid #d4af374d;width:100%;padding:1rem 0;position:fixed;top:0;box-shadow:0 5px 20px #000c}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{align-items:center;gap:12px;display:flex}.nav-dice{color:#d4af37;filter:drop-shadow(0 0 5px #d4af3766);width:32px;height:32px;transition:filter .3s}.nav-brand:hover .nav-dice{filter:drop-shadow(0 0 10px #d4af37cc)}.nav-logo-text{color:#dcd0c0;letter-spacing:2px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;transition:color .3s,text-shadow .3s}.nav-brand:hover .nav-logo-text{color:#d4af37;text-shadow:0 0 10px #d4af374d}.nav-links{align-items:center;gap:35px;display:flex}.nav-link-magic{color:#dcd0c0;letter-spacing:1px;cursor:pointer;background:0 0;border:none;font-family:Cinzel,serif;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-link-magic:after{content:"";background-color:#d4af37;width:0;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.nav-link-magic:hover{color:#d4af37}.nav-link-magic:hover:after{width:100%}.btn-login-magic{color:#d4af37;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:4px;padding:8px 25px;font-family:Cinzel,serif;font-weight:700;transition:all .3s}.btn-login-magic:hover{background:#d4af371a;transform:translateY(-2px);box-shadow:inset 0 0 10px #d4af3780,0 0 15px #d4af3733}.hero-wrapper{justify-content:center;padding-top:120px;padding-bottom:60px;display:flex}.hero-card{align-items:center;gap:40px;width:90%;max-width:1100px;display:flex}.hero-logo-img{filter:drop-shadow(5px 5px 15px #0000001a);width:250px}.content-section{border-top:1px solid #c5a0554d;padding:80px 0}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.grid-2col{grid-template-cols:1fr 1fr;align-items:center;gap:50px;display:grid}.img-rounded{width:100%;box-shadow:0 8px 25px var(--dnd-shadow);border-radius:12px}.btn-login{background-color:var(--dnd-gold);color:var(--dnd-dark);cursor:pointer;border:none;border-radius:4px;padding:10px 35px;font-family:Cinzel,serif;font-weight:700;transition:all .3s}.btn-login:hover{background-color:#b08d46;transform:translateY(-2px)}.btn-signup{color:var(--dnd-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:Cinzel,serif;font-weight:700;display:flex}.dnd-form-group{text-align:left;margin-bottom:1.5rem}.dnd-form-group label{color:var(--dnd-dark);margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;display:block}.dnd-input{border:1px solid var(--dnd-gold);box-sizing:border-box;background:#00000008;border-radius:4px;width:100%;padding:12px;font-family:Lato,sans-serif;transition:all .3s}.dnd-input:focus{border-color:var(--dnd-red);background:#fff;outline:none;box-shadow:0 0 8px #c5a05566}.auth-footer-text{color:#666;margin-top:1.5rem;font-size:.9rem}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.register-modal{background-color:#636262;border:1px solid #ccc;border-radius:15px;width:90%;max-width:450px;padding:2rem;position:relative;box-shadow:0 10px 40px #00000080}.register-header{align-items:center;gap:15px;margin-bottom:1rem;display:flex}.register-logo{width:80px}.register-title-group h2{color:#1a1a1a;margin:0;font-family:Cinzel,serif;font-size:1.8rem}.register-subtitle{color:#680505;margin-top:5px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.magic-bg-particles{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.rising-embers{width:100%;height:100%;position:absolute;top:0}.rising-embers:before,.rising-embers:after{content:"";opacity:0;background-image:radial-gradient(circle,#d4af37 2px,#0000 3px);background-size:80px 80px;width:100%;height:200%;animation:20s linear infinite riseMagic;position:absolute}.rising-embers:after{opacity:.3;background-size:110px 110px;animation-duration:30s;animation-delay:-15s}@keyframes riseMagic{0%{opacity:0;transform:translateY(50px)scale(1)}20%{opacity:.8}to{opacity:0;transform:translateY(-250px)scale(.5)}}.form-label{color:#fff;margin:1rem 0 .5rem;font-family:Lato,sans-serif;font-weight:700;display:block}.input-flat{box-sizing:border-box;color:#fff;caret-color:#d4af37;border:1px solid #5c4a35;border-radius:8px;width:100%;padding:10px;transition:all .3s;background-color:#0006!important}.input-flat:focus{border-color:#d4af37;outline:none;box-shadow:0 0 10px #d4af3733;background-color:#0009!important}.checkbox-group{align-items:flex-start;gap:10px;margin-top:1rem;font-size:.9rem;font-weight:700;display:flex}.checkbox-custom{cursor:pointer;width:18px;height:18px}.btn-signup-full{color:#fff;cursor:pointer;z-index:1;background-color:#8b0000;border:none;border-radius:30px;width:100%;margin-top:1.5rem;padding:15px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;transition:background .3s}.btn-signup-full:hover{text-shadow:0 0 1px #242424cc;cursor:pointer;transform:translateY(-2px)scale(1.01);box-shadow:0 10px 20px #0006,inset 0 0 15px #0009}.btn-signup-full:active{transform:translateY(1px);box-shadow:0 2px 10px #d4af3733}.manager-container{flex-direction:column;gap:2rem;padding:2rem;display:flex}.campaign-slider{scrollbar-width:thin;scrollbar-color:var(--dnd-gold) transparent;padding:20px 10px;display:block;overflow-x:auto}.polaroid-card{text-align:center;-webkit-backdrop-filter:blur(12px);background-color:#1e160f66;border:1px solid #c5a0554d;border-radius:16px;flex-direction:column;justify-content:space-between;width:220px;min-width:220px;height:270px;padding:12px 12px 20px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 14px 40px #00000059}.polaroid-card:hover{border-color:#c5a055cc;transform:translateY(-10px);box-shadow:0 20px 50px #0006}.polaroid-img-placeholder{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex;background:#0f0c0a99!important;border:1px dashed #c5a05599!important}.polaroid-card .bg-white,.polaroid-card-large .bg-white{background-color:#0f0c0a99!important}.polaroid-title{color:#fff;text-transform:uppercase;font-family:Cinzel,serif;font-size:.9rem;font-weight:700}.card-blue{background-color:#2e3456!important;border-color:#4b5585!important}.card-gold{background-color:#c5a055!important;border-color:#e3c485!important}.card-green{background-color:#3e563e!important;border-color:#5b7d5b!important}.card-red{background-color:#8b2e2e!important;border-color:#b54747!important}.ribbon-button{background:var(--dnd-red);color:#fff;clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);cursor:pointer;border:none;padding:10px 25px;font-family:Cinzel,serif}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}.shake-animation{animation:.4s ease-in-out shake;border-color:#d32f2f!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:3s linear infinite spin}.eye-icon-btn{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-link-container{text-align:center;color:#140f0f;margin-top:1rem;font-size:.9rem}.link-btn-gold{color:#d4af37;cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.glowing-logo{filter:drop-shadow(0 0 10px #d4af374d);transition:transform .3s}.glowing-logo:hover{filter:drop-shadow(0 0 15px #d4af3799);transform:scale(1.05)}.fade-in{animation:.4s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.link-gold{color:#d4af37;cursor:pointer;font-size:.85rem;text-decoration:none;transition:color .2s}.link-gold:hover{color:#fff;text-decoration:underline}.modal-parchment{outline-offset:-6px;background-color:#3f3325;background-image:radial-gradient(circle,#ffffff08,#0000 70%);border:1px solid #725431;border-radius:8px;outline:2px solid #d4af37;position:relative;overflow:hidden;box-shadow:0 0 30px #000c,inset 0 0 50px #00000080}.link-gold-danger{color:#d4af37;cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s}.link-gold-danger:hover{color:#f33;text-shadow:0 0 8px #f339;text-decoration:underline}.close-btn-x{color:#6d5c45;cursor:pointer;z-index:10;background:0 0;border:none;transition:transform .2s,color .2s;position:absolute;top:15px;right:15px}.close-btn-x:hover{color:#f33;transform:scale(1.2)rotate(90deg)}.input-error{color:#fcc!important;background-color:#5c14144d!important;border-color:#f44!important;box-shadow:0 0 10px #f446!important}.input-shake{animation:.4s ease-in-out shake}.hidden-animate{opacity:0;filter:blur(5px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);transform:translateY(40px)scale(.95)}.show-animate{opacity:1;filter:blur();transform:translateY(0)scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.5s}@keyframes floatMagic{0%{filter:drop-shadow(5px 5px 15px #0000001a);transform:translateY(0)}50%{filter:drop-shadow(0 15px 25px #d4af3766);transform:translateY(-15px)}to{filter:drop-shadow(5px 5px 15px #0000001a);transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite floatMagic}.btn-signup-magic{background:linear-gradient(45deg,var(--dnd-dark),#2a2a2a);color:var(--dnd-gold);border:1px solid var(--dnd-gold);cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:12px 30px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.btn-signup-magic:hover{background:var(--dnd-dark);transform:translateY(-3px);box-shadow:0 8px 25px #d4af374d}.btn-signup-magic:before{content:"";background:linear-gradient(90deg,#fff0,#d4af374d,#fff0);width:50%;height:100%;animation:8s infinite sweepShine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes sweepShine{0%{left:-100%}20%{left:200%}to{left:200%}}.magic-card{box-sizing:border-box;border:1px solid #0000;flex-direction:column;justify-content:center;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.magic-card:before{content:"";border:2px solid var(--dnd-gold);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.magic-card:hover{background-color:#fffaf0;transform:translateY(-12px);box-shadow:0 15px 35px #0003}.magic-card:hover:before{opacity:1}.card-icon{margin-bottom:15px;font-size:3rem;animation:6s ease-in-out infinite floatMagic}.magic-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:600px;box-shadow:5px 5px 25px var(--dnd-shadow);border-radius:0 30px 30px 0;transition:transform .5s,box-shadow .5s}.magic-image:hover{transform:scale(1.02)perspective(1000px)rotateY(-2deg);box-shadow:15px 15px 40px #0000004d}.magic-line{background-color:var(--dnd-gold);width:50px;height:3px;transition:width .5s}.content-section:hover .magic-line{width:150px}.the-dungeon-bg{color:#dcd0c0;background-color:#16120e;background-image:radial-gradient(circle at 50% 0,#d4af370d,#0000 60%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2.5L22.5 11 25 13.5V16h15v2H25v2.5L22.5 23 20 20.5zM10 20.5V18H0v-2h10v-2.5L12.5 11 15 13.5V16h25v2H15v2.5L12.5 23 10 20.5z' fill='%23d4af37' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E")}.magic-bottom-decoration{pointer-events:none;z-index:1;justify-content:center;width:100%;height:200px;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.arcane-mist{filter:blur(10px);background:linear-gradient(#0000,#d4af3726 40%,#16120e 90%);width:100%;height:100%;position:absolute;bottom:0}.rising-embers{width:100%;height:100%;position:absolute;bottom:-50px}.rising-embers:before,.rising-embers:after{content:"";opacity:0;background-image:radial-gradient(circle,#d4af37 1.5px,#0000 2.5px);background-position:0 0;background-size:60px 60px;width:100%;height:100%;animation:12s linear infinite riseMagic;position:absolute}.rising-embers:after{opacity:.5;background-position:30px 30px;background-size:90px 90px;animation-duration:18s;animation-delay:-5s}.parchment-card.magic-card{box-shadow:0 10px 30px #00000080}.parchment-card.magic-card:hover{box-shadow:0 15px 40px #d4af3726;background-color:#1e160fe6!important}.hero-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-card{z-index:2;justify-content:center;align-items:center;gap:50px;width:90%;max-width:1100px;margin-top:-30vh;display:flex}.hero-text-block{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero-main-title{text-shadow:0 0 15px #d4af3766;margin-bottom:.5rem;font-size:4rem;line-height:1.1}.hero-subtitle{color:#c5a055;letter-spacing:2px;margin-bottom:2.5rem;font-size:1.3rem}.grid-2col{grid-template-columns:1fr 1fr;align-items:stretch;gap:50px;display:grid}@media(max-width:992px){.hero-card{text-align:center!important;flex-direction:column!important;gap:20px!important;margin-top:10vh!important}.hero-text-block{align-items:center!important}#journey .container{text-align:center!important;grid-template-columns:1fr!important;gap:30px!important}#journey .container>div:nth-child(2){padding-right:0!important}.magic-image{border-radius:20px!important;max-height:400px!important}.magic-line{margin:1rem auto!important}.grid-2col{grid-template-columns:1fr!important;gap:30px!important}}@media(max-width:768px){.nav-container{flex-direction:column!important;gap:15px!important;padding:0 1rem!important}.navbar-dnd{padding:1rem 0!important}.nav-links{flex-wrap:wrap!important;justify-content:center!important;gap:15px!important}.nav-logo-text{font-size:1.2rem!important}.hero-main-title{font-size:2.2rem!important}.hero-subtitle{margin-bottom:2rem!important;font-size:.85rem!important}.scroll-dragon-container{bottom:10px!important}.modal-parchment,.register-modal{width:95%!important;max-height:90vh!important;padding:1.5rem!important;overflow-y:auto!important}.register-header h2,.modal-parchment .dnd-title{text-align:center!important;font-size:1.5rem!important}.modal-parchment>div[style*=flex]{flex-direction:column!important;gap:15px!important}.modal-parchment>div[style*=flex]>div{align-items:center!important;width:100%!important;padding:0!important}.modal-parchment .glowing-logo{width:80px!important;margin-bottom:10px!important}.btn-signup-full{padding:12px!important;font-size:1rem!important}.manager-container{padding:1rem!important}.campaign-slider{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:10px 5px!important}.polaroid-card{scroll-snap-align:start!important;min-width:160px!important}.campaign-manager-content{width:100%!important}.campaign-glass-panel{padding:15px!important}.campaign-carousel-wrapper{gap:10px!important}.campaign-carousel-viewport{scroll-snap-type:y mandatory!important;flex-direction:column!important;align-items:center!important;gap:30px!important;max-height:55vh!important;padding:20px 5px!important;overflow:hidden auto!important}.polaroid-card-large{scroll-snap-align:center!important;width:260px!important;min-width:260px!important;height:360px!important}.polaroid-title-large{font-size:1.1rem!important}.carousel-nav-btn{display:none!important}.campaign-actions-container{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}.btn-campaign-action{justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;padding:12px 5px!important;font-size:.9rem!important;display:flex!important}}@media(max-width:480px){.hero-main-title{font-size:1.8rem!important}.nav-logo-text{font-size:1rem!important}.dnd-input,.input-flat{padding:10px!important;font-size:.9rem!important}.polaroid-card{min-width:140px!important}}.create-view-container{box-sizing:border-box;background-color:#0000;flex-direction:column;align-items:center;min-height:100vh;padding:40px;display:flex}.create-content-layout{box-sizing:border-box;justify-content:center;align-items:center;gap:50px;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.image-upload-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-sizing:border-box;border:1px solid #c5a05540;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:440px;max-width:100%;height:440px;transition:all .3s;display:flex;box-shadow:0 15px 35px #0000001a;background:#0f0c0a59!important}.image-upload-box:hover{border-color:var(--dnd-gold);transform:scale(1.02);background:#0f0c0a73!important}.image-upload-box:hover .icon-main-upload{color:#d4af37;transform:scale(1.05)}.image-upload-box:hover .icon-sub-upload{color:#fff}.icon-main-upload{color:#c5a055;margin-bottom:20px;transition:all .3s;width:120px!important;height:120px!important}.icon-sub-upload{color:#dcd0c0;transition:all .3s;width:55px!important;height:55px!important}.image-upload-label{text-align:center;color:#dcd0c0;width:100%;margin-top:15px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.form-create-card{-webkit-backdrop-filter:blur(12px);color:#dcd0c0;box-sizing:border-box;background:#1e160f73;border:1px solid #c5a05540;border-radius:24px;width:440px;max-width:100%;padding:40px;box-shadow:0 15px 35px #0006,inset 0 0 15px #ffffff0d}.create-title{color:#d4af37;text-shadow:0 0 10px #d4af3733;margin-bottom:25px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:800;line-height:1.1}.input-label-dnd{color:#dcd0c0;margin-bottom:8px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;display:block}.input-create-field{color:#f4f1e9;box-sizing:border-box;background:#0000004d;border:1px solid #c5a05566;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:12px 15px;font-family:Lato,sans-serif;font-size:1rem;transition:all .3s}.input-create-field:focus{background:#00000080;border-color:#c5a055;box-shadow:0 0 15px #c5a05533}.btn-execute-create{color:#fca5a5;cursor:pointer;box-sizing:border-box;background-color:#dc262626;border:1px solid #dc262666;border-radius:12px;width:100%;padding:15px;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;transition:all .3s}.btn-execute-create:hover:not(:disabled){color:#fff;background-color:#dc26264d;border-color:#dc2626cc;box-shadow:0 14px 40px #dc262633}.btn-execute-create:disabled{color:#999;cursor:not-allowed;border-color:#ccc}.invite-section{text-align:center;margin-top:30px}.invite-title{color:#ff8a8a;margin-bottom:15px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.invite-code-row{justify-content:center;align-items:stretch;gap:10px;width:100%;display:flex}.invite-code-row .input-create-field{text-align:center;letter-spacing:1px;margin-bottom:0}.invite-link-btn{color:#dcd0c0;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#c5a05526;border:1px solid #c5a05566;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;height:auto;padding:0 20px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.invite-link-btn:hover{color:#fff;background:#c5a0554d;border-color:#c5a055;box-shadow:0 0 15px #c5a05533}.invite-link-btn.copied{color:#4ade80;background:#4ade8026;border-color:#4ade80;box-shadow:0 0 15px #4ade8033}.error-text{color:#ff6b6b;margin-top:-15px;margin-bottom:15px;font-size:.8rem;font-weight:700}.form-character-card{-webkit-backdrop-filter:blur(16px);color:#dcd0c0;box-sizing:border-box;background:#1e160fa6;border:1px solid #c5a05540;border-radius:20px;width:520px;max-width:100%;padding:40px;box-shadow:0 15px 35px #0006,inset 0 0 15px #ffffff0d}.form-character-card h1,.form-character-card h2,.form-character-card h3,.form-character-card p,.form-character-card label{color:#dcd0c0!important}.form-character-card input:not([type=radio]):not([type=checkbox]),.form-character-card textarea{margin-top:6px;margin-bottom:6px}.dnd-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#dcd0c0;cursor:pointer;box-sizing:border-box;background-color:#0006;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;border:1px solid #c5a05566;border-radius:30px;outline:none;width:100%;margin-top:0;margin-bottom:6px;padding:12px 15px;font-family:Lato,sans-serif;transition:all .3s}.dnd-select:focus{background-color:#0009;border-color:#d4af37;box-shadow:0 0 10px #d4af3733}.dnd-select option{color:#dcd0c0;background-color:#1a1a1a}.dnd-radio-group{gap:30px;margin:0 0 8px;display:flex}.dnd-radio-item{cursor:pointer;color:#dcd0c0;align-items:center;gap:10px;font-family:Cinzel,serif;font-weight:700;display:flex}.dnd-radio-custom{background:#0006;border:2px solid #c5a05580;border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}input[type=radio]:checked+.dnd-radio-custom:after{content:"";background:#d4af37;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-next-step{color:#fca5a5;cursor:pointer;-webkit-backdrop-filter:blur(12px);background-color:#dc262626;border:1px solid #dc262666;border-radius:15px;margin-top:20px;padding:12px 60px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;transition:all .3s;box-shadow:0 14px 40px #00000059}.btn-next-step:hover{color:#fff;background-color:#dc26264d;border-color:#dc2626cc;box-shadow:0 14px 40px #dc262633}.bg-view-container{background-color:var(--dnd-parchment);box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;padding:40px 5%;display:flex}.bg-content-layout{flex-direction:row;justify-content:center;align-items:center;gap:80px;width:100%;max-width:1400px;margin:auto;display:flex}.story-card-container{box-sizing:border-box;background:#fff;border:4px solid #c5a055;border-radius:20px;flex-direction:column;flex:1;min-width:0;max-width:850px;padding:40px;display:flex;box-shadow:0 10px 40px #0000000d}.chat-input-wrapper{box-sizing:border-box;width:100%;margin-top:30px;position:relative}.chat-textarea{resize:none;box-sizing:border-box;border:2px solid #c5a055;border-radius:15px;outline:none;width:100%;min-height:150px;padding:20px 60px 20px 25px;font-family:Lato,sans-serif;font-size:1.1rem;display:block}.send-icon-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;transition:transform .2s;position:absolute;bottom:20px;right:20px}.btn-generate-ai{color:#dcd0c0;cursor:pointer;-webkit-backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.05em;background-color:#c5a05526;border:1px solid #c5a05566;border-radius:12px;margin-top:20px;padding:12px 30px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 14px 40px #00000059}.btn-generate-ai:hover{color:#fff;background-color:#c5a0554d;border-color:#c5a055cc;box-shadow:0 14px 40px #c5a05533}.ai-modal-overlay{z-index:4000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#1a1a1acc,#000000e6);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.ai-generator-card{box-sizing:border-box;background:#fff;border:4px solid #c5a055;border-radius:20px;flex-direction:column;width:95%;max-width:1000px;max-height:90vh;padding:40px;display:flex;overflow-y:auto}.ai-prompt-wrapper{box-sizing:border-box;width:100%;margin-top:15px;position:relative}.ai-textarea{resize:none;box-sizing:border-box;background:#fff;border:2px solid #c5a055;border-radius:15px;outline:none;width:100%;min-height:100px;padding:20px 65px 20px 25px;font-family:Lato,sans-serif;font-size:1.1rem}.btn-ai-execute{cursor:pointer;text-align:center;background-color:#8b0000;border:none;border-radius:50px;width:100%;margin-top:25px;padding:20px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0003;color:#fff!important}.btn-ai-execute:hover:not(:disabled){background-color:#600000;transform:translateY(-2px);box-shadow:0 6px 20px #8b00004d}.btn-ai-execute:disabled{cursor:not-allowed;box-shadow:none;background-color:#8b00004d;color:#fff6!important}.ai-main-title{text-align:center;color:#1a1a1a;margin-bottom:25px;font-family:Cinzel,serif;font-size:2rem;font-weight:900}.ai-preview-slot{aspect-ratio:16/9;background-color:#f9f9f9;border:3px solid #3e563e;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:350px;display:flex;overflow:hidden}.ai-preview-slot:hover{background-color:#f0f0f0}.ai-input-group{flex-direction:column;gap:15px;width:100%;margin-top:40px;display:flex}.ai-input-prompt{box-sizing:border-box;border:2px solid #ccc;border-radius:12px;outline:none;width:100%;padding:15px;font-family:Lato,sans-serif;font-size:1rem}.ai-input-prompt:focus{border-color:#8b0000;box-shadow:0 0 10px #8b00001a}.btn-ai-generate{color:#fff;cursor:pointer;background-color:#8b0000;border:none;border-radius:30px;width:100%;padding:18px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;transition:background .3s}.btn-ai-generate:hover:not(:disabled){background-color:#600000}.btn-ai-generate:disabled{opacity:.6;cursor:not-allowed}.ribbon-button-ai{background:var(--dnd-red);color:#fff;clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);cursor:pointer;border:none;padding:12px 30px;font-family:Cinzel,serif;position:fixed;top:40px;left:40px}@keyframes arcanePulse{0%{box-shadow:0 0 10px #c5a05533}50%{box-shadow:0 0 25px #c5a05599}to{box-shadow:0 0 10px #c5a05533}}.arcane-pulse{animation:2s infinite arcanePulse;border-color:#c5a055!important}.btn-ai-success{cursor:pointer;background-color:#3e563e;border:none;border-radius:50px;width:100%;padding:20px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #3e563e4d;color:#fff!important}.btn-ai-success:hover{background-color:#2e422e;transform:translateY(-2px);box-shadow:0 6px 20px #3e563e80}.btn-ai-retry{cursor:pointer;background-color:#0000;border:2px solid #8b0000;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:10px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;color:#8b0000!important;padding:18px!important}.btn-ai-retry:hover{background-color:#8b00000d;border-color:#600000;color:#600000!important}.btn-ai-3d{cursor:pointer;background-color:#2e3456;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:10px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #2e34564d;color:#fff!important;padding:18px!important}.btn-ai-3d:hover{background-color:#1e243d;transform:translateY(-2px);box-shadow:0 6px 15px #2e345680}.generator-3d-layout{grid-template-columns:260px 1fr 320px;align-items:stretch;gap:35px;width:100%;max-width:1150px;margin:0 auto;padding:20px;display:grid}.model-preview-box{aspect-ratio:1;background:#fff;border:5px solid #3e563e;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.reference-image-box{background:#fff;border:5px solid #8b0000;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.order-summary{flex-direction:column;gap:15px;font-family:Cinzel,serif;display:flex}.price-item{justify-content:space-between;font-size:1.4rem;font-weight:900;display:flex}.btn-place-order{border:3px solid var(--dnd-gold);width:100%;color:var(--dnd-gold);cursor:pointer;background:#fff;border-radius:15px;padding:12px;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;transition:all .3s}.btn-place-order:hover:not(:disabled){background:var(--dnd-gold);color:#fff}.model-checkbox-box{border:2px solid #ccc;border-radius:6px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;transition:all .3s;display:flex}.model-checkbox-box.checked{background-color:#3e563e;border-color:#3e563e}.model-checkbox-label{text-transform:uppercase;color:#dcd0c0;font-family:Lato,sans-serif;font-size:.75rem;font-weight:900;line-height:1.4}@media(max-width:1024px){.create-content-layout{padding-bottom:50px;flex-direction:column!important;gap:40px!important;width:90%!important;max-width:440px!important;height:auto!important;margin-top:100px!important;margin-bottom:40px!important}.image-upload-box{aspect-ratio:1!important;width:100%!important;height:auto!important}.form-character-card,.form-create-card{width:100%!important;padding:30px 20px!important}.dnd-radio-group{flex-wrap:wrap!important;gap:15px!important}}@media(max-width:768px){.create-view-container{padding:100px 0 40px!important}.create-content-layout{gap:30px!important;margin-top:100px!important}.form-create-card{border-width:1px!important;border-radius:15px!important;padding:25px 20px!important}.create-title{text-align:center!important;margin-bottom:20px!important;font-size:1.5rem!important}.icon-main-upload{width:100px!important;height:100px!important}.image-upload-label{font-size:.95rem!important}.btn-execute-create{padding:12px!important;font-size:1.1rem!important}.invite-link-btn{height:auto!important;padding:0 15px!important;font-size:.95rem!important}}@media(max-width:480px){.create-view-container{padding:90px 0 30px!important}.create-title{font-size:1.3rem!important}.icon-main-upload{width:80px!important;height:80px!important}.input-create-field{padding:10px 12px!important;font-size:.95rem!important}}@media(max-width:360px){.input-create-field{padding:8px 10px!important;font-size:.85rem!important}.invite-link-btn{padding:0 10px!important;font-size:.85rem!important}.invite-code-row{gap:6px!important}}.mobile-form-wrapper .btn-next-step{display:none!important}.ai-layout-container{flex-direction:row;align-items:flex-start;width:100%;display:flex}.ai-image-column{border-radius:20px;flex-shrink:0;margin-right:40px}.ai-controls-column{flex-direction:column;width:calc(100% - 390px);height:525px;display:flex}.ai-button-group{margin-top:30px}@media(max-width:1024px){.ai-layout-container{gap:30px;flex-direction:column!important;align-items:center!important}.ai-image-column{max-width:350px;width:100%!important;margin-right:0!important}.ai-controls-column{width:100%!important;height:auto!important}.ai-prompt-wrapper{min-height:150px!important}.ai-button-group{margin-top:15px}}.node-circle-main{z-index:2;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;transform:translate(-50%,-50%);box-shadow:0 10px 25px #00000080}.node-circle-main:hover{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 15px 35px #000000b3}.node-circle-main span{letter-spacing:.05em;padding:10px;font-family:Cinzel,serif;font-size:15px;font-weight:800;line-height:1.2}.chapter-style{color:#8b1c1c;border:3px solid #8b1c1c;width:160px;height:160px}.map-style{color:#2c4a3b;border:3px solid #2c4a3b;width:110px;height:110px}.character-style{background-color:#2a2a2a;background-position:50%;background-size:cover;border:3px solid #c5a055;width:60px;height:60px;padding:0}.character-style span{display:none}.node-option{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,filter .2s;display:flex;box-shadow:0 4px 10px #0006}.node-option:hover{filter:brightness(1.2);transform:scale(1.15)}.frosted-glass-card{-webkit-backdrop-filter:blur(16px);z-index:50;box-sizing:border-box;background:#1e160f8c;border:1px solid #c5a05540;border-radius:24px;width:340px;padding:45px 30px 30px;position:fixed;top:40px;right:40px;box-shadow:0 15px 35px #0006,inset 0 0 15px #ffffff0d}.glass-field-group{margin-bottom:20px}.glass-label{color:#dcd0c0;letter-spacing:1px;margin-bottom:10px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;display:block}.glass-input{color:#f4f1e9;box-sizing:border-box;background:#0000004d;border:1px solid #c5a05566;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-family:Lato,sans-serif;font-size:1rem;transition:all .3s;text-transform:none!important}.glass-input:focus{background:#00000080;border-color:#c5a055;box-shadow:0 0 15px #c5a05533}.glass-image-upload{cursor:pointer;box-sizing:border-box;background:#0000004d;border:1px dashed #c5a05580;border-radius:12px;justify-content:center;align-items:center;width:100%;height:140px;transition:all .3s;display:flex;overflow:hidden}.glass-image-upload:hover{background:#00000080;border-color:#c5a055}.glass-image-placeholder{color:#dcd0c0;opacity:.7;flex-direction:column;align-items:center;gap:8px;font-family:Lato,sans-serif;font-size:.85rem;transition:opacity .3s;display:flex}.glass-image-upload:hover .glass-image-placeholder{opacity:1}.glass-image-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dashboard-main-layout{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:130px 40px 50px;display:flex}.dashboard-main-layout>div{gap:20px!important}@media(min-width:1024px){.dashboard-main-layout>div{gap:40px!important}}@media(min-width:1280px){.dashboard-main-layout>div{gap:50px!important}}.nav-container{position:relative}.dropdown-menu-magic{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;opacity:0;pointer-events:none;background:#16120ef2;border:1px solid #c5a0554d;border-radius:8px;min-width:220px;margin-top:15px;padding:10px 0;transition:opacity .3s,transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:100%;left:0;transform:translateY(-20px);box-shadow:0 15px 40px #000000e6,inset 0 0 15px #c5a0550d}.dropdown-menu-magic.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{color:#dcd0c0;text-align:left;cursor:pointer;letter-spacing:1px;background:0 0;border:none;width:100%;padding:15px 25px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:#d4af37;background:#c5a05526;padding-left:32px}.universal-menu-container{z-index:9999;touch-action:none;flex-direction:column;align-items:center;display:flex;position:fixed}.universal-menu-container.grabbing{cursor:grabbing}.universal-menu-container.grab{cursor:grab}.universal-menu-main{z-index:50;-webkit-backdrop-filter:blur(12px);pointer-events:auto;box-sizing:border-box;background:#16120ef2;border:2px solid #c5a05566;border-radius:32px;justify-content:center;min-width:150px;padding:14px 28px;transition:border-radius .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 15px 40px #000000e6,inset 0 0 15px #c5a0551a}.universal-menu-container:hover .universal-menu-main{border-bottom-right-radius:8px;border-bottom-left-radius:8px;box-shadow:0 2px 10px #000c,inset 0 0 15px #c5a0551a}.universal-menu-drawer{z-index:10;opacity:0;pointer-events:none;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:100%;left:0;transform:translateY(-50%)}.universal-menu-container:hover .universal-menu-drawer{opacity:1;pointer-events:auto;transform:translateY(-2px)}.universal-menu-btn{color:#dcd0c0;letter-spacing:2px;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#8b0000;border:2px solid #c5a0554d;border-top:none;border-radius:0 0 32px 32px;width:100%;padding:12px 16px;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .3s;box-shadow:0 15px 25px #000000e6}.universal-menu-btn:hover{filter:brightness(1.25);box-shadow:0 0 15px #8b000080}.menu-trigger-btn{cursor:pointer;color:#dcd0c0;align-items:center;gap:8px;transition:color .3s;display:flex}.menu-trigger-btn:hover{color:#d4af37}.menu-trigger-text{font-family:Cinzel,serif;font-weight:700}@media(max-width:768px){.universal-menu-main{min-width:120px;padding:10px 20px}.universal-menu-btn{padding:10px 14px;font-size:.75rem}.menu-trigger-text{font-size:.85rem}}.dashboard-mobile-btn{-webkit-backdrop-filter:blur(12px);color:#dcd0c0;letter-spacing:2px;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#16120ef2;border:2px solid #c5a05566;border-radius:32px;justify-content:center;align-items:center;min-width:120px;padding:14px 28px;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 15px 40px #000000e6,inset 0 0 15px #c5a0551a}.dashboard-mobile-btn:hover{filter:brightness(1.25);box-shadow:0 0 15px #c5a05580}.campaign-manager-layout{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:40px;display:flex;position:relative}.campaign-manager-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:1400px;display:flex}.campaign-glass-panel{-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;margin-bottom:35px;padding:30px;box-shadow:0 20px 50px #00000080}.campaign-carousel-wrapper{justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.campaign-carousel-viewport{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;flex-direction:row;gap:50px;width:100%;max-width:1100px;padding:25px 20px;display:flex;overflow-x:auto}.campaign-carousel-viewport::-webkit-scrollbar{display:none}.carousel-nav-btn{-webkit-backdrop-filter:blur(12px);color:#dcd0c0;cursor:pointer;background:#c5a05526;border:1px solid #c5a05566;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 14px 40px #00000059}.carousel-nav-btn:hover{color:#fff;background:#c5a0554d;border-color:#c5a055cc;transform:scale(1.1);box-shadow:0 14px 40px #c5a0554d}.polaroid-card-large{text-align:center;-webkit-backdrop-filter:blur(12px);cursor:pointer;scroll-snap-align:center;background-color:#1e160f66;border:1px solid #c5a0554d;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;min-width:320px;height:420px;padding:16px 16px 24px;transition:transform .4s,box-shadow .4s,border-color .4s;display:flex;box-shadow:0 14px 40px #00000059}.polaroid-card-large:hover{border-color:#c5a055cc;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 50px #0006}.polaroid-title-large{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-top:15px;font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.mobile-dashboard-container{box-sizing:border-box;background:linear-gradient(135deg,#16120e,#2a1f1a,#16120e);flex-direction:column;align-items:center;min-height:100vh;padding:120px 20px 20px;display:flex}.mobile-campaigns-grid{grid-template-columns:1fr;gap:20px;width:100%;max-width:400px;margin-bottom:30px;display:grid}.mobile-campaign-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #c5a0554d;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .3s;display:flex;box-shadow:0 8px 25px #0000004d}.mobile-campaign-card:hover{border-color:#c5a055;transform:translateY(-5px);box-shadow:0 12px 35px #c5a05533}.mobile-campaign-image{-o-object-fit:cover;object-fit:cover;border:1px solid #c5a05533;border-radius:12px;width:100%;height:180px;margin-bottom:15px}.mobile-campaign-title{color:#dcd0c0;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.mobile-campaign-description{color:#b8a894;margin-bottom:15px;font-family:Lato,sans-serif;font-size:.9rem;line-height:1.4}.mobile-action-buttons{justify-content:center;gap:10px;width:100%;display:flex}.mobile-action-btn{color:#c5a055;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:2px solid #c5a055;border-radius:8px;flex:1;padding:12px 16px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .3s}.mobile-action-btn:hover{color:#16120e;background:#c5a055;transform:translateY(-2px)}.mobile-recent-characters{width:100%;max-width:400px;margin-bottom:30px}.mobile-section-title{color:#dcd0c0;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.mobile-characters-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.mobile-character-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #c5a05533;border-radius:12px;flex-direction:column;align-items:center;padding:15px;transition:all .3s;display:flex;box-shadow:0 6px 20px #0003}.mobile-character-card:hover{border-color:#c5a055;transform:translateY(-3px);box-shadow:0 10px 30px #c5a05526}.mobile-character-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #c5a0554d;border-radius:50%;width:60px;height:60px;margin-bottom:10px}.mobile-character-name{color:#dcd0c0;margin-bottom:5px;font-family:Cinzel,serif;font-size:.9rem;font-weight:700}.mobile-character-level{color:#b8a894;font-family:Lato,sans-serif;font-size:.8rem}.mobile-create-new-btn{color:#dcd0c0;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#8b0000,#600000);border:2px solid #c5a055;border-radius:12px;width:100%;max-width:400px;margin-bottom:20px;padding:18px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #8b00004d}.mobile-create-new-btn:hover{background:linear-gradient(135deg,#600000,#8b0000);transform:translateY(-3px);box-shadow:0 12px 35px #8b000080}.mobile-menu-btn{cursor:pointer;-webkit-backdrop-filter:blur(12px);z-index:1000;background:#16120ef2;border:2px solid #c5a05566;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 25px #00000080}.mobile-menu-btn:hover{border-color:#c5a055;transform:scale(1.1);box-shadow:0 12px 35px #c5a0554d}.mobile-menu-icon{color:#dcd0c0;width:24px;height:24px}.mobile-campaign-card-compact{border:2px solid var(--dnd-gold);cursor:pointer;background:#ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:120px;max-height:140px;padding:8px;transition:all .3s;display:flex}.mobile-campaign-card-compact:hover{border-color:var(--dnd-gold);transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.mobile-campaign-image-compact{-o-object-fit:cover;object-fit:cover;border:1px solid #d4af374d;border-radius:8px;width:100%;height:70px}.mobile-campaign-title-compact{color:var(--dnd-gold);text-align:center;text-transform:uppercase;margin:0;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;line-height:1.2}.mobile-manage-btn{border:2px solid var(--dnd-gold);width:100%;color:var(--dnd-gold);cursor:pointer;text-transform:uppercase;background:0 0;border-style:dashed;border-radius:10px;margin:12px 0;padding:14px 20px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .3s}.mobile-manage-btn:hover{background:#d4af371a;transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.mobile-character-avatar-placeholder{border:2px solid var(--dnd-gold);width:60px;height:60px;color:var(--dnd-gold);background:#d4af3733;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:1.5rem;font-weight:700;display:flex}.polaroid-large-img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;height:100%;transition:transform .7s}.polaroid-card-large:hover .polaroid-large-img{transform:scale(1.1)}.campaign-actions-container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.btn-campaign-action{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(12px);text-align:center;border-radius:20px;justify-content:center;align-items:center;padding:16px 30px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 14px 40px #00000059}.btn-campaign-action.create{color:#86efac;background-color:#22c55e26;border:1px solid #22c55e66}.btn-campaign-action.create:hover{background-color:#22c55e4d;box-shadow:0 14px 40px #22c55e33}.btn-campaign-action.join{color:#c7d2fe;background-color:#6366f126;border:1px solid #6366f166}.btn-campaign-action.join:hover{background-color:#6366f14d;box-shadow:0 14px 40px #6366f133}.btn-campaign-action.modify{color:#dcd0c0;background-color:#c5a05526;border:1px solid #c5a05566}.btn-campaign-action.modify:hover{background-color:#c5a0554d;box-shadow:0 14px 40px #c5a05533}.btn-campaign-action.eliminate{color:#fca5a5;background-color:#dc262626;border:1px solid #dc262666}.btn-campaign-action.eliminate:hover:not(:disabled){background-color:#dc26264d;box-shadow:0 14px 40px #dc262633}.btn-campaign-action.eliminate:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af;background-color:#9ca3af1a;border-color:#9ca3af4d}.campaign-empty-state{text-align:center;width:100%;color:var(--dnd-gold);letter-spacing:2px;padding:40px 0;font-family:Cinzel,serif;font-size:1.8rem}.character-card-vertical{background-color:#1a1a1a;border-radius:12px;flex-direction:column;flex-shrink:0;width:280px;min-width:280px;height:420px;display:flex;position:relative;overflow:hidden;box-shadow:8px 8px 25px #00000080}.character-card-vertical:hover{transform:translateY(-15px)scale(1.02);box-shadow:15px 15px 40px #000000b3}.character-img-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.character-card-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s}.character-card-vertical:hover .character-card-img{transform:scale(1.1)}.character-no-img{color:#fff3;font-family:Cinzel,serif;font-size:8rem}.character-card-overlay{text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000b3 60%,#000000e6);flex-direction:column;align-items:center;width:100%;padding:50px 20px 20px;display:flex;position:absolute;bottom:0;left:0}.character-card-title{color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px #000c;margin:0;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.character-card-subtitle{color:var(--dnd-gold);letter-spacing:1px;text-transform:uppercase;margin-top:5px;font-family:Lato,sans-serif;font-size:.85rem;font-weight:700}.character-select-text{color:var(--dnd-gold);text-align:center;letter-spacing:2px;z-index:10;border:1px solid var(--dnd-gold);white-space:nowrap;pointer-events:none;background-color:#000000b3;border-radius:20px;padding:6px 18px;font-size:.75rem;font-weight:700;animation:2s infinite pulse;position:absolute;top:15px;left:50%;transform:translate(-50%)}.settings-layout{box-sizing:border-box;z-index:10;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:120px 20px 60px;display:flex}.settings-glass-card{-webkit-backdrop-filter:blur(16px);color:#dcd0c0;box-sizing:border-box;background:#1e160fa6;border:1px solid #c5a05540;border-radius:24px;width:100%;max-width:750px;padding:50px;box-shadow:0 25px 50px #00000080,inset 0 0 15px #ffffff0d}.settings-title{text-align:center;color:#d4af37;letter-spacing:2px;text-shadow:0 0 10px #d4af3733;margin-bottom:40px;font-family:Cinzel,serif;font-size:2.2rem;font-weight:900}.settings-section-title{color:#fff;border-bottom:1px solid #c5a0554d;margin-bottom:25px;padding-bottom:8px;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}.settings-profile-row{flex-direction:row;align-items:center;gap:35px;margin-bottom:45px;display:flex}.settings-avatar-container{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.settings-avatar-upload{cursor:pointer;background:#0006;border:2px dashed #c5a05580;border-radius:16px;justify-content:center;align-items:center;width:180px;height:180px;transition:all .3s;display:flex;overflow:hidden}.settings-avatar-upload:hover{background:#0009;border-color:#c5a055}.settings-info-col{flex-grow:1;width:100%}.settings-security-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.btn-settings-save{color:#c5a055;cursor:pointer;letter-spacing:2px;background:0 0;border:2px solid #c5a055;border-radius:12px;width:100%;margin-top:40px;padding:18px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;transition:all .3s}.btn-settings-save:hover{color:#1a1a1a;background:#c5a055;box-shadow:0 0 20px #c5a05566}.settings-danger-zone{text-align:center;border-top:2px dashed #8b000080;margin-top:50px;padding-top:30px}.btn-settings-delete{color:#f44;cursor:pointer;background:0 0;border:2px solid #8b0000;border-radius:12px;margin-top:20px;padding:14px 40px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .3s}.btn-settings-delete:hover{color:#fff;background:#8b0000;box-shadow:0 0 15px #8b000066}@media(max-width:768px){.settings-profile-row{text-align:center;flex-direction:column}.settings-security-grid{grid-template-columns:1fr}.settings-glass-card{padding:30px 20px}.settings-title{font-size:1.8rem}}.settings-display-row{background:#00000040;border:1px solid #c5a05526;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.btn-settings-edit{color:#c5a055;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #c5a055;border-radius:8px;padding:8px 18px;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .3s}.btn-settings-edit:hover{background:#c5a05533;box-shadow:0 0 10px #c5a0554d}.settings-edit-actions{grid-column:1/-1;justify-content:flex-end;margin-top:10px;display:flex}.btn-settings-cancel{color:#f44;cursor:pointer;background:0 0;border:none;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .3s}.btn-settings-cancel:hover{text-shadow:0 0 8px #f449;text-decoration:underline}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.settings-expand-anim{animation:.35s ease-out forwards slideDownFade}.char-sheet-layout{box-sizing:border-box;z-index:10;align-items:flex-start;gap:40px;width:100%;max-width:1400px;margin:0 auto;padding:120px 20px 60px;display:flex}.char-sheet-left{flex-direction:column;flex-shrink:0;gap:0;width:400px;height:calc(100vh - 160px);display:flex;position:sticky;top:120px}.char-visualizer-box{border:2px solid var(--dnd-gold);background:#0f0c0acc;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:350px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009,inset 0 0 20px #c5a0551a}.char-sheet-details-scroll{flex-grow:1;padding-right:10px;overflow:hidden auto}.char-sheet-details-scroll::-webkit-scrollbar{width:8px}.char-sheet-details-scroll::-webkit-scrollbar-track{background:0 0}.char-sheet-details-scroll::-webkit-scrollbar-thumb{background:#c5a05566;border-radius:4px}.char-sheet-details-scroll::-webkit-scrollbar-thumb:hover{background:#c5a05599}.char-visualizer-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.btn-toggle-view{border:1px solid var(--dnd-gold);color:var(--dnd-gold);cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16120ee6;border-radius:8px;padding:8px 16px;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;transition:all .3s;position:absolute;bottom:15px;right:15px;box-shadow:0 4px 10px #00000080}.btn-toggle-view:hover{background:var(--dnd-gold);color:#16120e}.char-sheet-right{flex-direction:column;flex-grow:1;gap:25px;display:flex}.char-sheet-right>div[class*=grid]{grid-template-columns:1fr 1fr;gap:25px;display:grid}.char-glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#dcd0c0;background:#1e160fa6;border:1px solid #c5a05540;border-radius:20px;padding:30px;text-transform:none!important}.char-sheet-details-scroll .space-y-4>div:first-child{margin-top:0}.char-sheet-details-scroll .char-glass-panel{margin:0 0 20px}.char-sheet-details-scroll .char-glass-panel:last-child{margin-bottom:0}.settings-section-title{color:#d4af37;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.char-stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat-box{text-align:center;background:#0006;border:1px solid #c5a05566;border-radius:12px;padding:15px 10px}.btn-journal-fixed{color:#fff;border:2px solid var(--dnd-gold);cursor:pointer;z-index:100;background:linear-gradient(135deg,#8b0000,#5e0000);border-radius:50px;align-items:center;gap:10px;padding:15px 30px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 25px #0009}.btn-journal-fixed:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 35px #d4af3766}.journal-layout{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 60px;display:flex}.book-wrapper{z-index:10;background:#2a1b12;border-radius:12px;width:100%;max-width:1100px;height:70vh;min-height:600px;padding:15px 25px;display:flex;position:relative;box-shadow:inset 0 0 25px #000000e6,0 35px 60px #000c}.book-spread{background-color:#f4f1e9;background-image:linear-gradient(90deg,#00000026,#0000 4% 48%,#0003 49%,#00000080,#0003 51%,#0000 52% 96%,#00000026);border-radius:6px;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #8b451333}.book-page{flex-direction:column;flex:1;padding:40px 50px;display:flex;position:relative}.book-textarea{resize:none;color:#2a1f18;background:linear-gradient(#0000 95%,#c5a05566) 0 0/100% 2.2rem;border:none;outline:none;flex-grow:1;width:100%;margin-top:2px;padding:0;font-family:Lato,sans-serif;font-size:1.15rem;line-height:2.2rem;overflow:hidden}.btn-page-nav{color:#8b0000;cursor:pointer;z-index:20;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex;position:absolute;bottom:20px}.btn-page-nav:hover{color:#f44;transform:scale(1.1)}.btn-page-prev{left:20px}.btn-page-next{right:20px}.finish-modal-overlay{z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:fixed;inset:0}.finish-modal-container{-webkit-backdrop-filter:blur(16px);color:#dcd0c0;box-sizing:border-box;background:#1e160ff2;border:1px solid #c5a05540;border-radius:24px;width:100%;max-width:420px;padding:32px;position:relative;box-shadow:0 25px 50px #00000080}.finish-modal-close-btn{color:#e2e8f0;cursor:pointer;background-color:#1e293bcc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.finish-modal-close-btn:hover{background-color:#1e293b}.finish-modal-content{text-align:center;background-color:#1e293bd9;border:1px solid #f59e0b1a;border-radius:22px;margin-bottom:24px;padding:20px}.finish-modal-subtitle{text-transform:uppercase;letter-spacing:.35em;color:#f59e0be6;margin-bottom:12px;font-size:.75rem;font-weight:600}.finish-modal-title{text-transform:uppercase;letter-spacing:.22em;color:#d4af37;margin-top:12px;margin-bottom:16px;font-family:Cinzel,serif;font-size:1.875rem;font-weight:900}.finish-modal-description{text-transform:uppercase;letter-spacing:.18em;color:#cbd5e1e6;margin-top:16px;font-size:.875rem;line-height:1.5}.finish-modal-buttons{grid-template-columns:1fr 1fr;gap:16px;display:grid}.finish-modal-btn{text-transform:uppercase;letter-spacing:.13em;cursor:pointer;text-align:center;border:none;border-radius:28px;justify-content:center;align-items:center;min-height:72px;padding:20px 24px;font-family:Cinzel,serif;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.finish-modal-btn-manage{color:#fff;background-color:#2563ebd9;box-shadow:0 14px 40px #0f172a59}.finish-modal-btn-manage:hover{background-color:#3b82f6f2}.finish-modal-btn-3d{color:#0f172a;background-color:#f59e0be6;box-shadow:0 14px 40px #f59e0b47}.finish-modal-btn-3d:hover{background-color:#f59e0bf2}@media(max-width:640px){.finish-modal-buttons{grid-template-columns:1fr}}.custom-legal-scroll::-webkit-scrollbar{width:6px}.custom-legal-scroll::-webkit-scrollbar-track{background:#0003;border-radius:10px}.custom-legal-scroll::-webkit-scrollbar-thumb{background:#c5a055;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}.custom-legal-scroll::-webkit-scrollbar-thumb:hover{background:#d4af37}.campaign-carousel-wrapper{width:100%;position:relative}.campaign-carousel-viewport{scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d4af3766 #d4af371a}.campaign-carousel-viewport::-webkit-scrollbar{height:6px}.campaign-carousel-viewport::-webkit-scrollbar-track{background:#d4af371a;border-radius:10px}.campaign-carousel-viewport::-webkit-scrollbar-thumb{background:#d4af3766;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}.campaign-carousel-viewport::-webkit-scrollbar-thumb:hover{background:#d4af3799}.polaroid-card-large{scroll-snap-align:start;border-radius:8px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.polaroid-card-large:active,.polaroid-card-large:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0006!important}.polaroid-card-large img{will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}.polaroid-card-large:hover img{transform:scale(1.08)}.polaroid-title-large{letter-spacing:2px;color:var(--dnd-gold);text-align:center;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px auto 0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}