.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(92,58,31,.3) 0%,transparent 70%)}.torch-left,.torch-right{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,0,.4) 0%,rgba(255,140,0,.2) 30%,transparent 70%);filter:blur(40px);animation:flicker 3s infinite alternate}.torch-left{top:10%;left:5%}.torch-right{top:10%;right:5%}.hero-content{position:relative;z-index:1;max-width:1000px;width:100%}.tavern-sign{text-align:center;margin-bottom:2rem;position:relative}.hero-title{font-size:clamp(2.5rem,6vw,5rem);color:var(--dark-wood);text-shadow:2px 2px 0 rgba(212,175,55,.3),4px 4px 8px rgba(0,0,0,.3);margin-bottom:.5rem;letter-spacing:.05em}.tavern-text{display:inline-block;padding:.5rem 1rem;position:relative}.subtitle-scroll{background:linear-gradient(90deg,transparent 0%,var(--aged-paper) 10%,var(--parchment) 50%,var(--aged-paper) 90%,transparent 100%);padding:1rem 2rem;margin:0 auto;max-width:600px;box-shadow:0 2px 4px #0003;border-left:3px solid var(--gold);border-right:3px solid var(--gold)}.hero-subtitle{font-family:var(--font-heading);font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--sepia);font-weight:600;margin:0;font-style:italic}.hero-description{text-align:center;max-width:800px;margin:2rem auto;font-size:1.1rem;line-height:1.8}.hero-description p{margin-bottom:1.5rem}.hero-description strong{color:var(--dark-wood);font-weight:600}.hero-cta{display:flex;gap:1.5rem;justify-content:center;margin:3rem 0;flex-wrap:wrap}.btn-large{padding:16px 48px;font-size:1.2rem;letter-spacing:.02em}.hero-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--gold)}.feature-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#e8d7b580;border-radius:8px;min-width:120px;transition:transform .3s ease,box-shadow .3s ease}.feature-badge:hover{transform:translateY(-4px);box-shadow:0 4px 12px #d4af374d}.badge-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.badge-text{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--sepia);text-align:center}.corner-flourish{position:absolute;width:100px;height:100px;opacity:.3;pointer-events:none}.corner-flourish:before,.corner-flourish:after{content:"";position:absolute;background:var(--gold)}.corner-top-left{top:20px;left:20px}.corner-top-left:before{top:0;left:0;width:60px;height:3px;box-shadow:0 0 10px var(--gold)}.corner-top-left:after{top:0;left:0;width:3px;height:60px;box-shadow:0 0 10px var(--gold)}.corner-top-right{top:20px;right:20px;transform:scaleX(-1)}.corner-top-right:before{top:0;left:0;width:60px;height:3px;box-shadow:0 0 10px var(--gold)}.corner-top-right:after{top:0;left:0;width:3px;height:60px;box-shadow:0 0 10px var(--gold)}.corner-bottom-left{bottom:20px;left:20px;transform:scaleY(-1)}.corner-bottom-left:before{top:0;left:0;width:60px;height:3px;box-shadow:0 0 10px var(--gold)}.corner-bottom-left:after{top:0;left:0;width:3px;height:60px;box-shadow:0 0 10px var(--gold)}.corner-bottom-right{bottom:20px;right:20px;transform:scale(-1)}.corner-bottom-right:before{top:0;left:0;width:60px;height:3px;box-shadow:0 0 10px var(--gold)}.corner-bottom-right:after{top:0;left:0;width:3px;height:60px;box-shadow:0 0 10px var(--gold)}@media(max-width:768px){.hero{padding:4rem 1rem;min-height:auto}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.subtitle-scroll{padding:.75rem 1rem}.hero-description{font-size:1rem;padding:1.5rem}.hero-cta{flex-direction:column;gap:1rem}.btn-large{width:100%;max-width:300px;padding:14px 32px;font-size:1.1rem}.hero-features{gap:1rem}.feature-badge{min-width:100px;padding:.75rem}.badge-icon{font-size:1.5rem}.badge-text{font-size:.8rem}.corner-flourish{width:60px;height:60px}.corner-top-left:before,.corner-top-right:before,.corner-bottom-left:before,.corner-bottom-right:before{width:40px}.corner-top-left:after,.corner-top-right:after,.corner-bottom-left:after,.corner-bottom-right:after{height:40px}.torch-left,.torch-right{width:150px;height:150px}}@media(max-width:480px){.hero-title{font-size:1.75rem}.hero-features{gap:.75rem}.feature-badge{min-width:80px;padding:.5rem;flex:1 1 calc(50% - .75rem);max-width:calc(50% - .75rem)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#2d1810,#1a0f0a);border:3px solid #8b6f47;border-radius:12px;padding:2.5rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#d4af37;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{color:#d4af37;font-size:1.8rem;margin:0 0 .5rem;font-family:Cinzel,serif}.modal-header p{color:#c4b5a0;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#d4af37;font-weight:600;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #8b6f47;border-radius:6px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#d4af37;background:#ffffff1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group small{color:#999;font-size:.85rem}.error-message{padding:.75rem;background:#dc35451a;border:1px solid #dc3545;border-radius:6px;color:#ff6b6b;font-size:.9rem}.btn-primary{padding:.875rem 1.5rem;background:linear-gradient(135deg,#d4af37,#c4941f);color:#1a0f0a;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(139,111,71,.3);text-align:center}.modal-footer p{color:#c4b5a0;margin:0}.link-button{background:none;border:none;color:#d4af37;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0;transition:color .2s}.link-button:hover:not(:disabled){color:#fff}.link-button:disabled{opacity:.5;cursor:not-allowed}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#8b6f47;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#d4af37}.features{padding:6rem 0;position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,0,0,.05) 100px,rgba(0,0,0,.05) 101px);pointer-events:none}.section-header{text-align:center;max-width:800px;margin:0 auto 4rem;padding:2rem;border-radius:12px;position:relative}.section-title{font-size:clamp(2.5rem,4vw,3.5rem);color:var(--dark-wood);margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}.section-subtitle{font-size:1.2rem;color:var(--sepia);font-style:italic;margin-top:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{text-align:center;padding:2.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease;border:2px solid var(--sepia);border-radius:8px}.feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000004d,0 0 20px #d4af3733;border-color:var(--gold)}.feature-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold) 0%,#B8941F 100%);border-radius:50%;box-shadow:0 4px 8px #0003,inset 0 2px 4px #ffffff4d;position:relative}.feature-icon-wrapper:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--gold);border-radius:50%;opacity:.5}.feature-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feature-title{font-size:1.5rem;color:var(--dark-wood);margin-bottom:1rem;font-weight:700}.feature-description{font-size:1rem;color:var(--ink-black);line-height:1.7}.features-cta{margin-top:4rem;display:flex;justify-content:center}.cta-scroll{max-width:700px;text-align:center;padding:3rem 2rem;position:relative}.cta-title{font-size:2rem;color:var(--dark-wood);margin-bottom:1rem}.cta-text{font-size:1.1rem;color:var(--sepia);margin-bottom:2rem;line-height:1.8}@media(max-width:768px){.features{padding:4rem 0}.section-header{padding:1.5rem;margin-bottom:3rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-icon-wrapper{width:70px;height:70px}.feature-icon{font-size:2rem}.feature-title{font-size:1.3rem}.feature-description{font-size:.95rem}.cta-scroll{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-text{font-size:1rem}}@media(max-width:480px){.features{padding:3rem 0}.section-title{font-size:1.75rem}.feature-card,.cta-scroll{padding:1.5rem 1rem}}.get-started{padding:6rem 0;position:relative}.get-started-content{max-width:1100px;margin:0 auto;padding:3rem 2rem}.get-started .section-title{text-align:center;font-size:clamp(2.5rem,4vw,3.5rem);color:var(--dark-wood);margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.step-card{background:linear-gradient(135deg,#e8d7b5cc,#f4e8d0e6);padding:2rem;border-radius:8px;border:2px solid var(--sepia);position:relative;transition:all .3s ease;text-align:center}.step-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 8px 24px #0000004d,0 0 20px #d4af374d}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--gold) 0%,#B8941F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--dark-wood);box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #ffffff4d;border:2px solid var(--mahogany)}.step-icon{font-size:3rem;margin:1rem 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.step-title{font-size:1.4rem;color:var(--dark-wood);margin-bottom:1rem;font-weight:700}.step-description{font-size:1rem;color:var(--ink-black);line-height:1.7}.cta-container{text-align:center;margin-top:3rem;padding-top:3rem;border-top:2px solid var(--gold)}.cta-container .btn-large{margin-bottom:1rem}.cta-subtext{color:var(--sepia);font-size:.95rem;font-style:italic;margin-top:1rem}@media(max-width:768px){.get-started{padding:4rem 0}.get-started-content{padding:2rem 1.5rem}.get-started .section-title{font-size:2rem;margin-bottom:2rem}.steps-grid{grid-template-columns:1fr;gap:2rem}.step-card{padding:2rem 1.5rem}.step-icon{font-size:2.5rem}.step-title{font-size:1.2rem}.step-description{font-size:.95rem}.cta-container{margin-top:2rem;padding-top:2rem}}@media(max-width:480px){.get-started{padding:3rem 0}.get-started-content,.step-card{padding:1.5rem 1rem}.step-number{width:35px;height:35px;font-size:1.1rem}}.footer{padding:4rem 0 0;position:relative;color:var(--parchment-light)}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;padding-bottom:3rem;border-bottom:2px solid var(--mahogany)}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-heading{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold);margin-bottom:.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.footer-text{color:var(--parchment);font-size:.95rem;line-height:1.7;margin-bottom:1rem}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mahogany) 0%,var(--dark-wood) 100%);border-radius:50%;border:2px solid var(--gold);transition:all .3s ease;font-size:1.3rem;text-decoration:none;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff1a}.social-link:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 4px 8px #0006,0 0 15px #d4af3780,inset 0 1px 2px #ffffff1a;border-color:var(--torch-amber)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--parchment);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:before{content:"▸";position:absolute;left:-15px;opacity:0;transition:all .3s ease;color:var(--gold)}.footer-links a:hover{color:var(--gold);transform:translate(10px)}.footer-links a:hover:before{opacity:1}.footer-bottom{margin-top:2rem;padding:1.5rem 0;border-radius:8px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:var(--sepia);font-size:.9rem;margin:0}.tavern-motto{font-family:var(--font-heading);font-style:italic;color:var(--gold);font-weight:600}.footer-badges{display:flex;gap:1rem;flex-wrap:wrap}.badge-item{font-size:.85rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--mahogany) 0%,var(--dark-wood) 100%);color:var(--gold);border-radius:20px;border:1px solid var(--gold);font-weight:600;box-shadow:0 2px 4px #0000004d}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:span 2}}@media(max-width:768px){.footer{padding:3rem 0 0}.footer-content{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-section:first-child{grid-column:span 1}.footer-heading{font-size:1.2rem}.footer-text{font-size:.9rem}.footer-social{justify-content:flex-start}.social-link{width:40px;height:40px;font-size:1.2rem}.footer-bottom-content{flex-direction:column;text-align:center}.copyright{text-align:center}.footer-badges{justify-content:center}}@media(max-width:480px){.footer{padding:2rem 0 0}.footer-content{gap:1.5rem}.footer-heading{font-size:1.1rem}.social-link{width:38px;height:38px;font-size:1.1rem}.footer-links{gap:.5rem}.footer-links a{font-size:.9rem}.badge-item{font-size:.8rem;padding:.4rem .8rem}}.chat-window{display:flex;background:linear-gradient(135deg,#f4e4c1,#e8d4a8);border:3px solid #8b6f47;border-radius:12px;overflow:hidden;height:500px;box-shadow:0 4px 12px #0000004d}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#8b6f4726;border-bottom:2px solid #8b6f47}.chat-header h3{margin:0;color:#8b4513;font-family:Cinzel,serif;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.chat-icon{font-size:1.25rem}.connection-status{font-size:.8rem}.status{display:flex;align-items:center;gap:.4rem}.status.connecting{color:#b8860b}.status.connected{color:#228b22}.status.disconnected{color:#cd5c5c}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status.connected .status-dot{background:#228b22}.status.disconnected .status-dot{background:#cd5c5c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-error{padding:.75rem 1rem;background:#cd5c5c33;border-bottom:2px solid #cd5c5c;color:#8b0000;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.message-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message-list.empty{justify-content:center;align-items:center}.empty-chat{text-align:center;color:#8b6f47}.empty-icon{font-size:3rem;display:block;margin-bottom:.5rem}.empty-chat p{margin:.25rem 0}.empty-chat .hint{font-size:.85rem;color:#a08060}.message{display:flex;gap:.75rem;max-width:85%}.message.own-message{flex-direction:row-reverse;margin-left:auto}.message-avatar{flex-shrink:0}.avatar-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #8b6f47}.avatar-initials{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b6f47,#a08060);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;border:2px solid #6d5634}.message-content{background:#fff9;border:1px solid #c9b896;border-radius:12px;padding:.5rem .75rem;min-width:0}.message.own-message .message-content{background:#8b6f4733;border-color:#8b6f47}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-author{font-weight:600;color:#8b4513;font-size:.85rem}.message-time{font-size:.7rem;color:#a08060}.message-text{color:#5d4e37;font-size:.95rem;word-wrap:break-word;white-space:pre-wrap}.message-input-form{padding:1rem;background:#8b6f471a;border-top:2px solid #8b6f47}.message-input-container{display:flex;gap:.5rem}.message-input{flex:1;padding:.75rem 1rem;border:2px solid #8b6f47;border-radius:8px;background:#fffc;color:#5d4e37;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.message-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3733}.message-input::placeholder{color:#a08060}.message-input:disabled{background:#c8c8c84d;cursor:not-allowed}.message-input.over-limit{border-color:#cd5c5c}.send-button{padding:.75rem 1rem;background:linear-gradient(135deg,#8b6f47,#a08060);border:2px solid #6d5634;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#9a7e55,#b09070);transform:translateY(-1px)}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-icon{font-size:1.25rem}.character-count{font-size:.75rem;color:#a08060;text-align:right;margin-top:.25rem}.character-count.over-limit{color:#cd5c5c;font-weight:600}.online-users{width:180px;background:#8b6f471a;border-left:2px solid #8b6f47;display:flex;flex-direction:column}.online-users-header{padding:1rem;background:#8b6f4726;border-bottom:2px solid #8b6f47;font-weight:600;color:#8b4513;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.online-indicator{font-size:.75rem}.online-users-list{flex:1;overflow-y:auto;padding:.75rem}.no-users{text-align:center;color:#a08060;padding:1rem 0}.no-users-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.no-users p{margin:0;font-size:.85rem}.online-user{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;transition:background-color .2s}.online-user:hover{background:#8b6f4726}.online-user.current-user{background:#d4af3726}.user-avatar-small{position:relative;flex-shrink:0}.avatar-image-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #8b6f47}.avatar-initials-small{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b6f47,#a08060);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.65rem;border:1px solid #6d5634}.online-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;background:#228b22;border:1px solid #f4e4c1;border-radius:50%}.user-name{font-size:.85rem;color:#5d4e37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{font-size:.7rem;color:#a08060;margin-left:.25rem}@media(max-width:768px){.chat-window{flex-direction:column;height:600px}.online-users{width:100%;border-left:none;border-top:2px solid #8b6f47;max-height:150px}.online-users-list{display:flex;flex-wrap:wrap;gap:.5rem}.online-user{flex:0 0 auto}}@media(max-width:480px){.message{max-width:95%}.online-users{max-height:120px}}.message-list::-webkit-scrollbar,.online-users-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track,.online-users-list::-webkit-scrollbar-track{background:#8b6f471a;border-radius:4px}.message-list::-webkit-scrollbar-thumb,.online-users-list::-webkit-scrollbar-thumb{background:#8b6f47;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover,.online-users-list::-webkit-scrollbar-thumb:hover{background:#6d5634}.dice-roll-message{display:flex;flex-direction:column;max-width:85%;animation:roll-appear .3s ease-out}@keyframes roll-appear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dice-roll-message.own-message{margin-left:auto;align-items:flex-end}.dice-roll-content{background:linear-gradient(135deg,#d4af3726,#b8860b1a);border:2px solid #d4af37;border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #d4af3733;transition:all .2s}.dice-roll-content:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}.dice-roll-content.crit-success{background:linear-gradient(135deg,#ffd70033,#daa52026);border-color:gold;box-shadow:0 0 16px #ffd70066;animation:critical-glow 1s ease-in-out infinite}.dice-roll-content.crit-fail{background:linear-gradient(135deg,#cd5c5c33,#8b000026);border-color:#cd5c5c;box-shadow:0 0 16px #cd5c5c66}@keyframes critical-glow{0%,to{box-shadow:0 0 16px #ffd70066}50%{box-shadow:0 0 24px #ffd70099}}.roll-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.roll-emoji{font-size:1.25rem;animation:dice-spin .5s ease-out}@keyframes dice-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.roll-label{font-size:.9rem;color:#8b4513;font-weight:500}.roll-label strong{color:#6d4c26;font-weight:600}.roll-label-text{font-style:italic;color:#a08060}.roll-details{display:flex;align-items:center;gap:.75rem;font-family:Courier New,monospace;font-size:1rem}.roll-values{display:flex;align-items:center;gap:.25rem;color:#5d4e37}.die-value{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .25rem;background:#fff9;border:1px solid #c9b896;border-radius:4px;font-weight:600;transition:all .2s}.die-value:hover{transform:scale(1.1)}.die-value.die-crit-success{background:linear-gradient(135deg,gold,khaki);border-color:#daa520;color:#8b4513;font-weight:700;box-shadow:0 0 8px #ffd70080}.die-value.die-crit-fail{background:linear-gradient(135deg,#cd5c5c,#f08080);border-color:#8b0000;color:#fff;font-weight:700;box-shadow:0 0 8px #cd5c5c80}.die-value.die-dropped{opacity:.4;text-decoration:line-through;background:#96969633;border-color:#a0a0a0}.roll-modifier{font-weight:600;color:#8b4513;margin-left:.25rem}.roll-total{display:flex;align-items:center;gap:.25rem;font-size:1.1rem;color:#6d4c26;font-weight:600}.total-value{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:linear-gradient(135deg,#d4af37,#c9a02d);border:2px solid #b8941f;border-radius:6px;color:#fff;font-weight:700;font-size:1.2rem;box-shadow:0 2px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.roll-context{font-size:.8rem;font-style:italic;color:#a08060;font-family:inherit}.crit-message{margin-top:.5rem;padding:.25rem .5rem;background:#ffd7004d;border:1px solid #ffd700;border-radius:4px;color:#8b4513;font-weight:600;font-size:.85rem;text-align:center;animation:crit-pulse 1s ease-in-out infinite}.crit-message.fail{background:#cd5c5c4d;border-color:#cd5c5c;color:#8b0000}@keyframes crit-pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:480px){.dice-roll-message{max-width:95%}.roll-details{flex-direction:column;align-items:flex-start;gap:.5rem}.die-value{min-width:20px;height:20px;font-size:.85rem}.total-value{min-width:28px;height:28px;font-size:1rem}}.tavern-page{min-height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1810);color:#c4b5a0;display:flex;flex-direction:column}.tavern-header{background:#2d1810f2;border-bottom:3px solid #8b6f47;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000004d;position:sticky;top:0;z-index:100}.tavern-logo h1{color:#d4af37;margin:0;font-family:Cinzel,serif;font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.tavern-user-info{display:flex;align-items:center;gap:1.5rem}.user-greeting{color:#d4af37;font-weight:600}.btn-logout{padding:.5rem 1rem;background:#8b6f474d;border:2px solid #8b6f47;border-radius:6px;color:#d4af37;cursor:pointer;transition:all .2s;font-weight:600;font-family:inherit}.btn-logout:hover{background:#d4af3733;border-color:#d4af37;transform:translateY(-2px)}.tavern-content{flex:1;max-width:1400px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem}.tavern-nav-section{width:100%}.nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.nav-card{background:linear-gradient(135deg,#f4e4c1,#e8d4a8);border:3px solid #8b6f47;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d4af371a,#8b6f471a);opacity:0;transition:opacity .3s}.nav-card:hover:not(.disabled):before{opacity:1}.nav-card:hover:not(.disabled){transform:translateY(-4px);box-shadow:0 8px 24px #8b6f4766;border-color:#d4af37}.nav-card.disabled{opacity:.7;cursor:not-allowed}.nav-icon{font-size:3rem;display:block;margin-bottom:.75rem}.nav-card h3{color:#8b4513;margin:.5rem 0;font-family:Cinzel,serif;font-size:1.2rem}.nav-card p{color:#5d4e37;margin:0;font-size:.9rem}.coming-soon-badge{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;background:#8b6f4733;border:1px solid #8b6f47;border-radius:12px;font-size:.75rem;color:#8b4513;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tavern-chat-section{flex:1;min-height:500px}.tavern-footer{background:#2d1810e6;border-top:3px solid #8b6f47;padding:1rem 2rem;text-align:center}.tavern-footer p{margin:0;color:#8b6f47;font-style:italic}.parchment{background:linear-gradient(135deg,#f4e4c1,#e8d4a8);border:3px solid #8b6f47;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000004d;position:relative}.parchment:before,.parchment:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #8b6f47}.parchment:before{top:10px;left:10px;border-right:none;border-bottom:none}.parchment:after{bottom:10px;right:10px;border-left:none;border-top:none}.welcome-message h2{color:#8b4513;margin:0 0 1rem;font-family:Cinzel,serif}.success-text{color:#2d7a2d;font-size:1.1rem;margin-bottom:2rem;font-weight:600}.user-details{background:#8b6f471a;padding:1.5rem;border-radius:8px;border:2px solid #8b6f47}.user-details h3{color:#8b4513;margin:0 0 1rem}.user-details ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.user-details li{color:#5d4e37;font-size:1rem}.user-details strong{color:#8b4513;min-width:120px;display:inline-block}.coming-soon h3{color:#8b4513;margin:0 0 2rem;text-align:center;font-family:Cinzel,serif;font-size:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#8b6f471a;border:2px solid #8b6f47;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #8b6f474d;border-color:#d4af37}.feature-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.feature-card h4{color:#8b4513;margin:.5rem 0;font-family:Cinzel,serif}.feature-card p{color:#5d4e37;margin:0;font-size:.9rem}@media(max-width:768px){.tavern-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.tavern-logo h1{font-size:1.4rem}.tavern-user-info{flex-direction:column;gap:.75rem}.tavern-content{padding:1rem}.nav-cards{grid-template-columns:1fr}.tavern-chat-section{min-height:400px}}@media(max-width:480px){.tavern-logo h1{font-size:1.2rem}.nav-card{padding:1rem}.nav-icon{font-size:2.5rem}}.character-wizard-page{min-height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1810);color:#c4b5a0}.wizard-layout{display:flex;min-height:100vh}.wizard-sidebar{width:280px;min-width:280px;background:#2d1810f2;border-right:3px solid #8b6f47;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wizard-sidebar-header{padding:1.5rem;border-bottom:2px solid rgba(139,111,71,.3)}.wizard-sidebar-header h2{color:#d4af37;font-family:Cinzel,serif;font-size:1.4rem;margin:0 0 .5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.character-name-preview{display:block;color:#c4b5a0;font-size:.9rem;opacity:.8}.wizard-steps-nav{flex:1;overflow-y:auto;padding:1rem 0}.wizard-steps-list{list-style:none;margin:0;padding:0}.wizard-step-item{margin:0}.wizard-step-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:transparent;border:none;color:#c4b5a0;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;font-size:.95rem;border-left:4px solid transparent}.wizard-step-button.clickable:hover{background:#8b6f4733}.wizard-step-button.active{background:#d4af3726;border-left-color:#d4af37;color:#d4af37}.wizard-step-button.completed{color:#7cb87c}.wizard-step-button.completed .step-indicator{background:#4a8b4a;border-color:#7cb87c}.wizard-step-button.disabled{opacity:.5;cursor:not-allowed}.step-indicator{width:28px;height:28px;border-radius:50%;background:#8b6f474d;border:2px solid #8b6f47;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.wizard-step-button.active .step-indicator{background:#d4af374d;border-color:#d4af37}.step-check{color:#7cb87c;font-weight:700}.step-number{color:inherit}.step-icon{font-size:1.2rem;flex-shrink:0}.step-label{flex:1;font-weight:500}.wizard-sidebar-footer{padding:1rem 1.25rem;border-top:2px solid rgba(139,111,71,.3)}.btn-cancel{width:100%;padding:.75rem 1rem;background:#8b6f4733;border:2px solid #8b6f47;border-radius:6px;color:#c4b5a0;cursor:pointer;transition:all .2s;font-weight:600;font-family:inherit;font-size:.9rem}.btn-cancel:hover{background:#b4505033;border-color:#b45050;color:#d08080}.wizard-main{flex:1;padding:2rem 3rem;overflow-y:auto;min-height:100vh}.wizard-step-container{max-width:900px;margin:0 auto}.wizard-step-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(139,111,71,.3)}.wizard-step-title{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;margin:0 0 .75rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wizard-step-description{color:#c4b5a0;font-size:1.1rem;margin:0;opacity:.9;line-height:1.5}.wizard-step-content{min-height:300px}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(139,111,71,.3)}.wizard-nav-left,.wizard-nav-right{display:flex;gap:1rem}.btn-wizard{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;font-family:inherit;font-size:1rem}.btn-wizard:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:#8b6f4733;border:2px solid #8b6f47;color:#c4b5a0}.btn-back:hover:not(:disabled){background:#8b6f474d;border-color:#a0845a}.btn-next{background:linear-gradient(135deg,#d4af374d,#8b6f474d);border:2px solid #d4af37;color:#d4af37}.btn-next:hover:not(:disabled){background:linear-gradient(135deg,#d4af3766,#8b6f4766);transform:translate(2px)}.btn-finish{background:linear-gradient(135deg,#4a8b4a66,#3c6e3c66);border:2px solid #5cb85c;color:#7cb87c}.btn-finish:hover:not(:disabled){background:linear-gradient(135deg,#4a8b4a80,#3c6e3c80);transform:translate(2px)}.btn-icon{font-size:1.1rem}.placeholder-step{text-align:center;padding:4rem 2rem;background:#8b6f471a;border:2px dashed rgba(139,111,71,.3);border-radius:12px}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem}.placeholder-message{color:#c4b5a0;font-size:1.1rem;opacity:.8}@media(max-width:900px){.wizard-layout{flex-direction:column}.wizard-sidebar{width:100%;min-width:100%;height:auto;position:relative;border-right:none;border-bottom:3px solid #8b6f47}.wizard-steps-nav{overflow-x:auto;overflow-y:hidden;padding:0}.wizard-steps-list{display:flex;flex-direction:row;padding:.5rem;gap:.25rem}.wizard-step-item{flex-shrink:0}.wizard-step-button{flex-direction:column;padding:.5rem .75rem;gap:.25rem;border-left:none;border-bottom:3px solid transparent}.wizard-step-button.active{border-left-color:transparent;border-bottom-color:#d4af37}.step-label{font-size:.75rem;text-align:center}.wizard-sidebar-footer{display:none}.wizard-main{padding:1.5rem}.wizard-step-title{font-size:1.5rem}}@media(max-width:600px){.wizard-navigation{flex-direction:column;gap:1rem}.wizard-nav-left,.wizard-nav-right{width:100%}.btn-wizard{flex:1;justify-content:center}}.ability-method-selector{margin-bottom:2rem}.method-buttons{display:flex;gap:1rem;flex-wrap:wrap}.method-btn{flex:1;min-width:180px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#8b6f4726;border:2px solid rgba(139,111,71,.4);border-radius:10px;color:#c4b5a0;cursor:pointer;transition:all .2s ease;font-family:inherit}.method-btn:hover{background:#8b6f4740;border-color:#8b6f4799}.method-btn.active{background:#d4af3733;border-color:#d4af37;color:#d4af37}.method-icon{font-size:2rem}.method-name{font-size:1.1rem;font-weight:600}.method-desc{font-size:.85rem;opacity:.8}.ability-scores-grid{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.point-buy-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(139,111,71,.3)}.points-remaining{display:flex;align-items:baseline;gap:.5rem;font-size:1.1rem}.points-label{color:#c4b5a0}.points-value{font-size:1.5rem;font-weight:700;color:#7cb87c}.points-remaining.over-budget .points-value{color:#d08080}.points-remaining.exact .points-value{color:#d4af37}.points-total{color:#8b8b8b;font-size:.9rem}.point-cost-reference{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;color:#8b8b8b}.cost-title{font-weight:600;color:#c4b5a0}.cost-item{padding:.15rem .4rem;background:#8b6f4733;border-radius:4px}.abilities-list{display:flex;flex-direction:column;gap:.75rem}.ability-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a0f0a66;border-radius:8px;border:1px solid rgba(139,111,71,.2)}.ability-info{display:flex;align-items:center;gap:.75rem;min-width:160px}.ability-abbr{font-weight:700;font-size:.9rem;color:#d4af37;background:#d4af3726;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.ability-name{color:#c4b5a0;font-size:.95rem}.ability-controls{display:flex;align-items:center;gap:.5rem;margin-left:auto}.score-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#8b6f474d;border:2px solid #8b6f47;border-radius:6px;color:#c4b5a0;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.score-btn:hover:not(:disabled){background:#8b6f4780;border-color:#a0845a}.score-btn:disabled{opacity:.3;cursor:not-allowed}.score-btn.increment:hover:not(:disabled){background:#4a8b4a4d;border-color:#5cb85c;color:#7cb87c}.score-btn.decrement:hover:not(:disabled){background:#b4505033;border-color:#b45050;color:#d08080}.score-display{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:.25rem .75rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.3);border-radius:8px}.score-value{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.score-value.unassigned{color:#666}.score-modifier{font-size:.9rem;font-weight:600}.score-modifier.positive{color:#7cb87c}.score-modifier.negative{color:#d08080}.score-modifier.unassigned{color:#666}.ability-cost{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#8b8b8b;min-width:60px}.cost-value{font-weight:700;color:#c4b5a0}.standard-array-header{padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(139,111,71,.3)}.array-instruction{margin:0 0 1rem;color:#c4b5a0;font-size:.95rem}.array-values{display:flex;gap:.5rem;flex-wrap:wrap}.array-value{padding:.4rem .75rem;border-radius:6px;font-weight:700;font-size:1rem;transition:all .2s}.array-value.available{background:#d4af3733;border:2px solid #d4af37;color:#d4af37}.array-value.assigned{background:#8b6f4733;border:2px solid rgba(139,111,71,.4);color:#8b8b8b;text-decoration:line-through}.standard-array-controls{gap:1rem}.array-select{padding:.5rem .75rem;background:#1a0f0acc;border:2px solid rgba(139,111,71,.4);border-radius:6px;color:#c4b5a0;font-size:1rem;font-family:inherit;cursor:pointer;min-width:120px}.array-select:focus{outline:none;border-color:#d4af37}.array-select option{background:#2d1810;color:#c4b5a0;padding:.5rem}.roll-select{min-width:140px}.roll-select option{padding:.5rem .75rem}.rolled-values-header{padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(139,111,71,.3)}.roll-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(139,111,71,.3)}.roll-instruction{margin:0;color:#c4b5a0;font-size:.95rem}.roll-all-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4af374d,#8b6f474d);border:2px solid #d4af37;border-radius:8px;color:#d4af37;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.roll-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af3766,#8b6f4766);transform:scale(1.02)}.roll-all-btn:disabled,.roll-all-btn.cooldown{opacity:.6;cursor:not-allowed;border-color:#d4af3766;background:linear-gradient(135deg,#64646433,#50505033)}.roll-all-btn:disabled:hover,.roll-all-btn.cooldown:hover{transform:none}.roll-icon{font-size:1.2rem}.roll-controls{gap:1rem}.score-display.rolled{border-color:#d4af3766}.reroll-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b6f4733;border:2px solid rgba(139,111,71,.4);border-radius:6px;font-size:1.2rem;cursor:pointer;transition:all .15s}.reroll-btn:hover{background:#d4af374d;border-color:#d4af37;transform:rotate(15deg)}.roll-placeholder{text-align:center;padding:3rem 1rem;color:#8b8b8b;font-size:1rem}.ability-summary{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.summary-title{font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;margin:0 0 1rem;text-align:center}.summary-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#8b6f4726;border:1px solid rgba(139,111,71,.3);border-radius:8px;min-width:70px}.summary-item.invalid{opacity:.5;border-style:dashed}.summary-abbr{font-size:.8rem;font-weight:700;color:#8b8b8b;text-transform:uppercase}.summary-score{font-size:1.5rem;font-weight:700;color:#fff}.summary-mod{font-size:.9rem;font-weight:600}.summary-mod.positive{color:#7cb87c}.summary-mod.negative{color:#d08080}@media(max-width:700px){.method-buttons{flex-direction:column}.method-btn{min-width:100%}.ability-row{flex-wrap:wrap}.ability-info{min-width:100%;margin-bottom:.5rem}.ability-controls{margin-left:0}.point-buy-header{flex-direction:column;align-items:flex-start}.summary-grid{gap:.5rem}.summary-item{min-width:55px;padding:.5rem .75rem}}.race-search{margin-bottom:1.5rem}.race-search-input{width:100%;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit}.race-search-input:focus{outline:none;border-color:#d4af37}.race-search-input::placeholder{color:#8b8b8b}.race-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#c4b5a0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.race-error{text-align:center;padding:2rem;background:#b450501a;border:2px solid rgba(180,80,80,.3);border-radius:8px;color:#d08080}.race-error button{margin-top:1rem;padding:.5rem 1rem;background:#b4505033;border:2px solid #d08080;border-radius:6px;color:#d08080;cursor:pointer;font-family:inherit}.race-error button:hover{background:#b450504d}.race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.race-card{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:10px;overflow:hidden;transition:all .2s ease}.race-card:hover{border-color:#8b6f4780;transform:translateY(-2px)}.race-card.selected{border-color:#d4af37;background:#d4af371a}.race-card.expanded{grid-column:span 1}.race-card-header{padding:1rem;cursor:pointer;transition:background .15s}.race-card-header:hover{background:#8b6f4726}.race-card.selected .race-card-header:hover{background:#d4af3726}.race-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.race-name{margin:0;font-size:1.1rem;font-family:Cinzel,serif;color:#d4af37}.selected-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#d4af37;color:#1a0f0a;border-radius:50%;font-weight:700;font-size:.9rem}.race-quick-info{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.85rem;color:#8b8b8b;margin-bottom:.5rem}.race-size,.race-speed,.race-darkvision{padding:.15rem .5rem;background:#1a0f0a66;border-radius:4px}.race-ability-bonuses{font-size:.9rem;color:#7cb87c;font-weight:600}.race-expand-btn{width:100%;padding:.5rem;background:#1a0f0a4d;border:none;border-top:1px solid rgba(139,111,71,.2);color:#c4b5a0;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.race-expand-btn:hover{background:#8b6f4733;color:#d4af37}.race-card-expanded{padding:1rem;border-top:1px solid rgba(139,111,71,.2);background:#1a0f0a4d}.race-description{font-size:.9rem;color:#c4b5a0;margin:0 0 1rem;line-height:1.5}.race-traits h4,.subraces-section h4{margin:0 0 .5rem;font-size:.95rem;color:#d4af37;font-family:Cinzel,serif}.race-traits ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:#c4b5a0}.race-traits li{margin-bottom:.35rem;line-height:1.4}.race-traits .more-traits{color:#8b8b8b;font-style:italic}.race-languages{margin-top:.75rem;font-size:.85rem;color:#c4b5a0}.subraces-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,111,71,.2)}.subraces-list{display:flex;flex-direction:column;gap:.5rem}.subrace-card{padding:.75rem;background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:6px;cursor:pointer;transition:all .15s}.subrace-card:hover{border-color:#8b6f4780;background:#8b6f4733}.subrace-card.selected{border-color:#d4af37;background:#d4af3726}.subrace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.subrace-name{font-weight:600;color:#c4b5a0}.subrace-card.selected .subrace-name{color:#d4af37}.subrace-bonuses{font-size:.85rem;color:#7cb87c;margin-bottom:.25rem}.subrace-traits{margin:0;padding-left:1rem;font-size:.8rem;color:#8b8b8b;list-style:disc}.race-selection-summary{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.race-selection-summary h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;text-align:center}.summary-content{display:flex;flex-direction:column;gap:1rem}.summary-race{display:flex;align-items:center;gap:.5rem;justify-content:center}.summary-label{color:#8b8b8b}.summary-value{font-weight:600;color:#d4af37;font-size:1.1rem}.summary-scores h4{margin:0 0 .75rem;font-size:.95rem;color:#c4b5a0;text-align:center}.scores-preview-grid{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.score-preview-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;background:#8b6f4726;border:1px solid rgba(139,111,71,.3);border-radius:6px;min-width:60px}.score-preview-abbr{font-size:.75rem;font-weight:700;color:#8b8b8b;text-transform:uppercase}.score-preview-value{font-size:1.2rem;font-weight:700;color:#fff}.score-bonus{font-size:.8rem;color:#7cb87c;margin-left:.25rem}.score-preview-mod{font-size:.85rem;font-weight:600}.score-preview-mod.positive{color:#7cb87c}.score-preview-mod.negative{color:#d08080}.summary-traits{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid rgba(139,111,71,.2)}.trait-item{display:flex;gap:.35rem;font-size:.9rem}.trait-label{color:#8b8b8b}.trait-value{color:#c4b5a0;font-weight:600}@media(max-width:700px){.race-grid{grid-template-columns:1fr}.scores-preview-grid{gap:.5rem}.score-preview-item{min-width:50px;padding:.4rem .5rem}.summary-traits{flex-direction:column;align-items:center;gap:.5rem}}.class-search{margin-bottom:1.5rem}.class-search-input{width:100%;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit}.class-search-input:focus{outline:none;border-color:#d4af37}.class-search-input::placeholder{color:#8b8b8b}.class-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#c4b5a0}.class-error{text-align:center;padding:2rem;background:#b450501a;border:2px solid rgba(180,80,80,.3);border-radius:8px;color:#d08080}.class-error button{margin-top:1rem;padding:.5rem 1rem;background:#b4505033;border:2px solid #d08080;border-radius:6px;color:#d08080;cursor:pointer;font-family:inherit}.class-error button:hover{background:#b450504d}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.class-card{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:10px;overflow:hidden;transition:all .2s ease}.class-card:hover{border-color:#8b6f4780;transform:translateY(-2px)}.class-card.selected{border-color:#d4af37;background:#d4af371a}.class-card-header{padding:1rem;cursor:pointer;transition:background .15s}.class-card-header:hover{background:#8b6f4726}.class-card.selected .class-card-header:hover{background:#d4af3726}.class-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.class-name{margin:0;font-size:1.1rem;font-family:Cinzel,serif;color:#d4af37}.class-quick-info{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.9rem;margin-bottom:.5rem}.class-hit-die{padding:.2rem .5rem;background:#b4505033;border:1px solid rgba(180,80,80,.4);border-radius:4px;color:#d08080;font-weight:700}.class-primary{padding:.2rem .5rem;background:#4a8b4a33;border:1px solid rgba(74,139,74,.4);border-radius:4px;color:#7cb87c;font-weight:600}.class-spellcaster{padding:.2rem .5rem;background:#9370db33;border:1px solid rgba(147,112,219,.4);border-radius:4px;color:#b19cd9}.class-saves{font-size:.85rem;color:#8b8b8b}.saves-label{font-weight:600;color:#c4b5a0}.class-expand-btn{width:100%;padding:.5rem;background:#1a0f0a4d;border:none;border-top:1px solid rgba(139,111,71,.2);color:#c4b5a0;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.class-expand-btn:hover{background:#8b6f4733;color:#d4af37}.class-card-expanded{padding:1rem;border-top:1px solid rgba(139,111,71,.2);background:#1a0f0a4d}.class-description{font-size:.9rem;color:#c4b5a0;margin:0 0 1rem;line-height:1.5}.class-flavor{font-size:.85rem;color:#8b8b8b;font-style:italic;margin:0 0 1rem;line-height:1.4}.class-proficiencies{margin-bottom:1rem}.class-proficiencies h4{margin:0 0 .5rem;font-size:.95rem;color:#d4af37;font-family:Cinzel,serif}.proficiency-row{display:flex;gap:.5rem;font-size:.85rem;margin-bottom:.35rem;flex-wrap:wrap}.prof-label{color:#8b8b8b;min-width:70px}.prof-value{color:#c4b5a0}.class-spellcasting-info{margin-bottom:1rem;padding:.75rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:6px}.class-spellcasting-info h4{margin:0 0 .5rem;font-size:.95rem;color:#b19cd9;font-family:Cinzel,serif}.spell-info-row{display:flex;gap:.5rem;font-size:.85rem;margin-bottom:.25rem}.spell-label{color:#8b8b8b}.spell-value{color:#b19cd9;font-weight:600}.class-subclass-info{display:flex;gap:.5rem;font-size:.85rem;color:#8b8b8b;padding-top:.75rem;border-top:1px solid rgba(139,111,71,.2)}.subclass-label{font-weight:600;color:#c4b5a0}.class-skill-selection{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.class-skill-selection h3{margin:0 0 .5rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.2rem}.skill-instruction{color:#c4b5a0;font-size:.95rem;margin:0 0 1rem}.skill-count{color:#8b8b8b;margin-left:.5rem}.skill-options{display:flex;flex-wrap:wrap;gap:.5rem}.skill-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1a0f0a66;border:2px solid rgba(139,111,71,.3);border-radius:6px;color:#c4b5a0;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .15s}.skill-option:hover:not(:disabled){background:#8b6f4733;border-color:#8b6f4780}.skill-option.selected{background:#4a8b4a33;border-color:#5cb85c;color:#7cb87c}.skill-option.disabled{opacity:.4;cursor:not-allowed}.skill-name{font-weight:500}.skill-check{font-weight:700;color:#7cb87c}.class-selection-summary{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.class-selection-summary h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;text-align:center}.class-selection-summary .summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.summary-class,.summary-hit-die,.summary-hp,.summary-skills,.summary-spellcasting{display:flex;gap:.5rem;align-items:baseline}.class-selection-summary .summary-label{color:#8b8b8b;font-size:.9rem}.class-selection-summary .summary-value{color:#c4b5a0;font-weight:600;font-size:.95rem}.summary-class .summary-value{color:#d4af37;font-size:1.1rem}@media(max-width:700px){.class-grid,.class-selection-summary .summary-content{grid-template-columns:1fr}.skill-options{flex-direction:column}.skill-option{width:100%;justify-content:space-between}}.spellcasting-info-panel{background:#9370db1a;border:2px solid rgba(147,112,219,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.spellcasting-info-panel h4{margin:0 0 .5rem;font-family:Cinzel,serif;color:#b19cd9;font-size:1.1rem}.spellcasting-info-panel p{color:#c4b5a0;font-size:.95rem;margin:0 0 1rem;line-height:1.5}.spellcasting-info-panel .spell-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.spellcasting-info-panel .stat-item{display:flex;gap:.5rem;align-items:baseline}.spellcasting-info-panel .stat-label{color:#8b8b8b;font-size:.9rem}.spellcasting-info-panel .stat-value{color:#b19cd9;font-weight:600;font-size:1rem}.spellcasting-info-panel .help-text{color:#8b8b8b;font-size:.85rem;font-style:italic}.no-spellcasting-info,.prepared-caster-info{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.prepared-caster-info h3{margin:0 0 .75rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.2rem}.prepared-caster-info p{color:#c4b5a0;margin:0 0 1rem}.spell-filters{margin-bottom:1.5rem}.spell-filters .filter-row{display:flex;gap:1rem;flex-wrap:wrap}.spell-search-input{flex:1;min-width:200px;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit}.spell-search-input:focus{outline:none;border-color:#d4af37}.spell-search-input::placeholder{color:#8b8b8b}.spell-school-select{padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit;cursor:pointer;min-width:150px}.spell-school-select:focus{outline:none;border-color:#d4af37}.clear-filters-btn{padding:.75rem 1rem;background:#8b6f4733;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-family:inherit;cursor:pointer;transition:all .15s}.clear-filters-btn:hover{background:#8b6f474d;border-color:#8b6f4799}.spell-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#c4b5a0}.spell-error{text-align:center;padding:2rem;background:#b450501a;border:2px solid rgba(180,80,80,.3);border-radius:8px;color:#d08080}.spell-error button{margin-top:1rem;padding:.5rem 1rem;background:#b4505033;border:2px solid #d08080;border-radius:6px;color:#d08080;cursor:pointer;font-family:inherit}.spell-section{margin-bottom:2rem}.spell-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(139,111,71,.3)}.spell-section h3{margin:0;font-family:Cinzel,serif;color:#d4af37;font-size:1.2rem}.selection-count{font-size:.9rem;color:#8b8b8b;padding:.25rem .75rem;background:#8b6f4733;border-radius:20px}.selection-count.complete{background:#4a8b4a33;color:#7cb87c}.no-spells{color:#8b8b8b;font-style:italic;text-align:center;padding:2rem}.spell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.spell-card{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:10px;overflow:hidden;transition:all .2s ease}.spell-card:hover{border-color:#8b6f4780;transform:translateY(-2px)}.spell-card.selected{border-color:#b19cd9;background:#9370db1a}.spell-card.disabled{opacity:.5;cursor:not-allowed}.spell-card.disabled:hover{transform:none}.spell-card-header{padding:1rem;cursor:pointer;transition:background .15s}.spell-card-header:hover{background:#8b6f4726}.spell-card.selected .spell-card-header:hover{background:#9370db26}.spell-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.spell-card .spell-name{margin:0;font-size:1rem;font-family:Cinzel,serif;color:#d4af37}.spell-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.spell-school{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#1a0f0a;text-transform:capitalize}.spell-level{padding:.15rem .5rem;background:#8b6f474d;border-radius:4px;font-size:.75rem;color:#c4b5a0}.spell-tag{padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700}.spell-tag.concentration{background:#ffa5004d;color:orange}.spell-tag.ritual{background:#6495ed4d;color:#6495ed}.spell-quick-info{display:flex;gap:1rem;font-size:.8rem;color:#8b8b8b}.spell-expand-btn{width:100%;padding:.5rem;background:#1a0f0a4d;border:none;border-top:1px solid rgba(139,111,71,.2);color:#c4b5a0;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.spell-expand-btn:hover{background:#8b6f4733;color:#d4af37}.spell-card-details{padding:1rem;border-top:1px solid rgba(139,111,71,.2);background:#1a0f0a4d}.spell-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.spell-stat{display:flex;flex-direction:column;gap:.1rem}.spell-stat .stat-label{font-size:.75rem;color:#8b8b8b}.spell-stat .stat-value{font-size:.85rem;color:#c4b5a0}.spell-materials{font-size:.85rem;color:#c4b5a0;margin-bottom:1rem;padding:.5rem;background:#8b6f471a;border-radius:4px}.spell-description{font-size:.9rem;color:#c4b5a0;line-height:1.5;margin-bottom:1rem}.spell-description p{margin:0}.spell-higher-levels{font-size:.85rem;color:#b19cd9;padding:.75rem;background:#9370db1a;border-radius:6px}.spell-higher-levels p{margin:.25rem 0 0;color:#c4b5a0}.spell-selection-summary{background:#1a0f0a80;border:2px solid rgba(147,112,219,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.spell-selection-summary h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#b19cd9;font-size:1.1rem;text-align:center}.spell-selection-summary .summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.spell-selection-summary .summary-section{background:#9370db1a;border-radius:8px;padding:1rem}.spell-selection-summary .summary-section h4{margin:0 0 .5rem;color:#b19cd9;font-size:.95rem}.selected-spells-list{list-style:none;margin:0;padding:0}.selected-spells-list li{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(139,111,71,.2)}.selected-spells-list li:last-child{border-bottom:none}.selected-spells-list .spell-name{color:#c4b5a0;font-size:.9rem}.remove-spell-btn{background:none;border:none;color:#d08080;font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.remove-spell-btn:hover{color:#ff6b6b}@media(max-width:700px){.spell-grid{grid-template-columns:1fr}.spell-filters .filter-row{flex-direction:column}.spell-search-input,.spell-school-select{width:100%}.spell-stats-row,.spell-selection-summary .summary-content{grid-template-columns:1fr}}.background-search{margin-bottom:1.5rem}.background-search-input{width:100%;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit}.background-search-input:focus{outline:none;border-color:#d4af37}.background-search-input::placeholder{color:#8b8b8b}.background-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#c4b5a0}.background-error{text-align:center;padding:2rem;background:#b450501a;border:2px solid rgba(180,80,80,.3);border-radius:8px;color:#d08080}.background-error button{margin-top:1rem;padding:.5rem 1rem;background:#b4505033;border:2px solid #d08080;border-radius:6px;color:#d08080;cursor:pointer;font-family:inherit}.background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.background-card{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:10px;overflow:hidden;transition:all .2s ease}.background-card:hover{border-color:#8b6f4780;transform:translateY(-2px)}.background-card.selected{border-color:#d4af37;background:#d4af371a}.background-card-header{padding:1rem;cursor:pointer;transition:background .15s}.background-card-header:hover{background:#8b6f4726}.background-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.background-name{margin:0;font-size:1.1rem;font-family:Cinzel,serif;color:#d4af37}.background-quick-info{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.85rem;margin-bottom:.5rem}.bg-skills{color:#7cb87c}.bg-languages{color:#b19cd9}.background-brief{font-size:.9rem;color:#8b8b8b;margin:0;line-height:1.4}.background-expand-btn{width:100%;padding:.5rem;background:#1a0f0a4d;border:none;border-top:1px solid rgba(139,111,71,.2);color:#c4b5a0;font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.background-expand-btn:hover{background:#8b6f4733;color:#d4af37}.background-card-expanded{padding:1rem;border-top:1px solid rgba(139,111,71,.2);background:#1a0f0a4d}.background-description{font-size:.9rem;color:#c4b5a0;margin-bottom:1rem;line-height:1.5}.background-description p{margin:0}.background-proficiencies{margin-bottom:1rem}.background-proficiencies h5{margin:0 0 .5rem;font-size:.95rem;color:#d4af37;font-family:Cinzel,serif}.background-equipment{margin-bottom:1rem}.background-equipment h5{margin:0 0 .5rem;font-size:.95rem;color:#d4af37;font-family:Cinzel,serif}.background-equipment ul{margin:0;padding-left:1.5rem;color:#c4b5a0;font-size:.9rem}.background-feature{padding:.75rem;background:#8b6f4726;border-radius:6px}.background-feature h5{margin:0 0 .5rem;font-size:.95rem;color:#d4af37;font-family:Cinzel,serif}.background-feature p{margin:0;font-size:.9rem;color:#c4b5a0;line-height:1.5}.no-backgrounds{text-align:center;color:#8b8b8b;font-style:italic;padding:2rem}.background-selection-summary{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.background-selection-summary h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;text-align:center}.background-selection-summary .summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.summary-background,.summary-skills,.summary-feature{display:flex;gap:.5rem;align-items:baseline}.background-selection-summary .summary-label{color:#8b8b8b;font-size:.9rem}.background-selection-summary .summary-value{color:#c4b5a0;font-weight:600;font-size:.95rem}.summary-background .summary-value{color:#d4af37}.equipment-no-class{text-align:center;padding:2rem;color:#c4b5a0}.equipment-section{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.equipment-section h3{margin:0 0 .5rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.15rem}.equipment-section .section-description{margin:0 0 1rem;color:#8b8b8b;font-size:.9rem}.equipment-section.guaranteed{background:#4a8b4a1a;border-color:#4a8b4a4d}.equipment-section.guaranteed h3{color:#7cb87c}.equipment-list{margin:0;padding-left:1.5rem;color:#c4b5a0}.equipment-list li{margin-bottom:.35rem}.equipment-choice{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(139,111,71,.2)}.equipment-choice:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.equipment-choice h4{margin:0 0 .75rem;color:#c4b5a0;font-size:1rem}.choice-options{display:flex;flex-direction:column;gap:.5rem}.choice-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a0f0a66;border:2px solid rgba(139,111,71,.3);border-radius:8px;color:#c4b5a0;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .15s;text-align:left}.choice-option:hover{background:#8b6f4733;border-color:#8b6f4780}.choice-option.selected{background:#d4af3726;border-color:#d4af37}.option-check{font-size:1.1rem;color:#d4af37}.option-text{flex:1}.equipment-summary{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.equipment-summary h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;text-align:center}.equipment-final-list{margin:0;padding-left:1.5rem;color:#c4b5a0;columns:2;column-gap:2rem}.equipment-final-list li{margin-bottom:.35rem}.details-section{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.details-section h3{margin:0 0 .75rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}.required-badge{font-size:.7rem;padding:.2rem .5rem;background:#b4505033;border:1px solid rgba(180,80,80,.4);border-radius:4px;color:#d08080;font-family:inherit;text-transform:uppercase}.section-help{margin:0 0 1rem;color:#8b8b8b;font-size:.9rem}.details-input{width:100%;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit}.details-input:focus{outline:none;border-color:#d4af37}.details-input::placeholder{color:#8b8b8b}.name-input{font-size:1.2rem;font-family:Cinzel,serif}.details-textarea{width:100%;padding:.75rem 1rem;background:#1a0f0a99;border:2px solid rgba(139,111,71,.4);border-radius:8px;color:#c4b5a0;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px}.details-textarea:focus{outline:none;border-color:#d4af37}.details-textarea::placeholder{color:#8b8b8b}.char-count{display:block;text-align:right;font-size:.8rem;color:#8b8b8b;margin-top:.35rem}.appearance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.appearance-field{display:flex;flex-direction:column;gap:.35rem}.appearance-field label{font-size:.9rem;color:#c4b5a0;font-weight:500}.details-preview{background:#1a0f0a80;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.details-preview h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem;text-align:center}.preview-content{text-align:center}.preview-name{font-size:1.5rem;font-family:Cinzel,serif;color:#d4af37;margin-bottom:.5rem}.preview-details{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;color:#c4b5a0;font-size:.95rem;margin-bottom:.75rem}.preview-description{color:#8b8b8b;font-size:.9rem;font-style:italic;margin:0;line-height:1.5}.review-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(139,111,71,.3)}.review-name{margin:0 0 .5rem;font-family:Cinzel,serif;color:#d4af37;font-size:2rem}.review-subtitle{margin:0 0 .25rem;color:#c4b5a0;font-size:1.1rem}.review-background{margin:0;color:#8b8b8b;font-size:.95rem}.review-section{background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.review-section h3{margin:0 0 1rem;font-family:Cinzel,serif;color:#d4af37;font-size:1.1rem}.review-ability-scores{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.review-ability{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#1a0f0a66;border:1px solid rgba(139,111,71,.3);border-radius:8px}.review-ability .ability-name{font-size:.75rem;color:#8b8b8b;text-transform:uppercase;letter-spacing:.05em}.review-ability .ability-score{font-size:1.5rem;font-weight:700;color:#c4b5a0}.review-ability .ability-modifier{font-size:.9rem;color:#d4af37}.review-skills{display:flex;flex-wrap:wrap;gap:.5rem}.review-skill-badge{padding:.35rem .75rem;background:#4a8b4a33;border:1px solid rgba(74,139,74,.4);border-radius:20px;color:#7cb87c;font-size:.9rem}.review-spells-group{margin-bottom:.75rem}.review-spells-group:last-child{margin-bottom:0}.review-spells-group h4{margin:0 0 .35rem;color:#b19cd9;font-size:.95rem}.spell-ids{margin:0;color:#c4b5a0;font-size:.9rem}.review-equipment{margin:0;padding-left:1.5rem;color:#c4b5a0;columns:2;column-gap:2rem}.review-equipment li{margin-bottom:.35rem}.review-description{margin:0;color:#c4b5a0;font-size:.95rem;line-height:1.6}.review-appearance{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.review-appearance span{color:#c4b5a0;font-size:.9rem}.review-appearance strong{color:#8b8b8b;font-weight:400}.review-error{padding:1rem;background:#b450501a;border:2px solid rgba(180,80,80,.3);border-radius:8px;color:#d08080;text-align:center;margin-bottom:1.5rem}.review-actions{text-align:center;margin-bottom:1.5rem}.btn-create-character{padding:1rem 2.5rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#1a0f0a;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-create-character:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.btn-create-character:disabled{opacity:.6;cursor:not-allowed}.creation-success{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.creation-success h2{margin:0 0 .5rem;font-family:Cinzel,serif;color:#d4af37;font-size:2rem}.success-subtitle{margin:0 0 2rem;color:#c4b5a0;font-size:1.1rem}.success-actions{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.btn-primary{padding:.875rem 1.5rem;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#1a0f0a;font-family:Cinzel,serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3766}.btn-secondary{padding:.875rem 1.5rem;background:#8b6f4733;border:2px solid rgba(139,111,71,.5);border-radius:8px;color:#c4b5a0;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#8b6f474d;border-color:#8b6f47b3}.btn-tertiary{padding:.875rem 1.5rem;background:transparent;border:none;color:#8b8b8b;font-family:inherit;font-size:.95rem;cursor:pointer;transition:color .15s}.btn-tertiary:hover{color:#c4b5a0}.unknown-step{text-align:center;padding:3rem;color:#c4b5a0}.unknown-step h2{margin:0 0 .5rem;font-family:Cinzel,serif;color:#d4af37}@media(max-width:700px){.background-grid{grid-template-columns:1fr}.equipment-final-list{columns:1}.appearance-grid{grid-template-columns:1fr}.review-ability-scores{grid-template-columns:repeat(3,1fr)}.review-equipment{columns:1}.review-appearance{grid-template-columns:1fr}}.pf2e-character-sheet{max-width:1200px;margin:0 auto;padding:2rem;background:#1a1a2e;color:#eee;min-height:100vh}.pf2e-character-sheet .character-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #4a4a6a;position:relative}.pf2e-character-sheet .back-button{background:#4a9eff1a;border:1px solid #4a9eff;color:#4a9eff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem}.pf2e-character-sheet .back-button:hover{background:#4a9eff33}.pf2e-character-sheet .character-identity{display:flex;align-items:center;gap:1.5rem;flex:1}.pf2e-character-sheet .character-info{flex:1}.pf2e-character-sheet .character-header h1{font-size:2rem;margin:0;color:#fff}.pf2e-character-sheet .character-subtitle{font-size:1.1rem;color:#aaa;margin-top:.25rem}.pf2e-character-sheet .character-background{font-size:.95rem;color:#888;margin-top:.25rem}.pf2e-character-sheet .header-actions{display:flex;gap:.5rem}.pf2e-character-sheet .btn-edit,.pf2e-character-sheet .btn-save{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.pf2e-character-sheet .btn-edit{background:#4a9eff1a;border:1px solid #4a9eff;color:#4a9eff}.pf2e-character-sheet .btn-edit:hover{background:#4a9eff33}.pf2e-character-sheet .btn-save{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71}.pf2e-character-sheet .btn-save:hover{background:#2ecc714d}.pf2e-character-sheet .portrait-container{border-color:#4a9eff}.pf2e-character-sheet .portrait-container:not(.disabled):hover{border-color:#6ab0ff;box-shadow:0 0 15px #4a9eff66}.pf2e-character-sheet .portrait-placeholder{background:#252542cc}.pf2e-character-sheet .portrait-overlay,.pf2e-character-sheet .portrait-hover-overlay{color:#4a9eff}.pf2e-character-sheet .upload-spinner{border-top-color:#4a9eff}.pf2e-character-sheet .sheet-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.pf2e-character-sheet .sheet-columns{grid-template-columns:1fr}}.pf2e-character-sheet .sheet-column section{background:#252542;border-radius:8px;padding:1rem;margin-bottom:1rem}.pf2e-character-sheet .sheet-column h2{font-size:1.2rem;color:#4a9eff;margin-top:0;margin-bottom:1rem;border-bottom:1px solid #4a4a6a;padding-bottom:.5rem}.pf2e-character-sheet .sheet-column h3{font-size:1rem;color:#9b59b6;margin:.5rem 0}.pf2e-character-sheet .ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pf2e-character-sheet .ability-box{text-align:center;background:#1a1a2e;border-radius:8px;padding:.5rem}.pf2e-character-sheet .ability-label{font-size:.8rem;color:#888;font-weight:700}.pf2e-character-sheet .ability-modifier{font-size:1.5rem;font-weight:700;color:#fff}.pf2e-character-sheet .ability-score{font-size:.9rem;color:#aaa}.pf2e-character-sheet .stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #333}.pf2e-character-sheet .stat-row:last-child{border-bottom:none}.pf2e-character-sheet .stat-label{font-weight:700;color:#aaa}.pf2e-character-sheet .stat-value{font-size:1.2rem;color:#fff}.pf2e-character-sheet .proficiency-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.pf2e-character-sheet .proficiency-tier{width:24px;height:24px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.pf2e-character-sheet .proficiency-label{flex:1;color:#ddd}.pf2e-character-sheet .proficiency-bonus{font-weight:700;color:#4a9eff;min-width:2.5rem;text-align:right}.pf2e-character-sheet .skills-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}@media(max-width:1024px){.pf2e-character-sheet .skills-list{grid-template-columns:1fr}}.pf2e-character-sheet .feat-category{margin-bottom:1rem}.pf2e-character-sheet .feat-category ul{list-style:none;padding:0;margin:0}.pf2e-character-sheet .feat-category li{padding:.25rem 0;color:#ddd}.pf2e-character-sheet .feat-level{color:#666;font-size:.85rem}.pf2e-character-sheet .spell-tradition{font-weight:700;color:#9b59b6;margin-bottom:1rem}.pf2e-character-sheet .focus-spells,.pf2e-character-sheet .spells-known{margin-top:1rem}.pf2e-character-sheet .focus-spells h3,.pf2e-character-sheet .spells-known h3{font-size:.95rem;color:#4a9eff;margin-bottom:.5rem}.pf2e-character-sheet .focus-spells ul,.pf2e-character-sheet .spells-known ul{list-style:none;padding:0;margin:0}.pf2e-character-sheet .focus-spells li,.pf2e-character-sheet .spells-known li{padding:.25rem 0;color:#ddd}.pf2e-character-sheet .portrait-delete-btn{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);color:#e74c3c}.pf2e-character-sheet .portrait-delete-btn:hover:not(:disabled){background:#e74c3c4d;border-color:#e74c3c99}@media(max-width:600px){.pf2e-character-sheet .character-header{flex-wrap:wrap;gap:.75rem}.pf2e-character-sheet .back-button{order:-1;width:100%}.pf2e-character-sheet .character-identity{flex-direction:column;text-align:center;gap:1rem}.pf2e-character-sheet .header-actions{width:100%;justify-content:center}.pf2e-character-sheet .character-header h1{font-size:1.5rem}.pf2e-character-sheet .portrait-container{width:80px;height:80px}}.character-sheet-page{min-height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f15,#1a0f0a);padding:1rem}.character-sheet-container{max-width:1400px;margin:0 auto}.character-sheet-loading,.character-sheet-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#c4b5a0;text-align:center}.character-sheet-error h2{font-family:Cinzel,serif;color:#d08080;margin-bottom:1rem}.character-sheet-error button{margin-top:1rem;padding:.75rem 1.5rem;background:#8b6f4733;border:2px solid rgba(139,111,71,.5);border-radius:8px;color:#c4b5a0;font-family:inherit;cursor:pointer;transition:all .15s}.character-sheet-error button:hover{background:#8b6f474d;border-color:#8b6f47b3}.character-header{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:#1a0f0acc;border:2px solid rgba(139,111,71,.4);border-radius:12px;margin-bottom:1.5rem}.back-button{padding:.5rem 1rem;background:#8b6f4733;border:1px solid rgba(139,111,71,.4);border-radius:6px;color:#c4b5a0;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.back-button:hover{background:#8b6f474d;border-color:#8b6f4799}.character-identity{display:flex;align-items:center;gap:1.5rem;flex:1}.character-portrait{width:100px;height:100px;border-radius:50%;border:3px solid #d4af37;object-fit:cover}.character-info{flex:1}.character-name{margin:0 0 .25rem;font-family:Cinzel,serif;font-size:2rem;color:#d4af37}.character-subtitle{margin:0 0 .25rem;font-size:1.1rem;color:#c4b5a0}.character-background{margin:0;font-size:.95rem;color:#8b8b8b}.character-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;text-transform:capitalize}.status-badge.active{background:#4a8b4a33;border:1px solid rgba(74,139,74,.4);color:#7cb87c}.status-badge.inactive{background:#8b8b8b33;border:1px solid rgba(139,139,139,.4);color:#8b8b8b}.status-badge.retired{background:#9370db33;border:1px solid rgba(147,112,219,.4);color:#b19cd9}.status-badge.deceased{background:#b4505033;border:1px solid rgba(180,80,80,.4);color:#d08080}.xp-badge{padding:.35rem .75rem;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:20px;font-size:.8rem;color:#d4af37}.character-sheet-content{display:grid;grid-template-columns:280px 1fr 1fr;gap:1.5rem}.sheet-column{display:flex;flex-direction:column;gap:1rem}.sheet-section{background:#1a0f0acc;border:2px solid rgba(139,111,71,.3);border-radius:12px;padding:1rem}.sheet-section h3{margin:0 0 1rem;font-family:Cinzel,serif;font-size:1.1rem;color:#d4af37;padding-bottom:.5rem;border-bottom:1px solid rgba(139,111,71,.3)}.sheet-section h4{margin:.75rem 0 .5rem;font-size:.95rem;color:#c4b5a0}.ability-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.ability-score-box{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:8px;text-align:center}.ability-abbr{font-size:.75rem;font-weight:700;color:#8b8b8b;text-transform:uppercase;letter-spacing:.05em}.ability-modifier{font-size:1.5rem;font-weight:700;color:#d4af37;line-height:1.2}.ability-score{font-size:.85rem;color:#c4b5a0;padding:.15rem .5rem;background:#1a0f0a80;border-radius:4px;margin-top:.25rem}.combat-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.combat-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#8b6f471a;border:2px solid rgba(139,111,71,.3);border-radius:8px}.combat-stat .stat-value{font-size:1.5rem;font-weight:700;color:#c4b5a0}.combat-stat .stat-label{font-size:.75rem;color:#8b8b8b;text-transform:uppercase}.ac-stat .stat-value{color:#6495ed}.initiative-stat .stat-value{color:#7cb87c}.speed-stat .stat-value{color:wheat}.prof-stat .stat-value{color:#d4af37}.hit-points-display h4{margin:0 0 .5rem;font-size:.9rem;color:#c4b5a0}.hp-bar-container{position:relative;height:30px;background:#1a0f0a99;border:2px solid rgba(180,80,80,.4);border-radius:6px;overflow:hidden}.hp-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#7cb87c,#5cb85c);transition:width .3s ease}.hp-text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.temp-hp{color:#6495ed;margin-left:.25rem}.saving-throws-list{display:flex;flex-direction:column;gap:.35rem}.saving-throw{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px}.saving-throw.proficient{background:#4a8b4a1a}.save-prof{font-size:.9rem;color:#7cb87c}.save-mod{font-weight:700;color:#c4b5a0;min-width:30px}.save-name{font-size:.85rem;color:#8b8b8b}.passive-perception{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#8b6f4726;border-radius:6px;margin-bottom:.75rem}.passive-label{color:#8b8b8b;font-size:.9rem}.passive-value{font-weight:700;color:#d4af37}.skills-list{display:flex;flex-direction:column;gap:.25rem}.skill-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px;font-size:.9rem}.skill-row.proficient{background:#4a8b4a1a}.skill-row.expertise{background:#d4af371a}.skill-prof{font-size:.85rem;color:#7cb87c}.skill-row.expertise .skill-prof{color:#d4af37}.skill-mod{font-weight:700;color:#c4b5a0;min-width:30px}.skill-name{flex:1;color:#c4b5a0}.skill-ability{font-size:.75rem;color:#8b8b8b}.proficiency-group{margin-bottom:.75rem}.proficiency-group:last-child{margin-bottom:0}.proficiency-group h4{margin:0 0 .25rem;font-size:.85rem;color:#d4af37}.proficiency-group p{margin:0;font-size:.9rem;color:#c4b5a0;line-height:1.4}.spellcasting-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.spell-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#9370db1a;border:1px solid rgba(147,112,219,.3);border-radius:6px}.spell-stat-label{font-size:.75rem;color:#8b8b8b}.spell-stat-value{font-size:1.1rem;font-weight:700;color:#b19cd9}.spell-slots h4{margin:0 0 .5rem;font-size:.9rem;color:#b19cd9}.spell-slots-grid{display:flex;flex-direction:column;gap:.5rem}.spell-slot-row{display:flex;align-items:center;gap:.75rem}.slot-level{font-size:.85rem;color:#8b8b8b;min-width:30px}.slot-pips{display:flex;gap:.25rem;flex:1}.slot-pip{width:16px;height:16px;border-radius:50%;border:2px solid rgba(147,112,219,.5)}.slot-pip.available{background:#b19cd9}.slot-pip.used{background:transparent}.slot-count{font-size:.8rem;color:#8b8b8b;min-width:35px;text-align:right}.spells-known{margin-top:.75rem}.spells-known h4{margin:0 0 .5rem;font-size:.9rem;color:#b19cd9}.spell-list{margin:0;padding-left:1.25rem;color:#c4b5a0;font-size:.9rem}.spell-item{margin-bottom:.25rem}.features-list{list-style:none;margin:0;padding:0}.feature-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(139,111,71,.2)}.feature-item:last-child{border-bottom:none}.feature-name{color:#c4b5a0}.feature-source{font-size:.8rem;color:#8b8b8b}.description-section p{margin:0;color:#c4b5a0;font-size:.95rem;line-height:1.6}.appearance-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.appearance-details span{font-size:.9rem;color:#c4b5a0}.appearance-details strong{color:#8b8b8b;font-weight:400}.currency-display{display:flex;gap:1rem;flex-wrap:wrap}.currency{padding:.35rem .75rem;border-radius:6px;font-size:.9rem;font-weight:700}.currency.pp{background:#c8c8dc26;color:#d4d4e8}.currency.gp{background:#d4af3726;color:#d4af37}.currency.ep{background:#c0c0c026;color:silver}.currency.sp{background:#c0c0c026;color:#b8b8b8}.currency.cp{background:#b8733326;color:#cd7f32}@media(max-width:1200px){.character-sheet-content{grid-template-columns:250px 1fr}.features-column{grid-column:span 2}}@media(max-width:900px){.character-sheet-content{grid-template-columns:1fr}.features-column{grid-column:auto}.character-header{flex-wrap:wrap}.character-identity{order:2;width:100%}.character-meta{order:1;flex-direction:row;width:100%;justify-content:flex-end;margin-bottom:.5rem}.back-button{order:0;margin-right:auto}}@media(max-width:500px){.character-name{font-size:1.5rem}.character-portrait{width:70px;height:70px}.ability-scores-grid{grid-template-columns:repeat(3,1fr)}.combat-stats-grid{grid-template-columns:repeat(2,1fr)}.appearance-details{grid-template-columns:1fr}}.header-actions{display:flex;gap:.5rem;margin-left:auto}.btn-edit,.btn-save,.btn-cancel,.btn-history{padding:.6rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-history{background:#8b6f4799;color:wheat;border-color:#8b6f47cc}.btn-history:hover{background:#8b6f47cc;transform:translateY(-2px)}.btn-save{background:#4caf50cc;color:#fff;border-color:#4caf50}.btn-save:hover:not(:disabled){background:#4caf50}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#80808080;color:#ccc;border-color:#808080b3}.btn-cancel:hover:not(:disabled){background:#808080b3}.edit-error{background:#b71c1ce6;color:#fff;padding:.75rem 1rem;border-radius:8px;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.edit-error p{margin:0}.edit-error button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem}.edit-error button:hover{background:#ffffff4d}.editable-input{background:#1e140fcc;border:1px solid rgba(218,165,32,.5);border-radius:4px;color:wheat;padding:.4rem .6rem;font-family:inherit;font-size:inherit;width:100%;box-sizing:border-box}.editable-input:focus{outline:none;border-color:#daa520;box-shadow:0 0 0 2px #daa52033}.editable-textarea{resize:vertical;min-height:80px}.editable-display.empty{color:#c4b5a080;font-style:italic}.name-input{font-size:1.8rem;font-family:Cinzel,serif;color:#daa520;background:#1e140fe6;padding:.3rem .5rem}.appearance-details .editable-input{display:inline-block;width:auto;min-width:80px;max-width:150px}.history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.history-modal{background:linear-gradient(145deg,#1a0f0a,#2d1f15);border:2px solid rgba(218,165,32,.5);border-radius:12px;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(218,165,32,.3)}.history-modal-header h2{font-family:Cinzel,serif;color:#daa520;margin:0;font-size:1.5rem}.history-modal-header .close-button{background:none;border:none;color:#c4b5a0;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.history-modal-header .close-button:hover{color:#daa520}.history-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(139,111,71,.2)}.filter-button{background:#8b6f4733;border:1px solid rgba(139,111,71,.4);color:#c4b5a0;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.filter-button:hover{background:#8b6f474d;border-color:#8b6f4799}.filter-button.active{background:#daa5204d;border-color:#daa520;color:#daa520}.history-content{flex:1;overflow-y:auto;padding:1rem 1.5rem;min-height:200px}.history-loading,.history-error,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#c4b5a0;text-align:center}.history-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-entry{display:flex;gap:.75rem;padding:.75rem;background:#0003;border-radius:8px;border-left:3px solid rgba(139,111,71,.5)}.history-entry.created{border-left-color:#4caf50}.history-entry.cloned{border-left-color:#2196f3}.history-entry.edited{border-left-color:#ff9800}.history-entry.leveled_up{border-left-color:#9c27b0}.history-entry.xp_gained{border-left-color:#ffc107}.history-entry.hp_changed{border-left-color:#f44336}.history-entry.gold_gained{border-left-color:gold}.history-entry.gold_spent{border-left-color:#ff5722}.history-entry.item_acquired{border-left-color:#00bcd4}.history-entry.spell_learned{border-left-color:#673ab7}.history-entry.note{border-left-color:#607d8b}.history-entry.deleted{border-left-color:#9e9e9e}.history-entry.restored{border-left-color:#8bc34a}.entry-icon{font-size:1.25rem;flex-shrink:0}.entry-content{flex:1;min-width:0}.entry-summary{color:#e8dcc8;margin:0 0 .25rem;font-size:.95rem;word-break:break-word}.entry-date{color:#c4b5a099;font-size:.8rem}.entry-actor{color:#c4b5a080;font-size:.75rem;margin-left:.5rem;font-style:italic}.history-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(139,111,71,.2)}.history-pagination button{background:#8b6f474d;border:1px solid rgba(139,111,71,.5);color:#c4b5a0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.history-pagination button:hover:not(:disabled){background:#8b6f4780}.history-pagination button:disabled{opacity:.4;cursor:not-allowed}.history-pagination span{color:#c4b5a0b3;font-size:.85rem}@media(max-width:600px){.history-modal{max-height:90vh}.history-filters{padding:.75rem 1rem}.filter-button{padding:.3rem .6rem;font-size:.75rem}.history-content{padding:.75rem 1rem}.history-pagination{flex-direction:column;gap:.75rem}.header-actions{flex-wrap:wrap}}.portrait-upload{display:flex;flex-direction:column;align-items:center;gap:.5rem}.portrait-container{position:relative;width:100px;height:100px;border-radius:50%;border:3px solid #d4af37;overflow:hidden;cursor:pointer;transition:all .2s ease}.portrait-container:not(.disabled):hover{border-color:gold;box-shadow:0 0 15px #d4af3766}.portrait-container.disabled{cursor:default}.portrait-container.uploading{pointer-events:none}.portrait-image{width:100%;height:100%;object-fit:cover}.portrait-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a0f0acc;color:#8b8b8b}.portrait-icon{font-size:2rem;margin-bottom:.25rem}.portrait-text{font-size:.65rem;text-align:center;padding:0 .25rem}.portrait-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4af37;font-size:.7rem}.portrait-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4af37;font-size:.7rem;opacity:0;transition:opacity .2s ease}.portrait-container:not(.disabled):hover .portrait-hover-overlay{opacity:1}.upload-icon{font-size:1.5rem;margin-bottom:.25rem}.upload-spinner{width:24px;height:24px;border:3px solid rgba(212,175,55,.3);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.25rem}.portrait-delete-btn{background:#b4505033;border:1px solid rgba(180,80,80,.4);color:#d08080;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.portrait-delete-btn:hover:not(:disabled){background:#b450504d;border-color:#b4505099}.portrait-delete-btn:disabled{opacity:.5;cursor:not-allowed}.portrait-error{color:#d08080;font-size:.75rem;text-align:center;margin:0;max-width:150px}@media(max-width:500px){.portrait-container{width:70px;height:70px}.portrait-icon{font-size:1.5rem}.portrait-text{font-size:.55rem}.upload-icon{font-size:1.2rem}}.inventory-section{background:#1a0f0a99;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:1rem}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:.5rem}.inventory-header h3{margin:0;color:#d4af37}.inventory-summary{display:flex;gap:1rem;font-size:.85rem;color:#a0a0a0}.inventory-summary span{display:flex;align-items:center;gap:.25rem}.inventory-section .currency-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.15)}.inventory-section .currency-section h4{margin:0 0 .5rem;font-size:.9rem;color:#d4af37}.currency-grid{display:flex;gap:.5rem;flex-wrap:wrap}.currency-item{display:flex;flex-direction:column;align-items:center;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:4px;padding:.4rem .6rem;min-width:50px}.currency-item.pp{border-color:#e5e4e266}.currency-item.gp{border-color:#ffd70066}.currency-item.ep{border-color:#c0c0c066}.currency-item.sp{border-color:#c0c0c04d}.currency-item.cp{border-color:#b8733366}.currency-label{font-size:.65rem;color:#8b8b8b;text-transform:uppercase}.currency-value{font-size:1rem;font-weight:700;color:#e0d0a0}.currency-input{width:50px;background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:3px;color:#e0d0a0;text-align:center;font-size:.9rem;padding:.2rem}.currency-input:focus{outline:none;border-color:#d4af37}.inventory-content{display:flex;flex-direction:column;gap:1rem}.empty-inventory{text-align:center;color:#6b6b6b;font-style:italic;padding:2rem}.inventory-category{border:1px solid rgba(212,175,55,.15);border-radius:6px;overflow:hidden}.category-title{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;background:#d4af371a;font-size:.85rem;color:#d4af37}.category-icon{font-size:1rem}.category-count{color:#8b8b8b;font-weight:400;margin-left:auto}.category-items{display:flex;flex-direction:column}.inventory-item{border-bottom:1px solid rgba(212,175,55,.1);transition:background .2s}.inventory-item:last-child{border-bottom:none}.inventory-item:hover{background:#d4af370d}.inventory-item.equipped{background:#d4af3714}.item-main{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;cursor:pointer}.item-info{display:flex;align-items:center;gap:.5rem}.item-icon{font-size:1rem;opacity:.8}.item-name{color:#e0d0a0;font-size:.9rem}.item-quantity{color:#8b8b8b;font-size:.8rem}.item-status{display:flex;align-items:center;gap:.5rem}.equipped-badge,.attuned-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.65rem;font-weight:700}.equipped-badge{background:#64b4644d;color:#90d090;border:1px solid rgba(100,180,100,.5)}.attuned-badge{background:#9664c84d;color:#c0a0e0;border:1px solid rgba(150,100,200,.5)}.item-weight{color:#8b8b8b;font-size:.75rem}.item-details{padding:.75rem;background:#0003;border-top:1px solid rgba(212,175,55,.1)}.item-description{color:#a0a0a0;font-size:.85rem;margin:0 0 .5rem;line-height:1.4}.item-meta{display:flex;gap:1rem;font-size:.8rem;color:#8b8b8b;margin-bottom:.75rem}.item-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.5rem;border-top:1px solid rgba(212,175,55,.1)}.action-btn{padding:.3rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.equip-btn{background:#64b46433;border:1px solid rgba(100,180,100,.4);color:#90d090}.equip-btn.active{background:#64b4644d;border-color:#64b46499}.equip-btn:hover{background:#64b46459}.attune-btn{background:#9664c833;border:1px solid rgba(150,100,200,.4);color:#c0a0e0}.attune-btn.active{background:#9664c84d;border-color:#9664c899}.attune-btn:hover{background:#9664c859}.remove-btn{background:#b4505033;border:1px solid rgba(180,80,80,.4);color:#d08080}.remove-btn:hover{background:#b4505059}.quantity-controls{display:flex;align-items:center;gap:.25rem;margin-left:auto}.qty-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:#d4af37;cursor:pointer;font-size:1rem;font-weight:700}.qty-btn:hover{background:#d4af3740}.qty-value{min-width:24px;text-align:center;color:#e0d0a0;font-size:.85rem}.add-item-btn{width:100%;padding:.75rem;margin-top:1rem;background:#d4af371a;border:1px dashed rgba(212,175,55,.4);border-radius:6px;color:#d4af37;font-size:.9rem;cursor:pointer;transition:all .2s}.add-item-btn:hover{background:#d4af3733;border-style:solid}.add-item-modal{background:#1a0f0a;border:2px solid rgba(212,175,55,.5);border-radius:12px;padding:1.5rem;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.add-item-modal h3{margin:0 0 1rem;color:#d4af37;text-align:center}.add-item-modal .form-group{margin-bottom:1rem}.add-item-modal .form-group label{display:block;margin-bottom:.3rem;color:#a0a0a0;font-size:.85rem}.add-item-modal .form-row{display:flex;gap:1rem}.add-item-modal .form-row .form-group{flex:1}.add-item-modal input[type=text],.add-item-modal input[type=number],.add-item-modal select,.add-item-modal textarea{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:4px;color:#e0d0a0;font-size:.9rem}.add-item-modal input:focus,.add-item-modal select:focus,.add-item-modal textarea:focus{outline:none;border-color:#d4af37}.add-item-modal textarea{resize:vertical;min-height:60px}.add-item-modal .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#e0d0a0}.add-item-modal .checkbox-group input[type=checkbox]{width:auto}.add-item-modal-large{max-width:600px;min-height:500px;display:flex;flex-direction:column}.add-item-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:.75rem}.add-item-tabs .tab-btn{flex:1;padding:.6rem 1rem;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:6px 6px 0 0;color:#a0a0a0;cursor:pointer;transition:all .2s;font-size:.9rem}.add-item-tabs .tab-btn:hover{background:#d4af371a;color:#d4af37}.add-item-tabs .tab-btn.active{background:#d4af3733;border-color:#d4af3780;color:#d4af37}.search-mode{flex:1;display:flex;flex-direction:column;min-height:0}.search-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.search-controls .search-input{flex:1;padding:.6rem 1rem;background:#0006;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:#e0d0a0;font-size:.95rem}.search-controls .search-input::placeholder{color:#666}.search-controls .type-filter{width:auto;min-width:140px;padding:.6rem;background:#0006;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:#e0d0a0;font-size:.9rem}.search-results{flex:1;min-height:200px;max-height:300px;overflow-y:auto;background:#0003;border:1px solid rgba(212,175,55,.15);border-radius:6px;padding:.5rem}.search-status{text-align:center;color:#666;font-style:italic;padding:2rem;margin:0}.search-result-item{padding:.6rem .75rem;border-radius:4px;cursor:pointer;transition:all .15s;border:1px solid transparent;margin-bottom:.25rem}.search-result-item:hover{background:#d4af371a}.search-result-item.selected{background:#d4af3733;border-color:#d4af3780}.search-result-item .result-main{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.search-result-item .result-name{color:#e0d0a0;font-weight:500}.search-result-item .result-type{color:#888;font-size:.8rem;text-transform:capitalize}.search-result-item .result-meta{display:flex;gap:.75rem;margin-top:.25rem;font-size:.8rem;color:#777}.search-result-item .result-cost,.search-result-item .result-weight{color:#8b8b6b}.search-result-item .result-rarity{padding:.1rem .4rem;border-radius:3px;font-size:.75rem;text-transform:capitalize}.result-rarity.rarity-uncommon{color:#2ecc71;background:#2ecc7126}.result-rarity.rarity-rare{color:#3498db;background:#3498db26}.result-rarity.rarity-very\ rare{color:#9b59b6;background:#9b59b626}.result-rarity.rarity-legendary{color:#f39c12;background:#f39c1226}.result-rarity.rarity-artifact{color:#e74c3c;background:#e74c3c26}.selected-item-preview{margin-top:.75rem;padding:.75rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:6px}.selected-item-preview h4{margin:0 0 .5rem;color:#d4af37;font-size:.95rem}.selected-item-preview .preview-description{color:#a0a0a0;font-size:.85rem;margin:0 0 .75rem;line-height:1.4;max-height:80px;overflow-y:auto}.selected-item-preview .form-row{display:flex;gap:1rem;align-items:center}.selected-item-preview .form-group{margin:0}.selected-item-preview .checkbox-group{display:flex;align-items:center}.custom-mode{flex:1}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn-cancel{flex:1;padding:.6rem;background:#5050504d;border:1px solid rgba(150,150,150,.3);border-radius:6px;color:#a0a0a0;cursor:pointer;transition:all .2s}.modal-actions .btn-cancel:hover{background:#50505080}.modal-actions .btn-add{flex:1;padding:.6rem;background:#d4af3733;border:1px solid rgba(212,175,55,.5);border-radius:6px;color:#d4af37;cursor:pointer;transition:all .2s}.modal-actions .btn-add:hover:not(:disabled){background:#d4af374d}.modal-actions .btn-add:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}@media(max-width:600px){.inventory-summary{flex-direction:column;gap:.25rem}.currency-grid{justify-content:center}.item-main{flex-direction:column;align-items:flex-start;gap:.5rem}.item-status{width:100%;justify-content:flex-end}.item-actions{flex-direction:column;align-items:stretch}.quantity-controls{margin-left:0;justify-content:center}.add-item-modal .form-row{flex-direction:column;gap:0}.add-item-modal-large{max-width:95%;min-height:auto;max-height:85vh}.search-controls{flex-direction:column}.search-controls .type-filter{width:100%}.search-results{min-height:150px;max-height:200px}.selected-item-preview .form-row{flex-direction:row}}.character-list-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem}.character-list-container{max-width:1400px;margin:0 auto}.character-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(218,165,32,.3)}.character-list-header h1{color:#daa520;font-family:Cinzel,serif;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.character-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(218,165,32,.2)}@media(max-width:768px){.character-filters{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-controls{width:100%;justify-content:space-between}.filter-select{flex:1;min-width:0}}.character-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:wheat}.character-list-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.character-list-error{background:#b71c1ce6;color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.character-list-error p{margin:0}.character-list-error button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.character-list-error button:hover{background:#ffffff4d}.character-list-empty{text-align:center;padding:4rem 2rem;background:#0000004d;border-radius:16px;border:2px dashed rgba(218,165,32,.3)}.character-list-empty h2{color:#daa520;font-family:Cinzel,serif;font-size:2rem;margin:0 0 .5rem}.character-list-empty p{color:wheat;font-size:1.1rem;margin:0 0 2rem;opacity:.8}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.character-card{background:linear-gradient(145deg,#1a1a2ef2,#0f3460e6);border:2px solid rgba(218,165,32,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.character-card:hover{transform:translateY(-5px);border-color:#daa520;box-shadow:0 8px 30px #daa52033}.character-card.draft{border-color:#80808080}.character-card.draft:hover{border-color:#888}.card-portrait{position:relative;height:180px;background:linear-gradient(135deg,#2a2a4a,#1a1a3a);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-portrait img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{font-size:4rem;opacity:.5}.status-badge.active{background:#4caf50e6;color:#fff}.status-badge.retired{background:#8b4513e6;color:wheat}.status-badge.deceased{background:#646464e6;color:#ccc}.card-name{color:#daa520;font-family:Cinzel,serif;font-size:1.3rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{color:wheat;font-size:.95rem;margin:0 0 .25rem}.card-class{color:#8fbc8f;font-size:.9rem;margin:0 0 .25rem}.card-background{color:#87ceeb;font-size:.85rem;margin:0 0 .5rem;font-style:italic}.btn-view{background:#4682b4cc;color:#fff;border-color:#4682b4}.btn-view:hover{background:#4682b4;transform:translateY(-2px)}@media(max-width:768px){.character-list-page{padding:1rem}.character-list-header{flex-direction:column;gap:1rem;text-align:center}.character-list-header h1{font-size:1.8rem;order:-1}.back-button,.create-button{width:100%}.character-grid{grid-template-columns:1fr}.card-portrait{height:150px}}@media(max-width:480px){.card-actions{flex-direction:column}.card-actions button{width:100%}.confirm-buttons{flex-direction:column}}.adventure-list-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem}.adventure-list-container{max-width:1400px;margin:0 auto}.adventure-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(218,165,32,.3)}.adventure-list-header h1{color:#daa520;font-family:Cinzel,serif;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.back-button{background:#8b4513cc;color:wheat;border:1px solid #daa520;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.create-button{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:2px solid #4caf50;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);transform:scale(1.05);box-shadow:0 4px 15px #4caf5066}.adventure-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.search-box{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#1a1a2ee6;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:wheat;font-size:.95rem;transition:all .2s}.search-input::placeholder{color:#f5deb380}.search-input:focus{outline:none;border-color:#daa520;box-shadow:0 0 10px #daa52033}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#f5deb399;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.search-clear:hover{color:#daa520}.filter-controls{display:flex;gap:.5rem;align-items:center}.filter-select{padding:.75rem 1rem;background:#1a1a2ee6;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:wheat;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:#daa520}.filter-select option{background:#1a1a2e;color:wheat}.sort-direction-btn{padding:.75rem 1rem;background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:#daa520;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.sort-direction-btn:hover{background:#daa52033;border-color:#daa520}.filter-results{width:100%;display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#f5deb3b3;padding-top:.5rem;border-top:1px solid rgba(218,165,32,.1)}.clear-filters{background:none;border:none;color:#4a9eff;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.clear-filters:hover{color:#6ab0ff}@media(max-width:768px){.adventure-filters{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-controls{width:100%;justify-content:space-between}.filter-select{flex:1;min-width:0}}.adventure-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:wheat}.adventure-list-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.adventure-list-error{background:#b71c1ce6;color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.adventure-list-error p{margin:0}.adventure-list-error button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:4px;cursor:pointer}.adventure-list-error button:hover{background:#ffffff4d}.adventure-list-empty{text-align:center;padding:4rem 2rem;background:#0000004d;border-radius:16px;border:2px dashed rgba(218,165,32,.3)}.empty-icon{font-size:5rem;margin-bottom:1rem}.adventure-list-empty h2{color:#daa520;font-family:Cinzel,serif;font-size:2rem;margin:0 0 .5rem}.adventure-list-empty p{color:wheat;font-size:1.1rem;margin:0 0 2rem;opacity:.8}.create-first-button{background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1a2e;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-button:hover{transform:scale(1.05);box-shadow:0 4px 20px #daa52080}.adventure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.adventure-card{background:linear-gradient(145deg,#1a1a2ef2,#0f3460e6);border:2px solid rgba(218,165,32,.3);border-radius:12px;overflow:hidden;transition:all .3s ease}.adventure-card:hover{transform:translateY(-5px);border-color:#daa520;box-shadow:0 8px 30px #daa52033}.adventure-card.draft{border-color:#80808080}.adventure-card.draft:hover{border-color:#888}.adventure-card.published{border-color:#4caf5080}.adventure-card.published:hover{border-color:#4caf50}.adventure-card.archived{border-color:#8b451380;opacity:.8}.card-cover{position:relative;height:160px;background:linear-gradient(135deg,#2a2a4a,#1a1a3a);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{font-size:4rem;opacity:.5}.status-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.system-badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.system-badge.dnd2e,.system-badge.dnd3e,.system-badge.dnd35e,.system-badge.dnd4e{background:#8b4513e6;color:wheat}.system-badge.generic{background:#808080e6;color:#fff}.card-info{padding:1rem 1.25rem}.card-title{color:#daa520;font-family:Cinzel,serif;font-size:1.2rem;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-synopsis{color:wheat;font-size:.85rem;margin:0 0 .75rem;line-height:1.4;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.meta-item{color:#f5deb3b3;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.card-themes{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.theme-tag{background:#4682b44d;color:#87ceeb;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.theme-more{color:#f5deb380;font-size:.7rem;padding:.2rem .5rem}.card-date{color:#f5deb380;font-size:.75rem;margin:0}.card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0003;border-top:1px solid rgba(218,165,32,.2)}.card-actions button{flex:1;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-edit{background:#4682b4cc;color:#fff;border-color:#4682b4}.btn-edit:hover{background:#4682b4;transform:translateY(-2px)}.btn-clone{background:#6b8e23cc;color:#fff;border-color:#6b8e23}.btn-clone:hover{background:#6b8e23;transform:translateY(-2px)}.btn-delete{background:#8b451399;color:wheat;border-color:#8b4513cc}.btn-delete:hover{background:#b22222cc;border-color:#b22222;color:#fff}.delete-confirm{width:100%;text-align:center}.delete-confirm p{color:#ff6b6b;font-weight:600;margin:0 0 .5rem;font-size:.9rem}.confirm-buttons{display:flex;gap:.5rem}.btn-confirm-delete{flex:1;background:#b22222e6!important;color:#fff!important;border-color:#b22222!important}.btn-confirm-delete:hover{background:#b22222!important}.btn-cancel-delete{flex:1;background:#80808099!important;color:#fff!important;border-color:#888!important}.btn-cancel-delete:hover{background:#808080cc!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(145deg,#1a1a2e,#0f3460);border:2px solid rgba(218,165,32,.5);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(218,165,32,.2)}.modal-header h2{color:#daa520;font-family:Cinzel,serif;font-size:1.5rem;margin:0}.modal-close{background:none;border:none;color:wheat;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;opacity:.7;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{padding:1.5rem}.modal-error{background:#b71c1ce6;color:#fff;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:wheat;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:#1a1a2ee6;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:wheat;font-size:1rem;transition:all .2s}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.create-options{margin-top:1rem}.options-label{color:#f5deb399;font-size:.85rem;margin:0;font-style:italic}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgba(218,165,32,.2)}.btn-secondary{background:#8080804d;color:wheat;border:1px solid rgba(128,128,128,.5);padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#80808080}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:2px solid #4caf50;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 15px #4caf504d}@media(max-width:768px){.adventure-list-page{padding:1rem}.adventure-list-header{flex-direction:column;gap:1rem;text-align:center}.adventure-list-header h1{font-size:1.8rem;order:-1}.back-button,.create-button{width:100%}.adventure-grid{grid-template-columns:1fr}.card-cover{height:140px}}@media(max-width:480px){.card-actions{flex-direction:column}.card-actions button{width:100%}.confirm-buttons,.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.creation-mode-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.mode-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#1a1a2ecc;border:2px solid rgba(218,165,32,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.mode-option:hover{border-color:#daa520;background:#1a1a2ef2;transform:translateY(-2px)}.mode-option.manual:hover{border-color:#4a9eff;box-shadow:0 4px 20px #4a9eff33}.mode-option.ai:hover{border-color:#9b59b6;box-shadow:0 4px 20px #9b59b64d}.mode-icon{font-size:2.5rem;flex-shrink:0}.mode-content h3{color:#daa520;font-family:Cinzel,serif;font-size:1.2rem;margin:0 0 .25rem}.mode-content p{color:#f5deb3b3;font-size:.9rem;margin:0}.mode-option.ai .mode-content h3{background:linear-gradient(135deg,#9b59b6,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:480px){.creation-mode-options{gap:.75rem}.mode-option{padding:1rem}.mode-icon{font-size:2rem}.mode-content h3{font-size:1rem}.mode-content p{font-size:.8rem}}.adventure-editor-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column}.adventure-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;border-bottom:1px solid rgba(218,165,32,.3)}.header-left{display:flex;align-items:center;gap:1.5rem}.back-button{background:#8b4513cc;color:wheat;border:1px solid #daa520;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#8b4513;transform:translate(-3px)}.header-title h1{color:#daa520;font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 .25rem}.header-badges{display:flex;gap:.5rem}.system-badge,.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.system-badge.dnd5e{background:#daa520e6;color:#1a1a2e}.system-badge.pf2e{background:#4a9effe6;color:#1a1a2e}.status-badge.draft{background:#808080e6;color:#fff}.status-badge.published{background:#4caf50e6;color:#fff}.status-badge.archived{background:#8b4513e6;color:wheat}.header-right{display:flex;align-items:center;gap:1rem}.save-status{font-size:.85rem}.save-status .saving{color:#4a9eff}.save-status .unsaved{color:#ffa726}.save-status .saved{color:#f5deb399}.save-button{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:2px solid #4caf50;padding:.5rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 15px #4caf504d}.save-button:disabled{opacity:.5;cursor:not-allowed}.editor-error-banner{background:#b71c1ce6;color:#fff;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center}.editor-error-banner p{margin:0}.editor-error-banner button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.25rem .75rem;border-radius:4px;cursor:pointer}.editor-main{display:flex;flex:1;overflow:hidden}.adventure-tabs{width:180px;background:#0003;border-right:1px solid rgba(218,165,32,.2);padding:1rem 0;flex-shrink:0}.tab-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;background:transparent;border:none;color:wheat;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.tab-button:hover{background:#daa5201a}.tab-button.active{background:#daa52033;border-left:3px solid #daa520;color:#daa520}.tab-icon{font-size:1.1rem}.tab-badge{background:#4a9effcc;color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:auto}.editor-content{flex:1;padding:2rem;overflow-y:auto}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:wheat}.editor-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.editor-error{text-align:center;padding:4rem 2rem}.editor-error h2{color:#ff6b6b;font-family:Cinzel,serif;margin:0 0 1rem}.editor-error p{color:wheat;margin:0 0 2rem}.editor-error button{background:#daa520cc;color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer}.editor-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(218,165,32,.2)}.editor-section:last-child{border-bottom:none}.editor-section h2{color:#daa520;font-family:Cinzel,serif;font-size:1.3rem;margin:0 0 1.25rem}.editor-section h3{color:wheat;font-size:1rem;margin:0 0 1rem}.section-description{color:#f5deb3b3;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.form-row{display:flex;gap:1.5rem;margin-bottom:1rem}.form-row.two-col>.form-group{flex:1}.form-group{display:flex;flex-direction:column}.form-group.full-width{flex:1}.form-group label{color:wheat;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#1a1a2ee6;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:wheat;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#daa520;box-shadow:0 0 10px #daa52033}.form-group input::placeholder,.form-group textarea::placeholder{color:#f5deb366}.form-group select option{background:#1a1a2e;color:wheat}.form-group textarea{resize:vertical;min-height:80px}.field-hint{color:#f5deb380;font-size:.8rem;margin:.5rem 0 0;font-style:italic}.range-inputs{display:flex;align-items:center;gap:.5rem}.range-inputs input{width:80px}.range-separator{color:#f5deb399;font-size:.85rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.theme-checkbox{display:flex;align-items:center;gap:.5rem;color:wheat;font-size:.85rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.theme-checkbox:hover{background:#daa5201a}.theme-checkbox input{accent-color:#daa520}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tab-header h2{margin:0}.add-button{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:2px solid #4caf50;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.add-button:hover{background:linear-gradient(135deg,#388e3c,#2e7d32)}.empty-state{text-align:center;padding:3rem 2rem;background:#0003;border-radius:12px;border:2px dashed rgba(218,165,32,.3)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#daa520;font-family:Cinzel,serif;margin:0 0 .5rem}.empty-state p{color:#f5deb3b3;margin:0 0 1.5rem}.create-button{background:linear-gradient(135deg,#daa520,#b8860b);color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.create-button:hover{box-shadow:0 4px 15px #daa52066}.quick-add-form{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px}.quick-add-form input,.quick-add-form select{flex:1;padding:.75rem 1rem;background:#1a1a2ee6;border:1px solid rgba(218,165,32,.3);border-radius:6px;color:wheat}.quick-add-form .btn-primary{background:#2e7d32;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer}.quick-add-form .btn-secondary{background:transparent;color:wheat;border:1px solid rgba(245,222,179,.3);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer}.coming-soon{color:#f5deb380;font-size:.85rem;font-style:italic;margin-top:1rem;padding:.75rem;background:#0003;border-radius:4px;border-left:3px solid rgba(218,165,32,.3)}.acts-list{display:flex;flex-direction:column;gap:1rem}.act-card{background:#0003;border:1px solid rgba(218,165,32,.2);border-radius:8px;padding:1rem}.act-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.act-title-input{background:transparent;border:none;border-bottom:1px solid transparent;color:#daa520;font-family:Cinzel,serif;font-size:1.1rem;padding:.25rem 0;flex:1}.act-title-input:focus{outline:none;border-bottom-color:#daa520}.act-actions{display:flex;gap:.5rem}.action-btn{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;border:none}.action-btn.add{background:#2e7d32cc;color:#fff}.action-btn.delete{background:transparent;color:#f5deb399}.action-btn.delete:hover{color:#ff6b6b}.act-summary{width:100%;background:#1a1a2e80;border:1px solid rgba(218,165,32,.2);border-radius:4px;color:wheat;font-size:.9rem;padding:.5rem;resize:none}.scenes-list{margin-top:1rem}.no-scenes{color:#f5deb380;font-size:.85rem;font-style:italic}.scene-card{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#1a1a2e80;border-radius:4px;margin-bottom:.5rem}.scene-number{color:#f5deb380;font-size:.8rem;font-weight:600;min-width:20px}.scene-title{color:wheat;font-size:.9rem;flex:1}.scene-type{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;text-transform:uppercase}.scene-type.exploration{background:#4682b480;color:#fff}.scene-type.combat{background:#b2222280;color:#fff}.scene-type.social{background:#6b8e2380;color:#fff}.npc-grid,.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.npc-card,.location-card{background:#0003;border:1px solid rgba(218,165,32,.2);border-radius:8px;padding:1rem}.npc-header,.location-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.npc-header h3,.location-header h3{color:#daa520;font-size:1rem;margin:0}.role-badge,.type-badge{padding:.15rem .5rem;border-radius:10px;font-size:.7rem;text-transform:uppercase;background:#4682b480;color:#fff}.npc-fields textarea,.location-fields textarea{width:100%;background:#1a1a2e80;border:1px solid rgba(218,165,32,.2);border-radius:4px;color:wheat;font-size:.85rem;padding:.5rem;resize:none}.npc-actions,.location-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(218,165,32,.1)}.delete-btn{background:transparent;color:#f5deb399;border:1px solid rgba(245,222,179,.3);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer}.delete-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.gm-notes-tab .tab-header{align-items:center}.private-badge{background:#8b451380;color:wheat;padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.gm-notes-textarea{min-height:400px;font-family:inherit;line-height:1.6}.upload-controls{display:flex;gap:.5rem}.upload-button{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.cover-preview{width:300px;height:200px;background:#1a1a2e80;border:1px solid rgba(218,165,32,.2);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-placeholder{text-align:center;color:#f5deb380}.cover-placeholder span{font-size:3rem}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.asset-card{background:#0003;border:1px solid rgba(218,165,32,.2);border-radius:8px;overflow:hidden}.asset-card img{width:100%;height:120px;object-fit:cover}.asset-info{padding:.75rem}.asset-name{display:block;color:wheat;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.asset-type{font-size:.7rem;color:#f5deb380}.asset-actions{padding:0 .75rem .75rem}.tab-actions{display:flex;gap:.75rem}.ai-btn{background:#6a11cb99;color:#fff;border:1px solid rgba(106,17,203,.8);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.ai-btn:hover:not(:disabled){background:#6a11cbcc}.act-wrapper{transition:transform .2s,opacity .2s}.act-wrapper.dragging{opacity:.6;transform:scale(.98)}.act-editor{background:#00000040;border:1px solid rgba(218,165,32,.25);border-radius:10px;overflow:hidden}.act-editor-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#daa5201a;border-bottom:1px solid rgba(218,165,32,.2)}.expand-toggle{background:transparent;border:none;color:#daa520;font-size:.9rem;cursor:pointer;padding:.25rem;width:24px}.act-number{color:#f5deb399;font-size:.85rem;font-weight:600;text-transform:uppercase}.act-editor-header .act-title{color:#daa520;font-family:Cinzel,serif;font-size:1.1rem;margin:0;flex:1;cursor:pointer}.act-editor-header .act-title:hover{text-decoration:underline}.act-editor-header .act-title-input{background:#1a1a2eb3;border:1px solid #daa520;color:#daa520;font-family:Cinzel,serif;font-size:1.1rem;padding:.25rem .5rem;border-radius:4px;flex:1}.scene-count{color:#f5deb380;font-size:.8rem}.act-editor-body{padding:1.25rem}.act-summary-section{margin-bottom:1.5rem}.act-summary-section label{display:block;color:#f5deb3cc;font-size:.85rem;margin-bottom:.5rem}.act-summary-input{width:100%;background:#1a1a2e99;border:1px solid rgba(218,165,32,.2);border-radius:6px;color:wheat;font-size:.9rem;padding:.75rem;resize:vertical}.act-summary-input:focus{outline:none;border-color:#daa52080}.scenes-section{border-top:1px solid rgba(218,165,32,.15);padding-top:1rem}.scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scenes-header h4{color:wheat;font-size:.95rem;margin:0}.no-scenes-message{text-align:center;padding:1.5rem;background:#1a1a2e4d;border-radius:8px;border:1px dashed rgba(218,165,32,.2)}.no-scenes-message p{color:#f5deb399;margin:0 0 1rem}.add-first-scene-btn{background:#2e7d32b3;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.scene-wrapper{transition:transform .2s,opacity .2s;margin-bottom:.75rem}.scene-wrapper.dragging{opacity:.6;transform:scale(.98)}.scene-editor{background:#1a1a2e80;border:1px solid rgba(218,165,32,.15);border-radius:8px;overflow:hidden}.scene-editor.expanded{border-color:#daa52059}.scene-editor-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;transition:background .2s}.scene-editor-header:hover{background:#daa5200d}.drag-handle{color:#f5deb34d;font-size:.9rem;cursor:grab;padding:0 .25rem}.drag-handle:hover{color:#f5deb380}.scene-editor-header .scene-number{background:#daa52033;color:#daa520;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.scene-type-icon{font-size:1rem}.scene-editor-header .scene-title{color:wheat;font-size:.95rem;flex:1}.scene-actions{display:flex;gap:.5rem}.scene-editor-body{padding:1.25rem;border-top:1px solid rgba(218,165,32,.1);background:#00000026}.scene-form-row{display:flex;gap:1rem;margin-bottom:1rem}.scene-form-row .form-group.flex-2{flex:2}.scene-form-row .form-group{flex:1}.npc-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.npc-checkbox{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#1a1a2e80;border:1px solid rgba(218,165,32,.15);border-radius:4px;cursor:pointer;font-size:.85rem}.npc-checkbox:hover{border-color:#daa5204d}.npc-checkbox input{accent-color:#daa520}.npc-checkbox .npc-role{font-size:.7rem;text-transform:uppercase;padding:.1rem .35rem;border-radius:3px;background:#4682b466;color:#fff}.npc-checkbox .npc-name{color:wheat}.outcomes-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(218,165,32,.1)}.outcomes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.outcomes-header label{margin:0!important}.add-btn.small{padding:.25rem .75rem;font-size:.8rem}.no-outcomes{color:#f5deb380;font-size:.85rem;font-style:italic;margin:0}.outcomes-list{display:flex;flex-direction:column;gap:.5rem}.outcome-row{display:flex;align-items:center;gap:.5rem}.outcome-condition,.outcome-result{flex:1;padding:.5rem .75rem;background:#1a1a2eb3;border:1px solid rgba(218,165,32,.2);border-radius:4px;color:wheat;font-size:.85rem}.outcome-arrow{color:#daa520;font-size:1rem}.remove-btn{background:transparent;border:none;color:#f5deb366;font-size:1.2rem;cursor:pointer;padding:0 .5rem}.remove-btn:hover{color:#ff6b6b}.gm-notes-input{background:#8b451326!important;border-color:#8b45134d!important}.encounter-builder{background:#b222221a;border:1px solid rgba(178,34,34,.3);border-radius:8px;margin:1rem 0;overflow:hidden}.encounter-header{padding:.75rem 1rem;background:#b2222226;border-bottom:1px solid rgba(178,34,34,.2)}.encounter-header h4{color:#ff6b6b;font-size:.95rem;margin:0}.encounter-body{padding:1rem}.encounter-body .form-row,.enemies-section{margin-bottom:1rem}.enemies-section>label{display:block;color:wheat;font-size:.85rem;margin-bottom:.5rem}.no-enemies{color:#f5deb380;font-size:.85rem;font-style:italic;margin:0 0 .75rem}.enemies-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.enemy-row,.add-enemy-form{display:flex;align-items:center;gap:.5rem}.enemy-quantity{width:50px!important;text-align:center}.enemy-x{color:#f5deb380;font-size:.9rem}.enemy-name{flex:1}.enemy-cr{width:60px!important;text-align:center}.enemy-row input,.add-enemy-form input{padding:.5rem;background:#1a1a2eb3;border:1px solid rgba(218,165,32,.2);border-radius:4px;color:wheat;font-size:.85rem}.add-btn{background:#2e7d32b3;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem}.add-btn:hover:not(:disabled){background:#2e7d32e6}.add-btn:disabled{opacity:.5;cursor:not-allowed}.ai-generate-btn{display:block;width:100%;margin-top:1rem;padding:.75rem;background:#6a11cb66;color:#fffc;border:1px solid rgba(106,17,203,.5);border-radius:6px;cursor:pointer;font-size:.9rem}.ai-generate-btn:hover:not(:disabled){background:#6a11cb99}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.read-aloud-editor{margin:1rem 0}.read-aloud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.read-aloud-header label{display:flex;align-items:center;gap:.5rem;color:wheat;font-size:.9rem;font-weight:500;margin:0}.read-aloud-icon{font-size:1.1rem}.ai-generate-btn.small{padding:.35rem .75rem;font-size:.8rem}.read-aloud-container{position:relative;background:#8b451326;border:2px solid rgba(139,69,19,.4);border-radius:8px;padding:1.25rem 1.5rem}.read-aloud-decoration{position:absolute;font-size:2rem;color:#8b451366;font-family:Georgia,serif}.read-aloud-decoration.left{top:.25rem;left:.5rem}.read-aloud-decoration.right{bottom:.25rem;right:.5rem}.read-aloud-textarea{width:100%;background:transparent;border:none;color:wheat;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-style:italic;line-height:1.7;resize:vertical;min-height:80px}.read-aloud-textarea::placeholder{color:#f5deb366;font-style:italic}.read-aloud-textarea:focus{outline:none}.read-aloud-preview{margin-top:1rem}.preview-label{display:block;color:#f5deb399;font-size:.8rem;margin-bottom:.5rem}.boxed-text{background:#8b451340;border-left:4px solid #8b4513;padding:1rem 1.25rem;color:wheat;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.7;border-radius:0 6px 6px 0}.scenes-tip{margin-top:1.5rem;padding:.75rem 1rem;background:#4a9eff1a;border-radius:6px;color:#f5deb3b3;font-size:.85rem}.scenes-tip strong{color:#4a9eff}.npc-add-form,.location-add-form{flex-direction:column}.npc-list,.location-list{display:flex;flex-direction:column;gap:.75rem}.npc-card,.location-card{background:#0003;border:1px solid rgba(218,165,32,.2);border-radius:8px;overflow:hidden}.npc-card.expanded,.location-card.expanded{border-color:#daa52066}.npc-card-header,.location-card-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.npc-card-header:hover,.location-card-header:hover{background:#daa5200d}.npc-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#daa52026;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npc-avatar img{width:100%;height:100%;object-fit:cover}.npc-avatar-placeholder{font-size:1.5rem}.location-icon{width:48px;height:48px;border-radius:8px;background:#daa52026;display:flex;align-items:center;justify-content:center;flex-shrink:0}.location-icon span{font-size:1.5rem}.npc-info,.location-info{flex:1}.npc-info h3,.location-info h3{color:wheat;font-size:1rem;margin:0 0 .25rem}.npc-card-actions,.location-card-actions{display:flex;align-items:center;gap:.5rem}.expand-btn{background:transparent;border:none;color:#daa520;font-size:.9rem;cursor:pointer;padding:.25rem}.npc-card-body,.location-card-body{padding:1.25rem;border-top:1px solid rgba(218,165,32,.15);background:#00000026}.private-label{color:#8b4513}.secrets-input{background:#8b451326!important;border-color:#8b45134d!important}.location-map-preview{margin-top:1rem}.location-map-preview label{display:block;color:#f5deb3cc;font-size:.85rem;margin-bottom:.5rem}.location-map-preview img{max-width:100%;max-height:200px;border-radius:6px;border:1px solid rgba(218,165,32,.2)}.tab-tip{margin-top:1.5rem;padding:.75rem 1rem;background:#4a9eff1a;border-radius:6px;color:#f5deb3b3;font-size:.85rem}.tab-tip strong{color:#4a9eff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.treasure-add-form{flex-direction:column}.form-group.flex-2{flex:2}.form-group.checkbox-group{display:flex;align-items:flex-end;padding-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:wheat;cursor:pointer}.checkbox-label input{accent-color:#daa520}.checkbox-label.small{font-size:.8rem}.empty-hint{padding:1.5rem;text-align:center;background:#1a1a2e4d;border-radius:8px;border:1px dashed rgba(218,165,32,.2)}.empty-hint p{color:#f5deb399;margin:0 0 1rem}.treasure-list{display:flex;flex-direction:column;gap:.5rem}.treasure-item{background:#1a1a2e66;border:1px solid rgba(218,165,32,.15);border-radius:6px;padding:.75rem 1rem}.item-main{display:flex;align-items:center;gap:.5rem}.item-quantity{color:#f5deb399;font-size:.85rem;min-width:30px}.item-name{flex:1;color:wheat;font-size:.95rem}.magical-badge{margin-right:.25rem}.item-value{color:#daa520;font-size:.85rem}.item-description{color:#f5deb399;font-size:.85rem;margin:.5rem 0 0;padding-left:30px}.item-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(218,165,32,.1)}.story-rewards-preview{margin-top:1rem;padding:1rem;background:#1a1a2e66;border-radius:6px;border-left:3px solid #daa520}.story-rewards-preview label{display:block;color:#f5deb399;font-size:.8rem;margin-bottom:.5rem}.rewards-preview-list{margin:0;padding-left:1.25rem;color:wheat}.rewards-preview-list li{margin-bottom:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(218,165,32,.15)}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:wheat;border:1px solid rgba(245,222,179,.3);padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f5deb31a;border-color:#f5deb380}.role-badge.ally{background:#4caf5080}.role-badge.enemy{background:#f4433680}.role-badge.neutral{background:#9e9e9e80}.role-badge.quest_giver{background:#ffc10780}.role-badge.merchant{background:#9c27b080}.role-badge.boss{background:#b71c1cb3}.role-badge.minion{background:#79554880}.type-badge.city{background:#3f51b580}.type-badge.town{background:#00968880}.type-badge.village{background:#8bc34a80}.type-badge.wilderness{background:#4caf5080}.type-badge.dungeon{background:#79554880}.type-badge.building{background:#9e9e9e80}.type-badge.underground{background:#4527a080}@media(max-width:900px){.adventure-editor-header{flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%;flex-direction:column;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.editor-main{flex-direction:column}.adventure-tabs{width:100%;display:flex;overflow-x:auto;padding:.5rem;border-right:none;border-bottom:1px solid rgba(218,165,32,.2)}.tab-button{flex-direction:column;padding:.75rem 1rem;white-space:nowrap}.tab-button.active{border-left:none;border-bottom:2px solid #daa520}.tab-label{font-size:.75rem}.form-row{flex-direction:column;gap:1rem}.form-row.two-col>.form-group{flex:none}}.generate-adventure-modal{max-width:700px;width:95%}.generate-adventure-modal .modal-body{max-height:70vh;overflow-y:auto}.generate-adventure-modal textarea{resize:vertical}.generate-adventure-modal .range-inputs{display:flex;align-items:center;gap:.5rem}.generate-adventure-modal .range-inputs input{width:60px;text-align:center}.generate-adventure-modal .range-inputs span{color:#ccc;font-size:.9rem}.generate-adventure-modal .form-row.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theme-chips{display:flex;flex-wrap:wrap;gap:.5rem}.theme-chip{background:#8b45134d;color:wheat;border:1px solid rgba(218,165,32,.3);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.theme-chip:hover{background:#8b451380;border-color:#daa52080}.theme-chip.selected{background:#daa52066;border-color:#daa520;color:#fff}.theme-chip:disabled{opacity:.5;cursor:not-allowed}.ai-notice{display:flex;align-items:flex-start;gap:.75rem;background:#4b008233;border:1px solid rgba(138,43,226,.4);border-radius:8px;padding:1rem;margin-top:1rem}.ai-notice .ai-icon{background:linear-gradient(135deg,#8a2be2,indigo);color:#fff;font-weight:700;font-size:.7rem;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.ai-notice p{margin:0;color:#ddd;font-size:.9rem;line-height:1.5}.ai-generate-btn{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-btn{background:linear-gradient(135deg,#8a2be2,indigo);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.ai-btn:hover:not(:disabled){background:linear-gradient(135deg,#9a3bf2,#5b1092);transform:translateY(-1px);box-shadow:0 4px 12px #8a2be266}.ai-btn:disabled{opacity:.5;cursor:not-allowed}.ai-btn.small{padding:.35rem .7rem;font-size:.8rem}.ai-btn.generating{position:relative;overflow:hidden}.ai-btn.generating:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}@media(max-width:768px){.generate-adventure-modal .form-row.three-col{grid-template-columns:1fr}.generate-adventure-modal .range-inputs{justify-content:flex-start}}:root{--parchment-light: #F4E8D0;--parchment: #E8D7B5;--aged-paper: #DCC9A5;--dark-wood: #3D2817;--mahogany: #5C3A1F;--gold: #D4AF37;--torch-amber: #FF8C00;--torch-glow: #FFA500;--deep-red: #8B1A1A;--emerald: #2C5F2D;--arcane-blue: #4A90E2;--mystic-purple: #8B5CF6;--ethereal-cyan: #67E8F9;--magic-glow: rgba(139, 92, 246, .4);--rune-gold: #FFD700;--ink-black: #1A1411;--sepia: #6B4423;--faded-ink: #8C7355;--torch-shadow: 0 0 20px rgba(255, 140, 0, .3);--parchment-shadow: 0 4px 6px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .3);--wood-shadow: 0 4px 8px rgba(0, 0, 0, .4), inset 0 2px 4px rgba(0, 0, 0, .3);--font-heading: "Cinzel", serif;--font-body: "Lora", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink-black);background:linear-gradient(135deg,var(--dark-wood) 0%,#2a1810 50%,var(--dark-wood) 100%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.parchment{background:linear-gradient(135deg,var(--parchment-light) 0%,var(--parchment) 25%,var(--aged-paper) 50%,var(--parchment) 75%,var(--parchment-light) 100%);background-size:400% 400%;position:relative}.parchment:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,69,19,.03) 2px,rgba(139,69,19,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,69,19,.03) 2px,rgba(139,69,19,.03) 4px);pointer-events:none;opacity:.6}.parchment:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.parchment-torn{position:relative;margin:20px;padding:40px;box-shadow:var(--parchment-shadow)}.parchment-torn:before,.parchment-torn:after{content:"";position:absolute;background:var(--aged-paper)}.parchment-torn:before{top:-10px;left:-10px;right:-10px;height:20px;clip-path:polygon(0% 100%,5% 0%,10% 100%,15% 0%,20% 100%,25% 0%,30% 100%,35% 0%,40% 100%,45% 0%,50% 100%,55% 0%,60% 100%,65% 0%,70% 100%,75% 0%,80% 100%,85% 0%,90% 100%,95% 0%,100% 100%)}.wood-panel{background:linear-gradient(90deg,var(--dark-wood) 0%,var(--mahogany) 10%,var(--dark-wood) 20%,var(--mahogany) 30%,var(--dark-wood) 40%,var(--mahogany) 50%,var(--dark-wood) 60%,var(--mahogany) 70%,var(--dark-wood) 80%,var(--mahogany) 90%,var(--dark-wood) 100%);box-shadow:var(--wood-shadow);position:relative}.wood-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(0,0,0,.1) 50px,rgba(0,0,0,.1) 51px);pointer-events:none}.torch-glow{position:relative;animation:flicker 3s infinite alternate}@keyframes flicker{0%,to{box-shadow:0 0 15px var(--torch-amber),0 0 30px var(--torch-glow),0 0 45px var(--torch-amber);opacity:1}50%{box-shadow:0 0 10px var(--torch-amber),0 0 20px var(--torch-glow),0 0 30px var(--torch-amber);opacity:.95}}@keyframes magical-glow{0%,to{box-shadow:0 0 10px var(--magic-glow),0 0 20px var(--mystic-purple),0 0 30px var(--magic-glow);opacity:1}50%{box-shadow:0 0 15px var(--magic-glow),0 0 30px var(--mystic-purple),0 0 45px var(--magic-glow);opacity:.9}}@keyframes float-up{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes pulse-glow{0%,to{filter:brightness(1) drop-shadow(0 0 5px var(--mystic-purple))}50%{filter:brightness(1.2) drop-shadow(0 0 15px var(--mystic-purple))}}@keyframes rotate-rune{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.gold-border{border:3px solid var(--gold);box-shadow:inset 0 0 10px #d4af374d,0 0 10px #d4af374d}.btn{font-family:var(--font-heading);font-weight:600;padding:12px 32px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;position:relative;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,#B8941F 100%);color:var(--dark-wood);box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 20px var(--torch-glow),inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d,inset 0 2px 4px #0003}.btn-secondary{background:var(--parchment);color:var(--sepia);border:2px solid var(--sepia)}.btn-secondary:hover{background:var(--aged-paper);transform:translateY(-2px);box-shadow:0 4px 8px #0003}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--dark-wood)}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.02em}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1rem;color:var(--ink-black)}.initial-cap:first-letter{font-family:var(--font-heading);font-size:3.5em;font-weight:700;float:left;line-height:.85;margin:.1em .1em 0 0;color:var(--deep-red);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.scroll-container{background:var(--parchment);border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:var(--parchment-shadow);position:relative;overflow:hidden}.scroll-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top left,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at top right,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(0,0,0,.1) 0%,transparent 50%);pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container,.container-wide{padding:0 1rem}.scroll-container{padding:1.5rem;margin:1rem 0}.btn{padding:10px 24px;font-size:.9rem}}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-sepia{color:var(--sepia)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}