@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@font-face{font-family:Metamorphous;font-style:normal;font-weight:400;src:url(/static/media/Metamorphous-Regular.70d932063f8890811533.ttf) format("truetype")}:root{--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-secondary:"Metamorphous",cursive;--font-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--background-color:#fff}html{background:url(/static/media/bgtexture.c56a40c3bdd6e2c543f1.jpg) repeat fixed}body,html{min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);margin:0;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:Metamorphous,cursive;font-family:var(--font-secondary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-code)}.home-page{color:#293241;margin:0;max-width:100%;padding:0;position:relative;z-index:1}.home-page,.home-page *{font-family:Poppins,sans-serif}.button{border-radius:6px;display:inline-block;font-size:1rem;font-weight:600;padding:.85rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.button.primary{background-color:#ee6c4d;border:none;color:#fff}.button.primary:hover{background-color:#e34f2d;box-shadow:0 4px 8px #ee6c4d4d;transform:translateY(-2px)}.button.secondary{background-color:initial;border:2px solid #3d5a80;color:#3d5a80}.button.secondary:hover{background-color:#3d5a801a;transform:translateY(-2px)}.hero{align-items:center;display:flex;height:100vh;margin-bottom:0;margin-top:-20px;min-height:600px;overflow:hidden;position:relative;width:100%}.hero:before{background:url(/static/media/dice-hero1.d0a0cf0a94ebdf71ef52.webp) 50%/cover no-repeat;opacity:1;z-index:0}.hero:after,.hero:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero:after{background:linear-gradient(90deg,#1e2c40d9,#1e2c4099 30%,#1e2c401a 60%,#1e2c4000);z-index:1}.hero-content{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;z-index:2}.hero-text{max-width:550px}.hero h1{color:#fff;display:inline-block;font-family:Mondia-Light,Metamorphous,serif;font-size:4rem;font-weight:700;letter-spacing:2px;line-height:1.1;margin-bottom:1.5rem;position:relative;text-shadow:2px 4px 8px #0000004d}.hero h1.title-glow{text-shadow:0 0 7px #ffffffb3,0 0 10px #ffffff80,0 0 21px #fff3,2px 4px 8px #0000004d!important}.hero h1:after{background:linear-gradient(90deg,#ee6c4d,#ee6c4d00);border-radius:3px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100%}.title-accent{color:#ee6c4d;text-shadow:2px 4px 8px #0006}.hero p{color:#e0fbfc;font-size:1.5rem;font-weight:400;line-height:1.4;margin-bottom:2.5rem;text-shadow:1px 2px 4px #0003}.hero-subtext{font-size:1.2rem!important;font-style:italic;margin-bottom:2.5rem!important;margin-top:-1.5rem!important;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.hero-buttons .button{min-width:140px;padding:1rem 2rem}.hero-buttons .button.primary{background-color:#ee6c4d}.hero-buttons .button.secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:1px solid #ffffff80;color:#fff}.hero-buttons .button.secondary:hover{background-color:#fff3}.testimonial-carousel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;bottom:30px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-width:calc(100% - 4rem);min-height:180px;padding:1.5rem;position:absolute;right:2rem;transition:all .3s ease;width:400px;z-index:5}.testimonial-carousel:hover{box-shadow:0 12px 36px #0006}.testimonial-slide{display:flex;flex-direction:column;flex-grow:1}.testimonial-quote{align-items:center;display:flex;flex-grow:1;margin-bottom:1rem}.testimonial-quote p{font-size:1.1rem;font-style:italic;line-height:1.5;margin:0;text-shadow:1px 1px 2px #0000004d}.testimonial-attribution{margin-bottom:.5rem;text-align:right}.testimonial-name{font-family:Mondia-Light,Metamorphous,serif;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.testimonial-dots{display:flex;gap:.5rem;justify-content:center}.testimonial-dot{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.testimonial-dot.active{background:#ee6c4d;transform:scale(1.2)}.testimonial-dot:hover{background:#ffffffb3}.home-content{background-color:#fff;margin:0 auto;max-width:1200px;padding:3rem 2rem;position:relative;z-index:2}.home-intro{margin-bottom:4rem;padding:1rem;text-align:center}.intro-heading{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.divider-line{background-color:#3d5a80;display:inline-block;height:2px;width:80px}.intro-heading h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2.2rem;margin:0 1.5rem}.home-intro p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.feature-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:4rem}.feature-card{background-color:#fff;border:1px solid #98c1d9;box-shadow:0 4px 6px #0000000d;height:100%;min-height:280px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.feature-card-icon{display:flex;justify-content:center;margin-bottom:1rem}.feature-card-icon svg,.feature-card:first-child .feature-card-icon svg,.feature-card:nth-child(2) .feature-card-icon svg{fill:#3d5a80;height:50px;width:50px}.feature-card h3{font-size:1.3rem}.feature-card p{color:#4a5568;flex-grow:1;margin-bottom:1.5rem}.card-link{color:#ee6c4d;display:inline-block;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s ease}.card-link:hover{color:#e34f2d;text-decoration:underline}.card-link.secondary{background-color:#f0f0f0;border:none;color:#555;font-size:.9em;margin-left:10px;padding:6px 12px}.card-link.secondary:hover{background-color:#e5e5e5;color:#3f51b5}.spell-showcase{background-color:#f8fafc;border-radius:10px;margin:5rem 0;overflow:hidden}.showcase-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:3rem}.showcase-text h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;margin-bottom:2rem}.showcase-features{list-style:none;margin:0 0 2rem;padding:0}.showcase-features li{align-items:center;color:#4a5568;display:flex;font-size:1.05rem;margin-bottom:1rem}.feature-icon{display:inline-flex;margin-right:1rem}.feature-icon svg{fill:#3d5a80;height:24px;width:24px}.feature-icon svg circle,.feature-icon svg g,.feature-icon svg path,.feature-icon svg polygon,.feature-icon svg rect{fill:#3d5a80}.showcase-button{margin-top:1rem}.showcase-image{align-items:center;display:flex;justify-content:center}.image-card{background-color:#fff;border:1px solid #3d5a80;border-radius:8px;box-shadow:0 8px 20px #00000026;overflow:hidden}.cardstack-image,.image-card{max-width:400px;width:100%}.card-header{background-color:#3d5a80;border-bottom:1px solid #0000001a;color:#fff;padding:1rem}.card-header h3{font-family:Mondia-Light,Metamorphous,serif;font-size:1.6rem;margin:0 0 .3rem}.spell-level{font-size:.9rem;font-style:italic;opacity:.9}.card-body{padding:1.5rem}.spell-property{font-size:.95rem;margin-bottom:.8rem}.property-label{color:#3d5a80;display:inline-block;font-weight:600;width:120px}.property-value{color:#4a5568}.cta-section{background:linear-gradient(135deg,#3d5a80,#293241);border-radius:10px;box-shadow:0 10px 30px #2932411a;margin:4rem 0;padding:4rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta-content h2{color:#fff;font-family:Mondia-Light,Metamorphous,serif;font-size:2.2rem;margin-bottom:1rem}.cta-content p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-buttons .button.secondary{border-color:#fff;color:#fff}.cta-buttons .button.secondary:hover{background-color:#ffffff1a}.workflow-section{padding:3rem 0;text-align:center}.workflow-section h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2.2rem;margin-bottom:3rem}.workflow-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.workflow-step{position:relative;text-align:center}.step-number{font-size:1.3rem;margin:0 auto 1.5rem}.workflow-step h3{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;margin-bottom:1rem}.workflow-step p{color:#4a5568;font-size:.95rem;line-height:1.5}.testimonials-section{background-color:#f8fafc;border-radius:10px;margin:4rem 0;padding:4rem 0;text-align:center}.testimonials-section h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2.2rem;margin-bottom:3rem}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px;padding:0 1.5rem}.testimonial-card{background-color:#fff;border:1px solid #e1e8ed;border-radius:10px;box-shadow:0 6px 15px #00000014;display:flex;flex-direction:column;padding:1.5rem;text-align:left;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 12px 20px #0000001f;transform:translateY(-5px)}.testimonial-content{flex-grow:1;margin-bottom:1.5rem}.testimonial-content p{color:#4a5568;font-size:1rem;font-style:italic;line-height:1.6;position:relative}.testimonial-content p:after,.testimonial-content p:before{color:#ee6c4d;content:'"';font-family:serif;font-size:1.5rem}.testimonial-author{align-items:center;border-top:1px solid #e1e8ed;display:flex;gap:1rem;padding-top:1rem}.author-avatar{background-color:#3d5a80;border-radius:50%;height:50px;overflow:hidden;position:relative;width:50px}.author-avatar:after{background-color:#fff3;border-radius:50%;content:"";height:50%;left:25%;position:absolute;top:25%;width:50%}.author-avatar.bigby{background-color:#7c4dff}.author-avatar.tasha{background-color:#ff4d9d}.author-avatar.evard{background-color:#4d4d4d}.author-avatar.otiluke{background-color:#4dcdff}.author-avatar.mordenkainen{background-color:gold}.author-info{display:flex;flex-direction:column}.author-info h4{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.1rem;font-weight:600;margin:0}.author-info span{color:#718096;font-size:.85rem}@media (max-width:1024px){.feature-cards{gap:2.5rem}.feature-cards,.workflow-steps{grid-template-columns:repeat(2,1fr)}.testimonial-carousel{max-width:calc(100% - 4rem);right:2rem;width:400px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card:last-child{grid-column:span 2;margin-left:auto;margin-right:auto;max-width:500px}}@media (max-width:900px){.testimonial-carousel{bottom:auto;margin-top:2rem;max-width:400px;position:relative;right:auto;transform:none;width:100%}.hero-content,.hero-text{align-items:center;display:flex;flex-direction:column}.hero-text{max-width:100%;text-align:center}.hero-text .hero-buttons{justify-content:center}}@media (max-width:768px){.hero{height:auto;min-height:550px;padding:5rem 0 6rem}.hero h1{font-size:3rem}.hero h1.title-glow{text-shadow:0 0 5px #fff9,0 0 10px #ffffff4d,2px 4px 6px #0000004d!important}.hero h1:after{bottom:-8px;height:2px}.hero p{font-size:1.2rem}.hero-subtext{font-size:1rem!important;margin-top:-1rem!important}.showcase-content{grid-template-columns:1fr}.showcase-image{margin-bottom:2rem;order:-1}.showcase-text{text-align:center}.workflow-section h2{margin-bottom:2rem}.testimonial-name,.testimonial-quote p{font-size:1rem}.testimonials-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:span 1}}@media (max-width:480px){.testimonial-carousel{height:auto;min-height:190px;padding:1rem}.hero{padding:4rem 0 2rem}.hero-buttons{flex-direction:row;gap:.75rem;justify-content:center;width:100%}.hero-buttons .button{font-size:.9rem;min-width:auto;padding:.75rem 1.25rem;width:auto}.feature-cards{gap:3rem}.feature-card{min-height:250px}}html{scroll-behavior:smooth}footer{z-index:2}.spell-detail-page{background-color:#fff;border:none;border-radius:16px;box-shadow:0 10px 30px #3d5a801f;display:flex;flex-direction:column;margin:.1rem auto;max-width:900px;overflow:hidden;padding:0;position:relative;width:92%}.spell-detail-header{align-items:center;background:linear-gradient(135deg,#3d5a80,#2c4a6e);border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:relative}.spell-header-content{align-items:flex-start;display:flex;flex-direction:column}.spell-detail-header h1{color:#fff;font-family:Mondia Light,sans-serif;font-size:1.8rem;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0003;width:100%}.spell-detail-header p{color:#ffffffe6;font-family:Mondia Light,sans-serif;font-size:.9rem;letter-spacing:1px;margin:4px 0 0;text-transform:uppercase}.spell-detail-content{background-color:#fff;border-radius:0 0 15px 15px;padding:32px 40px;position:relative}.spell-detail-page__conversion{position:absolute;right:10px;top:10px;z-index:2}.spell-detail-page .metric-toggle-button{align-items:center;background-color:#fff3;border:1px solid #fff6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.spell-detail-page .metric-toggle-button:hover{background-color:#ffffff4d;transform:scale(1.1)}.spell-detail-page .metric-toggle-button svg{height:18px;width:18px}.spell-detail-page .metric-toggle-button.active{background-color:#ffffffe6;color:#3d5a80}.spell-detail-page .metric-toggle-button.active:hover{background-color:#fff}.back-link{border-radius:6px;clear:both;color:#3d5a80;font-weight:600;margin-top:32px;padding:8px 16px;transition:all .3s ease}.back-link:hover{background-color:#3d5a8014;color:#2c4a6e}.spell-content__properties{border:none;margin-left:24px;padding:20px;width:320px}.property-group{margin:6px 0}.cantrip-upgrade h3,.higher-levels h3{font-size:1.2rem;margin-bottom:8px;margin-top:24px}.spell-detail-actions{background-color:#fff;border:1px solid #3d5a8026;border-radius:12px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:0;margin:32px 0;overflow:hidden}.action-top{align-items:center;background:linear-gradient(90deg,#3d5a800d,#3d5a8003);border-bottom:1px solid #3d5a801a;display:flex;padding:16px 20px}.add-to-spellbook-button{align-items:center;background:linear-gradient(135deg,#3d5a80,#2c4a6e);border:none;border-radius:6px;box-shadow:0 2px 6px #3d5a8033;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .25s ease}.add-to-spellbook-button:hover{box-shadow:0 4px 8px #3d5a8040;transform:translateY(-1px)}.add-to-spellbook-button:before{content:"+";font-size:1.2rem;font-weight:400;line-height:.9}.containing-spellbooks{background-color:#fff;padding:16px 20px}.containing-spellbooks h3{align-items:center;color:#3d5a80;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;margin:0 0 12px;padding:0}.containing-spellbooks h3:before{display:none}.containing-spellbooks h3 .spellbook-count{background-color:#3d5a801a;border-radius:12px;color:#3d5a80;font-size:.8rem;font-weight:400;margin-left:8px;padding:2px 8px}.containing-spellbooks ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.containing-spellbooks li{align-items:center;background-color:#3d5a8014;border:1px solid #0000;border-radius:16px;color:#3d5a80;display:inline-flex;font-size:.85rem;padding:5px 12px;transition:all .2s ease}.containing-spellbooks li:before{background-color:#3d5a804d;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.containing-spellbooks li:hover{background-color:#3d5a801f;border-color:#3d5a8026;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.no-spellbooks{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.spell-actions{border-top:1px solid #00000014;display:flex;gap:12px;margin:24px 0;padding-top:20px}.delete-spell-button,.edit-spell-button{border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-spell-button{background-color:#3d5a80;border:none;color:#fff}.edit-spell-button:hover{background-color:#2c4a6e}.delete-spell-button{background-color:initial;border:1px solid #dc2626;color:#dc2626}.delete-spell-button:hover{background-color:#dc262614}.spell-not-found{background-color:var(--component-bg);border-radius:8px;box-shadow:var(--card-shadow);margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.spell-not-found h2{color:var(--primary-color);margin-bottom:1rem}.spell-not-found p{color:var(--text-color);margin-bottom:1.5rem}.spell-suggestions{background-color:var(--light-bg);border-left:4px solid var(--secondary-color);border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-align:left}.spell-suggestions p{color:var(--secondary-color);font-weight:500;margin-bottom:.5rem}.spell-suggestions ul{list-style-type:none;margin:0;padding-left:0}.spell-suggestions li{margin-bottom:.25rem}.spell-suggestions a{color:var(--link-color);font-weight:500;text-decoration:none;transition:color .2s}.spell-suggestions a:hover{color:var(--primary-color);text-decoration:underline}.back-link{align-items:center;color:var(--link-color);display:inline-flex;font-weight:500;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--primary-color)}.loading-spinner{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #3d5a801a;border-radius:50%;border-top-color:#3d5a80;display:inline-block;height:60px;margin-bottom:20px;width:60px}.loading-spinner p{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem}.custom-spell-header{background:linear-gradient(135deg,#6a3d80,#50296e)}@media (max-width:768px){.spell-detail-page{margin:1rem auto;width:95%}.spell-detail-header{padding:.8rem 1.2rem}.spell-detail-header h1{font-size:1.4rem;padding-right:30px}.spell-detail-header p{font-size:.75rem;margin-top:2px}.spell-detail-content{padding:20px 15px}.spell-content__properties{float:none;margin-bottom:24px;margin-left:0;margin-right:0;width:100%}.spell-detail-actions{margin:24px 0}.action-top{padding:12px 16px}.add-to-spellbook-button{justify-content:center;width:100%}.containing-spellbooks{padding:12px 16px}.containing-spellbooks h3{font-size:.9rem}.spell-detail-page .metric-toggle-button{height:32px;width:32px}.spell-detail-page .metric-toggle-button svg{height:16px;width:16px}}.spell-content{box-sizing:border-box;padding:5px 0;position:relative;width:100%}.spell-content.header-hidden{padding-top:0}.spell-content__title{color:#2c3e50;font-weight:700;margin-bottom:2px;padding-bottom:2px}.spell-content__subtitle,.spell-content__title{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-top:0}.spell-content__subtitle{color:#666;font-size:.9em;font-weight:400;line-height:1;margin-bottom:25px}.spell-content__properties{background-color:#f9fafc;border:1px solid #3d5a8026;border-radius:12px;box-shadow:0 4px 12px #0000000f;float:right;margin-bottom:20px;margin-left:20px;padding:16px;width:280px}.property-group{grid-gap:4px;align-items:baseline;display:grid;gap:4px;grid-template-columns:1fr auto 1fr;margin:5px 0}.property-group strong{color:#2c4a6e;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;padding-right:4px;text-align:right}.property-group span:nth-child(2){color:#2c4a6e99;padding:0 4px}.property-value{color:#333;display:block;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;font-style:italic;position:relative;text-align:left;z-index:1}.materials{align-items:center;border-top:1px solid #3d5a8026;display:flex;justify-content:center;margin-top:12px;padding-top:12px;text-align:center}.materials svg{color:#3d5a80;flex-shrink:0;margin-right:8px;transform:scale(.9)}.material-description{color:#333;flex:1 1;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85em;text-align:center}.spell-content__description{overflow:visible;position:relative}.spell-content__description p{color:#2c3e50;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.05rem;line-height:1.7;margin-bottom:1.2em}.spell-content__description strong{color:#2c3e50;font-weight:600}.cantrip-upgrade,.higher-levels,.spell-detail-actions,.spell-source,hr{clear:both}.spell-content__description p:last-of-type{margin-bottom:.5em}.cantrip-upgrade,.higher-levels{background-color:initial;border-radius:0;clear:none;display:block;margin-top:0;padding:0;width:100%}.cantrip-upgrade h3,.higher-levels h3{color:#3d5a80;font-size:1rem;font-style:italic;font-weight:700;margin-bottom:3px}.cantrip-upgrade h3,.cantrip-upgrade p,.higher-levels h3,.higher-levels p{display:block;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-top:0}.cantrip-upgrade p,.higher-levels p{color:#2c3e50;font-size:1.05rem;line-height:1.7;margin-bottom:1.2em}.cantrip-upgrade h3:after,.higher-levels h3:after{content:none;white-space:normal}.cantrip-upgrade h3{font-size:1rem;margin-top:.6em}.cantrip-upgrade p{color:#333;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:10px;margin-top:0}.spell-content__description table{border-collapse:collapse;font-size:.9em;margin:1em 0;width:100%}.spell-content__description td,.spell-content__description th{border:1px solid #98c1d9;padding:8px;text-align:left}.spell-content__description td,.spell-content__description th{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.spell-content__description th{background-color:#f8fafc;color:#3d5a80;font-weight:700}.spell-content__description table.spell-table{background-color:#fff;border:1px solid #98c1d9;border-collapse:collapse;font-size:.9em;margin:1em 0;min-width:50%;table-layout:auto}.spell-content__description table.spell-table td,.spell-content__description table.spell-table th{word-wrap:break-word;border:none;border-bottom:1px solid #98c1d9;height:auto;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;overflow-wrap:break-word;padding:4px 8px;text-align:left;vertical-align:middle;white-space:normal}.spell-content__description table.spell-table td:first-child,.spell-content__description table.spell-table td:nth-child(2),.spell-content__description table.spell-table td:nth-child(3),.spell-content__description table.spell-table td:nth-child(4),.spell-content__description table.spell-table td:nth-child(5),.spell-content__description table.spell-table th:first-child,.spell-content__description table.spell-table th:nth-child(2),.spell-content__description table.spell-table th:nth-child(3),.spell-content__description table.spell-table th:nth-child(4),.spell-content__description table.spell-table th:nth-child(5){width:auto}.spell-content__description table.spell-table th{word-wrap:break-word;background-color:#f8fafc;border-bottom:2px solid #3d5a80;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;padding:4px 8px;white-space:normal}.spell-content__description table.spell-table tr:nth-child(2n){background-color:#f8fafc}.spell-content__description table.spell-table tr:hover{background-color:#f0f7ff}.spell-content__description table.spell-table{width:250px}.spell-content__description table.spell-table td,.spell-content__description table.spell-table th{width:50%}.spell-content__description p+table.spell-table,.spell-content__description table.spell-table+table.spell-table{width:250px}.spell-content__description p+table.spell-table td,.spell-content__description p+table.spell-table th,.spell-content__description table.spell-table+table.spell-table td,.spell-content__description table.spell-table+table.spell-table th{width:50%}.spell-content__description table.weather-table{margin:.5em 0;width:250px!important}.spell-content__description table.weather-table td,.spell-content__description table.weather-table th{width:auto!important}.spell-content__description table.weather-table td:first-child,.spell-content__description table.weather-table th:first-child{width:60px!important}.spell-source{border-bottom:1px solid #00000014;border-top:none;clear:both;display:block;margin-bottom:24px;margin-top:16px;padding-bottom:16px;width:100%}.spell-source p{color:#6b7280;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;font-style:italic;margin:0;text-align:right}.higher-levels+.spell-source{margin-top:16px}@media (max-width:768px){.spell-content__properties{border:1px solid #3d5a8033;box-shadow:0 2px 8px #00000014;box-sizing:border-box;float:none;margin-bottom:24px;margin-left:0;margin-right:0;max-width:100%;padding:14px;width:auto}.spell-detail-content{padding-left:15px;padding-right:15px}.property-group{margin:5px 0}.property-group strong,.property-value{font-size:.85rem}.materials{margin-top:10px;padding-top:10px}.spell-content__description p{font-size:1rem;line-height:1.6}.spell-content__description p:last-of-type{margin-bottom:.4em}.cantrip-upgrade,.higher-levels{clear:both;margin-top:0;padding:0}.cantrip-upgrade h3,.higher-levels h3{display:block;font-size:.95rem;margin-bottom:3px;margin-top:.6em}.spell-content__description{margin:0;max-width:100%;overflow:visible;padding:0}.spell-content__description table{margin-bottom:15px;min-width:100%}.spell-content__description table.spell-table{border:1px solid #98c1d9;min-width:auto;table-layout:auto}.spell-content__description table.spell-table td,.spell-content__description table.spell-table th{word-wrap:break-word;display:table-cell;font-size:.9em;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;min-width:auto;overflow:visible;overflow-wrap:break-word;padding:4px 6px;white-space:normal}.spell-content__description table.spell-table td:first-child,.spell-content__description table.spell-table th:first-child{max-width:none;min-width:auto}.spell-content__description p+table.spell-table,.spell-content__description table.spell-table+table.spell-table{width:100%!important}.spell-content__description table.spell-table{width:100%}.spell-content__description table.weather-table{width:100%!important}.spell-source{clear:both;margin-bottom:20px;margin-top:25px}.spell-content__srd-restricted{margin:10px 0;width:auto}.cantrip-upgrade p,.higher-levels p{display:block;font-size:1rem;line-height:1.6}.spell-class-link{display:inline-block;margin:2px 0}}.spell-properties{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px;padding:15px 20px;position:relative}.spell-properties-conversion{position:absolute;right:-8px;top:-8px;z-index:2}.spell-content .metric-toggle-button{align-items:center;background-color:#3d5a801a;border:1px solid #3d5a8033;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#3d5a80;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.spell-content .metric-toggle-button:hover{background-color:#3d5a8026;border-color:#3d5a804d;transform:scale(1.1)}.spell-content .metric-toggle-button svg{height:16px;width:16px}.spell-content .metric-toggle-button.active{background-color:#3d5a80;border-color:#3d5a80;color:#fff}.spell-content .metric-toggle-button.active:hover{background-color:#2c4a6e}.spell-content .metric-toggle-button.active svg{color:#fff}.spell-content__srd-restricted{background-color:#f9fafc;border:1px dashed #3d5a804d;border-radius:12px;box-sizing:border-box;clear:both;margin:20px 0;max-width:100%;overflow:hidden;padding:24px;text-align:center;width:auto}.spell-class-link{color:#3d5a80;cursor:pointer;font-style:italic;font-weight:500;position:relative;text-decoration:none;transition:color .2s;z-index:2}.spell-class-link:hover{color:#2c4a6e;text-decoration:underline}.admin-srd-notice{background-color:#fff8e6;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;margin:0 0 20px;padding:12px 16px}.admin-srd-notice p{margin:0;padding:0}.srd-restricted-message{color:#3d5a80;font-size:1.1rem;font-weight:600;margin-bottom:12px}.srd-restricted-message,.srd-restricted-note{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.srd-restricted-note{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.spell-content__srd-restricted{margin:15px 0;padding:16px;width:auto}}.spell-content__description .higher-levels{margin-top:.8em}.property-restricted-message,.property-restricted-message p,.property-restricted-message p:first-child,.property-restricted-note,.spell-content__properties--restricted{display:none}.admin-srd-notice+.spell-content__description,.spell-content__description,.spell-content__subtitle+.spell-content__description,.spell-content__title+.spell-content__subtitle+.spell-content__description{margin-top:1.5rem}.spell-content__properties+.admin-srd-notice+.spell-content__description,.spell-content__properties+.spell-content__description{margin-top:1rem}.spell-notes{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:1rem}.spell-notes__container{margin:0;max-width:450px}.spell-notes__header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;max-width:450px}.spell-notes h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin:0;padding-bottom:5px}.spell-notes__button{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;cursor:pointer;font-size:.9rem;height:fit-content;padding:4px 10px;transition:all .2s ease}.spell-notes__button--save,.spell-notes__button:hover{background-color:#3d5a80;color:#fff}.spell-notes__button--save{margin-right:8px}.spell-notes__button--save:hover{background-color:#2d4a70}.spell-notes__button--cancel{background-color:#fff;border-color:#666;color:#666}.spell-notes__button--cancel:hover{background-color:#f0f0f0}.spell-notes__button:disabled{cursor:not-allowed;opacity:.6}.spell-notes__textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;line-height:1.5;margin:0;max-width:none;min-height:150px;min-width:200px;overflow:auto;padding:1rem;resize:both;width:450px}.spell-notes__textarea:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.spell-notes__content{background-color:#f8f9fa;border-radius:4px;margin:0;min-height:100px;padding:1rem;white-space:pre-wrap;width:450px}.spell-notes__login-message{color:#666;font-style:italic}.spell-notes__button-group{display:flex;gap:8px}@media (max-width:768px){.spell-notes__content,.spell-notes__header,.spell-notes__textarea{width:calc(100% - 1rem)}}.spell-rating{align-items:stretch;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:20px;margin:15px 0;padding:15px}.rating-section,.spell-rating{display:flex;flex-direction:column}.rating-section{border-radius:6px;padding:10px}.rating-section h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0 0 10px}.rating-content{align-items:center;display:flex;flex-direction:column}.community-rating{background-color:#e9ecef;border:1px solid #dee2e6}.user-rating-section{background-color:#e6f3ff;border:1px solid #b8daff}.community-dice{display:flex}.community-die-container{margin:0 1px;overflow:visible;position:relative}.community-die-fill{display:none}.d20-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease;z-index:2}.d20-icon img{filter:brightness(.9) invert(1);height:100%;opacity:.9;transition:all .2s ease;width:100%}.d20-icon.filled img{filter:brightness(1.1) invert(.7) sepia(1) saturate(6) hue-rotate(5deg) drop-shadow(0 0 5px rgba(218,165,32,.8));opacity:1;transform:scale(1.05)}.d20-icon.half-filled{overflow:hidden;position:relative}.d20-left-half{overflow:hidden;width:50%;z-index:2}.d20-left-half,.d20-left-half img{height:100%;left:0;position:absolute;top:0}.d20-left-half img{filter:brightness(1.1) invert(.7) sepia(.8) saturate(5) hue-rotate(5deg) drop-shadow(0 0 3px rgba(218,165,32,.6));opacity:.9;width:200%}.d20-right-half{height:100%;left:50%;overflow:hidden;position:absolute;top:0;width:50%}.d20-right-half img{filter:brightness(.9) invert(1);height:100%;opacity:.9;position:absolute;right:0;top:0;width:200%}.spell-rating-header .d20-left-half img{filter:brightness(1.1) invert(.7) sepia(.8) saturate(5) hue-rotate(5deg) drop-shadow(0 0 4px rgba(218,165,32,.7));opacity:.9}.d20-icon:hover{transform:scale(1.1)}.rating-stars{display:flex;margin-bottom:8px}.star-icon{fill:#e2e2e2;stroke:#ccc;stroke-width:.5px;cursor:pointer;margin:0 2px;transition:all .2s ease}.star-icon:hover{transform:scale(1.1)}.star-icon.filled{fill:#ffc107;stroke:#e0a800}.rating-info{align-items:center;color:#495057;display:flex;font-family:Poppins,sans-serif;font-size:.9rem}.average-rating{color:#3d5a80;font-size:1.2rem;font-weight:600;margin-right:5px}.rating-count{color:#6c757d;font-size:.85rem}.login-prompt{font-size:.85rem;font-style:italic;margin-top:5px}.spell-rating.loading{color:#6c757d;font-size:.9rem;padding:10px;text-align:center}.rating-error{margin-bottom:10px;width:100%}@media (max-width:768px){.spell-rating{gap:15px;margin:10px 0;padding:10px}.rating-section{padding:8px}.rating-section h3{font-size:.9rem}.community-die-container,.d20-icon{height:20px;width:20px}.average-rating{font-size:1rem}.login-prompt,.rating-count{font-size:.8rem}}.rating-container{position:relative}.spell-rating-header{align-items:center;background-color:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;padding:6px 12px;transition:background-color .2s ease}.spell-rating-header:hover{background-color:#ffffff40}.spell-rating-header .community-dice{display:flex;margin-right:8px}.rating-text{align-items:baseline;display:flex}.spell-rating-header .rating-value{color:#fff;font-size:1rem;font-weight:600;margin-right:3px}.spell-rating-header .rating-count{color:#fffc;font-size:.8rem}.spell-rating-header.loading{color:#ffffffb3;font-size:.8rem;padding:4px 8px}.dropdown-container{margin-top:5px;position:absolute;right:0;top:100%;z-index:100}.rating-dropdown{animation:dropdown-fade-in .2s ease;background-color:#fff;border:1px solid #3d5a80;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:15px;width:220px}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.rating-dropdown-header{margin-bottom:12px;text-align:center}.rating-dropdown-header h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0}.rating-dropdown-dice{display:flex;justify-content:center;margin:15px 0}.rating-dropdown-dice .d20-icon{margin:0 4px}.rating-dropdown-dice .d20-icon img{filter:brightness(.9) invert(.2)}.rating-dropdown-dice .d20-icon.filled img{filter:brightness(1.1) invert(.7) sepia(1) saturate(6) hue-rotate(5deg) drop-shadow(0 0 5px rgba(218,165,32,.8))}.rating-dropdown-info{color:#6c757d;font-size:.85rem;margin-top:12px;text-align:center}.user-rating-info{margin-top:6px}.remove-rating{color:#6c757d;cursor:pointer;font-size:.85rem;font-weight:400;margin-left:5px;transition:color .2s ease}.remove-rating:hover{color:#dc3545;text-decoration:underline}@media (max-width:768px){.spell-rating-header{padding:5px 10px}.community-die-container{height:20px!important;width:20px!important}.rating-dropdown{padding:12px;width:200px}.rating-dropdown-header h3{font-size:.9rem}.rating-dropdown-dice .d20-icon{height:24px;width:24px}}.rating-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rating-popup-content{animation:popup-fade-in .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:400px;padding:20px;width:90%}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.rating-popup-header h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin:0}.close-button{color:#6c757d;font-size:1.5rem;line-height:1;padding:0}.close-button:hover{color:#343a40}.rating-popup-stars{display:flex;justify-content:center;margin:20px 0}.rating-popup-stars .star-icon{cursor:pointer;margin:0 5px}.rating-popup-stars .star-icon:hover{transform:scale(1.1)}.rating-popup-info{color:#6c757d;font-size:.9rem;margin-top:15px;text-align:center}.user-rating-info{color:#3d5a80;font-weight:500;margin-top:8px}.rating-error{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:.85rem;margin:10px 0;padding:5px 10px;text-align:center}@media (max-width:768px){.rating-popup-content{padding:15px}.rating-popup-header h3{font-size:1.1rem}.rating-popup-stars .star-icon{height:28px;width:28px}}.spell-rating-header .d20-icon.filled img{filter:brightness(1.2) invert(.7) sepia(1) saturate(6) hue-rotate(5deg) drop-shadow(0 0 6px rgba(218,165,32,.9));opacity:1}.spell-rating-header .d20-icon.half-filled img{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);filter:brightness(1.1) invert(.7) sepia(.8) saturate(5) hue-rotate(5deg) drop-shadow(0 0 4px rgba(218,165,32,.7));opacity:.9}.spell-comments{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:30px 0;padding:20px}.comments-title{border-bottom:1px solid #dee2e6;color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.comment-form{margin-bottom:25px}.comment-input{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:.95rem;margin-bottom:10px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-input:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.comment-submit-btn{background-color:#3d5a80;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.comment-submit-btn:hover{background-color:#2c4162}.comment-submit-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.login-prompt{background-color:#e9ecef;border-radius:6px;color:#6c757d;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:center}.comments-error{background-color:#f8d7da;border-radius:4px;color:#dc3545;font-size:.85rem;margin-bottom:15px;padding:8px 12px;text-align:center}.comments-loading,.no-comments{color:#6c757d;font-size:.95rem;padding:20px;text-align:center}.comments-list{display:flex;flex-direction:column;gap:15px}.comment-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:15px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#3d5a80;font-size:.95rem;font-weight:600}.comment-date{color:#6c757d;font-size:.8rem}.comment-text{color:#343a40;font-size:.95rem;line-height:1.5;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.comment-actions{gap:15px}.comment-actions,.like-button{align-items:center;display:flex}.like-button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.85rem;gap:5px;padding:4px 8px;transition:background-color .2s ease}.like-button:hover{background-color:#f1f3f5}.like-button.liked{color:#3d5a80;font-weight:500}.like-button:disabled{cursor:not-allowed;opacity:.7}.like-icon{font-size:.9rem}.delete-button{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:4px 8px;transition:background-color .2s ease}.delete-button:hover{background-color:#f8d7da}@media (max-width:768px){.spell-comments{margin:20px 0;padding:15px}.comments-title{font-size:1.1rem}.comment-input{padding:10px}.comment-item{padding:12px}}.customspell-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.custom-spell-form{animation:form-popup-appear .3s ease-out;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,sans-serif;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:0;pointer-events:auto;width:100%;z-index:1001}@keyframes form-popup-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.custom-spell-form .generator-header{align-items:center;background-color:#3d5a80;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;justify-content:space-between;padding:.5rem 1.25rem;position:relative}.custom-spell-form form{margin:0 auto;max-width:560px;padding:20px}.custom-spell-form .generator-header h2{color:#fff;font-family:Mondia Light,sans-serif;font-size:1.6rem;margin:0;padding-right:30px;text-align:left}.custom-spell-form .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.custom-spell-form .close-button:hover{color:#f0f0f0}.custom-spell-form .close-button svg{height:20px;width:20px}.custom-spell-form h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;margin-bottom:20px;text-align:center}.custom-spell-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.custom-spell-form .form-row{display:flex;gap:15px;margin-bottom:15px}.custom-spell-form .form-row .form-group{flex:1 1;margin-bottom:0;min-width:100px}.custom-spell-form .form-group.name-group{max-width:400px}.custom-spell-form .form-group.short-input{max-width:200px}.custom-spell-form .form-row.short-inputs{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.custom-spell-form .form-row.short-inputs .form-group{flex:1 1;max-width:200px;min-width:150px}.custom-spell-form .form-group label{align-items:center;color:#000;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:4px;margin-bottom:5px}.custom-spell-form .form-group input,.custom-spell-form .form-group select{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.85em;height:36px;padding:8px 10px;width:100%}.custom-spell-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;padding-right:24px}.custom-spell-form .form-group input:focus,.custom-spell-form .form-group select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.custom-spell-form .classes-group,.custom-spell-form .components-group,.custom-spell-form .spell-properties{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;padding:10px}.custom-spell-form .classes-group label,.custom-spell-form .components-group label,.custom-spell-form .spell-properties label{align-items:center;color:#000;display:flex;font-size:.9rem;gap:5px;margin-right:15px}.custom-spell-form .material-input{margin-top:10px}.custom-spell-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.custom-spell-form .form-actions button{border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.custom-spell-form .form-actions button[type=submit]{background-color:#3d5a80;border:none;color:#fff}.custom-spell-form .form-actions button[type=submit]:hover{background-color:#2c4a6e}.custom-spell-form .form-actions button[type=button]{background-color:#f8fafc;border:1px solid #3d5a80;color:#3d5a80}.custom-spell-form .form-actions button[type=button]:hover{background-color:#e5e7eb}.custom-spell-form .char-limit{color:#666;font-size:.8em;margin-left:4px}.custom-spell-form::-webkit-scrollbar{width:8px}.custom-spell-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.custom-spell-form::-webkit-scrollbar-thumb{background:#98c1d9;border-radius:4px}.custom-spell-form::-webkit-scrollbar-thumb:hover{background:#3d5a80}@media (max-width:640px){.custom-spell-form{border-radius:12px;max-width:95%;padding:0}.custom-spell-form .generator-header{padding:.5rem 1rem;position:relative}.custom-spell-form .generator-header h2{font-size:1.3rem;padding-right:30px}.custom-spell-form .close-button{right:10px}.custom-spell-form form{margin:0;padding:15px}.custom-spell-form .form-actions{flex-direction:column;gap:10px}.custom-spell-form .form-actions button{width:100%}.custom-spell-form .form-row{flex-direction:column;gap:15px}.custom-spell-form .form-group.name-group{width:100%}.custom-spell-form .form-row .form-group.level-group{margin-right:0;min-width:100%}.custom-spell-form .form-row .form-group.school-group{min-width:100%}}.custom-spell-form .char-limit.near-limit{color:#f59e0b}.custom-spell-form .char-limit.at-limit{color:#dc2626}.custom-spell-form .error-message{background-color:#fee2e2;border:1px solid #ef4444;border-radius:4px;color:#dc2626;font-family:Poppins,sans-serif;font-size:.9rem;margin-bottom:16px;padding:8px 12px}.custom-spell-form .form-group input.readonly{background-color:#f3f4f6;cursor:not-allowed}.login-required-message{color:#3d5a80;padding:30px 20px;text-align:center}.login-required-message p{font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:20px}.login-required-message button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px;transition:all .2s ease}.login-required-message button:hover{background-color:#2c4a6e}.custom-spell-form .form-group textarea{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.85em;min-height:120px;padding:8px 10px;resize:vertical;width:100%}.custom-spell-form .form-row .form-group.level-group{flex:0 1;margin-right:30px;min-width:90px}.custom-spell-form .form-row .form-group.school-group{flex:0 1;min-width:120px}.custom-spell-form .classes-group input[type=checkbox],.custom-spell-form .components-group input[type=checkbox],.custom-spell-form .spell-properties input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #9ca3af;border-radius:3px;cursor:pointer;height:16px;margin:0;outline:none;position:relative;width:16px}.custom-spell-form .classes-group input[type=checkbox]:checked,.custom-spell-form .components-group input[type=checkbox]:checked,.custom-spell-form .spell-properties input[type=checkbox]:checked{background-color:#fff}.custom-spell-form .classes-group input[type=checkbox]:checked:before,.custom-spell-form .components-group input[type=checkbox]:checked:before,.custom-spell-form .spell-properties input[type=checkbox]:checked:before{color:#000;content:"\2714";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-spell-form .classes-group input[type=checkbox]:hover,.custom-spell-form .components-group input[type=checkbox]:hover,.custom-spell-form .spell-properties input[type=checkbox]:hover{border-color:#6b7280}.custom-spell-form .form-group textarea:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.custom-spell-form .form-group textarea.short-description{height:60px;min-height:60px;resize:none}.addtospellbook-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.addtospellbook-content{animation:addspellbook-popup-appear .3s ease-out;background-color:#fff!important;border:none;border-radius:10px;box-shadow:0 4px 20px #0000001a;font-family:Poppins,sans-serif;left:50%;max-width:400px;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);transform:translate3d(-50%,-50%,0);width:90%;will-change:transform;z-index:1001}@keyframes addspellbook-popup-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-body .selection-container{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;margin-bottom:5px;padding:10px}.modal-body p{color:#000;font-family:Poppins,sans-serif;font-size:.95rem;margin-bottom:10px;margin-top:0}.modal-body select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 30px 8px 12px;width:100%}.modal-body select:hover{border-color:#2c4a6e}.modal-body select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}@media (max-width:640px){.addtospellbook-content{width:95%}.modal-body{padding:15px}}.not-found-page{margin:0 auto;max-width:800px;padding:2rem;text-align:center}.not-found-content{display:flex;flex-direction:column;gap:2rem}.not-found-header h1{color:#3d5a80;font-size:6rem;font-weight:700;line-height:1;margin:0}.not-found-header h2{color:#2c3e50;font-size:2rem;margin:.5rem 0}.not-found-message{color:#666;font-size:1.1rem;margin:1rem 0}.not-found-suggestions{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:left}.not-found-suggestions h3{color:#3d5a80;margin-top:0}.not-found-suggestions ul{list-style:none;margin:1rem 0 0;padding:0}.not-found-suggestions li{margin:.5rem 0}.not-found-suggestions a{color:#3d5a80;font-weight:500;text-decoration:none}.not-found-suggestions a:hover{text-decoration:underline}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.back-button,.browse-spells-button{align-items:center;border-radius:6px;display:inline-flex;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.back-button{background:#6c757d;color:#fff}.back-button:hover{background:#5a6268;color:#fff;text-decoration:none}.browse-spells-button{background:#3d5a80;color:#fff}.browse-spells-button:hover{background:#2c4a6b;color:#fff;text-decoration:none}.not-found-help{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:left}.not-found-help h3{color:#3d5a80;margin-top:0}.not-found-help ul{margin:1rem 0 0;padding-left:1.5rem}.not-found-help li{color:#666;margin:.5rem 0}.not-found-help a{color:#3d5a80;text-decoration:none}.not-found-help a:hover{text-decoration:underline}@media (max-width:768px){.not-found-page{padding:1rem}.not-found-header h1{font-size:4rem}.not-found-header h2{font-size:1.5rem}.not-found-actions{align-items:center;flex-direction:column}.back-button,.browse-spells-button{justify-content:center;max-width:300px;width:100%}}.confirmation-popup-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirmation-popup{background-color:#fff;border:2px solid #3d5a80;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Poppins,sans-serif;max-width:400px;padding:10px;position:relative;width:90%}.confirmation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;position:relative}.confirmation-header h2{color:#3d5a80;flex:1 1;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;margin:0;text-align:center}.confirmation-header .close-button{align-items:center;background:none;border:none;color:#3d5a80;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:0;top:0}.confirmation-header .close-button:hover{color:#2c4a6e}.confirmation-header .close-button svg{height:20px;width:20px}.confirmation-content{margin-bottom:20px;padding:0 20px}.confirmation-content p{color:#000;font-size:.95rem;line-height:1.4;margin:0;text-align:center}.confirmation-actions{display:flex;gap:15px;justify-content:center;padding:0 20px 10px}.confirmation-actions button{border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;min-width:100px;padding:8px 16px;transition:all .3s ease}.confirmation-actions .confirm-button{background-color:#ef4444;border:none;color:#fff}.confirmation-actions .confirm-button:hover{background-color:#dc2626}.confirmation-actions .confirm-button.confirm-button-blue{background-color:#3d5a80}.confirmation-actions .confirm-button.confirm-button-blue:hover{background-color:#2c4a6e}.confirmation-actions .cancel-button{background-color:#f8fafc;border:1px solid #3d5a80;color:#3d5a80}.confirmation-actions .cancel-button:hover{background-color:#e5e7eb}@media (max-width:640px){.confirmation-popup{margin:0 10px;width:95%}.confirmation-actions{flex-direction:column;gap:10px}.confirmation-actions button{width:100%}}.spell-cards-page{color:#4b5563;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.spell-cards-hero{background:linear-gradient(#000c,#000000e6);background-position:50%;background-size:cover;border-radius:0 0 8px 8px;box-shadow:0 4px 20px #00000026;color:#fff;margin:0 -20px 40px;padding:60px 20px;text-align:center}.spell-cards-hero h1{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:20px;text-shadow:1px 1px 3px #000000b3}.hero-description{font-size:1.2rem;line-height:1.6;margin:0 auto 30px;max-width:800px}.hero-cta{margin-top:30px}.divider-dice{background-color:#98c1d9}.divider-dice.d6{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.divider-dice.d12{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.divider-dice.d20{clip-path:polygon(50% 0,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0 70%,0 35%,20% 10%)}.primary-button{background-color:#3d5a80;border-radius:4px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.primary-button:hover{background-color:#2c4262;color:#fff;text-decoration:none}.class-navigation{margin:0 auto 2rem}.class-navigation .nav-link{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .25s ease}.class-navigation .nav-link:hover{background-color:#ee6c4d14;color:#ee6c4d;transform:translateY(-1px)}.class-navigation .nav-link.active{background:linear-gradient(135deg,#3d5a80,#2b4057);box-shadow:0 2px 4px #3d5a8033;color:#fff;font-weight:500}.class-navigation .nav-link.active:hover{background:linear-gradient(135deg,#3d5a80,#2b4057);box-shadow:0 3px 6px #3d5a804d;color:#fff;transform:translateY(-1px)}.spell-cards-content{margin-bottom:60px;margin-top:2rem}.faq-section,.features-section,.instructions-section,.overview-section{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2rem}.faq-section h2,.features-section h2,.instructions-section h2,.overview-section h2{border-bottom:2px solid #98c1d9;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.content-with-image{display:flex;gap:40px;margin-top:30px}.text-content{flex:1 1;font-size:1.1rem;line-height:1.7}.text-content p{color:#4b5563;margin-bottom:20px}.image-showcase{align-items:center;display:flex;flex:1 1;justify-content:center}.card-preview{border-radius:8px;box-shadow:0 10px 20px #00000026;max-width:100%;transform:rotate(3deg);transition:transform .3s ease}.card-preview:hover{transform:rotate(0)}.card-preview img{border-radius:8px;height:auto;width:100%}.placeholder-card{background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;color:#666;padding:60px 30px;text-align:center}.placeholder-card p{color:#3d5a80;font-size:1.2rem;font-weight:700;margin-bottom:8px}.placeholder-card span{font-size:.9rem;font-style:italic}.feature-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:all .2s ease}.feature-item:hover{border-color:#3d5a80;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.feature-item h3{border-bottom:1px solid #edf2f7;color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:10px;padding-bottom:.5rem}.feature-item p{color:#4b5563;font-size:.95rem;line-height:1.5;margin:0}.step-by-step{background-color:#f7f9fc;background:linear-gradient(180deg,#f7f9fc,#fff);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 10px #00000005;margin-left:auto;margin-right:auto;margin-top:30px;max-width:900px;padding:30px}.step{align-items:flex-start;display:flex;gap:20px;margin-bottom:25px;padding-bottom:15px}.step:not(:last-child){border-bottom:1px solid #e2e8f0}.step-number{align-items:center;background-color:#3d5a80;border-radius:50%;box-shadow:0 3px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.step-content{flex:1 1;padding-top:8px}.step-content h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px}.instructions-section h2{color:#3d5a80;font-size:2rem;margin-bottom:2rem;text-align:center}.instructions-section h2:after{background-color:#e2e8f0;content:"";display:block;height:1px;margin:1rem auto 0;max-width:900px;width:100%}.step-content p{color:#4b5563;font-size:1.05rem;line-height:1.5}.inline-link,.step-content a{color:#3d5a80;font-weight:500;position:relative;text-decoration:none}.inline-link:hover,.step-content a:hover{color:#2c4262;text-decoration:underline}.faq-list{margin-top:30px}.faq-item{border-bottom:1px solid #f0f0f0;margin-bottom:25px;padding-bottom:20px}.faq-item:last-child{border-bottom:none}.faq-item h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:10px}.faq-item p{color:#4b5563;font-size:1.05rem;line-height:1.6}.spell-cards-cta{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center}.spell-cards-cta h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:20px}.spell-cards-cta p{color:#4b5563;font-size:1.1rem;line-height:1.5;margin:0 auto 30px;max-width:700px}@media (max-width:768px){.spell-cards-page{padding:1rem}.spell-cards-hero{padding:40px 20px}.content-with-image{flex-direction:column;gap:30px}.card-preview{margin:0 auto;max-width:80%;transform:none}.spell-cards-hero h1{font-size:2rem}.feature-grid{gap:20px;grid-template-columns:1fr}.faq-section,.features-section,.instructions-section,.overview-section{padding:1.5rem}.spell-cards-cta{padding:30px 20px}.spell-cards-cta h2{font-size:1.6rem}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:Mondia-Light;font-style:normal;font-weight:400;src:url(/static/media/Mondia-Light.f0f282683f627f324153.ttf) format("truetype")}.spell-list-header{margin:-20px 0 20px}.spell-list{box-sizing:border-box;margin:0 auto;max-width:100%}.spell-list table{border:1px solid #98c1d9}.spell-list td,.spell-list th{border-bottom:none;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.spell-list td:first-child,.spell-list th:first-child{width:20px}.spell-list td:nth-child(2),.spell-list th:nth-child(2){max-width:325px!important;min-width:325px!important;width:325px!important}.spell-list td:nth-child(3),.spell-list th:nth-child(3){width:40px}.spell-list td:nth-child(4),.spell-list td:nth-child(5),.spell-list th:nth-child(4),.spell-list th:nth-child(5){width:90px}.spell-list td:nth-child(6),.spell-list th:nth-child(6){width:110px}.spell-list td:nth-child(7),.spell-list th:nth-child(7){width:100px}.spell-list td:nth-child(8),.spell-list td:nth-child(9),.spell-list th:nth-child(8),.spell-list th:nth-child(9){width:110px}.spell-list td:nth-child(10),.spell-list th:nth-child(10){width:50px}.spell-list thead{background-color:#f8fafc;border-bottom:1px solid #98c1d9}.spell-list td,.spell-list th:last-child{border-right:none}.spell-list td{border-bottom:none;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:400;padding:5px 8px}.spell-list td:nth-child(2){font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem}.spell-list td:first-child,.spell-list th:first-child{border-left:none;border-right:none}.spell-list tr:nth-child(2n){background-color:#f8fafc}.spell-list tr:hover{background-color:#d9ebff}.spell-list a{color:#1a4b8c;font-size:.875rem;font-weight:600;text-decoration:none}.spell-list a:hover{text-decoration:underline}.spell-list input[type=checkbox]{cursor:pointer;height:14px;vertical-align:middle;width:14px}.spell-list td:first-child input[type=checkbox],.spell-list th:first-child input[type=checkbox]{display:block;height:14px;margin:0 auto;width:14px}.filters{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px}.filter-group{flex:1 1;min-width:120px}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #98c1d9;border-radius:4px;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;padding:6px 10px}.filter-group select[name=class],.filter-group select[name=level],.filter-group select[name=ritual]{min-width:60px}.filter-group select[name=concentration]{min-width:140px}.filter-group select[name=ritual]{min-width:80px}.filter-group select:hover{border-color:#2c4a6e}.filter-group select:focus{border-color:#2c4a6e;box-shadow:0 0 0 2px #3d5a8033;outline:none}.filter-tags{gap:5px;margin-top:5px}.filter-tag,.filter-type-label{font-size:.75rem}.filter-tag{background-color:#ee6c4d;display:inline-flex;justify-content:space-between}.filter-tag:hover{background-color:#d95c3e}.filter-tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2em;line-height:.8;margin-left:5px;padding:0 3px}.filter-tag button:hover{color:#ffd7ce}.clear-filters:hover{background-color:#2c4a6e}.conversion-checkbox{margin-bottom:10px;text-align:right}.conversion-checkbox label{align-items:center;cursor:pointer;display:inline-flex}.conversion-checkbox input[type=checkbox]{margin-right:5px}.search-and-count{justify-content:space-between}.search-counter-group{flex:1 1;gap:30px}.search-bar{flex-grow:1}.spell-counter{flex-shrink:0}.checkbox-container{justify-content:space-between}.floating-add-button{background-color:#3d5a80;border:1px solid #98c1d9;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;min-width:200px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.floating-add-button:hover{background-color:#2c4a6e;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.add-to-spellbook-icon{cursor:pointer;display:inline-block;height:20px;position:absolute;right:3px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.add-to-spellbook-icon svg,.info-icon svg{height:100%;width:100%}.back-to-top{background-color:#fff;border:1px solid #e0e8f5}.back-to-top:hover{background-color:#f0f4f8;border-color:#3d5a80}.spell-list tbody tr.spell-row{border-top:1px solid #e5e7eb;cursor:pointer}.spell-list tbody tr.description-row,.spell-list tbody tr.spell-row:first-child{border-top:none}.spell-list tbody tr.spell-row:hover{background-color:#d9ebff}.spell-list tbody tr.description-row td{border-top:none;color:#333;font-size:.95em;line-height:1.4;padding:5px 10px;white-space:normal}.short-description-checkbox{margin-top:5px}.spell-list th{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.spell-list th:hover{background-color:#e2eef9}.spell-list thead tr:hover{background-color:inherit}.spell-list tbody tr.spell-row.expanded td:not(:first-child):not(:nth-child(2)){color:#666}.spell-list tbody tr.spell-row.expanded{background-color:#f8fafc}.spell-list tbody tr.spell-row.expanded .short-description{color:#000!important;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95em;line-height:1.3;padding:10px;text-align:left}.spell-list tbody tr.spell-properties-row td{padding:3px 8px}.spell-list thead{border:1px solid #98c1d9;border-bottom:none;border-radius:4px 4px 0 0;overflow:hidden}.spell-list th:first-child{border-top-left-radius:4px}.spell-list th:last-child{border-top-right-radius:4px}.spell-list th{border-bottom:1px solid #98c1d9}.spell-list tbody:empty{display:none}.spell-list tbody:empty+tfoot:before{content:"";display:table-row;height:1px}.spell-list td:nth-child(10),.spell-list td:nth-child(3),.spell-list td:nth-child(9),.spell-list th:nth-child(10),.spell-list th:nth-child(3),.spell-list th:nth-child(9){text-align:center}.spell-list tbody tr.spell-properties-row{background-color:#f8fafc;color:#4a4a4a;font-size:.8em}.spell-list tbody tr.spell-properties-row td{opacity:.9;padding:3px 8px 1px;vertical-align:top}.spell-list tbody tr.spell-row.expanded td{padding-bottom:1px}.spell-list tbody tr.spell-row.expanded+tr.spell-properties-row td{padding-top:1px}.spell-list .spell-name-cell{padding-right:55px;position:relative}.spell-list .info-icon{height:22px;right:25px;width:22px}.spell-list .add-to-spellbook-icon,.spell-list .info-icon{cursor:pointer;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.spell-list .add-to-spellbook-icon{height:20px;right:3px;width:20px}@media (max-width:768px){.spell-list-header{min-height:150px}.spell-list-header-content{padding:1.5rem 2rem}.spell-list-header h1{font-size:2rem}.spell-list-header p{font-size:1rem}.floating-buttons{max-width:300px;width:90%}.floating-button{min-width:0;min-width:auto;width:100%}.spell-list{padding:0 5px 20px}.spell-table-container{-webkit-overflow-scrolling:touch;margin:0 -5px;overflow-x:auto;padding:0 5px}.spell-list table{min-width:950px}.spell-list td:nth-child(2) a{font-size:1rem!important}.spell-list td,.spell-list th{font-size:.8rem!important}}@media (max-width:480px){.spell-list{padding:0 3px 20px}.spell-table-container{margin:0 -3px;padding:0 3px}}.add-to-spellbook-icon svg{fill:#ee6c4d;height:100%;width:100%}.add-to-spellbook-icon:hover svg{fill:#e85a3a}.filter-group select option{font-family:Poppins,sans-serif;font-size:.85em;font-weight:400}.create-custom-spell-button{border-radius:50%;height:36px;margin-left:10px;padding:0;transition:all .3s ease;width:36px}.create-custom-spell-button:hover{transform:scale(1.1)}.table-controls{margin-bottom:20px}.table-controls-left{gap:20px}.reset-columns-button svg{color:#3d5a80;height:24px;width:24px}.reset-columns-button:hover svg{color:#2c4a6e}@media (max-width:768px){.spell-list{margin:0;padding:0}.spell-list table{font-size:.8rem}.filter-group{min-width:100px}.filter-group select{background-position:right 4px top 50%;background-size:14px auto;font-size:.8rem;padding:4px 8px}.filter-group select[name=class]{min-width:90px}.filter-group select[name=level]{min-width:80px}.filter-group select[name=school]{min-width:90px}.filter-group select[name=components]{min-width:110px}.filter-group select[name=concentration]{min-width:120px}.filter-group select[name=ritual]{min-width:70px}.filter-group select[name=source]{min-width:90px}.spell-list .remaining-spells-row td{padding-left:12px;text-align:left}}.notification-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-popup{animation:fadeInOut 3s ease-in-out;background-color:#fff;border:1px solid #2c4a6e;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;color:#2c4a6e;font-family:Poppins,sans-serif;left:50%;max-width:250px;padding:15px 20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1000}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,-60%)}10%,90%{opacity:1;transform:translate(-50%,-50%)}}.notification-popup p{font-size:16px;line-height:1.5;margin:0}.spellinfo-overlay{align-items:center;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.spell-info-box{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;padding:0;pointer-events:auto;width:90%;z-index:1001}.spell-info-box,.spell-info-header{display:flex;flex-direction:column;position:relative}.spell-info-header{align-items:center;align-items:flex-start;background-color:#3d5a80;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;color:#fff;justify-content:space-between;padding:.5rem 1.25rem;width:100%}.custom-spell-header{background-color:#5d4b90}.spell-info-header h2{box-sizing:border-box;color:#fff;font-family:Mondia Light,sans-serif;font-size:1.6rem;margin:0;padding-right:30px}.spell-info-header p{color:#f0f0f0;font-family:Mondia Light,sans-serif;font-size:.9rem;margin:2px 0 0}.spell-info-content{box-sizing:border-box;overflow-y:auto;padding:20px 30px 30px;width:100%}.spell-info-box__close-button{display:none}.spell-info-box .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.spell-info-box .close-button:hover{color:#f0f0f0}.spell-info-box .close-button svg{height:20px;width:20px}.spell-info-box__notes{border-top:1px solid #e0e0e0;margin-top:1.5rem;max-width:450px;padding-top:.75rem}.spell-info-box__notes h3{color:#2c3e50;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0;padding-bottom:3px}.spell-info-box__notes-content{background-color:#f8f9fa;border-radius:4px;color:#333;font-size:.9rem;line-height:1.4;margin:.25rem 0;min-height:40px;padding:.75rem;white-space:pre-wrap}@media (max-width:768px){.spell-info-box{width:95%}.spell-info-header{padding:.5rem 1rem}.spell-info-header h2{font-size:1.3rem;padding-right:30px}.spell-info-content{padding:15px}.spell-info-box .close-button{right:10px;top:50%;transform:translateY(-50%)}.spell-info-box>*{margin-right:0;max-width:100%}.spell-info-box table{margin-right:0;width:100%}}table{border:1px solid #98c1d9;border-collapse:initial;border-radius:4px;border-spacing:0;empty-cells:show;font-size:.85rem;margin:0 auto;max-width:100%;overflow:hidden;table-layout:fixed;width:100%}thead{border-bottom:1px solid #98c1d9}th,thead{background-color:#f8fafc}th{border-bottom:2px solid #e2e8f0;color:#3d5a80;cursor:pointer;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85em;font-weight:700;letter-spacing:.05em;padding:12px 8px;position:sticky;text-transform:uppercase;top:0;transition:background-color .2s ease;z-index:10}th:hover{background-color:#e2eef9}td{border-bottom:1px solid #e2e8f0;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:400;padding:8px;vertical-align:middle}td:nth-child(2){font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;padding:3px 55px 3px 8px;position:relative}tr:nth-child(2n){background-color:#f8fafc}tr:hover{background-color:#d9ebff}.spell-name-cell{padding:3px 55px 3px 8px}.spell-name-with-notes{align-items:center;display:flex}.spell-name-cell a{color:#1a4b8c;display:inline-block;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1;text-decoration:none;vertical-align:middle}.spell-name-cell a:hover{text-decoration:underline}.notes-icon-inline{align-items:center;color:#3d5a80;display:inline-flex;height:16px;margin-left:5px;width:16px}.notes-icon-inline svg{fill:#3d5a80;height:100%;width:100%}.icon-container{align-items:center;display:flex;gap:5px;position:absolute;right:3px;top:50%;transform:translateY(-50%)}input[type=checkbox]{height:14px;vertical-align:middle;width:14px}td:first-child input[type=checkbox],th:first-child input[type=checkbox]{display:block;margin:0 auto}.spell-description-row,.spell-row.expanded{background-color:#f8fafc}.spell-description-row td.short-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;border-bottom:1px solid #e5e7eb;box-sizing:border-box;color:#000;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400;height:31px;line-height:1.4;padding:3px 8px 3px 48px;text-align:left;white-space:normal}.spell-properties-row{display:none}.empty-table-row td{background-color:#fff;color:#6b7280;font-family:OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-style:italic;padding:20px;text-align:center}td:nth-child(10),td:nth-child(3),td:nth-child(9),th:nth-child(10),th:nth-child(3),th:nth-child(9){text-align:center}@media (max-width:768px){table{font-size:.75rem;min-width:950px}td,th{padding:6px 3px}td:nth-child(10),td:nth-child(3),td:nth-child(4),td:nth-child(8),td:nth-child(9),th:nth-child(10),th:nth-child(3),th:nth-child(4),th:nth-child(8),th:nth-child(9){width:40px!important}td:nth-child(5),td:nth-child(6),td:nth-child(7),th:nth-child(5),th:nth-child(6),th:nth-child(7){width:70px!important}.spell-name-cell{padding-right:35px!important}.icon-container{gap:2px;right:2px}.spell-name-cell a{font-size:1rem!important}td,th{font-size:.8rem!important}}@media (max-width:500px){table{font-size:.75rem;min-width:900px}td,th{padding:4px 2px}.spell-table-container table{table-layout:auto!important}td:nth-child(n+3),th:nth-child(n+3){font-size:.75rem!important}input[type=checkbox]{height:12px;width:12px}th{font-size:.75rem!important;padding:6px 1px}.spell-name-cell a{font-size:.95rem!important}}.separator-row td{background-color:#f3f4f6;font-family:OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}tr.ritual{opacity:.8}.cast-spell-icon svg{fill:#8a4fff}.cast-spell-icon:hover svg{fill:#7b3fef}td:first-child,th:first-child{width:20px}td:nth-child(2),th:nth-child(2){max-width:325px!important;min-width:325px!important;width:325px!important}td:nth-child(3),th:nth-child(3){width:45px}td:nth-child(4),th:nth-child(4){width:50px}td:nth-child(5),th:nth-child(5){width:90px}td:nth-child(6),th:nth-child(6){width:110px}td:nth-child(7),th:nth-child(7){width:100px}td:nth-child(8),th:nth-child(8){width:110px}td:nth-child(10),td:nth-child(9),th:nth-child(10),th:nth-child(9){width:50px}.spellbook-table .spell-name-cell{padding-right:75px}.spellbook-table .remove-spell-icon{right:26px}.spellbook-table .prepare-spell-icon{right:3px}.spellbook-table .info-icon,.spellbook-table .prepare-spell-icon,.spellbook-table .remove-spell-icon{height:20px;width:20px}.spellbook-table .info-icon{height:22px;right:47px;width:22px}.prepared-spells .cast-spell-icon,.prepared-spells .prepare-spell-icon,.prepared-spells .remove-spell-icon,.spellbook-table .prepare-spell-icon,.spellbook-table .remove-spell-icon{height:20px;width:20px}.prepared-spells .info-icon{height:24px;right:47px;width:24px}.prepared-spells .cast-spell-icon{height:24px;right:42px;width:24px}.prepared-spells .prepare-spell-icon,.prepared-spells .remove-spell-icon{height:20px;width:20px}.prepared-spells .spell-name-cell{padding-right:80px}.prepared-spells.spell-list .info-icon{height:22px!important;right:26px!important;width:22px!important}.prepared-spells.spell-list .cast-spell-icon{height:22px;right:47px;width:22px}.prepared-spells.spell-list .prepare-spell-icon{height:20px;right:3px;width:20px}.prepared-spells.spell-list .spell-name-cell{padding-right:85px}.prepared-spells.spell-list .cast-spell-icon svg,.prepared-spells.spell-list .info-icon svg{height:100%;width:100%}.table-controls{background-color:#f8fafc;border:1px solid #3d5a80;border-radius:4px;box-sizing:border-box;height:52px;margin-bottom:8px;min-height:52px;padding:6px 15px}.table-controls-left{gap:30px}.table-controls .search-bar{align-items:center;display:flex;flex:1 1;height:24px;margin-top:6px;min-width:0;position:relative}.table-controls .search-bar input{box-sizing:border-box;height:24px;line-height:24px;min-width:0;padding:0 8px;width:100%}.table-controls .spell-counter{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:3px;box-sizing:border-box;color:#3d5a80;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.85rem;height:32px;margin:0;padding:4px 10px;white-space:nowrap}@media (max-width:768px){.table-controls{gap:8px;height:52px;margin:0 0 8px;min-height:52px;padding:6px 12px}.table-controls-left{align-items:center;flex:1 1;flex-direction:row;gap:10px;height:100%;width:auto}.table-controls .search-bar{align-items:center;display:flex;height:32px;margin-top:0;min-width:120px}.table-controls .spell-counter{height:32px;margin-left:auto}}@media (max-width:480px){.table-controls{height:52px;padding:6px 8px}.table-controls-left{gap:8px}}.spell-table-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:0;overflow-x:auto;padding:0;position:relative;width:100%}td,th{transition:width .1s ease}.check-mark{color:#4caf50}.check-mark,.x-mark{font-family:OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700}.x-mark{color:#f44336}.school-badge{box-sizing:border-box;display:inline-block;font-size:.85em}.header-badge{background-color:initial;border:1.5px solid #3d5a80;border-radius:50%;color:#3d5a80;display:inline-block;font-size:1em;height:20px;line-height:20px;text-align:center;width:20px}th:nth-child(10):hover .header-badge,th:nth-child(9):hover .header-badge{background-color:#3d5a80;color:#fff}.remaining-spells-row td{background-color:#f8fafc;border-top:1px solid #e5e7eb;color:#6b7280;font-family:Poppins,sans-serif;font-size:.85em;font-style:italic;padding:8px;text-align:center}.remaining-spells-row:hover{background-color:#f8fafc;cursor:default}@media (max-width:768px){.remaining-spells-row td{padding-left:12px;text-align:left}}.header-badge,.spell-content__description table.spell-table th,.spell-content__description th,.spell-list th{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700}.reset-columns-button{border-radius:3px;font-family:Poppins,sans-serif;font-size:.75rem;line-height:1.2;padding:2px 6px;transition:all .2s ease}.reset-columns-button:hover{background-color:#f8fafc;color:#2c4a6e}.table-controls .search-bar{margin-top:10px}@media (max-width:768px){.table-controls{flex-direction:row;gap:8px;margin:0 0 8px;padding:8px 12px}.table-controls-left{align-items:center;display:flex;flex-direction:row;gap:30px;width:100%}.table-controls .search-bar{flex:1 1;min-width:0}.table-controls-right{display:none}}@media (max-width:480px){.table-controls{padding:6px 8px}.table-controls-left{gap:10px}.table-controls .spell-counter{min-width:auto}}.checkbox-container label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;white-space:nowrap}.checkbox-container input[type=checkbox]{margin-right:5px}@media (max-width:768px){.checkbox-container{flex-direction:column;gap:8px;margin:8px 0 10px!important}}tr.custom-spell{background-color:#9333ea0d!important}tr.custom-spell:hover{background-color:#9333ea1a!important}tr.custom-spell .spell-name-cell a,tr.custom-spell td{color:#7e22ce}tr.spell-properties-row.custom-spell{background-color:#9333ea08!important}tr.spell-properties-row.custom-spell:hover{background-color:#9333ea14!important}.no-sort{cursor:default!important}.no-sort:hover{background-color:inherit!important}.notes-icon{align-items:center;color:#3d5a80;cursor:pointer;display:inline-flex;height:20px;justify-content:center;margin-left:5px;width:20px}.notes-icon svg{fill:#3d5a80;height:100%;width:100%}html[data-darkreader-scheme=dark] .prepare-spell-icon.prepared svg,html[data-darkreader-scheme=dark] .prepared-spells .prepare-spell-icon.prepared svg,html[data-darkreader-scheme=dark] .spell-book .prepare-spell-icon.prepared svg,html[data-darkreader-scheme=dark] .spellbook-table .prepare-spell-icon.prepared svg{fill:gold!important;filter:drop-shadow(0 0 3px rgba(255,215,0,.7))!important}html[data-darkreader-scheme=dark] .prepare-spell-icon.prepared:hover svg,html[data-darkreader-scheme=dark] .prepared-spells .prepare-spell-icon.prepared:hover svg,html[data-darkreader-scheme=dark] .spell-book .prepare-spell-icon.prepared:hover svg,html[data-darkreader-scheme=dark] .spellbook-table .prepare-spell-icon.prepared:hover svg{fill:#fc0!important}html[data-darkreader-scheme=dark] .prepared-spells .remove-spell-icon svg,html[data-darkreader-scheme=dark] .remove-spell-icon svg,html[data-darkreader-scheme=dark] .spell-book .remove-spell-icon svg,html[data-darkreader-scheme=dark] .spellbook-table .remove-spell-icon svg{fill:#ff6b6b!important}html[data-darkreader-scheme=dark] .prepared-spells .remove-spell-icon:hover svg,html[data-darkreader-scheme=dark] .remove-spell-icon:hover svg,html[data-darkreader-scheme=dark] .spell-book .remove-spell-icon:hover svg,html[data-darkreader-scheme=dark] .spellbook-table .remove-spell-icon:hover svg{fill:#ff4040!important;filter:drop-shadow(0 0 2px rgba(255,64,64,.5))!important}.table-srd-restricted{align-items:center;background-color:#ee6c4d0d;border-left:3px solid #ee6c4d;border-radius:0;display:flex;flex-direction:row;justify-content:flex-start;margin:2px 0;padding:6px 10px;text-align:left}.table-srd-restricted span{color:#ee6c4d;font-size:.85rem;font-weight:700;margin-bottom:0;margin-right:8px}.table-srd-restricted small{font-size:.8rem;opacity:.8}.restricted-spell td:not(:first-child):not(:nth-child(2)){color:#a4a4a4;font-style:italic}.restricted-spell .school-badge{border-color:#a4a4a4;color:#a4a4a4;opacity:.5}.restricted-spell.expanded,.restricted-spell:hover{background-color:#ee6c4d0d}.restricted-spell td:nth-child(3){text-align:center}.restricted-spell td:nth-child(4),.restricted-spell td:nth-child(5),.restricted-spell td:nth-child(6),.restricted-spell td:nth-child(7),.restricted-spell td:nth-child(8){text-align:left}.restricted-spell td:nth-child(10),.restricted-spell td:nth-child(9){text-align:center}.srd-restricted-simple{color:#888;font-size:.9rem;font-style:italic}.loading-row td{animation:pulse 1.5s ease-in-out infinite;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-row:hover{background-color:#f8fafc;cursor:default}.pagination-controls{align-items:center;background-color:#fff;border:1px solid #98c1d9;border-radius:4px;display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:10px}.pagination-info{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:15px}.items-per-page-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85em;min-width:120px;padding:5px 8px}.pagination-buttons{align-items:center;display:flex;gap:10px}.pagination-button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85em;padding:5px 10px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background-color:#2c4a6e}.pagination-button:disabled{background-color:#e5e7eb;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.page-info{color:#4b5563;font-size:.9rem;min-width:100px;text-align:center}@media (max-width:600px){.pagination-controls{padding:5px}.pagination-info{flex-direction:column;gap:5px}.pagination-buttons{gap:5px}.pagination-button{font-size:.8em;padding:3px 6px}}.how-to-use-box{background:#fff;border:1px solid #98c1d9;border-radius:8px;box-shadow:none;cursor:pointer;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease}.how-to-use-box:hover{box-shadow:0 4px 8px #00000026}.how-to-use-question{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:.6rem 1.5rem}.how-to-use-question h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.2;margin:0;padding-right:2rem}.how-to-use-icon{height:18px;position:relative;width:18px}.how-to-use-icon:after,.how-to-use-icon:before{background:#ee6c4d;content:"";position:absolute;transition:all .3s ease}.how-to-use-icon:before{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.how-to-use-icon:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.how-to-use-box.active .how-to-use-icon:after{opacity:0;transform:translateX(-50%) rotate(90deg)}.how-to-use-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.how-to-use-box.active .how-to-use-answer{max-height:500px;padding:0 1.5rem 1rem}.how-to-use-answer ul{color:#293241;font-family:Poppins,sans-serif;font-size:.9rem;list-style-type:disc;margin:0;padding-left:1.5rem}.how-to-use-answer li{word-wrap:break-word;display:block;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-bottom:.6rem;padding-left:.2rem;position:relative}.how-to-use-answer li:last-child{margin-bottom:0}@media (max-width:768px){.how-to-use-question{padding:.6rem 1rem}.how-to-use-question h3{font-size:1rem}.how-to-use-box.active .how-to-use-answer{padding:0 1rem 1rem}.how-to-use-answer ul{font-size:.85rem;padding-left:1.2rem}.how-to-use-answer li{line-height:1.35;margin-bottom:.55rem}}.instruction-with-icon{align-items:center;display:flex;flex-wrap:wrap}.manual-info-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:text-bottom;width:18px}.manual-info-icon svg{color:#3d5a80;height:100%;width:100%}.manual-remove-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:text-bottom;width:18px}.manual-remove-icon svg{color:#d32f2f;height:100%;width:100%}.manual-book-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:text-bottom;width:18px}.manual-book-icon svg{color:#000;height:100%;width:100%}.manual-trash-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:text-bottom;width:18px}.manual-trash-icon svg{color:#d32f2f;height:100%;width:100%}.manual-cast-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:text-bottom;width:18px}.manual-cast-icon svg{color:#ff6d00;height:100%;width:100%}.icon-inline{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;position:relative;vertical-align:text-bottom;width:18px}.icon-inline svg{height:100%;width:100%}.info-icon svg{color:#3d5a80}.add-icon svg{color:#2e7d32}.remove-icon svg{color:#d32f2f}.book-icon svg{color:#1565c0}.trash-icon svg{color:#d32f2f}.cast-icon svg{color:#ff6d00}.how-to-more-link{border-top:1px solid #e6eef2;font-size:.85rem;margin-top:.5rem;padding:.5rem 0 0;text-align:right}.how-to-more-link a{color:#3d5a80;font-style:italic;text-decoration:none;transition:color .2s ease}.how-to-more-link a:hover{color:#ee6c4d;text-decoration:underline}.how-to-use-box>.info-icon,.how-to-use-box>div>.info-icon:not(.icon-inline),.how-to-use-question>.info-icon{display:none!important}.how-to-use-answer .icon-inline.info-icon{display:inline-flex!important}.spell-slot-manager{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-sizing:border-box;font-family:Poppins,sans-serif;margin-bottom:16px;max-width:100%;padding:12px}.spell-slot-manager h3{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:-4px 0 16px;text-align:center;text-transform:uppercase}.spell-slot-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:100%;width:100%}.spell-slot-level{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-sizing:border-box;min-width:80px;padding:6px;width:calc(9.5% - 16px)}.spell-slot-level.empty{border-color:#c0d6e4}.spell-slot-level h4{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 2px;text-align:center;text-transform:uppercase}.spell-slot-content{align-items:flex-start;display:flex;height:130px;justify-content:space-between}.spell-slot-controls,.spell-slot-usage{align-items:flex-start;display:flex;flex-direction:column}.spell-slot-usage{font-size:.65rem;gap:4px;margin-top:10px}.spell-slot-usage span{color:#4b5563;font-weight:600}.spell-slot-usage button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.65rem;padding:2px 4px;transition:background-color .3s ease;width:100%}.spell-slot-usage button:first-of-type{background-color:#3d5a80}.spell-slot-usage button:first-of-type:hover{background-color:#2c4a6e}.spell-slot-usage button:first-of-type:disabled{background-color:#a8c0d8;cursor:not-allowed}.spell-slot-usage button:nth-of-type(2){background-color:#98c1d9;color:#2c4a6e}.spell-slot-usage button:nth-of-type(2):hover{background-color:#7ba9c7}.spell-slot-usage button:nth-of-type(2):disabled{background-color:#cce0ec;color:#5d7fa3;cursor:not-allowed}.spell-slot-usage button:last-child{background-color:#fff;border:1px solid #ee6c4d;color:#ee6c4d}.spell-slot-usage button:last-child:hover{background-color:#fff3f0}.spell-slot-usage button:last-child:disabled{background-color:#fff;border-color:#f7b4a3;color:#f7b4a3;cursor:not-allowed}input[type=number]{-moz-appearance:textfield;border:1px solid #d1d5db;border-radius:3px;color:#4b5563;font-family:Poppins,sans-serif;font-size:.8rem;height:24px;padding:2px 4px;text-align:center;width:30px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spell-slot-visual{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:4px;height:100%;justify-content:flex-start;margin-left:6px}.spell-slot-block{background-color:#e6f2ff;border:1px solid #3d5a80;border-radius:3px;box-sizing:border-box;height:10px;width:16px}.spell-slot-block.used{background-color:#3d5a80;border-color:#3d5a80}.spell-slot-footer{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;position:relative;text-align:center}.spell-slot-manager .spellbook-name{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:700}.footer-left{justify-self:start}.show-everywhere-checkbox{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;gap:8px;position:absolute;right:12px}.show-everywhere-checkbox input[type=checkbox]{margin:0}.spell-slot-header{align-items:center;display:grid;grid-template-columns:200px 1fr 200px;margin-bottom:16px;max-width:100%;width:100%}.spell-slot-header h3{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;grid-column:2;letter-spacing:.05em;margin:0;text-align:center;text-transform:uppercase}.manager-toggles{display:flex;gap:24px;justify-content:center;margin-top:8px}.system-toggle{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;gap:8px}.system-toggle input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}@media (max-width:768px){.manager-toggles{align-items:center;flex-direction:column;gap:12px}.spell-slot-header{gap:10px;grid-template-columns:1fr}.spell-slot-header h3{grid-column:1;order:1}.system-toggle-container{grid-column:1;justify-self:center;order:2}}.pin-button svg{transition:transform .2s ease}.pin-button:hover svg{transform:scale(1.1)}@media (max-width:1200px){.spell-slot-level{width:calc(10% - 16px)}}@media (max-width:992px){.spell-slot-level{width:calc(12.5% - 16px)}}@media (max-width:768px){.spell-slot-level{width:calc(16.66% - 16px)}}@media (max-width:576px){.spell-slot-level{width:calc(20% - 16px)}}@media (max-width:400px){.spell-slot-level{width:calc(25% - 12px)}.spell-slot-container{gap:12px}}.spell-points-manager{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-sizing:border-box;font-family:Poppins,sans-serif;margin-bottom:16px;max-width:100%;padding:12px}.spell-points-manager h3{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.05em;margin:-4px 0 16px;text-align:center;text-transform:uppercase}.spell-points-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.level-control,.points-control{align-items:center;display:flex;gap:8px}.level-control label,.points-control label{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:8px}.level-control input[type=number],.points-control input[type=number]{-moz-appearance:textfield;border:1px solid #d1d5db;border-radius:3px;color:#4b5563;font-family:Poppins,sans-serif;font-size:.8rem;height:24px;padding:2px 4px;text-align:center;width:60px}.points-control input[type=checkbox]{cursor:pointer;margin:0}.points-display{margin-bottom:16px}.points-remaining{margin-bottom:8px;text-align:center}.points-remaining span{color:#3d5a80;font-size:1.1rem;font-weight:600}.points-bar{background-color:#e6f2ff;border:none;border-radius:6px;box-shadow:inset 0 2px 4px #3d5a801a;height:10px;margin:8px auto 0;max-width:850px;overflow:hidden}.points-bar-fill{background:linear-gradient(90deg,#3d5a80,#4d6a90);box-shadow:0 1px 2px #0000001a;height:100%;transition:width .3s ease}.spell-level-costs{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:23px;justify-content:center;margin:0 auto;max-width:850px;width:100%}.spell-level-cost{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;height:120px;min-width:60px;padding:6px;width:calc(11.11% - 23px)}.spell-level-cost h4{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 2px;text-align:center;text-transform:uppercase}.cost-info{font-size:.75rem;margin-bottom:2px;text-align:center}.uses-left{color:#ee6c4d;display:block;font-size:.7rem;text-align:center}.cost-controls{display:flex;flex-direction:column;gap:4px;margin-top:auto}.cost-controls button{border:none;border-radius:3px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.7rem;padding:3px;transition:background-color .3s ease;width:100%}.cost-controls button:first-child{background-color:#3d5a80;color:#fff}.cost-controls button:first-child:hover{background-color:#2c4a6e}.cost-controls button:first-child:disabled{background-color:#a8c0d8;cursor:not-allowed}.cost-controls button:last-child{background-color:#98c1d9;color:#2c4a6e}.cost-controls button:last-child:hover{background-color:#7ba9c7}.cost-controls button:last-child:disabled{background-color:#cce0ec;color:#5d7fa3;cursor:not-allowed}.spell-points-footer{display:flex;gap:16px;margin-top:24px;position:relative;text-align:center}.reset-all-button,.spell-points-footer{align-items:center;justify-content:center}.reset-all-button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin:0 auto;padding:8px 16px;transition:background-color .3s ease}.reset-all-button:hover{background-color:#2c4a6e}.reset-all-button svg{fill:#fff;height:20px;margin-right:8px;width:20px}.pin-button{align-items:center;background:none;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.pin-button:hover{background-color:#f3f4f6;color:#3d5a80}.pin-button:active{transform:translateY(3px)}.pin-button.pinned{color:#3d5a80}.pin-button svg{height:20px;width:20px}.spell-points-header{align-items:center;display:grid;grid-template-columns:200px 1fr 200px;margin-bottom:16px;max-width:100%;width:100%}.spell-points-header h3{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;grid-column:2;letter-spacing:.05em;margin:0;text-align:center;text-transform:uppercase}.system-toggle-container{grid-column:3;justify-self:end;min-width:200px}.spell-points-content{display:flex;gap:20px;margin-bottom:20px;max-width:100%;overflow-x:hidden;width:100%}.spell-points-main{flex:1 1;min-width:0;width:100%}.points-controls{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.points-controls-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:12px;width:100%}.points-controls-row .spacer{visibility:hidden}.total-points-input{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.total-points-input label{color:#4b5563;font-size:.9rem;font-weight:500}.total-points-input input{border:1px solid #98c1d9;border-radius:4px;color:#3d5a80;font-size:.9rem;height:28px;padding:4px 8px;text-align:center;width:30px}.total-points-input input:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a801a;outline:none}.multiple-casts-toggle{align-items:center;display:flex;justify-content:flex-end;white-space:nowrap}.multiple-casts-toggle label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.multiple-casts-toggle input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}@media (max-width:1200px){.spell-level-cost{width:calc(12.5% - 23px)}}@media (max-width:992px){.spell-level-cost{width:calc(14.28% - 23px)}}@media (max-width:768px){.spell-level-cost{width:calc(16.66% - 23px)}.spell-points-header{gap:10px;grid-template-columns:1fr}.spell-points-header h3{grid-column:1;order:1}.system-toggle-container{grid-column:1;justify-self:center;min-width:auto;order:2}.multiple-casts-toggle{justify-content:center}.multiple-casts-toggle label{font-size:.8rem}.points-controls-row{gap:12px;grid-template-columns:1fr}.points-controls-row .spacer{display:none}.total-points-input{justify-content:center}}@media (max-width:576px){.spell-level-cost{width:calc(20% - 23px)}}@media (max-width:480px){.spell-level-cost{width:calc(25% - 20px)}.spell-level-costs{gap:20px}.options-group>div{width:100%}}.spell-resource-manager{margin-bottom:4px;max-width:100%;overflow-x:hidden}.system-toggle-container{justify-content:center;margin-bottom:16px;padding:8px}.toggle-labels{font-family:Poppins,sans-serif;font-size:.9rem;gap:12px}.toggle-labels span{transition:color .3s ease}.toggle-switch{border-radius:12px;height:24px;width:50px}.toggle-slider{height:20px;left:2px;top:2px;width:20px}.toggle-slider.points{transform:translateX(26px)}@media (max-width:768px){.toggle-labels{font-size:.8rem}}.spellcard-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.spell-card-generator.modal-content{animation:spellcard-popup-appear .3s ease-out;background-color:#fff!important;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:default;display:flex;flex-direction:column;font-family:Poppins,sans-serif;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;pointer-events:auto;position:fixed;top:50%;transform:translate(-50%,-50%);transform:translate3d(-50%,-50%,0);width:85%;will-change:transform;z-index:1001}@keyframes spellcard-popup-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.generator-content{display:flex;flex-direction:column;gap:8px}.generator-content h2{color:#3d5a80;font-family:Poppins,sans-serif;margin:0}.spell-list-preview{border-radius:6px;max-height:200px;padding:6px}.spell-preview-item{align-items:center;color:#3d5a80;display:flex;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;gap:8px;justify-content:space-between;margin:2px 0;padding:3px 6px}.spell-preview-item:last-child{border-bottom:none}.generator-buttons{gap:10px;justify-content:flex-end;margin-top:8px;padding:0 8px 8px}.cancel-button,.generate-button{border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:.6rem 1.2rem;transition:all .3s ease}.generate-button{background-color:#3d5a80;border:none;color:#fff}.generate-button:hover{background-color:#2c4a6e}.cancel-button{background-color:initial;border:1px solid #d1d5db;color:#4a4a4a}.cancel-button:hover{background-color:#f3f4f6}@media (max-width:768px){.spell-card-generator.modal-content{max-height:85vh;max-width:none;width:95%}.modal-header{padding:.5rem 1rem}.modal-header h2{font-size:1.3rem;padding-right:30px}.spell-card-generator .close-button{right:10px}.modal-body{padding:15px}.checkbox-options,.form-row{flex-direction:column}.form-group select{width:100%}}.modal-header{border-top-left-radius:10px;border-top-right-radius:10px}.spell-card-generator .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.spell-card-generator .close-button:hover{color:#f0f0f0}.spell-card-generator .close-button svg{height:20px;width:20px}.modal-body{display:flex;flex-direction:column;gap:15px;padding:20px}.selected-spells-section{background:none;border:none;margin-bottom:0;margin-top:0;padding:0}.layout-options-section h3,.selected-spells-section h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;margin-bottom:12px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group label{color:#000}.form-group input[type=text],.form-group select{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;font-size:.9rem;padding:6px 8px}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 6px center;background-size:10px;font-size:.85rem;max-width:200px;min-width:120px;padding:5px 8px;width:100%}.checkbox-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-options label{align-items:center;color:#4b5563;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:8px}.modal-footer{margin-top:15px;padding:0 0 20px}.header-input{box-sizing:border-box;max-width:320px;padding:6px 10px;width:100%}.header-input:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.spell-card-generator.modal-content::-webkit-scrollbar{width:8px}.spell-card-generator.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.spell-card-generator.modal-content::-webkit-scrollbar-thumb{background:#98c1d9;border-radius:4px}.spell-card-generator.modal-content::-webkit-scrollbar-thumb:hover{background:#3d5a80}.form-row.orientation-row{align-items:flex-end}.layout-options-section{margin-bottom:0}.layout-options-section h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;margin-bottom:10px}.layout-options-container{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;margin-bottom:0;padding:15px}.school-badge{background-color:initial;border:1.5px solid;border-radius:10px;font-size:.75em;font-weight:500;line-height:1.2;min-width:35px;padding:1px 4px;text-align:center;width:35px}.school-abjuration{border-color:#3498db;color:#3498db}.school-conjuration{border-color:#f1c40f;color:#f1c40f}.school-divination{border-color:#95a5a6;color:#95a5a6}.school-enchantment{border-color:#e91e63;color:#e91e63}.school-evocation{border-color:#e74c3c;color:#e74c3c}.school-illusion{border-color:#9b59b6;color:#9b59b6}.school-necromancy{border-color:#2ecc71;color:#2ecc71}.school-transmutation{border-color:#e67e22;color:#e67e22}.form-group.checkbox-label{align-items:flex-start;max-width:200px}.form-group .checkbox-label{align-items:center;display:flex;gap:5px;margin-left:0;padding-left:0}.form-group .checkbox-label input[type=checkbox]{margin:0}.checkbox-text{margin-left:5px}.buttons-container{display:flex;gap:10px;justify-content:flex-end;margin-bottom:5px;margin-top:5px}.selected-spells-section{margin-top:-25px;padding-top:0}.buttons-container .cancel-button{background-color:#f8fafc;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;font-family:Poppins,sans-serif;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.buttons-container .cancel-button:hover{background-color:#e5e7eb}.spell-card-generator .form-group input,.spell-card-generator .form-group select,.spell-card-generator .form-group textarea{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.85em;height:auto;min-height:0;min-height:auto;padding:5px 8px}.spell-card-generator .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;padding-right:24px}.checkbox-options input[type=checkbox],.spell-card-generator input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #9ca3af;border-radius:3px;cursor:pointer;height:16px;margin:0;outline:none;position:relative;width:16px}.checkbox-options input[type=checkbox]:checked,.spell-card-generator input[type=checkbox]:checked{background-color:#fff}.checkbox-options input[type=checkbox]:checked:before,.spell-card-generator input[type=checkbox]:checked:before{color:#000;content:"\2714";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-options input[type=checkbox]:hover,.spell-card-generator input[type=checkbox]:hover{border-color:#6b7280}.admin-notice{background-color:#fff8e6;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;margin:0 20px;padding:10px 15px}.admin-notice p{margin:0;padding:0}.search-bar-container{margin-bottom:10px;position:relative;width:200px}.search-bar{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;padding:3px 10px;width:100%}.search-bar input{background-color:initial;border:none;color:#3d5a80;flex-grow:1;font-family:Poppins,sans-serif;font-size:.9em;outline:none;padding:5px 0;width:100%}.search-bar input::placeholder{color:#98c1d9}.search-icon{fill:#3d5a80;flex-shrink:0;height:16px;margin-right:5px;width:16px}.clear-search{align-items:center;background-color:initial;border:none;color:#3d5a80;cursor:pointer;display:flex;justify-content:center;margin-left:5px;padding:0}.clear-search svg{height:18px;width:18px}.spell-counter-box{background-color:#98c1d9;border-radius:4px;margin-top:10px;padding:5px 10px}.spell-counter{align-items:center;background:none!important;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:flex;font-family:Poppins,sans-serif;gap:4px;padding:3px 10px;white-space:nowrap}.spell-counter .spell-count{color:#3d5a80;font-size:1em;font-weight:700}.spell-counter .spell-count-separator{color:#3d5a80;font-size:.9em;margin:0 1px}.spell-counter .total-count{font-weight:400}.spell-counter .spell-count-label{color:#3d5a80;font-size:.8em;margin-left:2px}.spellbook-select .spell-count{background:none!important;color:#4b5563;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;margin-left:5px}.desktop-only{display:inline}@media (max-width:480px){.desktop-only{display:none}}.advanced-filtering-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.advanced-filtering-content{animation:advancedfilter-popup-appear .3s ease-out;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0 auto;max-height:90vh;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;transform:none!important;width:85%;z-index:10000}@keyframes advancedfilter-popup-appear{0%{opacity:0;transform:scale(.8)!important}to{opacity:1;transform:scale(1)!important}}.modal-header{align-items:center;background-color:#3d5a80;border-top-left-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;padding:.5rem 1.25rem;position:relative;width:100%}.modal-header h2{color:#fff;font-family:Mondia Light,sans-serif;font-size:1.6rem;margin:0;padding-right:30px;text-align:left}.modal-body{box-sizing:border-box;flex:1 1;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:12px;width:100%}.warning-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;display:flex;gap:8px;margin-bottom:10px;padding:10px}.warning-icon{font-size:1.1rem}.warning-text{color:#856404;font-family:Poppins,sans-serif;font-size:.8rem}.filter-section{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;margin-bottom:8px;padding:8px 10px}.filter-section h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:6px;margin-top:0}.filter-select-container{margin-bottom:10px}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 30px 8px 12px;width:100%}.filter-select:hover{border-color:#2c4a6e}.filter-select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.selected-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.filter-tag{background-color:#e6f0fa;border:1px solid #98c1d9;border-radius:4px;color:#3d5a80;font-size:.85rem;padding:4px 8px}.remove-filter{color:#3d5a80;font-size:1.2rem;margin-left:5px;padding:0 0 0 5px}.remove-filter:hover{color:#e63946}.modal-footer{display:flex;justify-content:space-between;margin:12px}.apply-button,.clear-button{border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.clear-button{background-color:#f1f5f9;border:1px solid #98c1d9;color:#3d5a80}.clear-button:hover{background-color:#e2e8f0}.apply-button{background-color:#3d5a80;color:#fff}.apply-button:hover{background-color:#2c4a6e}@media (max-width:640px){.advanced-filtering-content{margin:0 auto;width:92%}.modal-body{padding:10px}.modal-header h2{font-size:1.4rem}.filter-tags{gap:4px}.filter-tag-button{font-size:.8rem;padding:3px 8px}.filter-group-label{font-size:.8rem}}.notes-filter-container{padding:8px 0}.notes-checkbox{align-items:center;color:#3d5a80;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem}.notes-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin-right:8px;width:16px}.notes-checkbox:hover{color:#2c4a6e}.filter-group,.filter-tags-container{display:flex;flex-direction:column;gap:6px}.filter-group-label{color:#64748b;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding-left:2px}.filter-tags{display:flex;flex-wrap:wrap;gap:4px}.filter-tag-button{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.2;padding:3px 8px;transition:all .2s ease;white-space:nowrap}.filter-tag-button:hover{background-color:#e2eef9;border-color:#3d5a80}.filter-tag-button.active{background-color:#3d5a80;border-color:#3d5a80;color:#fff}.filter-tag-button.active:hover{background-color:#2c4a6e;border-color:#2c4a6e}.filter-tag-button.exclude{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.filter-tag-button.exclude:hover{background-color:#c0392b;border-color:#c0392b}.filters-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:0 1px;width:100%}.filter-section.full-width{box-sizing:border-box;margin-bottom:8px;width:100%}.yes-no-group{grid-gap:8px;background:none;border:none;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:0;padding:0;width:100%}.yes-no-filter{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;margin:0;padding:6px 8px}.yes-no-filter h3{font-size:.85rem;margin-bottom:4px}@media (max-width:768px){.yes-no-group{gap:6px;grid-template-columns:repeat(2,1fr)}.modal-body{padding:10px}.filter-section{margin-bottom:6px;padding:6px 8px}.filter-section h3{font-size:.85rem;margin-bottom:4px}.yes-no-filter{padding:4px 6px}.modal-footer{margin:10px}}@media (max-width:480px){.yes-no-group{gap:6px;grid-template-columns:1fr}.modal-body{padding:8px}.filter-section{margin-bottom:6px;padding:4px 6px}.yes-no-filter{padding:4px 6px}.modal-footer{margin:8px}}.table-controls{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:10px;width:100%}.table-controls-left{align-items:center;display:flex;flex:1 1}.table-controls-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.create-custom-spell-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;gap:6px;height:32px;justify-content:center;padding:0 10px 0 12px;transition:all .2s ease;width:auto}.create-custom-spell-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.create-custom-spell-button svg{color:#3d5a80;height:24px;width:24px}.create-custom-spell-button:hover svg{color:#2c4a6e}.create-custom-spell-button .button-text{color:#3d5a80;font-size:14px;font-weight:500;white-space:nowrap}.reset-columns-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;font-size:1.2rem;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.reset-columns-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}@media (max-width:1024px){.table-controls{gap:15px;padding:10px 12px}.search-counter-group{gap:30px;min-width:380px}.table-controls-right{gap:12px;padding-right:4px}}@media (max-width:768px){.table-controls{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;margin:0 0 15px;padding:12px;width:100%}.search-counter-group{flex:0 1 auto;margin-right:15px;min-width:0;min-width:auto}.search-bar{align-items:center;display:flex;flex:0 0 240px!important;max-width:240px!important;min-width:180px!important}.search-bar input{height:32px;max-height:32px;min-height:32px}.table-controls-right{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;padding-right:4px}.create-custom-spell-button{border-radius:50%!important;height:36px!important;margin:0!important;min-height:36px!important;min-width:36px!important;padding:0!important;position:relative;top:0;width:36px!important}.create-custom-spell-button .button-text,.reset-columns-button{display:none}.metric-toggle-button,.short-description-button{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.toggle-buttons-group{gap:6px;margin-left:10px}.advanced-filters-button,.ritual-spells-button{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.advanced-filters-button{margin-right:8px}.desktop-only{display:none}.mobile-only{display:flex}.desktop-only-buttons{display:none}.more-options-dropdown{left:-175px;right:auto}.ritual-spells-button svg{height:24px;width:24px}}@media (max-width:480px){.table-controls{flex-direction:row;gap:12px;justify-content:space-between;padding:12px}.search-counter-group{flex:1 1;gap:25px;margin-right:0}.table-controls-right{margin-left:0}.create-custom-spell-button{border-radius:50%!important;flex:0 0 36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.toggle-buttons-group{gap:5px;margin-left:8px}.advanced-filters-button{margin-right:6px}.more-options-dropdown{width:200px}}@media (max-width:360px){.reset-columns-button{display:none}}.search-counter-group{align-items:center;display:flex;flex:0 0 auto;gap:30px!important}.search-bar{align-items:center;display:flex;flex:0 0 240px;min-width:180px}.search-bar input{height:32px;max-height:32px;min-height:32px}.table-controls-left{gap:10px}.metric-toggle-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.metric-toggle-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}.metric-toggle-button svg{height:20px;width:20px}.metric-toggle-button.active{background-color:#e8f0f8;border-color:#3d5a80;color:#3d5a80}.metric-toggle-button.active:hover{background-color:#d8e6f2}.short-description-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.short-description-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}.short-description-button svg{height:20px;width:20px}.short-description-button.active{background-color:#e8f0f8;border-color:#3d5a80;color:#3d5a80}.short-description-button.active:hover{background-color:#d8e6f2}.toggle-buttons-group{align-items:center;display:flex;gap:8px;margin-left:15px}.ritual-spells-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.ritual-spells-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}.ritual-spells-button svg{height:28px;width:28px}.ritual-spells-button.active{background-color:#e8f0f8;border-color:#3d5a80;color:#3d5a80}.ritual-spells-button.active:hover{background-color:#d8e6f2}.advanced-filters-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:32px;justify-content:center;margin-right:0;padding:0;transition:all .3s ease;width:32px}.advanced-filters-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}.advanced-filters-button svg{height:20px;width:20px}.advanced-filters-button.active{background-color:#e8f0f8;border-color:#3d5a80;color:#3d5a80}.advanced-filters-button.active:hover{background-color:#d8e6f2}.school-tags-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.school-tags-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.1)}.school-tags-button svg{height:24px;width:24px}.school-tags-button.active{background-color:#e8f0f8;border-color:#3d5a80;color:#3d5a80}.school-tags-button.active:hover{background-color:#d8e6f2}.desktop-only{align-items:center;display:flex;gap:10px}.mobile-only{display:none}.more-options-container{position:relative}.more-options-button{align-items:center;background-color:#fff;border:1px solid #3d5a80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#3d5a80;cursor:pointer;display:flex;flex-shrink:0!important;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.more-options-button:hover{background-color:#f0f4f8;border-color:#2c4a6e;transform:scale(1.05)}.more-options-button svg{height:20px;width:20px}.more-options-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;position:absolute;right:0;top:45px;width:220px;z-index:100}.dropdown-option{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background-color .2s ease}.dropdown-option:hover{background-color:#f0f4f8}.dropdown-option svg{color:#3d5a80;height:20px;margin-right:10px;width:20px}.dropdown-option span{color:#2c3e50;font-size:14px}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.more-options-dropdown{left:-175px;right:auto}}@media (max-width:480px){.more-options-dropdown{width:200px}}.dropdown-divider{background-color:#e1e4e8;height:1px;margin:6px 15px}.desktop-only-buttons{align-items:center;display:flex;gap:10px}.active-spellbook-header{margin-bottom:30px!important}.system-toggle-container{gap:8px}.toggle-labels{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:8px}.toggle-labels span{color:#9ca3af;cursor:pointer;font-size:.8rem;transition:color .2s ease}.toggle-labels span.active{color:#3d5a80;font-weight:600}.toggle-switch{background-color:#e5e7eb;border:1px solid #98c1d9;border-radius:10px;box-shadow:0 1px 2px #0000000d;cursor:pointer;height:18px;position:relative;transition:background-color .3s ease;width:36px}.toggle-switch:hover{background-color:#d1d5db}.toggle-slider{background-color:#3d5a80;border:1px solid #2c4a6e;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:14px;left:1px;position:absolute;top:1px;transition:transform .3s ease;width:14px}.toggle-slider.points{transform:translateX(18px)}@media (max-width:768px){.active-spellbook-header{gap:10px;padding:12px 15px}.system-toggle-container{justify-content:center;margin-top:10px;width:100%}.spellbook-selector{flex-grow:1}.toggle-labels{font-size:.8rem}}.all-filters-tags-container{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;font-family:Poppins,sans-serif;margin:8px 0;padding:6px 10px}.filters-tags-header{align-items:center;color:#3d5a80;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;margin-bottom:6px}.clear-filters-button{background:none;border:none;color:#e63946;cursor:pointer;font-family:Poppins,sans-serif;font-size:.7rem;padding:2px 5px;transition:all .2s}.clear-filters-button:hover{text-decoration:underline}.filters-tags-content{display:flex;flex-wrap:wrap;gap:6px}.filter-tag-group{align-items:center;background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;display:flex;margin-right:5px;padding:2px 6px}.filter-type-label{color:#3d5a80;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:600;margin-right:5px}.filter-tag-stack{display:flex;flex-wrap:wrap;gap:3px}.filter-tag{align-items:center;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:400;padding:2px 5px;transition:background-color .2s;white-space:nowrap}.filter-tag.include{background-color:#3d5a80}.filter-tag.include:hover{background-color:#2c4a6e}.filter-tag.exclude{background-color:#e74c3c}.filter-tag.exclude:hover{background-color:#c0392b}.filter-value{margin-right:3px}.remove-filter{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;margin-left:1px;padding:0 0 0 1px}.remove-filter:hover{color:#fffc}@media (max-width:768px){.all-filters-tags-container{padding:5px 8px}.filters-tags-header{font-size:.7rem}.filter-tag{font-size:.65rem;padding:2px 5px}}.spellbook-management{align-items:stretch;margin:0 auto;max-width:100%;padding:0;position:relative}.create-spellbook-form,.spellbook-management{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.create-spellbook-form{gap:10px;margin:0 auto 20px;max-width:400px;padding:0 20px}.create-section{display:flex;gap:10px;width:100%}.create-section input{background-color:#fff;border:1px solid #3d5a80;border-radius:3px;box-shadow:0 2px 4px #0000001a;color:#000;flex-grow:1;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;max-width:180px;padding:7px 10px}.create-section input::placeholder{color:#98c1d9;opacity:.8}.create-section button{align-items:center;background-color:#3d5a80;border:1px solid #98c1d9;border-radius:3px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:52px;justify-content:center;line-height:1.2;padding:7px 12px;text-align:center;transition:all .3s ease;width:140px}.create-section button:hover{box-shadow:0 4px 6px #00000026}.create-section button:after{content:"Spellbook";display:block}.spellbook-list{align-self:stretch;border-bottom:1px solid #98c1d9;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start;margin:0 0 30px;max-width:100%;overflow:visible;padding:0;position:relative;width:100%;z-index:1}.spellbook-item{align-items:stretch;cursor:move;display:flex;margin-left:4px;transition:all .3s ease}.spellbook-item:first-child{margin-left:0}.spellbook-item.dragging{background:#f0f0f0;opacity:.5}.spellbook-item.drag-over{border:2px dashed #3d5a80}.spellbook-remove,.spellbook-select{cursor:pointer}.spellbook-select{background-color:#f9fafb;border:1px solid #98c1d9;border-radius:4px 4px 0 0;cursor:pointer;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:26px;padding:4px 8px;top:4px;transition:all .3s ease;white-space:nowrap}.spellbook-select,.spellbook-select.active{color:#3d5a80;margin-bottom:-1px;position:relative}.spellbook-select.active{background-color:#fff;border:1px solid #3d5a80;border-bottom-color:#fff;font-size:18px;font-weight:700;height:32px;margin-top:-2px;padding:8px 12px;top:0;z-index:3}.spellbook-select svg{fill:currentColor;height:16px;width:16px}.spellbook-remove{align-items:center;background-color:#f9fafb;border:1px solid #98c1d9;border-left:none;border-radius:0 4px 0 0;color:#98c1d9;cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;margin-bottom:-1px;padding:4px 6px;position:relative;top:4px;transition:all .3s ease}.spellbook-remove:hover{background-color:#fee2e2;color:#ef4444}.spellbook-remove svg{height:16px;width:16px}.spellbook-list:after{display:none}.spell-list{padding:0}.spell-list table{box-sizing:border-box}.spell-list table select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;font-family:Metamorphous,cursive;font-size:14px;padding:6px 10px;transition:all .3s ease}.spell-list table select:hover{background-color:#e5e7eb}.spell-list table select:focus{border-color:#9ca3af;box-shadow:0 0 0 2px #9ca3af4d;outline:none}.spell-list table td{position:relative}.prepare-spell-icon{height:16px;right:5px;width:16px}.prepare-spell-icon svg{fill:#4b5563;height:100%;transition:all .3s ease;width:100%}.prepare-spell-icon:hover svg{fill:#1f2937}html[data-darkreader-scheme=dark] .prepare-spell-icon.prepared:hover svg{fill:#fc0!important}.unprepare-spell-icon{cursor:pointer;display:inline-block;height:16px;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:16px}.unprepare-spell-icon svg{fill:#4b5563;height:100%;width:100%}.unprepare-spell-icon:hover svg{fill:#1f2937}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #9ca3af;border-radius:3px;cursor:pointer;height:16px;outline:none;position:relative;width:16px}input[type=checkbox]:checked:before{color:#000;content:"\2714";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}input[type=checkbox]:hover{border-color:#6b7280}.spell-list .checkbox-cell{text-align:center;vertical-align:middle;width:30px}.spell-list .checkbox-cell input[type=checkbox]{margin:0;vertical-align:middle}.spell-list table{margin:0}.spellbook-list:after{width:100%}.remove-button{background-color:#3d5a80}.remove-button:hover{background-color:#2c4a6e}.prepare-spell-icon.prepared svg{fill:#fbbf24;filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}.prepare-spell-icon.prepared:hover svg{fill:#f59e0b}.spell-book .spell-list td:first-child,.spell-book .spell-list th:first-child{width:20px}.spell-book .spell-list td:nth-child(2),.spell-book .spell-list th:nth-child(2){max-width:325px!important;min-width:325px!important;width:325px!important}.spell-book .spell-list tbody tr.description-row td{border-top:none;color:#333;font-size:.95em;line-height:1.4;padding:5px 10px;white-space:normal}.spell-book .spell-list tbody tr.spell-row.expanded{background-color:#f8fafc}.spell-book .spell-list tbody tr.spell-row.expanded .short-description{color:#000!important;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95em;line-height:1.3;padding:10px;text-align:left}.spell-book .spell-list tbody tr.spell-properties-row td{padding:3px 8px}.remove-spell-icon{height:16px;right:30px;width:16px}.remove-spell-icon svg{fill:#eb0100;height:100%;width:100%}.remove-spell-icon:hover svg{fill:#b80000}html[data-darkreader-scheme=dark] .remove-spell-icon svg{fill:#ff6b6b!important}html[data-darkreader-scheme=dark] .remove-spell-icon:hover svg{fill:#ff4040!important;filter:drop-shadow(0 0 2px rgba(255,64,64,.5))!important}.spell-book .info-icon{cursor:pointer;display:inline-block;height:22px;position:absolute;right:47px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:22px}.spell-book .info-icon svg{height:100%;width:100%}.search-and-conversion{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.spell-book .filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85em;padding:5px 8px;width:auto}.spell-book .filter-group select[name=class]{min-width:75px;width:75px}.spell-book .filter-group select[name=level]{min-width:65px;width:65px}.spell-book .filter-group select{min-width:80px}.spell-book .filter-group select[name=concentration]{min-width:140px;width:140px}.spell-book .filter-group select[name=ritual]{min-width:80px;width:80px}.spell-book .filter-group select option{font-family:Poppins,sans-serif;font-size:.85em;font-weight:400}.checkbox-container{align-items:center;flex-direction:row;justify-content:flex-start;margin:10px 0 12px!important}.checkbox-container,.checkbox-group{display:flex;gap:20px}.create-custom-spell-button{margin-left:auto}@media (max-width:768px){.checkbox-container{align-items:flex-start}.checkbox-container,.checkbox-group{flex-direction:column;gap:8px}.create-custom-spell-button{margin-top:8px;width:100%}}.spell-book .spell-list th{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700}.spell-book .spell-list th:hover{background-color:#e2eef9}.spell-book .spell-list thead{border:1px solid #3d5a80;border-bottom:none;border-radius:4px 4px 0 0;overflow:hidden}.spell-book .spell-list th:first-child{border-top-left-radius:4px}.spell-book .spell-list th:last-child{border-top-right-radius:4px}.spell-book .spell-list thead{border-bottom:1px solid #3d5a80}.spell-book .spell-list th{border-bottom:none}.spell-book .spell-list tbody:empty{display:none}.spell-book .spell-list tbody:empty+tfoot:before{content:"";display:table-row;height:1px}.spell-book .spell-list table{empty-cells:show}.spell-book .spell-list thead{background-color:#f8fafc}.spell-book .spell-list th{background-color:#f8fafc;border-bottom:1px solid #3d5a80;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.85em;font-weight:600;letter-spacing:.05em;padding:10px 8px;text-transform:uppercase}.spell-book .spell-list thead:after{background-color:#3d5a80;content:"";display:block;height:1px;position:relative;top:-1px}.spell-book .spell-list table{border:1px solid #3d5a80;border-collapse:initial;border-radius:4px;border-spacing:0;overflow:hidden}.spell-book .empty-table-row td{background-color:#fff;color:#6b7280;font-style:italic;padding:20px;text-align:center}.spell-book .spell-list td{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:400;padding:5px 8px}.spell-book .spell-list td:nth-child(2){font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem}.spell-name-cell{padding-right:75px}.info-icon{right:47px}.remove-spell-icon{cursor:pointer;display:inline-block;height:20px;position:absolute;right:26px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.info-icon svg,.prepare-spell-icon svg,.remove-spell-icon svg{height:100%;width:100%}.spell-book .spell-list td:nth-child(10),.spell-book .spell-list td:nth-child(3),.spell-book .spell-list td:nth-child(9),.spell-book .spell-list th:nth-child(10),.spell-book .spell-list th:nth-child(3),.spell-book .spell-list th:nth-child(9){text-align:center}.spell-book .spell-list tbody tr.spell-properties-row{background-color:#f8fafc;color:#4a4a4a;font-size:.8em}.spell-book .spell-list tbody tr.spell-properties-row td{opacity:.9;padding:3px 8px 1px;vertical-align:top}.spell-book .spell-list tbody tr.spell-row.expanded td{padding-bottom:1px}.spell-book .spell-list tbody tr.spell-row.expanded+tr.spell-properties-row td{padding-top:1px}.login-warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:.9rem;line-height:1.4;margin-bottom:20px;padding:10px}.spell-list{overflow-x:auto;width:100%}.spell-list table{border:1px solid #3d5a80;border-collapse:initial;border-radius:4px;border-spacing:0;empty-cells:show;font-size:.85rem;overflow:hidden;table-layout:fixed;width:100%}@media (max-width:1200px){.spell-book{padding:0 10px}}@media (max-width:768px){.spell-book{margin:0;padding:0}.spellbook-list{margin-bottom:20px}}@media (max-width:480px){.spellbook-list{margin-bottom:15px}}.create-spellbook-form .generate-button{align-items:center;align-self:center;background-color:#80a1bb;border:1px solid #3d5a80;border-radius:3px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:52px;justify-content:center;line-height:1.2;padding:7px 12px;text-align:center;transition:all .3s ease;width:140px}.create-spellbook-form .generate-button:after{content:"Generator";display:block}.create-spellbook-form .generate-button:hover{background-color:#80a1bb;box-shadow:0 4px 6px #00000026}@media (max-width:640px){.create-spellbook-form .generate-button{width:100%}}.generator-modal{z-index:1000}.blur-overlay{cursor:pointer}@media (max-width:640px){.create-spellbook-form{padding:0 10px}.create-section{align-items:center;flex-direction:column}.create-section button,.create-section input,.create-spellbook-form .generate-button{max-width:none;width:100%}.create-spellbook-form .generate-button{padding:10px 16px;width:100%}}@media (max-width:768px){.spellbook-management{margin:0;padding:0}}@media (max-width:480px){.spellbook-management{padding:0 3px}}.book-icon{align-items:center;display:flex;transition:all .3s ease}.book-icon svg{fill:#3d5a80;height:16px;transition:all .3s ease;width:16px}.book-icon.active svg{fill:#fbbf24;filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}html[data-darkreader-scheme=dark] .book-icon.active svg{fill:gold!important;filter:drop-shadow(0 0 3px rgba(255,215,0,.7))!important}.spellbook-select{align-items:center;display:flex;gap:5px}.spellbook-controls-header{align-items:center;background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.spellbook-controls-header h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.spellbook-creation{align-items:center;display:flex;gap:15px}.spellbook-name-input{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 12px}.spellbook-name-input::placeholder{color:#98c1d9;font-family:Poppins,sans-serif;font-size:.9rem}.spellbook-name-input:hover{border-color:#2c4a6e}.spellbook-name-input:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.create-spellbook-button,.generator-button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.create-spellbook-button:hover,.generator-button:hover{background-color:#2c4a6e}.create-spellbook-button:disabled,.generator-button:disabled{background-color:#cbd5e1;cursor:not-allowed}@media (max-width:768px){.spellbook-controls-header{align-items:stretch;flex-direction:column;gap:15px}.spellbook-creation{align-items:flex-start;flex-direction:column;gap:10px}.spellbook-input-group{width:100%}.spellbook-name-input{flex:1 1;width:auto}.generator-button{width:100%}}.spellbook-controls-container{grid-gap:15px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px;max-width:100%;padding:0}.spellbook-controls-box{align-items:center;background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;min-width:0;padding:15px;text-align:center;width:100%}.spellbook-controls-box h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:600;margin:0;text-align:center;white-space:nowrap;width:100%}.spellbook-input-group{display:flex;gap:10px;justify-content:center;width:auto}.spellbook-name-input{flex:none;width:200px}.generator-button{min-width:200px;width:auto}@media (max-width:768px){.spellbook-controls-container{grid-template-columns:1fr;margin:0 auto 20px;padding:0;width:100%}.spellbook-controls-box{align-items:center;display:flex;margin:0 auto;max-width:100%;padding:15px 10px}.spellbook-input-group{align-items:center;flex-direction:column;max-width:100%;width:100%}.create-spellbook-button,.generator-button,.spellbook-name-input{box-sizing:border-box;margin:0 auto;max-width:200px;min-width:0;width:100%}}@media (max-width:480px){.spellbook-controls-box{padding:12px 8px}}.active-spellbook-header{flex-wrap:wrap;padding:15px 20px}.system-toggle-container{align-items:center;display:flex;gap:10px;margin-left:auto}@media (max-width:768px){.active-spellbook-header{gap:10px;padding:12px 15px}.system-toggle-container{justify-content:center;margin-top:10px;width:100%}.spellbook-selector{flex-grow:1}}.spellbook-selector{font-family:Poppins,sans-serif;padding:8px 12px}@media (max-width:768px){.active-spellbook-header{flex-direction:column;gap:8px;padding:12px 15px}.spellbook-selector{width:100%}}.spellbook-controls-box .spellbook-input-group{display:flex;gap:10px;justify-content:center;width:auto}.spellbook-controls-box .spellbook-name-input{flex:none;width:200px}.spellbook-controls-box .generator-button{min-width:200px;width:auto}@media (max-width:768px){.spellbook-controls-box .generator-button,.spellbook-controls-box .spellbook-name-input{width:100%}}.generate-cards-button{background-color:#3d5a80}.generate-cards-button:hover{background-color:#2c4a6e}@media (max-width:768px){.spell-book .spell-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.spell-book .spell-list table{min-width:950px}.spell-book .spell-list td:nth-child(2) a{font-size:1rem!important}.spell-book .spell-list td,.spell-book .spell-list th{font-size:.8rem!important}.spell-book .remaining-spells-row td{padding-left:12px;text-align:left}.spell-book .filter-group{min-width:100px}.spell-book .filter-group select{background-position:right 4px top 50%;background-size:14px auto;font-size:.8rem;padding:4px 8px}.spell-book .filter-group select[name=class]{min-width:70px;width:70px}.spell-book .filter-group select[name=level]{min-width:60px;width:60px}.spell-book .filter-group select[name=concentration]{min-width:120px;width:120px}.spell-book .filter-group select[name=ritual]{min-width:70px;width:70px}.spell-book .filters{gap:8px;padding:8px}}.generator-modal{align-items:flex-start;justify-content:center;max-width:500px;width:90%}.generator-modal,.spellbook-generator{display:flex;left:50%;max-height:90vh;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.spellbook-generator{-webkit-font-smoothing:auto;animation:generator-popup-appear .3s ease-out;background-color:#fff!important;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;cursor:default;flex-direction:column;font-family:Poppins,sans-serif;overflow-y:auto;padding:0;pointer-events:auto;transform-style:flat;width:100%}@keyframes generator-popup-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spellbook-generator h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.5rem;margin-bottom:20px;text-align:center}.form-header{flex-wrap:wrap;gap:10px;margin-bottom:15px}.form-header,.form-header-top{align-items:center;display:flex}.form-header-top{gap:20px;margin-bottom:0;width:100%}.form-group{align-items:flex-start;margin-bottom:15px}.form-group label{align-items:center;display:flex;font-size:.9rem;gap:4px;margin-bottom:5px}.form-group .small-input{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.85em;height:auto;max-width:100%;min-height:0;min-height:auto;min-width:100px;padding:5px 8px;width:100%}.form-group .small-input::placeholder{color:#98c1d9}.form-group .level-select,.form-group .spells-per-level-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85em;height:auto;min-height:0;min-height:auto;min-width:80px;padding:5px 8px;width:auto}.form-group .level-select{min-width:65px;width:65px}.form-group .spells-per-level-select{min-width:100px;width:100px}.manual-mode-toggle{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;padding:10px}.manual-mode-toggle label{align-items:center;color:#3d5a80;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:4px;min-width:150px}.distribution-container{box-sizing:border-box;display:flex;gap:20px;margin:15px 0;width:100%}.spell-distribution{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-sizing:border-box;flex:1 1;padding:15px;width:100%}.spell-distribution h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:10px;margin-top:0}.spell-distribution p{color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;margin:5px 0}.manual-distribution{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-sizing:border-box;flex:1 1;margin:0;padding:15px;width:100%}.manual-inputs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.manual-input-group{align-items:center;display:flex;gap:8px}.manual-input-group label{color:#3d5a80;flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;min-width:70px}.manual-input-group input{border:1px solid #3d5a80;border-radius:3px;color:#3d5a80;font-family:Poppins,sans-serif;font-size:14px;padding:4px 8px;text-align:center;width:60px}.generated-spells{border-top:1px solid #98c1d9;margin-left:auto;margin-right:auto;margin-top:20px;max-width:calc(100% - 40px);padding-top:20px;width:100%}.generated-spells h3{color:#3d5a80;font-family:Poppins,sans-serif;margin-bottom:15px}.spell-list-preview{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;max-height:300px;overflow-y:auto;padding:15px;width:auto}.spell-list-preview h4{color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;margin:10px 0 5px}.spell-list-preview ul{list-style:none;margin:0;padding-left:15px}.spell-list-preview li{align-items:center;color:#3d5a80;display:flex;font-size:.9rem;gap:8px;margin-bottom:4px}.spell-list-preview li:before,.spell-list-preview li>span:first-child{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.spell-list-preview .school-badge{background-color:initial;border:1.5px solid;border-radius:10px;box-sizing:border-box;display:inline-block;font-size:.75em;font-weight:500;line-height:1.2;margin-left:auto;min-width:35px;padding:1px 4px;text-align:center;width:35px}.spell-list-preview .school-abjuration{border-color:#3498db;color:#3498db}.spell-list-preview .school-conjuration{border-color:#f1c40f;color:#f1c40f}.spell-list-preview .school-divination{border-color:#95a5a6;color:#95a5a6}.spell-list-preview .school-enchantment{border-color:#e91e63;color:#e91e63}.spell-list-preview .school-evocation{border-color:#e74c3c;color:#e74c3c}.spell-list-preview .school-illusion{border-color:#9b59b6;color:#9b59b6}.spell-list-preview .school-necromancy{border-color:#2ecc71;color:#2ecc71}.spell-list-preview .school-transmutation{border-color:#e67e22;color:#e67e22}.generator-buttons{display:flex;gap:15px;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px}.cancel-button,.generate-button,.preview-button{border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.cancel-button:focus,.generate-button:focus,.preview-button:focus{outline:none}.generate-button,.preview-button{background-color:#3d5a80;color:#fff}.generate-button:hover,.preview-button:hover{background-color:#2c4a6e}.generator-buttons .cancel-button{background-color:#f8fafc;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.generator-buttons .cancel-button:hover{background-color:#e5e7eb}@media (max-width:640px){.generator-modal{max-width:none;width:95%}.spellbook-generator{border-radius:12px;max-width:95%;padding:0}.generator-header{padding:.5rem 1rem;position:relative}.generator-header h2{font-size:1.3rem;padding-right:30px}.spellbook-generator .close-button{right:10px}.distribution-container{flex-direction:column}.manual-distribution,.spell-distribution{width:100%}.form-header,.form-header-top{flex-direction:column}.form-group.name-group{flex:1 1;margin-bottom:10px}.form-group.level-group{margin-bottom:10px}.form-group .level-select,.form-group .spells-per-level-select{flex:1 1}.form-group.subclass-group{margin-bottom:10px}.manual-inputs{grid-template-columns:repeat(2,1fr)}.manual-input-group{margin-bottom:8px}.manual-input-group label{font-size:12px}.generator-buttons{flex-direction:column}.generate-button,.preview-button{margin:5px 0;width:100%}.generator-buttons .cancel-button{margin-top:5px}.generated-spells{margin-top:20px;max-width:100%;width:100%}.spell-list-preview{margin-left:0;padding-left:15px;width:auto}form{box-sizing:border-box;padding:15px;width:100%}}.generator-header{align-items:center;background-color:#3d5a80;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;justify-content:space-between;margin-bottom:0;padding:.5rem 1.25rem;position:relative}.generator-header h2{color:#fff;font-family:Mondia Light,sans-serif;font-size:1.6rem;margin:0;padding-right:30px;text-align:left}.spellbook-generator .close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.spellbook-generator .close-button:hover{color:#f0f0f0}.spellbook-generator .close-button svg{height:20px;width:20px}.required{color:#ef4444;margin-left:2px}.error-message{color:#ef4444;font-size:.8rem;margin-top:4px}.small-input.error:focus{box-shadow:0 0 0 1px #ef4444;outline-color:#ef4444}@media (max-width:768px){.distribution-container{flex-direction:column}.manual-distribution,.spell-distribution{width:100%}}.spellbook-generator::-webkit-scrollbar{width:8px}.spellbook-generator::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.spellbook-generator::-webkit-scrollbar-thumb{background:#98c1d9;border-radius:4px}.spellbook-generator::-webkit-scrollbar-thumb:hover{background:#3d5a80}.total-spells{border-top:1px solid #98c1d9;color:#3d5a80;font-size:.95rem;font-weight:600;margin-top:15px;padding-top:10px}.form-group .level-select:hover,.form-group .small-input:hover,.form-group .spells-per-level-select:hover{background-color:#fff}.form-group .level-select:focus,.form-group .spells-per-level-select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.small-input.error{border-color:#ef4444}.small-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433;outline:none}.form-group.name-group{flex:1 1;max-width:250px}.form-group.subclass-group{margin-bottom:0;margin-top:0;max-width:140px;width:100%}.form-group .subclass-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85em;min-width:120px;padding:5px 8px;width:100%}.form-group .subclass-select:hover{border-color:#2c4a6e}.form-group .subclass-select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.form-header .form-group{margin-bottom:0}.info-tooltip-icon{align-items:center;cursor:help;display:inline-flex;margin-left:4px}.info-tooltip-icon svg{fill:#3d5a80;height:14px;opacity:.7;transition:opacity .2s ease;width:14px}.info-tooltip-icon:hover svg{opacity:1}@media screen and (-webkit-min-device-pixel-ratio:0){.spellbook-generator{transform:translate(-50%,-50%)}}.spellbook-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}form{box-sizing:border-box;max-width:100%;padding:20px;width:100%}@font-face{font-family:Metrophobic;font-style:normal;font-weight:400;src:url(/static/media/Metrophobic-Regular.baccc907fca64e36f945.ttf) format("truetype")}.search-and-options{margin-bottom:20px}.search-and-checkboxes{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.search-and-count{align-items:center;background-color:initial;display:flex;gap:10px;width:100%}.options-checkboxes{display:flex;flex-direction:row;gap:20px;margin:10px 0 12px}.options-checkboxes label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;white-space:nowrap}.options-checkboxes input[type=checkbox]{margin-right:5px}.ritual-divider td{background-color:#f3f4f6;height:20px}tr.ritual{background-color:#f9fafb;font-style:italic;opacity:.7}tr.ritual:hover{opacity:1}tr.ritual .prepare-spell-icon svg{fill:#9ca3af}tr.ritual .prepare-spell-icon:hover svg{fill:#4b5563}.separator-row td{background-color:#fff;border:none;height:20px}.floating-buttons{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1px solid #98c1d9;border-radius:8px;bottom:40%;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:10px;left:50%;padding:15px 20px;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.floating-close-button{align-items:center;background-color:#3d5a80;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s ease;width:24px;z-index:1001}.floating-close-button:hover{background-color:#2c4a6e;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.floating-button{background-color:#3d5a80;border:1px solid #98c1d9;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;min-width:200px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.floating-button:hover{background-color:#2c4a6e;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.prepare-button{background-color:#3d5a80}.prepare-button:hover{background-color:#2c4a6e}.unprepare-button{background-color:#3d5a80}.unprepare-button:hover{background-color:#2c4a6e}.generate-cards-button{background-color:#edf3f8;border:1px solid #3d5a80;color:#3d5a80}.generate-cards-button:hover{background-color:#dde9f3}.back-to-top{align-items:center;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:50%;bottom:20px;color:#4b5563;cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);transition:all .3s ease;width:50px;z-index:1000}.back-to-top:hover{background-color:#d1d5db}.back-to-top svg{height:28px;width:28px}.prepared-spells .spell-list td:first-child,.prepared-spells .spell-list th:first-child{width:20px}.prepared-spells .spell-list td:nth-child(2),.prepared-spells .spell-list th:nth-child(2){max-width:325px!important;min-width:325px!important;width:325px!important}.prepared-spells .spell-list tbody tr.spell-row.expanded{background-color:#f8fafc}.prepared-spells .spell-list tbody tr.spell-row.expanded .short-description{color:#000!important;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95em;line-height:1.3;padding:10px;text-align:left}.prepared-spells .spell-list tbody tr.spell-properties-row{background-color:#f8fafc;color:#4a4a4a;font-size:.8em}.prepared-spells .spell-list tbody tr.spell-properties-row td{opacity:.9;padding:3px 8px 1px;vertical-align:top}.prepared-spells .spell-list tbody tr.spell-properties-row.ritual,.prepared-spells .spell-list tbody tr.spell-row.ritual{background-color:#fafbfc;font-style:italic;opacity:.8}.prepared-spells .spell-list tbody tr.spell-properties-row.ritual:hover,.prepared-spells .spell-list tbody tr.spell-row.ritual:hover{opacity:1}.prepared-spells .info-icon{cursor:pointer;display:inline-block;height:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.prepared-spells .info-icon svg{height:100%;width:100%}.prepared-spells .info-icon:hover svg{fill:#1f2937}.prepared-spells .filters{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px}.prepared-spells .filter-group{display:flex;flex:1 1;flex-direction:column;min-width:120px}.prepared-spells .filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 5px top 50%;background-repeat:no-repeat;background-size:16px auto;border:1px solid #98c1d9;border-radius:4px;color:#3d5a80;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;padding:6px 10px}.prepared-spells .filter-group select:hover{border-color:#2c4a6e}.prepared-spells .filter-group select:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.prepared-spells .filter-group select option{font-family:Poppins,sans-serif;font-size:.85em;font-weight:400}.prepared-spells .spell-list thead{background-color:#f8fafc}.prepared-spells .spell-list table{border:1px solid #98c1d9;border-radius:4px;empty-cells:show;overflow:hidden}.prepared-spells .spell-list th{background-color:#f8fafc;border-bottom:none;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85em;font-weight:700;letter-spacing:.05em;padding:10px 8px;text-transform:uppercase}.prepared-spells .spell-list th:hover{background-color:#e2eef9}.prepared-spells .spell-list tbody:empty{display:none}.prepared-spells .spell-list tbody:empty+tfoot:before{content:"";display:table-row;height:1px}.blur-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.spell-info-box{z-index:1000}.prepared-spells .empty-table-row td{background-color:#fff;color:#6b7280;font-style:italic;padding:20px;text-align:center}.prepared-spells .spell-list td{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:400;padding:5px 8px}.prepared-spells .spell-list td:nth-child(2){font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem}.spell-name-cell{padding-right:55px}.info-icon{cursor:pointer;display:inline-block;height:22px;position:absolute;right:25px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:22px}.info-icon svg{height:100%;width:100%}.prepare-spell-icon{cursor:pointer;display:inline-block;height:20px;position:absolute;right:3px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.info-icon svg,.prepare-spell-icon svg{height:100%;width:100%}html[data-darkreader-scheme=dark] .prepare-spell-icon.prepared svg{fill:gold!important;filter:drop-shadow(0 0 3px rgba(255,215,0,.7))!important}.prepared-spells .spell-list td:nth-child(10),.prepared-spells .spell-list td:nth-child(3),.prepared-spells .spell-list td:nth-child(9),.prepared-spells .spell-list th:nth-child(10),.prepared-spells .spell-list th:nth-child(3),.prepared-spells .spell-list th:nth-child(9){text-align:center}.prepared-spells .spell-list tbody tr.spell-row.expanded td{padding-bottom:1px}.prepared-spells .spell-list tbody tr.spell-row.expanded+tr.spell-properties-row td{padding-top:1px}.cast-spell-icon{cursor:pointer;display:inline-block;height:20px;position:absolute;right:42px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.cast-spell-icon svg{fill:#2c4a6e;height:100%;width:100%}.cast-spell-icon:hover svg{fill:#1f2937}.cast-spell-icon.casting svg{animation:castGlow .8s ease-out}@keyframes castGlow{0%{fill:#2c4a6e;filter:drop-shadow(0 0 0 rgba(138,79,255,0));transform:scale(1)}15%{fill:#9b6fff;filter:drop-shadow(0 0 12px rgba(155,111,255,.9));transform:scale(1.3)}40%{fill:#8a4fff;filter:drop-shadow(0 0 16px rgba(138,79,255,.8));transform:scale(1.2)}60%{fill:#9b6fff;filter:drop-shadow(0 0 10px rgba(155,111,255,.7));transform:scale(1.1)}to{fill:#2c4a6e;filter:drop-shadow(0 0 0 rgba(138,79,255,0));transform:scale(1)}}.prepared-spells .info-icon{right:25px}.spell-name-cell{padding-right:70px;position:relative}.spell-counter{background-color:initial!important}.active-spellbook-header{align-items:center;background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;gap:15px;justify-content:center;margin-bottom:20px;padding:10px 20px}.active-spellbook-header h2{font-size:1.2rem;font-weight:600;margin:0;white-space:nowrap}.active-spellbook-header h2,.spellbook-selector{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.spellbook-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%233d5a80%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border:1px solid #98c1d9;border-radius:4px;cursor:pointer;font-size:1rem;max-width:300px;padding:8px 32px 8px 12px;transition:all .3s ease;width:300px}.spellbook-selector:hover{border-color:#3d5a80;box-shadow:0 1px 3px #0000001a}.spellbook-selector:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}@media (max-width:768px){.active-spellbook-header{align-items:center;flex-direction:column;gap:8px;padding:12px 15px}.spellbook-selector{max-width:none;width:100%}.options-checkboxes{flex-direction:column;gap:8px;margin:8px 0 10px}}.spell-slots-everywhere-option{align-items:center;color:#4b5563;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;gap:8px;margin-top:8px}.spell-slots-everywhere-option input[type=checkbox]{margin:0}.clear-filters{align-self:flex-start;background-color:#3d5a80;border:none;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9em;font-weight:500;margin-left:auto;padding:5px 10px;transition:all .3s ease}@media (max-width:768px){.options-checkboxes{flex-direction:column;gap:8px;margin:8px 0 10px}.floating-buttons{max-width:300px;width:90%}.floating-button{min-width:0;min-width:auto;width:100%}.prepared-spells .spell-list{margin:0;overflow-x:auto;padding:0}.prepared-spells .spell-list table{font-size:.8rem;margin:0}.search-and-options{margin-bottom:15px}}.prepared-spells .spell-list{box-sizing:border-box;padding:0;width:100%}.prepared-spells .spell-list table{border-collapse:initial;border-spacing:0;box-sizing:border-box;margin:0;width:100%}@media (max-width:768px){.prepared-spells .filter-group{min-width:100px}.prepared-spells .filter-group select{background-position:right 4px top 50%;background-size:14px auto;font-size:.8rem;padding:4px 8px}.prepared-spells .filters{gap:8px;padding:8px}}.simple-confirmation-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.simple-confirmation-popup{animation:popup-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;max-width:400px;overflow:hidden;width:90%}.simple-confirmation-header{align-items:center;background-color:#3d5a80;border-bottom:1px solid #98c1d9;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.simple-confirmation-header h2{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:600;margin:0}.simple-close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.simple-close-button svg{fill:#fff;height:20px;width:20px}.simple-close-button:hover svg{fill:#e2e8f0}@keyframes popup-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.simple-confirmation-content{padding:20px;text-align:left}.simple-confirmation-content p{color:#333;font-family:Poppins,sans-serif;font-size:1rem;line-height:1.5;margin:0}.simple-confirmation-actions{display:flex;gap:15px;justify-content:flex-end;padding:0 20px 20px}.simple-cancel-button,.simple-confirm-button{border:none;border-radius:4px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.simple-confirm-button{background-color:#3d5a80;color:#fff}.simple-confirm-button:hover{background-color:#2c4a6e;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.simple-cancel-button{background-color:#f1f5f9;border:1px solid #98c1d9;color:#3d5a80}.simple-cancel-button:hover{background-color:#e2e8f0;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.prepared-spells .spell-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.prepared-spells .spell-list table{min-width:950px}.prepared-spells .spell-list td:nth-child(2) a{font-size:1rem!important}.prepared-spells .spell-list td,.prepared-spells .spell-list th{font-size:.8rem!important}.prepared-spells .remaining-spells-row td{padding-left:12px;text-align:left}}.prepared-spells-presets-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.prepared-spells-presets{margin-left:0}.prepared-spells-presets,.preset-explanation{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex:1 1;flex-basis:350px;min-width:280px;padding:15px}.preset-explanation{color:#4a5568;font-family:Poppins,sans-serif;font-size:.9rem;line-height:1.5}.preset-explanation h4{font-family:Poppins,sans-serif}.prepared-spells-presets h3,.preset-explanation h4{color:#3d5a80;font-size:1.2rem;font-weight:400;margin-bottom:15px;margin-top:0;text-align:left}.prepared-spells-presets h3{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.preset-actions{display:flex;gap:10px;margin-bottom:15px}.preset-actions input{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#4a5568;flex-grow:1;font-family:Poppins,sans-serif;font-size:.9rem;max-width:200px;padding:8px 12px;transition:all .3s ease}.preset-actions input:focus{border-color:#3d5a80;box-shadow:0 0 0 2px #3d5a8033;outline:none}.preset-actions input::placeholder{color:#98c1d9}.preset-actions button,.preset-list button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;padding:5px 10px;transition:background-color .3s ease}.preset-actions button:hover,.preset-list button:hover{background-color:#2c4a6e}.preset-list{list-style-type:none;margin:0;padding:0}.preset-list li{align-items:center;border-bottom:1px solid #98c1d9;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:all .2s ease}.preset-list li:hover{background-color:#f0f7ff}.preset-list li:last-child{border-bottom:none}.preset-name{color:#4a5568;flex-grow:1;font-family:Poppins,sans-serif;font-size:.9rem;padding:4px 0}.preset-name>span{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.1rem}.preset-buttons{display:flex;gap:5px;opacity:1;transition:opacity .2s ease}.preset-buttons button{position:relative;z-index:1}.delete-button,.load-button,.save-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;padding:4px 8px;transition:background-color .3s ease}.load-button{background-color:#3d5a80}.save-button{background-color:#4caf50}.load-button:hover,.save-button:hover{background-color:#2c4a6e}.save-button:hover{background-color:#45a049}.delete-button{align-items:center;background-color:#e2e8f0;border:1px solid #98c1d9;color:#718096;display:flex;justify-content:center;padding:5px}.delete-button:hover{background-color:#fed7d7;border-color:#feb2b2;color:#e53e3e}.delete-button svg{fill:currentColor;height:16px;width:16px}.preset-list li.active{background-color:#e6f0ff;border-bottom:1px solid #98c1d9;border-radius:4px}@media screen and (max-width:768px){.prepared-spells-presets-container{flex-direction:column}.prepared-spells-presets,.preset-explanation{flex-basis:auto;max-width:100%}.preset-actions{flex-direction:column}.preset-buttons{flex-wrap:wrap}}@media screen and (max-width:480px){.preset-list li{align-items:flex-start;flex-direction:column;gap:10px}.preset-buttons{justify-content:flex-start;width:100%}.delete-button,.load-button,.save-button{padding:8px 12px}.preset-actions input{max-width:100%}}.preset-actions button.disabled{background-color:#cbd5e1;cursor:not-allowed;opacity:.7}.preset-actions button.disabled:hover{background-color:#cbd5e1}.preset-actions input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.preset-actions input:disabled::placeholder{color:#94a3b8}.main-nav{background:#293241;font-family:Poppins,sans-serif;justify-content:center;z-index:1000}.main-nav,.main-nav .wrapper{display:flex;position:relative}.main-nav .wrapper{align-items:center;height:70px;justify-content:space-between;line-height:70px;max-width:1200px;padding:0 50px;width:100%}.wrapper .logo{align-items:center;display:flex;gap:10px}.wrapper .logo a{color:#e0fbfc;font-size:24px;font-weight:400;text-decoration:none}.wrapper .logo a:first-child{align-items:center;display:flex;margin:0;padding:0;transition:transform .2s ease}.wrapper .logo a:first-child:hover{transform:scale(1.05)}.wrapper .logo a:last-child{margin-left:10px}.wrapper .nav-links{align-items:center;display:flex;margin-left:auto;padding-left:40px}.nav-links li{list-style:none;position:relative}.nav-links li a{border-radius:5px;color:#e0fbfc;font-size:18px;font-weight:400;padding:9px 15px;text-decoration:none;transition:all .3s ease}.nav-links li a:hover{color:#ee6c4d}.nav-links .mobile-item{display:none}.nav-links .drop-menu{background:#293241;box-shadow:0 6px 10px #00000026;left:0;line-height:45px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:calc(100% - 5px);transition:all .3s ease;visibility:hidden;width:150px;z-index:1001}.nav-links li:hover .drop-menu{opacity:1;pointer-events:auto;top:calc(100% - 17px);visibility:visible}.drop-menu li{padding:0;width:100%}.drop-menu li a{border-radius:0;color:#e0fbfc;display:block;font-size:15px;font-weight:400;line-height:45px;padding:0 15px;text-align:left;transition:all .3s ease;width:100%}.drop-menu li:not(.theme-toggle-item) a:hover{background:#3d5a80;color:#ee6c4d;padding-left:20px}.nav-logo{height:auto;object-fit:contain;width:50px}.account-item{align-items:center;display:flex;height:70px;position:relative}.account-item .desktop-item{align-items:center;color:#e0fbfc;display:flex;height:100%;padding:9px 15px}.account-item:hover .desktop-item{color:#ee6c4d}.account-item .mobile-item{display:none}.account-item .drop-menu{background:#293241;box-shadow:0 6px 10px #00000026;left:auto;line-height:45px;opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% - 5px);transition:all .3s ease;visibility:hidden;width:150px;z-index:1001}.account-item:hover .drop-menu{opacity:1;pointer-events:auto;visibility:visible}.account-item .drop-menu li{display:block;margin:0;padding:0}.account-item .drop-menu li a,.account-item .drop-menu li button{background:none;border:none;border-radius:0;color:#e0fbfc;cursor:pointer;display:block;font-size:15px;font-weight:400;line-height:45px;padding:0 15px;text-align:left;width:100%}.account-item .drop-menu li a:hover,.account-item .drop-menu li button:hover{background:#3d5a80;color:#ee6c4d}.nav-links .login-item{margin-left:auto}.nav-links .login-item a{background-color:#3d5a80;border-radius:5px;color:#e0fbfc;font-size:14px;padding:5px 15px;transition:all .3s ease}.nav-links .login-item a:hover{background-color:#2c4057;color:#e0fbfc}.account-item:after,.close-menu-btn{display:none}body,html{-webkit-overflow-scrolling:touch;overflow-x:hidden;position:relative;width:100%}@media screen and (max-width:768px){.main-nav,.wrapper{overflow:visible;position:relative;width:100%}.wrapper .nav-links{background:#293241;box-shadow:0 15px 15px #0000002e;display:block;height:100vh;left:0;line-height:50px;max-width:350px;opacity:0;overflow-x:hidden;overflow-y:auto;padding:50px 10px;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100vw;z-index:1002}.wrapper .nav-links.active{opacity:1;pointer-events:all;transform:translateX(0)}.nav-links li{margin:15px 10px;position:relative}.nav-links li a{display:block;font-size:20px;padding:0 20px}.nav-links .desktop-item{display:none}.nav-links .mobile-item{border-radius:5px;color:#e0fbfc;cursor:pointer;display:block;font-size:20px;font-weight:500;padding:10px 30px 10px 20px;position:relative;transition:all .3s ease}.mobile-item:after{content:"+";font-size:22px;line-height:1;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease}input:checked~.mobile-item:after{transform:translateY(-50%) rotate(45deg)}.nav-links .drop-menu{box-shadow:none;max-height:0;opacity:1;opacity:0;overflow:hidden;padding-left:20px;position:static;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;visibility:visible;width:100%}#showAccount:checked~.drop-menu,#showClasses:checked~.drop-menu,#showMore:checked~.drop-menu,#showSpells:checked~.drop-menu,#showTools:checked~.drop-menu{max-height:600px;opacity:1}.nav-links .mobile-item:hover{background:#3d5a80}.nav-links .account-item{display:block;height:auto;margin:15px 10px;width:100%}.account-item .desktop-item{display:none}.account-item .mobile-item{border-radius:5px;color:#e0fbfc;cursor:pointer;display:block;font-size:20px;font-weight:500;padding:10px 30px 10px 20px;position:relative;transition:all .3s ease}.account-item .mobile-item:after{content:"+";font-size:22px;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all .3s ease}.account-item .drop-menu{background:#0000;box-shadow:none;line-height:normal;max-height:0;opacity:0;overflow:hidden;padding-left:20px;position:static;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;visibility:visible;width:100%}#showAccount:checked~.drop-menu{max-height:300px;opacity:1}.nav-links .login-item{margin-left:0}.nav-links .login-item a{background-color:initial;color:#e0fbfc;font-size:18px;padding:0 20px}.nav-links .login-item a:hover{background-color:#3d5a80;color:#ee6c4d}.hamburger{cursor:pointer;display:block}.hamburger div{background-color:#e0fbfc;height:3px;margin:5px 0;transition:all .3s ease;width:25px}.close-menu-btn{background:none;border:none;color:#e0fbfc;cursor:pointer;display:block;font-size:32px;padding:5px 10px;position:absolute;right:20px;top:10px}.close-icon{display:block;line-height:1}.wrapper .nav-links{padding-top:60px}.account-item .drop-menu li a,.account-item .drop-menu li button{background:#0000;border:none;color:#e0fbfc;display:block;font-size:20px;line-height:50px;padding:0 20px;text-align:left;width:100%}}.nav-links input[type=checkbox]{display:none}.resize-animation-stopper *{animation:none!important;transition:none!important}.theme-toggle-item{background:none!important;margin:5px 0;padding:0}.theme-toggle-item .theme-toggle{align-items:center;background:none!important;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.theme-toggle-item .theme-toggle:hover,.theme-toggle-item:hover,.theme-toggle-item:hover .theme-toggle{background:none!important}.theme-toggle-item:hover .theme-toggle{color:#ee6c4d}.nav-links .drop-menu li.theme-toggle-item,.nav-links .drop-menu li.theme-toggle-item *,.nav-links .drop-menu li.theme-toggle-item :hover,.nav-links .drop-menu li.theme-toggle-item:hover{background:none!important}.theme-toggle-container{align-items:center;display:flex;margin-left:15px}.theme-toggle-button{align-items:center;background:none;border:none;color:#e0fbfc;cursor:pointer;display:flex;font-size:15px;font-weight:400;line-height:45px;padding:0 15px;text-align:left;transition:all .3s ease;width:100%}.theme-toggle-content{align-items:center;display:flex;justify-content:space-between;width:100%}.theme-toggle-button:hover{background-color:#3d5a80;color:#ee6c4d;padding-left:20px}.theme-toggle-button svg{margin-left:auto;transition:transform .3s ease}.theme-toggle-button:hover svg{transform:rotate(15deg)}.theme-label{font-family:Poppins,sans-serif}@media (max-width:768px){.theme-toggle-button{font-size:20px;line-height:50px;padding:0 20px}.theme-toggle-button:hover{background-color:#3d5a80;padding-left:25px}}.dice-roller-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dice-roller-modal{animation:diceroller-popup-appear .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 30px #0000004d;display:flex;flex-direction:column;font-family:Poppins,sans-serif;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes diceroller-popup-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dice-roller-header{align-items:center;background-color:#3d5a80;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:.5rem 1.25rem;position:relative}.dice-roller-header h2{color:#fff;font-family:Mondia Light,sans-serif;font-size:1.6rem;margin:0;padding-right:30px;text-align:left}.close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.close-button:hover{color:#f0f0f0}.close-button svg{height:20px;width:20px}.dice-icon{align-items:center;background-color:initial;display:flex;height:60px;justify-content:center;position:relative;transition:transform .2s;width:60px}.dice-icon-button:hover .dice-icon{transform:scale(1.05)}.dice-icon img{height:100%;object-fit:contain;width:100%}.dice-icon.d10 img{height:110%;margin:-5%;width:110%}.dice-icon.d10 img,.dice-icon.d100 img,.dice-icon.d12 img,.dice-icon.d4 img,.dice-icon.d6 img,.dice-icon.d8 img{filter:invert(32%) sepia(15%) saturate(1967%) hue-rotate(173deg) brightness(92%) contrast(85%)}.dice-icon.d20 img{filter:invert(56%) sepia(51%) saturate(2341%) hue-rotate(334deg) brightness(97%) contrast(92%)}.dice-icon-button:hover .dice-icon.d10 img,.dice-icon-button:hover .dice-icon.d100 img,.dice-icon-button:hover .dice-icon.d12 img,.dice-icon-button:hover .dice-icon.d4 img,.dice-icon-button:hover .dice-icon.d6 img,.dice-icon-button:hover .dice-icon.d8 img{filter:invert(18%) sepia(10%) saturate(2207%) hue-rotate(173deg) brightness(96%) contrast(88%)}.dice-icon-button:hover .dice-icon.d20 img{filter:invert(39%) sepia(40%) saturate(2341%) hue-rotate(334deg) brightness(97%) contrast(92%)}.dice-icon span{bottom:-20px;color:#3d5a80;display:block;font-size:12px;font-weight:700;left:0;margin-top:5px;position:absolute;right:0;text-align:center}.modifier-control{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:.5rem}.modifier-control label{color:#555;font-size:.95rem;font-weight:500}.modifier-control input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95rem;height:38px;padding:.5rem;width:80px}.selected-dice-area{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.selected-dice-header{align-items:center;display:flex;justify-content:space-between}.selected-dice-header h3{color:#3d5a80;font-family:Mondia Light,sans-serif;font-size:1.1rem;margin:0}.clear-dice-button{background:none;border:none;color:#ee6c4d;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:color .2s}.clear-dice-button:hover{color:#e84a5f;text-decoration:underline}.clear-dice-button:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}.empty-selection{color:#999;font-style:italic;padding:1rem;text-align:center}.selected-dice-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.selected-die,.selected-die-icon{align-items:center;display:flex;position:relative}.selected-die-icon{background-color:initial;height:40px;justify-content:center;width:40px}.selected-die-icon img{height:100%;object-fit:contain;width:100%}.selected-die-icon.d10 img{height:110%;margin:-5%;width:110%}.selected-die-icon.d10 img,.selected-die-icon.d100 img,.selected-die-icon.d12 img,.selected-die-icon.d4 img,.selected-die-icon.d6 img,.selected-die-icon.d8 img{filter:invert(32%) sepia(15%) saturate(1967%) hue-rotate(173deg) brightness(92%) contrast(85%)}.selected-die-icon.d20 img{filter:invert(56%) sepia(51%) saturate(2341%) hue-rotate(334deg) brightness(97%) contrast(92%)}.selected-die-icon span{color:#0000;font-size:.8rem;font-weight:600;position:absolute;z-index:2}.remove-die-button{align-items:center;background-color:#e84a5f;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:20px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:background-color .2s;width:20px}.remove-die-button:hover{background-color:#d33f57}.remove-die-button:disabled{background-color:#aaa;cursor:not-allowed}.roll-button{align-self:center;background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;height:38px;margin-top:.5rem;padding:.5rem 1.25rem;transition:background-color .2s}.roll-button:hover{background-color:#2c3e50}.roll-button:disabled{background-color:#a0aec0;cursor:not-allowed}.dice-roller-result{border-bottom:1px solid #e0e0e0;flex-direction:column;padding:1.25rem 0}.dice-container,.dice-roller-result{align-items:center;display:flex;gap:.75rem}.dice-container{flex-wrap:wrap;min-height:90px;padding:.75rem}.dice-container,.die{justify-content:center}.die{align-items:center;background-color:initial;display:flex;height:55px;position:relative;transition:transform .8s cubic-bezier(.34,1.56,.64,1);width:55px}.die img{height:100%;object-fit:contain;width:100%}.die.d10 img{height:110%;margin:-5%;width:110%}.die.d10 img,.die.d100 img,.die.d12 img,.die.d4 img,.die.d6 img,.die.d8 img{filter:invert(32%) sepia(15%) saturate(1967%) hue-rotate(173deg) brightness(92%) contrast(85%)}.die.d20 img{filter:invert(56%) sepia(51%) saturate(2341%) hue-rotate(334deg) brightness(97%) contrast(92%)}.die span{color:#333;font-size:1.4rem;font-weight:700;position:absolute;text-shadow:0 0 2px #fff;z-index:2}.result-display{align-items:center;display:flex;flex-direction:column;gap:.4rem;text-align:center}.result-formula{color:#3d5a80;font-size:1.1rem;font-weight:600}.result-breakdown{color:#666;font-size:.85rem}.result-total{color:#ee6c4d;font-size:1.7rem;font-weight:700;margin-top:.4rem}.result-total span{color:#666;font-size:.95rem;font-weight:400}.dice-roller-history{display:flex;flex-direction:column;gap:.75rem}.history-header{align-items:center;display:flex;justify-content:space-between}.history-header h3{color:#3d5a80;font-family:Mondia Light,sans-serif;font-size:1.1rem;margin:0}.clear-history-button{background:none;border:none;color:#ee6c4d;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:color .2s}.clear-history-button:hover{color:#e84a5f;text-decoration:underline}.empty-history{color:#999;font-style:italic;padding:.75rem;text-align:center}.history-list{display:flex;flex-direction:column;gap:.6rem;max-height:180px;overflow-y:auto}.history-item{align-items:center;background-color:#f8f9fa;border-left:3px solid #98c1d9;border-radius:4px;display:flex;justify-content:space-between;padding:.6rem}.history-formula{color:#3d5a80;font-weight:600}.history-result{align-items:center;display:flex;gap:.6rem}.history-breakdown{color:#666;font-size:.8rem}.history-total{color:#ee6c4d;font-weight:700;min-width:2.5rem;text-align:right}@media (max-width:768px){.dice-icons{gap:.5rem}.dice-icon{font-size:1rem;height:50px;width:50px}.dice-icon.d100{width:55px}.selected-dice-area{padding:1rem}.die{font-size:1.2rem;height:50px;width:50px}.die.d100{width:60px}}@media (max-width:480px){.dice-icons{gap:.4rem}.dice-icon{font-size:.9rem;height:40px;width:40px}.dice-icon.d100{width:45px}.selected-die-icon{font-size:.8rem;height:35px;width:35px}.selected-die-icon.d100{width:40px}.dice-roller-header h2{font-size:1.4rem}.dice-roller-content{padding:.75rem}.die{font-size:1rem;height:40px;width:40px}.die.d100{width:50px}.result-total{font-size:1.5rem}}.dice-roller-content{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1rem}.dice-selection-area{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;padding-bottom:1.25rem}.dice-icons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.dice-icon-button{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s}.dice-icon-button:hover{transform:translateY(-3px)}.dice-icon-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.tab-navigation{align-items:flex-end;background-color:initial;border-bottom:none;box-shadow:none;display:flex;height:3.8rem;justify-content:center;margin-top:-3.8rem;padding:0;position:relative;z-index:3}.tab-navigation:after{background:linear-gradient(90deg,#3d5a8000 0,#3d5a8033 5%,#3d5a8080 15%,#3d5a80e6 30%,#3d5a80e6 70%,#3d5a8080 85%,#3d5a8033 95%,#3d5a8000);bottom:0;box-shadow:0 0 10px #3d5a8066;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80%;z-index:2}.tab{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#e2e8f0e6;border:none;box-shadow:0 -2px 6px #0000000d;box-sizing:border-box;color:#3d5a80;cursor:pointer;display:flex;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:500;justify-content:center;letter-spacing:.06em;margin:0 4px;min-width:140px;overflow:hidden;padding:.9rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease-out;width:clamp(140px,22vw,200px)}.tab,.tab:before{border-radius:8px 8px 0 0}.tab:before{background:linear-gradient(180deg,#ffffff26,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.tab span{display:block;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;transition:none;white-space:nowrap;z-index:2}.tab:hover{background-color:#f1f5f9f2;box-shadow:0 -3px 10px #00000014;transform:translateY(-3px)}.tab.active{background-color:#3d5a80;border:none;box-shadow:0 -4px 12px #3d5a804d;color:#fff;font-size:.95rem;font-weight:600;min-width:140px;padding:1.1rem 1.8rem;transform:translateY(-1px);width:clamp(140px,22vw,200px);z-index:5}.tab.active:after{background:#ffffffb3;border-radius:2px;content:"";height:3px;left:10%;position:absolute;right:10%;top:0}@media screen and (max-width:768px){.tab-navigation{height:3.5rem;justify-content:center;margin-top:-3.5rem}.tab-navigation:after{background:linear-gradient(90deg,#3d5a8000 0,#3d5a8033 5%,#3d5a8080 15%,#3d5a80e6 30%,#3d5a80e6 70%,#3d5a8080 85%,#3d5a8033 95%,#3d5a8000);box-shadow:0 0 8px #3d5a8059;height:1px;width:90%}.tab{border-radius:6px 6px 0 0;flex:1 1 auto;font-size:.8rem;letter-spacing:.04em;margin:0 3px;max-width:160px;min-width:110px;padding:.8rem;width:auto}.tab.active{font-size:.85rem;max-width:170px;min-width:110px;padding:.95rem 1rem;transform:translateY(-1.5px)}}@media screen and (max-width:600px){.tab{font-size:.75rem;letter-spacing:.03em;margin:0 2px;max-width:140px;min-width:90px;padding:.75rem .6rem}.tab.active{font-size:.8rem;max-width:150px;min-width:90px;padding:.85rem .8rem}}@media screen and (max-width:480px){.tab-navigation{height:3.2rem;margin-top:-3.2rem}.tab-navigation:after{background:linear-gradient(90deg,#3d5a8000 0,#3d5a8033 5%,#3d5a8080 15%,#3d5a80e6 30%,#3d5a80e6 70%,#3d5a8080 85%,#3d5a8033 95%,#3d5a8000);box-shadow:0 0 6px #3d5a804d;height:1px;width:95%}.tab{border-radius:5px 5px 0 0;font-size:.65rem;letter-spacing:.01em;margin:0 2px;max-width:120px;min-width:80px;padding:.7rem .5rem}.tab.active{font-size:.7rem;max-width:130px;min-width:80px;padding:.8rem .6rem;transform:translateY(-1px)}.tab.active:after{height:2px;left:20%;right:20%}}@font-face{font-display:swap;font-family:OPTIBerling-Agency;font-style:normal;font-weight:400;src:url(/static/media/OPTIBerling-Agency.61dd0cd3b5df7841ac9b.otf) format("opentype")}@font-face{font-display:swap;font-family:Mondia-Light;font-style:normal;font-weight:400;src:url(/static/media/Mondia%20Light.f0f282683f627f324153.otf) format("opentype")}.footer{background-color:#293241;border-top:4px solid #ee6c4d;color:#f2f2f2;font-family:Poppins,sans-serif}.footer-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 40px}.footer-main{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:2.5rem 0}.footer-branding{flex:1 1;max-width:300px;min-width:250px}.footer-heading,.footer-title{font-family:Poppins,sans-serif!important}.footer-title{color:#ee6c4d;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.footer-branding p{font-size:.95rem;margin:0 0 1.5rem;opacity:.9}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{align-items:center;background-color:#ee6c4d26;border-radius:50%;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.social-links a:hover{background-color:#ee6c4d4d;transform:translateY(-2px)}.social-links svg{fill:#ee6c4d;color:#ee6c4d;height:18px;width:18px}.footer-nav{display:flex;flex:2 1;flex-wrap:wrap;gap:3rem;justify-content:space-between;max-width:600px}.footer-links-column{flex:0 1 auto;min-width:140px}.footer-heading{color:#ee6c4d;font-size:1.1rem;font-weight:500;margin:0 0 1rem;padding-bottom:.5rem;position:relative}.footer-heading:after{background-color:#ee6c4d;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links-column ul{list-style-type:none;margin:0;padding:0}.footer-links-column ul li{margin-bottom:.75rem}.footer-links-column a{color:#f2f2f2;display:inline-block;font-size:.95rem;text-decoration:none;transition:color .2s ease,padding-left .2s ease}.footer-links-column a:hover{color:#ee6c4d;padding-left:5px}.footer-bottom{border-top:1px solid #f2f2f21a;padding:1.5rem 0;text-align:center}.footer-bottom p{color:#f2f2f2b3;font-size:.9rem;margin:0}.wizards-disclaimer{color:#f2f2f280!important;font-size:.75rem!important;line-height:1.4;margin-left:auto!important;margin-right:auto!important;margin-top:1rem!important;max-width:900px}.wizards-disclaimer a{color:#ee6c4d;text-decoration:none;transition:color .2s ease}.wizards-disclaimer a:hover{color:#f7a496;text-decoration:underline}@media (max-width:768px){.footer-main{align-items:center;flex-direction:column;gap:2rem}.footer-branding{max-width:100%;text-align:center}.footer-nav{gap:2rem;justify-content:center;max-width:100%;width:100%}.footer-links-column{text-align:center}.footer-heading:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}}@media (max-width:500px){.footer-container{padding:0 20px}.footer-links-column{flex:1 0 100%}.footer-main{padding:2rem 0}}.App{background-color:#f7f9fc;flex-direction:column;min-height:100vh;z-index:1}.App,.content{display:flex;position:relative}.content{flex:1 1;flex-direction:column;padding-bottom:20px;padding-top:20px;z-index:20}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:5px;padding:20px;width:300px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons button{cursor:pointer;padding:5px 10px}.route-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #3d5a8033;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:10px;position:relative;width:100%;z-index:2}.app-title{background-color:#fff;color:#1e3a5f;font-family:Poppins,sans-serif;font-size:2rem;margin:0;padding:15px 0;text-align:center}.main-content{margin:0 20px}.spell-list-header{height:25vh;max-height:250px;min-height:180px;overflow:hidden;position:relative;width:100%}.spell-list-header:before{background:url(/static/media/dice-hero1.ecfbf7cc2aaceb4d48ed.jpg) 50%/cover no-repeat;background-position:center 25%;opacity:1;z-index:0}.spell-list-header:after,.spell-list-header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.spell-list-header:after{background:linear-gradient(90deg,#1e2c40f2,#1e2c40cc 40%,#1e2c4033);z-index:1}.spell-list-header-content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem 4rem;position:relative;z-index:2}.spell-list-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 4px 8px #0000004d}.spell-list-header h1,.spell-list-header p{font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.spell-list-header p{color:#e0fbfc;font-size:1.1rem;margin:0;max-width:600px;text-shadow:1px 2px 4px #0003}@media (max-width:768px){.spell-list-header{min-height:150px}.spell-list-header-content{padding:1.5rem 2rem}.spell-list-header h1{font-size:2rem}.spell-list-header p{font-size:1rem}}footer{position:relative;width:100%;z-index:10}@media (max-height:800px){.hero{height:80vh;min-height:500px}}@media (max-width:768px){.route-content{border-radius:6px;padding:8px}}@media (max-width:480px){.route-content{border-radius:4px;padding:5px}}.social-icon{fill:currentColor;height:100%;width:100%}.login-crow-image{filter:brightness(0) saturate(100%) invert(67%) sepia(16%) saturate(638%) hue-rotate(164deg) brightness(91%) contrast(85%);height:auto;left:-40px;position:absolute;top:-85px;width:80px;z-index:1}.login-page{min-height:calc(100vh - 70px);padding:20px}.switch-mode{background-color:initial;border:none;color:#3d5a80;cursor:pointer;display:block;font-size:14px;margin-top:16px;text-decoration:underline;width:100%}.switch-mode:hover{color:#2c4057}.auth-options{align-items:center;display:flex;flex-direction:column}.resend-verification{margin-top:10px}.resend-btn{background:none;border:none;color:#3d5a80;cursor:pointer;font-size:14px;text-decoration:underline}.resend-btn:disabled{color:#a0aec0;cursor:not-allowed}.password-change-form{margin-top:20px}.password-change-form h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.password-strength{font-size:14px;font-weight:700;margin-top:5px}.password-strength.weak{color:#e53e3e}.password-strength.medium{color:#dd6b20}.password-strength.strong{color:#38a169}.password-criteria{color:#718096;font-size:12px;margin-top:5px}.email-change-form{margin-top:20px}.email-change-form h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.submit-btn{width:100%}.error-message,.success-message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:10px;text-align:center}.password-input{position:relative}.password-input input{padding-right:40px}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.password-toggle svg{color:#3d5a80;height:20px;width:20px}.account-page{align-items:flex-start;background-color:#f0f4f8;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.account-container{background-color:#fff;border:1px solid #3d5a80;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;max-width:800px;overflow:hidden;width:100%}.account-sidebar{background-color:#f8fafc;border-right:1px solid #98c1d9;padding:20px 0;width:200px}.sidebar-button{background:none;border:none;border-left:3px solid #0000;color:#3d5a80;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:.9rem;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.sidebar-button.active,.sidebar-button:hover{background-color:#edf3f8}.sidebar-button.active{border-left:3px solid #3d5a80;color:#3d5a80;font-weight:500}.sidebar-button.admin-button{color:#8a4fff;font-weight:500}.sidebar-button.admin-button.active{border-left:3px solid #8a4fff;color:#8a4fff}.account-content{background-color:#fff;flex-grow:1;padding:30px}.account-content h2{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:24px;text-align:center}.account-info{background-color:#f8fafc;border:1px solid #98c1d9;border-radius:8px;padding:20px}.info-item{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:15px;padding-bottom:15px}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:#3d5a80;flex:0 0 120px;font-weight:500}.info-label,.info-value{font-family:Poppins,sans-serif;font-size:.9rem}.info-value{color:#4b5563;flex:1 1}.admin-badge{background-color:#8a4fff;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px}@media (max-width:768px){.account-container{flex-direction:column}.account-sidebar{padding:10px 0;width:100%}.sidebar-button{padding:10px;text-align:center}.info-item{flex-direction:column}.info-label{margin-bottom:5px}}.clear-account-section{background-color:#fff0f0;border:1px solid #98c1d9;border-radius:8px;font-family:Poppins,sans-serif;margin-top:20px;padding:20px}.clear-account-section h2{color:#dc2626;margin-bottom:15px;text-align:left}.clear-account-section p{color:#4b5563;font-size:.9rem;line-height:1.5;margin-bottom:20px}.danger-button{background-color:initial;border:1px solid #dc2626;border-radius:4px;color:#dc2626;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.danger-button:hover{background-color:#fee2e2}.cancel-button{background-color:#f8fafc;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;margin-left:10px;padding:8px 16px;transition:all .2s ease}.cancel-button:hover{background-color:#edf3f8}.confirmation-dialog{background-color:#fff;border:1px solid #ffcccb;border-radius:8px;margin-top:20px;padding:20px}.confirmation-dialog p{color:#d32f2f;font-weight:700;margin-bottom:20px}.account-container.not-logged-in{align-items:center;background-color:#f8fafc;border:1px solid #98c1d9;display:flex;flex-direction:column;gap:10px;padding:40px;text-align:center}.account-container.not-logged-in h2{color:#3d5a80;display:block;font-family:Poppins,sans-serif;font-size:1.5rem;margin:0;width:100%}.account-container.not-logged-in p{color:#4b5563;display:block;font-family:Poppins,sans-serif;font-size:1rem;margin:0;width:100%}.admin-controls-section{background-color:#f8f9ff;border:1px solid #8a4fff;border-radius:8px;font-family:Poppins,sans-serif;margin-top:20px;padding:20px}.admin-controls-section h2{color:#8a4fff;margin-bottom:15px;text-align:left}.admin-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.admin-action{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.admin-action h3{color:#3d5a80;font-size:1.1rem;font-weight:500;margin-bottom:10px}.admin-action p{color:#4b5563;font-size:.9rem;line-height:1.5;margin-bottom:15px}.admin-form{margin-top:1rem}.admin-form .form-group{margin-bottom:1rem}.admin-form label{color:#3d5a80;display:block;font-weight:500;margin-bottom:.5rem}.admin-form .admin-input{border:1px solid #d1d5db;border-radius:8px;font-family:Poppins,sans-serif;font-size:.95rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-form .admin-input:focus{border-color:#3d5a80;box-shadow:0 0 0 3px #3d5a801a;outline:none}.admin-form .form-actions{display:flex;gap:1rem}.admin-form .cancel-button{background-color:#e5e7eb;border:none;border-radius:4px;color:#4b5563;cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:background-color .2s ease}.admin-form .cancel-button:hover{background-color:#d1d5db}.admin-button{background-color:#8a4fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.admin-button:hover{background-color:#7a3fef}.admin-success{color:#059669}.admin-error,.admin-success{font-size:.9rem;margin-top:10px}.admin-error{color:#dc2626}.admin-link{background-color:#8a4fff;border-radius:4px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .2s ease}.admin-link:hover{background-color:#7a3fef}@media (min-width:768px){.admin-actions{grid-template-columns:1fr 1fr}}.setup-admin-section{background-color:#f8f9ff;border:1px solid #8a4fff;border-radius:8px;font-family:Poppins,sans-serif;margin-top:20px;padding:20px}.setup-admin-section h3{color:#8a4fff;font-size:1.1rem;font-weight:500;margin-bottom:10px}.setup-admin-section p{color:#4b5563;font-size:.9rem;line-height:1.5;margin-bottom:15px}.setup-admin-section .admin-button{background-color:#8a4fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.setup-admin-section .admin-button:hover{background-color:#7a3fef}.setup-admin-section .admin-button:disabled{background-color:#c4b5ff;cursor:not-allowed}.firebase-error{background-color:#fff0f0;border:1px solid #ffcccb;border-radius:8px;box-shadow:0 2px 4px #ff00000d;margin-top:10px;padding:15px}.firebase-error .admin-error{color:#d32f2f;font-weight:500;margin-bottom:8px}.firebase-error p{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:10px}.firebase-error p:last-child{margin-bottom:0}.firebase-error .error-help{background-color:#f8f8f8;border-left:3px solid #d32f2f;font-size:.85rem;margin-top:10px;padding:8px 12px}.firebase-error .error-code{background-color:#f5f5f5;border-radius:3px;color:#d32f2f;font-family:monospace;padding:2px 4px}.admin-confirmation-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.admin-confirmation-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;max-width:500px;padding:24px;width:90%}.admin-confirmation-content h3{color:#3d5a80;margin-top:0}.admin-code-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin:10px 0;padding:12px;width:100%}.admin-confirmation-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.confirm-button{background-color:#3d5a80;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px}.confirm-button:hover{background-color:#2c4057}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;padding:10px 16px}.cancel-button:hover{background-color:#e5e5e5}.admin-action-error{color:#f44336;font-size:.9rem;margin:10px 0}.admin-action-message{align-items:center;background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:0 6px 6px 0;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.close-message{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem}.close-message:hover{color:#333}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.registration-grid{grid-template-columns:repeat(2,1fr)}.metric-card{background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1rem;position:relative;transition:transform .2s ease}.metric-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-3px)}.metric-card.primary{background-color:#3d5a80;border:none;color:#fff}.metric-card.clickable{cursor:pointer}.metric-card.loading{opacity:.7}.metric-content{display:flex;flex-direction:column}.metric-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.8}.metric-value{color:#3d5a80;font-size:1.8rem;font-weight:700;line-height:1.1;margin-bottom:.25rem}.metric-card.primary .metric-value{color:#fff}.metric-label{color:#6b7280;font-size:.9rem;font-weight:500}.metric-card.primary .metric-label{color:#fffc}.metric-trend{color:#6b7280;font-size:.8rem;margin-top:.5rem}.metric-card.primary .metric-trend{color:#ffffffb3}.trend-value{font-weight:500}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.metric-card.primary .metric-trend.positive{color:#a7f3d0}.metric-card.primary .metric-trend.negative{color:#fca5a5}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.metric-card.active-today{border-left:4px solid #22c55e}.metric-card.active-week{border-left:4px solid #3b82f6}.metric-card.active-month{border-left:4px solid #8b5cf6}.metric-card.inactive-recent{border-left:4px solid #f59e0b}.metric-card.long-inactive{border-left:4px solid #ef4444}.metric-card.never-returned{border-left:4px solid #6b7280}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:992px){.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.registration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.registration-grid{grid-template-columns:1fr 1fr}.metric-card{padding:.875rem}.metric-icon{font-size:2rem;margin-bottom:.4rem}.metric-value{font-size:1.6rem}.metric-label{font-size:.85rem}.metric-trend{font-size:.75rem;margin-top:.4rem}}@media (max-width:576px){.metrics-grid{gap:.5rem}.metrics-grid,.registration-grid{grid-template-columns:1fr}.metric-card{min-height:auto;padding:.75rem}.metric-icon{font-size:1.8rem;margin-bottom:.3rem}.metric-value{font-size:1.5rem;margin-bottom:.2rem}.metric-label{font-size:.8rem;line-height:1.3}.metric-trend{font-size:.7rem;line-height:1.2;margin-top:.3rem}}@media (max-width:480px){.metric-card{padding:.6rem}.metric-value{font-size:1.4rem}.metric-label{font-size:.75rem}.metric-trend{font-size:.65rem}}@media (max-width:576px){.dashboard-overview .metrics-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.dashboard-overview .metric-card{padding:.6rem}.dashboard-overview .metric-value{font-size:1.3rem}.dashboard-overview .metric-label{font-size:.7rem}}@media (max-width:400px){.dashboard-overview .metrics-grid{grid-template-columns:1fr}}.dashboard-overview .metrics-grid .metric-card:nth-child(2) .metric-value{font-size:1.5rem}.dashboard-overview .metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.chart-container{width:100%}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.chart-controls{display:flex;flex-wrap:wrap;gap:.5rem}.chart-control-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.chart-control-btn:hover{background-color:#e2e8f0}.chart-control-btn.active{background-color:#3d5a80;border-color:#3d5a80;color:#fff}.chart-content{height:100%;min-height:300px;position:relative;width:100%}.chart-wrapper{display:block;height:300px;min-height:200px;min-width:300px;position:relative;width:100%}.chart-loading{align-items:center;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.activity-analytics-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.activity-chart h3,.activity-distribution h3{color:#3d5a80;font-size:1.2rem;margin-bottom:1rem}.activity-chart{align-items:center;display:flex;flex-direction:column}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.reset-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.reset-button:hover{background-color:#c82333}.reset-button:disabled{background-color:#6c757d;cursor:not-allowed}.analytics-since-date{color:#6b7280;font-size:.8rem;font-style:italic}@media (max-width:1200px){.chart-wrapper{min-width:250px}.activity-analytics-container,.charts-container{gap:1.5rem}}@media (max-width:992px){.activity-analytics-container{gap:1.5rem;grid-template-columns:1fr}.activity-chart{order:-1}.charts-container{gap:1rem;grid-template-columns:1fr}.chart-wrapper{height:250px;min-width:200px}.chart-section{padding:1.25rem}}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem}.chart-controls{justify-content:flex-start;width:100%}.chart-control-btn{flex:1 1;font-size:.8rem;min-width:60px;padding:.4rem .8rem;text-align:center}.chart-section{padding:1rem}.chart-wrapper{height:220px;min-width:100%}.header-actions{justify-content:flex-start;width:100%}.refresh-button,.reset-button{flex:1 1;min-width:120px}.analytics-since-date{margin-top:.5rem;text-align:center;width:100%}}@media (max-width:576px){.chart-controls{gap:.25rem}.chart-control-btn{font-size:.75rem;min-width:50px;padding:.3rem .6rem}.chart-wrapper{height:200px}.chart-section{padding:.75rem}.chart-section h3{font-size:1rem;margin-bottom:.75rem}.header-actions{align-items:stretch;flex-direction:column;gap:.5rem}.refresh-button,.reset-button{margin:0;width:100%}.no-data{height:150px;padding:1rem}.no-data p{font-size:.9rem}}@media (max-width:480px){.chart-wrapper{height:180px;min-width:100%}.chart-section{padding:.5rem}.chart-header{margin-bottom:.75rem}.activity-analytics-container{gap:1rem}.charts-container{gap:.75rem}}.most-active-users{margin-top:2rem}.most-active-users h3{color:#3d5a80;font-size:1.2rem;margin-bottom:1rem}.active-users-table-container{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:600px;overflow:hidden;overflow-y:auto}.active-users-table-container::-webkit-scrollbar{height:8px;width:8px}.active-users-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.active-users-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.active-users-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.active-users-table{border-collapse:collapse;font-size:.9rem;width:100%}.active-users-table thead{background:linear-gradient(135deg,#3d5a80,#293241);color:#fff;position:sticky;top:0;z-index:10}.active-users-table th{border:none;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase}.active-users-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.active-users-table th.sortable:hover{background-color:#ffffff1a}.sort-indicator{color:#fffc;font-size:.9rem;margin-left:.25rem}.active-users-table .username-header{width:100px}.active-users-table .email-header{width:200px}.active-users-table .identifier-header{width:220px}.active-users-table .created-header,.active-users-table .last-visit-header{width:110px}.active-users-table .days-ago-header{text-align:center;width:90px}.active-users-table .custom-spells-header,.active-users-table .spellbooks-header{text-align:center;width:80px}.active-user-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.active-user-row:hover{background-color:#f8f9fa}.active-user-row:last-child{border-bottom:none}.active-users-table td{border:none;padding:.875rem .75rem;vertical-align:middle}.username-display{color:#374151;font-weight:600}.email-display{color:#6b7280;font-size:.85rem}.no-email{color:#9ca3af;font-style:italic}.user-id{background:#f3f4f6;border-radius:4px;color:#6b7280;cursor:help;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.created-date,.visit-date{color:#374151;font-size:.85rem}.activity-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;min-width:60px;padding:.25rem .5rem;text-align:center}.activity-badge.today{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.activity-badge.recent{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.activity-badge.older{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.count-badge{align-items:center;background:#f3f4f6;border-radius:12px;color:#374151;display:inline-flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;min-width:32px;padding:0 .5rem}.spellbooks-count{background:#e0f2fe;color:#0369a1}.custom-spells-count{background:#f3e8ff;color:#7c3aed}.custom-spells-cell,.days-ago-cell,.no-active-users,.spellbooks-cell{text-align:center}.no-active-users{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.no-data-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-data-text{font-size:1.1rem;font-weight:500}@media (max-width:992px){.active-users-table-container{max-height:500px}.active-users-table td,.active-users-table th{font-size:.85rem;padding:.75rem .5rem}.activity-badge{font-size:.7rem;min-width:55px;padding:.2rem .4rem}.count-badge{font-size:.75rem;height:22px;min-width:28px}}@media (max-width:768px){.active-users-table-container{max-height:400px;overflow-x:auto}.active-users-table{min-width:900px}.active-users-table td,.active-users-table th{font-size:.8rem;padding:.6rem .4rem}.active-users-table .username-header{width:90px}.active-users-table .email-header{width:180px}.active-users-table .identifier-header{width:200px}.activity-badge{font-size:.65rem;min-width:50px;padding:.15rem .3rem}.count-badge{font-size:.7rem;height:20px;min-width:26px}.user-id{font-size:.7rem;padding:.2rem .4rem}.created-date,.visit-date{font-size:.75rem}.most-active-users h3{font-size:1.1rem}}@media (max-width:576px){.active-users-table-container{border-radius:8px;max-height:350px}.active-users-table{min-width:800px}.active-users-table td,.active-users-table th{font-size:.75rem;padding:.5rem .3rem}.active-users-table th{font-size:.7rem}.activity-badge{font-size:.6rem;min-width:45px;padding:.1rem .25rem}.count-badge{font-size:.65rem;height:18px;min-width:24px}.username-display{font-size:.8rem}.email-display{font-size:.7rem}.user-id{font-size:.65rem;padding:.15rem .3rem}.created-date,.visit-date{font-size:.7rem}.most-active-users{margin-top:1.5rem}.most-active-users h3{font-size:1rem;margin-bottom:.75rem}.no-active-users{padding:2rem 1rem}.no-data-icon{font-size:2.5rem}.no-data-text{font-size:1rem}}@media (max-width:480px){.active-users-table-container{max-height:300px}.active-users-table{min-width:750px}.active-users-table td,.active-users-table th{font-size:.7rem;padding:.4rem .25rem}.activity-badge{font-size:.55rem;min-width:40px;padding:.1rem .2rem}.count-badge{font-size:.6rem;height:16px;min-width:22px}.most-active-users h3{font-size:.95rem}}@media (max-width:768px){.active-users-table-container:after{background:linear-gradient(90deg,#0000,#3d5a801a);border-radius:10px;content:"";height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.active-users-table-container{position:relative}}.referrer-analytics-container{display:flex;flex-direction:column;gap:2rem}.traffic-overview{margin-bottom:1rem}.charts-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.chart-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.no-data{align-items:center;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.no-data p{margin:.5rem 0}.sources-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.sources-table-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.sources-table-container{overflow-x:auto}.sources-table{border-collapse:collapse;font-size:14px;width:100%}.sources-table th{background:linear-gradient(135deg,#3d5a80,#2c4a6b);border:none;color:#fff;font-weight:600;padding:12px;text-align:left}.sources-table th:first-child{border-top-left-radius:6px}.sources-table th:last-child{border-top-right-radius:6px}.sources-table td{border-bottom:1px solid #eee;padding:12px}.sources-table tr:hover{background-color:#f8f9fa}.source-name{display:flex;flex-direction:column;gap:2px}.source-display{color:#333;font-weight:500}.source-domain{color:#666;font-size:12px;font-style:italic}.traffic-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.traffic-type-badge.search{background-color:#e3f2fd;color:#1976d2}.traffic-type-badge.social{background-color:#f3e5f5;color:#7b1fa2}.traffic-type-badge.referral{background-color:#e8f5e8;color:#388e3c}.traffic-type-badge.direct{background-color:#fff3e0;color:#f57c00}.traffic-type-badge.campaign{background-color:#fce4ec;color:#c2185b}.traffic-type-badge.unknown{background-color:#f5f5f5;color:#666}.user-count{color:#333;font-weight:600}.percentage{color:#3d5a80;font-weight:500}@media (max-width:768px){.charts-container{grid-template-columns:1fr}.chart-section{padding:1rem}}.pdf-analytics{grid-column:1/-1;margin-bottom:2rem}.pdf-analytics .dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.pdf-analytics .dashboard-header h2{color:var(--text-primary);font-weight:600;margin:0}.pdf-analytics .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.pdf-analytics .refresh-button{background:#3d5a80;background:var(--primary,#3d5a80);border:none;border-radius:6px;box-shadow:0 1px 4px #3d5a8012;color:#fff;font-size:1rem;font-weight:500;margin-right:.5rem;outline:none;padding:.5rem 1.25rem;transition:background .18s,box-shadow .18s,color .18s}.pdf-analytics .refresh-button:hover:not(:disabled){background:#285075;box-shadow:0 2px 8px #3d5a8021;color:#fff}.pdf-analytics .refresh-button:disabled{background:#3d5a80;background:var(--primary,#3d5a80);color:#fff;cursor:not-allowed;opacity:.7}.pdf-analytics .refresh-button .refresh-icon{display:inline-block;height:1em;line-height:1;margin-right:.5em;vertical-align:middle;width:1em}.pdf-analytics .reset-button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.pdf-analytics .reset-button.danger{border-color:#ef4444;color:#ef4444}.pdf-analytics .reset-button.danger:hover{background:#ef444410;border-color:#dc2626;color:#dc2626}.pdf-analytics .reset-button:disabled{background:var(--surface-color);cursor:not-allowed;opacity:.6}.pdf-analytics-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.daily-charts-section{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem 0;padding:1.5rem}.daily-charts-section h3{border-bottom:2px solid #3d5a80;border-bottom:2px solid var(--primary-color,#3d5a80);font-family:Mondia-Light,sans-serif;font-size:1.3rem;font-weight:400;margin:0 0 1.5rem;padding-bottom:.5rem}.daily-chart h4,.daily-charts-section h3{color:#333;color:var(--text-primary,#333)}.daily-chart h4{font-size:1.1rem;font-weight:500;margin:0 0 1rem}.simple-line-chart{align-items:end;background:#f9fafb;background:var(--background-light,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;display:flex;gap:.5rem;height:120px;padding:1rem}.chart-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.chart-bar-container{align-items:end;display:flex;flex:1 1;justify-content:center;width:100%}.chart-bar{background:linear-gradient(180deg,#3d5a80,#98c1d9);background:linear-gradient(180deg,var(--primary-color,#3d5a80) 0,var(--accent-color,#98c1d9) 100%);border-radius:2px 2px 0 0;cursor:pointer;min-height:2px;transition:all .3s ease;width:24px}.chart-bar:hover{filter:brightness(1.1);transform:scaleY(1.05)}.chart-label{align-items:center;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.day-name{color:#6b7280;color:var(--text-secondary,#6b7280);font-weight:500}.day-count{color:#3d5a80;color:var(--primary-color,#3d5a80);font-size:.9rem;font-weight:600}.weekly-summary{grid-gap:1rem;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem;padding-top:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.summary-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;font-weight:500}.summary-value{color:#3d5a80;color:var(--primary-color,#3d5a80);font-size:1.2rem;font-weight:600}.no-chart-data{align-items:center;background:#f9fafb;background:var(--background-light,#f9fafb);border:1px dashed #e5e7eb;border:1px dashed var(--border-color,#e5e7eb);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-style:italic;height:80px;justify-content:center}.pdf-analytics-breakdown{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.breakdown-section{background:#fff;background:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.breakdown-section h3{border-bottom:2px solid #3d5a80;border-bottom:2px solid var(--primary-color,#3d5a80);color:#333;color:var(--text-primary,#333);font-family:Mondia-Light,sans-serif;font-size:1.2rem;font-weight:400;margin:0 0 1rem;padding-bottom:.5rem}.breakdown-section .section-note{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85em;font-style:italic;font-weight:400}.breakdown-grid{gap:.75rem}.breakdown-grid,.breakdown-item{display:flex;flex-direction:column}.breakdown-item{gap:.25rem}.breakdown-label{color:#333;color:var(--text-primary,#333);font-size:.9rem;font-weight:500}.breakdown-value{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.breakdown-value .count{color:#3d5a80;color:var(--primary-color,#3d5a80);font-size:1rem;font-weight:600}.breakdown-value .percentage{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem}.breakdown-bar{background-color:#f3f4f6;background-color:var(--background-light,#f3f4f6);border-radius:4px;height:8px;overflow:hidden;width:100%}.breakdown-fill{background:linear-gradient(90deg,#3d5a80,#98c1d9);background:linear-gradient(90deg,var(--primary-color,#3d5a80) 0,var(--accent-color,#98c1d9) 100%);border-radius:4px;height:100%;transition:width .3s ease}.no-data-message{background:#fff;background:var(--card-background,#fff);border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:8px;margin-top:2rem;padding:3rem 2rem;text-align:center}.no-data-message p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:1rem;font-style:italic;margin:0}@media (max-width:768px){.pdf-analytics-overview{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pdf-analytics-breakdown{gap:1.5rem;grid-template-columns:1fr}.breakdown-section{padding:1rem}.pdf-analytics .dashboard-header{align-items:stretch}.pdf-analytics .header-actions{justify-content:center}.pdf-analytics .refresh-button,.pdf-analytics .reset-button{flex:1 1;min-width:120px}.pdf-analytics .dashboard-header h2{font-size:1.5rem}.pdf-analytics .dashboard-header{align-items:flex-start;flex-direction:column;gap:.75rem}.pdf-analytics .refresh-button{align-self:stretch;text-align:center}.daily-charts-section{padding:1rem}.simple-line-chart{height:100px;padding:.75rem}.chart-bar{width:20px}.weekly-summary{gap:.75rem;grid-template-columns:1fr}}@media (max-width:480px){.pdf-analytics-overview{grid-template-columns:1fr 1fr}.breakdown-section{padding:.75rem}.breakdown-section h3{font-size:1.1rem}.pdf-analytics .refresh-button{font-size:.9rem;padding:12px 16px}.daily-charts-section{padding:.75rem}.simple-line-chart{gap:.25rem;height:80px;padding:.5rem}.chart-bar{width:16px}.chart-label{font-size:.7rem}.summary-value{font-size:1rem}}[data-theme=dark] .pdf-analytics{--card-background:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#4b5563;--background-light:#4b5563}[data-theme=dark] .breakdown-fill{background:linear-gradient(90deg,#60a5fa,#34d399)}[data-theme=dark] .breakdown-section,[data-theme=dark] .daily-charts-section{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .simple-line-chart{background:#4b5563;background:var(--background-light,#4b5563);border-color:#6b7280;border-color:var(--border-color,#6b7280)}[data-theme=dark] .chart-bar{background:linear-gradient(180deg,#60a5fa,#34d399)}[data-theme=dark] .no-chart-data{background:#4b5563;background:var(--background-light,#4b5563);border-color:#6b7280;border-color:var(--border-color,#6b7280)}.pdf-analytics .breakdown-item.loading{opacity:.6}.pdf-analytics .breakdown-item.loading .breakdown-bar{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pdf-analytics .analytics-description{background:#f8fafc;background:var(--surface-color,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.pdf-analytics .analytics-description p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;line-height:1.5;margin:0}.pdf-analytics .analytics-since-date{color:#64748b;color:var(--text-secondary,#64748b);font-size:.98rem;font-style:italic;margin-bottom:.5rem;margin-top:.25rem}.users-table-container{border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:20px;overflow-x:auto;width:100%}.users-table{background-color:var(--card-bg);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.users-table th{background-color:#2c3e50;border-bottom:2px solid #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:relative;text-align:left;text-shadow:0 1px 1px #0003;transition:background-color .2s}.users-table th:hover{background-color:#1a2533}.users-table th:last-child{cursor:default}.users-table th:last-child:hover{background-color:#2c3e50}.users-table th:not(:last-child):after{background-color:#fff3;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.users-table td{border-bottom:1px solid var(--border-color);padding:12px 16px;vertical-align:middle}.users-table tbody tr{cursor:pointer;transition:background-color .2s}.users-table tbody tr:hover,.users-table tr.expanded{background-color:var(--hover-color)}.users-table tr.expanded{border-bottom:none}.users-table .details-row{cursor:default}.users-table .details-row,.users-table .details-row:hover{background-color:var(--hover-color)}.users-table .details-row td{border-bottom:1px solid var(--border-color);padding:0}.user-details-expanded{box-shadow:inset 0 2px 4px #0000000d;display:flex;flex-direction:column;padding:15px}.user-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:minmax(300px,1fr) minmax(300px,2fr)}.user-info{background-color:#ffffff0d;border-radius:6px;margin-bottom:0;padding:15px}.user-info h3{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.user-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.user-info-column p{font-size:.9rem;line-height:1.4;margin:6px 0}.user-id{background-color:#0000000d;border-radius:3px;font-family:monospace;font-size:.85rem;padding:2px 4px;word-break:break-all}.user-collections{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.user-custom-spells,.user-spellbooks{background-color:#ffffff0d;border-radius:6px;flex:1 1;min-width:0;padding:15px}.user-custom-spells h4,.user-spellbooks h4{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;margin-bottom:10px;margin-top:0;padding-bottom:8px}.user-custom-spells ul,.user-spellbooks ul{margin:0;max-height:150px;overflow-y:auto;padding-left:20px}.user-custom-spells li,.user-spellbooks li{font-size:.9rem;margin-bottom:4px;padding:3px 0}.admin-status{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;min-width:60px;padding:5px 10px;text-align:center}.admin-status.is-admin{background-color:#27ae60;box-shadow:0 1px 3px #0000001a;color:#fff}.admin-status.not-admin{background-color:#7f8c8d;box-shadow:0 1px 3px #0000001a;color:#fff}.user-actions{border-top:1px solid var(--border-color);margin-top:15px;padding-top:12px}.user-actions h4{color:var(--text-color);font-size:.95rem;margin-bottom:10px;margin-top:0}.action-buttons{flex-wrap:wrap;gap:10px}.admin-button,.delete-button{border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 12px;transition:all .2s}.admin-button{background-color:#3498db}.admin-button:hover:not(:disabled){background-color:#2980b9;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.admin-button:disabled{background-color:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.7}.admin-button.revoke-admin{background-color:#f39c12}.admin-button.revoke-admin:hover:not(:disabled){background-color:#d35400}.delete-button{background-color:#e74c3c}.delete-button:hover{background-color:#c0392b;box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.admin-button.compact,.delete-button.compact{border-radius:3px;font-size:.8rem;padding:5px 10px}.no-results{color:var(--text-muted);font-style:italic;padding:20px!important;text-align:center}.users-table tbody tr:nth-child(odd):not(.details-row){background-color:#00000005}@media (max-width:1200px){.user-details-grid{grid-template-columns:1fr}.user-collections{grid-template-columns:1fr 1fr}.action-buttons{align-items:center;flex-direction:row}}@media (max-width:768px){.user-collections,.user-info-grid{grid-template-columns:1fr}.users-table{font-size:.9rem}.users-table td,.users-table th{padding:8px 5px}.admin-button,.delete-button{font-size:.8rem;padding:5px 8px}}.users-table th.active-sort{background-color:#1a2533}.sort-indicator{background-color:#fff3;border-radius:2px;display:inline-block;font-size:.8rem;height:12px;line-height:1;margin-left:5px;padding:2px;text-align:center;width:12px}.sort-indicator.ascending{color:#2ecc71}.sort-indicator.descending{color:#e74c3c}.search-form{margin-bottom:1rem;width:100%}.search-container{align-items:center;display:flex;max-width:600px;position:relative;width:100%}.search-input{background-color:#fff;border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#3d5a80;box-shadow:0 0 0 3px #3d5a801a;outline:none}.search-button{background-color:#3d5a80;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.search-button:hover{background-color:#2c4361}.clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;position:absolute;right:10px;transition:background-color .2s ease;width:24px;z-index:1}.clear-search-button:hover{background-color:#f3f4f6;color:#3d5a80}.search-results-info{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.9rem;margin-bottom:1rem;padding:.5rem 0}.search-prompt{background-color:#f9f9f9;border-radius:4px;margin-bottom:1rem;padding:2rem;text-align:center}.search-prompt p{color:#555;margin:.5rem 0}.search-note{color:#888;font-size:.9rem;font-style:italic}.search-loading{color:#3d5a80;font-weight:700;padding:1rem;text-align:center}@media (max-width:768px){.search-container{max-width:100%}.search-input{font-size:.9rem;padding:.6rem .75rem}.search-button{font-size:.9rem;padding:.6rem 1rem}.clear-search-button{font-size:1.1rem;height:22px;right:8px;width:22px}.search-results-info{font-size:.85rem;padding:.4rem 0}.search-prompt{padding:1.5rem}.search-prompt p{font-size:.9rem}.search-note{font-size:.8rem}}@media (max-width:576px){.search-container{flex-direction:column;gap:.5rem}.search-input{padding:.5rem .75rem}.search-button,.search-input{border-radius:4px;font-size:.85rem}.search-button{padding:.5rem 1rem;width:100%}.clear-search-button{align-self:flex-end;margin-right:.5rem;margin-top:-2.5rem;position:static;z-index:2}.search-results-info{font-size:.8rem;text-align:center}.search-prompt{padding:1rem;text-align:left}.search-prompt p{font-size:.85rem;margin:.4rem 0}.search-note{font-size:.75rem}.search-loading{font-size:.9rem;padding:.75rem}}@media (max-width:480px){.search-input{font-size:.8rem;padding:.45rem .6rem}.search-button{font-size:.8rem;padding:.45rem .8rem}.search-prompt{padding:.75rem}.search-prompt p{font-size:.8rem}}.feature-flags-container{background-color:#fff;margin-bottom:20px}.feature-flag-item,.feature-flags-container{border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.feature-flag-item{align-items:center;background-color:#f8f9fa;border-left:5px solid #ccc;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;transition:all .3s ease}.feature-flag-item.active{background-color:#3d5a800d;border-left-color:#3d5a80}.feature-flag-content{flex:1 1;min-width:0}.feature-flag-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.feature-flag-description{color:#666;font-size:14px;line-height:1.4}.feature-flag-controls{align-items:center;display:flex;flex-shrink:0;gap:1rem}.feature-flag-status-indicator{border-radius:4px;font-size:.85rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.feature-flag-status-indicator.enabled{background-color:#d1f2eb;color:#155724}.feature-flag-status-indicator.disabled{background-color:#f8d7da;color:#721c24}.feature-flag-toggle{display:inline-block;height:34px;position:relative;width:60px}.feature-flag-toggle input{height:0;opacity:0;width:0}.feature-flag-switch{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.feature-flag-switch:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.feature-flag-toggle input:checked+.feature-flag-switch{background-color:#3d5a80}.feature-flag-toggle input:checked+.feature-flag-switch:before{transform:translateX(26px)}.feature-flag-group{background-color:#f9fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.feature-flag-group-header h3{color:#3d5a80;margin:0 0 .5rem}.feature-flag-group-header p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:768px){.feature-flags-container{padding:15px}.feature-flag-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:15px}.feature-flag-content{width:100%}.feature-flag-name{font-size:16px}.feature-flag-description{font-size:13px}.feature-flag-controls{justify-content:space-between;width:100%}.feature-flag-group{padding:1rem}}@media (max-width:576px){.feature-flags-container{border-radius:6px;padding:10px}.feature-flag-item{border-radius:6px;margin-bottom:.75rem;padding:12px}.feature-flag-name{font-size:15px;margin-bottom:6px}.feature-flag-description{font-size:12px}.feature-flag-controls{align-items:flex-start;flex-direction:column-reverse;gap:.75rem;width:100%}.feature-flag-status-indicator{font-size:.8rem;padding:.2rem .4rem}.feature-flag-toggle{align-self:flex-end;height:28px;width:50px}.feature-flag-switch:before{bottom:3px;height:22px;left:3px;width:22px}.feature-flag-toggle input:checked+.feature-flag-switch:before{transform:translateX(22px)}.feature-flag-group{margin-bottom:1rem;padding:.75rem}.feature-flag-group-header h3{font-size:1rem}.feature-flag-group-header p{font-size:.8rem}}@media (max-width:480px){.feature-flag-item{padding:10px}.feature-flag-name{font-size:14px}.feature-flag-description{font-size:11px;line-height:1.3}.feature-flag-toggle{height:26px;width:45px}.feature-flag-switch:before{bottom:3px;height:20px;left:3px;width:20px}.feature-flag-toggle input:checked+.feature-flag-switch:before{transform:translateX(19px)}.feature-flag-status-indicator{font-size:.75rem;padding:.15rem .3rem}}.user-limits-container{background-color:#f5f7f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:1.5rem}.user-limit-item{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.user-limit-item label{color:#3d5a80;flex:0 0 180px;font-size:.95rem;font-weight:600}.user-limit-item input{border:1px solid #ccc;border-radius:4px;flex:0 0 80px;font-size:1rem;padding:.5rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.user-limit-item input:focus{border-color:#3d5a80;box-shadow:0 0 0 3px #3d5a801a;outline:none}.user-limits-update-button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease;width:auto}.user-limits-update-button:hover{background-color:#2c3e50}.user-limits-update-button:disabled{background-color:#95a5a6;cursor:not-allowed}.user-limits-status{border-radius:4px;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem}.user-limits-status.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.user-limits-status.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.user-limits-container{padding:1rem}.user-limit-item{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.user-limit-item label{flex:none;font-size:.9rem;line-height:1.3}.user-limit-item input{flex:none;font-size:.95rem;padding:.6rem;width:100px}.user-limits-update-button{font-size:.95rem;padding:.8rem 1rem;width:100%}.user-limits-status{font-size:.85rem;padding:.6rem}}@media (max-width:576px){.user-limits-container{border-radius:6px;padding:.75rem}.user-limit-item{gap:.4rem;margin-bottom:1rem}.user-limit-item label{font-size:.85rem}.user-limit-item input{font-size:.9rem;padding:.5rem;width:80px}.user-limits-update-button{font-size:.9rem;padding:.7rem 1rem}.user-limits-status{font-size:.8rem;padding:.5rem}}@media (max-width:480px){.user-limits-container{padding:.5rem}.user-limit-item label{font-size:.8rem}.user-limit-item input{font-size:.85rem;padding:.45rem;width:70px}.user-limits-update-button{font-size:.85rem;padding:.6rem .8rem}}.admin-dashboard{grid-gap:1.5rem;background-color:#f8f9fa;display:grid;font-family:Poppins,sans-serif;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem 2rem 2rem}.admin-dashboard>*{grid-column:span 12}.dashboard-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #3d5a801a;overflow:hidden;padding:1.5rem}.dashboard-overview{grid-column:span 7}.registration-stats{grid-column:span 5}.feature-flags-manager,.traffic-sources-analytics,.user-activity-analytics,.user-growth-chart,.user-limits-manager,.user-management{grid-column:span 12}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.dashboard-date{color:#6b7280;font-size:.9rem;font-style:italic}.admin-dashboard h1{font-size:2.5rem}.admin-dashboard h1,.admin-dashboard h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,serif;margin:0}.admin-dashboard h2{font-size:1.8rem}.admin-dashboard h3{font-size:1.2rem}.admin-dashboard h3,.admin-dashboard h4{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,serif;margin-bottom:.5rem}.admin-dashboard h4{font-size:1.1rem}.refresh-button{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.refresh-button:hover{background-color:#2c3e50}.refresh-button:disabled{background-color:#95a5a6;cursor:not-allowed}.last-updated{color:#7f8c8d;font-size:.8rem;margin-bottom:20px;text-align:right}.admin-dashboard.error,.admin-dashboard.loading{align-items:center;color:#3d5a80;display:flex;font-size:1.2rem;justify-content:center;min-height:300px}.admin-dashboard.error{color:#ee6c4d}.admin-loading{color:#3d5a80}.admin-error,.admin-loading{font-size:1.1rem;padding:2rem;text-align:center}.admin-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ee6c4d}.error-message{border-radius:6px;margin-bottom:1rem;padding:1rem}.admin-dashboard-section,.admin-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #3d5a801a;margin-bottom:1.5rem;padding:1.5rem}@media (max-width:1200px){.dashboard-overview,.registration-stats{grid-column:span 12}}@media (max-width:992px){.admin-dashboard{grid-gap:1rem;grid-template-columns:1fr}.dashboard-section{grid-column:span 1!important}}@media (max-width:768px){.admin-dashboard{padding:1rem}.dashboard-header{gap:.5rem}.dashboard-header,.section-header{align-items:flex-start;flex-direction:column}}@media (max-width:576px){.admin-dashboard h1{font-size:2rem}.admin-dashboard h2{font-size:1.5rem}}.login-page{align-items:center;background-color:#f0f4f8;display:flex;justify-content:center;margin:-20px 0;min-height:calc(100vh - 125px);overflow:hidden;padding:40px 20px;position:relative}.login-background{height:100%;left:0;top:0;width:100%;z-index:0}.login-background,.login-dice{pointer-events:none;position:absolute}.login-dice{filter:invert(28%) sepia(20%) saturate(1100%) hue-rotate(188deg) brightness(90%) contrast(87%);transform-origin:center center}.login-container{background-color:#fff;border:1px solid #3d5a80;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:350px;padding:30px;position:relative;width:100%;z-index:1}.login-container h2{color:#1e3a5f;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.input-group{margin-bottom:20px}.input-group label{color:#4a5568;display:block;font-size:14px;margin-bottom:8px}.input-group input{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}.input-group input:focus{border-color:#3d5a80;outline:none}.submit-btn,.switch-mode-btn{display:block;margin:0 auto;max-width:250px;width:100%}.submit-btn{background-color:#3d5a80;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.submit-btn:hover{background-color:#2c4057}.submit-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.error-message{background-color:#fed7d7;border:1px solid #f56565;border-radius:4px;color:#c53030}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:10px}.success-message{background-color:#c6f6d5;border:1px solid #48bb78;border-radius:4px;color:#2f855a}.auth-options{margin-top:20px;text-align:center}.forgot-password-link{color:#3d5a80;display:inline-block;font-size:14px;margin-top:10px;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#ee6c4d;text-decoration:underline}.switch-mode-btn{background-color:#fff;border:1px solid #3d5a80;border-radius:4px;color:#3d5a80;cursor:pointer;font-size:14px;margin-bottom:10px;padding:10px 15px;transition:background-color .3s ease,color .3s ease;width:100%}.switch-mode-btn:hover{background-color:#3d5a80;color:#fff}@media (max-width:480px){.login-container{padding:20px}.submit-btn,.switch-mode-btn{max-width:100%}}.how-to-container{color:#4b5563;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.how-to-container h1{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:1.5rem;text-align:center}.how-to-header{margin-bottom:3rem;text-align:center}.header-intro{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.guide-section{background:#fff;border:1px solid #98c1d9;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2rem}.guide-section h2{border-bottom:2px solid #98c1d9;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.guide-section h3{font-size:1.35rem;margin:1.5rem 0 .75rem}.guide-section h3,.guide-section h4{color:#3d5a80;font-family:Poppins,sans-serif;font-weight:600}.guide-section h4{font-size:1.1rem;margin:1.2rem 0 .6rem}.guide-intro{background-color:#f8fafc;border-left:4px solid #3d5a80;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.guide-intro p{font-size:1.1rem;margin-bottom:0}.guide-content,.guide-intro p{line-height:1.6}.guide-content p{margin-bottom:1rem}.guide-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.guide-content li{line-height:1.6;margin-bottom:.5rem}.guide-content strong{color:#3d5a80}.how-to-section{background:#fff;border:1px solid #98c1d9;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2rem}.how-to-section h2{border-bottom:2px solid #3d5a80;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:1.5rem;padding-bottom:.5rem}.feature-block{margin-bottom:2rem}.feature-block h3{color:#3d5a80;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:1rem}.how-to-section ul{margin-bottom:1rem;padding-left:1.5rem}.how-to-section li{color:#4b5563;line-height:1.6;margin-bottom:.5rem}.how-to-section p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.coming-soon-section{background:#fff;border:1px solid #98c1d9;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:3rem 2rem;text-align:center}.coming-soon-content{margin:0 auto;max-width:800px}.coming-soon-content h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:1rem}.upcoming-guides{margin:0 auto 2rem;max-width:600px;padding-left:1.5rem;text-align:left}.upcoming-guides li{line-height:1.5;margin-bottom:.75rem}.divider{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1.5rem auto}.divider-dice{background-color:#3d5a80;display:inline-block;height:10px;opacity:.7;width:10px}.divider-dice.d4{clip-path:polygon(50% 0,0 100%,100% 100%);opacity:.5}.divider-dice.d6{border-radius:1px;opacity:.6}.divider-dice.d8{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.7}.divider-dice.d10{clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);opacity:.8}.divider-dice.d12{clip-path:polygon(50% 0,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0 70%,0 35%,20% 10%);opacity:.9}.divider-dice.d20{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:1}.coming-soon-badge{background-color:#3d5a80;border-radius:20px;box-shadow:0 4px 10px #3d5a8033;color:#fff;display:inline-block;font-size:1.2rem;font-weight:600;letter-spacing:.05em;margin:.5rem 0 2rem;padding:.5rem 2rem}.coming-soon-message{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.coming-soon-details{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.coming-soon-details p{color:#3d5a80;font-weight:600;margin-bottom:1rem}.feature-list{grid-gap:.5rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:.5rem;padding-left:1.5rem}.feature-list li{color:#4b5563;line-height:1.6;margin-bottom:.5rem}.help-message{margin-bottom:2rem}.help-link{color:#3d5a80;font-weight:600;text-decoration:none;transition:color .2s}.help-link:hover{color:#ee6c4d;text-decoration:underline}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.action-button{border-radius:4px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.action-button.primary{background-color:#3d5a80;border:1px solid #3d5a80;color:#fff}.action-button.primary:hover{background-color:#2c4057;transform:translateY(-2px)}.action-button.secondary{background-color:#fff;border:1px solid #3d5a80;color:#3d5a80}.action-button.secondary:hover{background-color:#f0f4f8;transform:translateY(-2px)}@media (max-width:768px){.how-to-container{padding:1rem}.how-to-container h1{font-size:2rem}.guide-section{padding:1.5rem}.guide-section h2{font-size:1.5rem}.guide-section h3{font-size:1.2rem}.guide-section h4{font-size:1rem;margin:1rem 0 .5rem}.guide-intro{padding:1rem}.coming-soon-section{padding:2rem 1.5rem}.coming-soon-badge{font-size:1rem;padding:.4rem 1.5rem}.feature-list{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:.75rem}.action-button{text-align:center;width:100%}}.faq-container{color:#293241;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.faq-container h1{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:2rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:1px solid #98c1d9;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#3d5a80;box-shadow:0 4px 20px #0000001a}.faq-question{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:1.5rem}.faq-question h3{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;margin:0;padding-right:2rem}.faq-icon{height:20px;position:relative;width:20px}.faq-icon:after,.faq-icon:before{background:#ee6c4d;content:"";position:absolute;transition:all .3s ease}.faq-icon:before{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.faq-icon:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.faq-item.active .faq-icon:after{opacity:0;transform:translateX(-50%) rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.active .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.faq-answer p{color:#4b5563;font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.faq-container{padding:1rem}.faq-container h1{font-size:2rem}.faq-question h3{font-size:1.2rem}}.about-container{color:#4b5563;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.about-container h1{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:400;margin-bottom:2rem;text-align:center}.about-section{background:#fff;border:1px solid #98c1d9;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:3rem;padding:2rem}.about-section h2{border-bottom:2px solid #3d5a80;color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:400;margin-bottom:1.5rem;padding-bottom:.5rem}.about-section p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.about-section ul{margin-bottom:1rem;padding-left:1.5rem}.about-section li{color:#4b5563;line-height:1.6;margin-bottom:.5rem}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;margin-top:2rem}.feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;height:auto;padding:1.5rem;transition:all .2s ease}.feature-card:hover{border-color:#3d5a80;box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.feature-card h3{border-bottom:1px solid #edf2f7;color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.feature-card p{color:#4b5563;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.about-container{padding:1rem}.about-container h1{font-size:2rem}.about-section{padding:1.5rem}.feature-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1024px){.feature-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.feature-grid{gap:1rem;grid-template-columns:1fr}.feature-card{padding:1.25rem}}.contact-page{background-color:#f8fafc;background-image:linear-gradient(180deg,#f8fafc,#edf3f8);min-height:auto;padding:40px 0 60px}.contact-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1200px;padding:0 20px}.contact-info{background:#fff;border:1px solid #98c1d9;border-radius:12px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;height:fit-content;padding:30px}.contact-info h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:400;margin-bottom:1rem;position:relative}.contact-info h2:after{background-color:#ee6c4d;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.contact-intro{color:#4b5563;font-family:Poppins,sans-serif;line-height:1.6;margin-bottom:2rem}.contact-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-feature{align-items:flex-start;display:flex;gap:1rem}.feature-icon{align-items:center;background-color:#edf3f8;border-radius:50%;color:#3d5a80;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.feature-icon i{font-size:1.2rem}.feature-text h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.feature-text p{color:#4b5563;font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.5;margin:0}.social-connect{border-top:1px solid #edf3f8;margin-top:auto;padding-top:1.5rem}.social-connect h3{color:#3d5a80;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.social-icons{display:flex;gap:1rem}.social-icons a{align-items:center;background-color:#edf3f8;border-radius:50%;color:#3d5a80;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-icons a:hover{background-color:#3d5a80;color:#fff;transform:translateY(-3px)}.social-icons i{font-size:1.5rem}.social-icons svg{fill:currentColor;height:2rem;width:2rem}.form-container{background:#fff;border:1px solid #98c1d9;border-radius:12px;box-shadow:0 8px 30px #00000014;height:fit-content;padding:30px}.form-container h2{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem;position:relative}.form-container h2:after{background-color:#ee6c4d;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;margin-bottom:0}.form-group label{color:#3d5a80;display:block;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #d1dce5;border-radius:8px;box-sizing:border-box;color:#333;font-family:Poppins,sans-serif;font-size:1rem;height:46px;line-height:normal;margin:0;min-height:0;padding:12px 15px;transition:all .2s ease;width:100%}.contact-form input,.contact-form textarea{-webkit-appearance:none!important;appearance:none!important;background-color:#fff!important;border-radius:8px!important;color:#333!important;opacity:1!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0;font-size:1rem;opacity:1}.form-input,.form-textarea{background-color:#fff!important;color:#333!important}.contact-page .form-group input,.contact-page .form-group textarea,.contact-page .form-input,.contact-page .form-textarea{background-color:#fff!important;border:1px solid #d1dce5;border-radius:8px;box-sizing:border-box;color:#333!important;height:46px;padding:12px 15px}.contact-page .form-group textarea{height:auto;min-height:150px}.form-input,.form-textarea{background-color:initial;color:#000;color:initial}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#3d5a80;box-shadow:0 0 0 3px #3d5a801a;outline:none}.captcha-container{align-items:center;display:flex;margin:0;min-height:78px}.captcha-loading{color:#3d5a80;font-family:Poppins,sans-serif;font-size:.9rem;padding:10px 0}.submit-button{align-items:center;background-color:#3d5a80;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:500;gap:.5rem;justify-content:center;margin-top:.25rem;padding:14px 24px;transition:all .3s ease}.submit-button:hover{background-color:#2c4a6e;box-shadow:0 4px 12px #3d5a8033;transform:translateY(-2px)}.submit-button.sending{background-color:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.submit-button i{font-size:1rem}.success-message{background-color:#edf7ed;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32}.error-message,.success-message{align-items:center;display:flex;font-family:Poppins,sans-serif;gap:.5rem;justify-content:center;margin-top:1rem;padding:15px;text-align:center}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}@media (max-width:992px){.contact-container{gap:30px;grid-template-columns:1fr}.contact-info{height:auto}.contact-page{padding:30px 0 40px}}@media (max-width:768px){.form-row{gap:1.25rem;grid-template-columns:1fr}.contact-page{padding:20px 0 30px}.contact-container{gap:20px;padding:0 15px}}@media (max-width:480px){.contact-info,.form-container{padding:20px}.contact-info h2,.form-container h2{font-size:1.8rem}}@font-face{font-family:Mondia Light;font-style:normal;font-weight:400;src:url(/static/media/Mondia%20Light.f0f282683f627f324153.otf) format("opentype")}.printables-page{font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.printables-header{margin-bottom:3rem;text-align:center}.printables-header h1{color:#3d5a80;font-family:Mondia Light,sans-serif;font-size:2.5rem;margin-bottom:1rem}.printables-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:800px}.printables-container{display:flex;flex-direction:column;gap:2rem}.printable-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.printable-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.printable-info{flex:1 1;padding:2rem}.printable-info h2{color:#3d5a80;font-family:Mondia Light,sans-serif;font-size:1.8rem;margin-bottom:1rem}.printable-info p{color:#555;line-height:1.6;margin-bottom:1.5rem}.printing-instructions{background-color:#f8f9fa;border-left:4px solid #98c1d9;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.printing-instructions h3{color:#3d5a80;font-family:Mondia Light,sans-serif;font-size:1.3rem;margin-bottom:.75rem;margin-top:0}.printing-instructions p{margin-bottom:.75rem}.printable-features{list-style-type:none;margin-bottom:1rem;padding:0}.printable-features li{color:#555;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.printable-features li:before{color:#98c1d9;content:"•";font-weight:700;left:0;position:absolute}.printable-actions{margin-top:1.5rem}.download-button{background-color:#3d5a80;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.download-button:hover{background-color:#2c3e50}.printable-preview{background-color:#f8f9fa;border-left:1px solid #eee;flex:1 1;min-height:400px}.pdf-preview{height:100%;min-height:400px;width:100%}.printables-footer{color:#666;margin-top:3rem;text-align:center}.printables-footer a{color:#3d5a80;text-decoration:none}.printables-footer a:hover{text-decoration:underline}@media (max-width:992px){.printable-card{flex-direction:column}.printable-preview{border-left:none;border-top:1px solid #eee}}@media (max-width:768px){.printables-page{padding:1.5rem}.printables-header h1{font-size:2rem}.printable-info{padding:1.5rem}.printing-instructions{padding:1.25rem}}@media (max-width:480px){.printables-header h1{font-size:1.8rem}.printable-info h2{font-size:1.5rem}.printing-instructions h3{font-size:1.2rem}}@keyframes pageHero-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes pageHero-floatSlow{0%,to{translate:0 0}50%{translate:5px -8px}}@keyframes pageHero-pulse{0%,to{opacity:.5}50%{opacity:1}}.dice-hero,.dice-hero-wrapper{position:relative}.dice-hero{background:#f7f9fc;border-bottom:none;border-top:none;box-sizing:border-box;margin-bottom:0;min-height:200px;overflow:hidden;padding:2rem 0 5.5rem;z-index:2}.dice-hero .dice-hero-backdrop{background:#0000;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.dice-hero .background-dice{animation:pageHero-floatSlow 30s ease-in-out infinite;z-index:1}.dice-hero .background-dice,.dice-hero .foreground-dice{backface-visibility:hidden;filter:invert(28%) sepia(20%) saturate(1100%) hue-rotate(188deg) brightness(90%) contrast(87%);perspective:1000;position:absolute;transform-origin:center center}.dice-hero .foreground-dice{animation:pageHero-float 12s ease-in-out infinite;z-index:3}.dice-hero .background-dice.paused,.dice-hero .divider-dice.paused,.dice-hero .foreground-dice.paused{animation-play-state:paused}#animation-pause-btn.animation-pause-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:initial;border:none;border-radius:0;bottom:10px;color:#3d5a80b3;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;pointer-events:all!important;position:absolute;right:10px;transition:color .2s;-webkit-user-select:none;user-select:none;width:24px;z-index:9999}#animation-pause-btn.animation-pause-button:hover{color:#3d5a80}#animation-pause-btn.animation-pause-button svg{display:block;height:14px;pointer-events:none;width:14px}.dice-hero *{pointer-events:auto}.dice-hero .dice-hero-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1100px;min-height:160px;padding:.5rem 1rem;position:relative;z-index:2}.dice-hero .hero-text{margin:0 auto;max-width:600px;padding:0 1rem;position:relative;text-align:center}.dice-hero .hero-text h1{color:#3d5a80;font-family:Mondia-Light,OPTIBerling-Agency,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:500;letter-spacing:.02em;margin:0 0 .8rem}.dice-hero .hero-text p{color:#616e7c;font-family:Poppins,sans-serif;font-size:1rem;margin:.8rem 0 0}.dice-hero .hero-divider{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.dice-hero .divider-dice{animation:pageHero-pulse 3s infinite;background-color:#3d5a80;box-shadow:0 0 4px #3d5a8033;display:inline-block;height:8px;opacity:.7;width:8px}.dice-hero .divider-dice.d4{animation-delay:0s;clip-path:polygon(50% 0,0 100%,100% 100%);opacity:.4}.dice-hero .divider-dice.d6{animation-delay:.5s;border-radius:1px;opacity:.5}.dice-hero .divider-dice.d8{animation-delay:1s;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.6}.dice-hero .divider-dice.d10{animation-delay:1.5s;clip-path:polygon(50% 0,90% 20%,100% 60%,75% 100%,25% 100%,0 60%,10% 20%);opacity:.7}.dice-hero .divider-dice.d12{animation-delay:2s;clip-path:polygon(50% 0,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0 70%,0 35%,20% 10%);opacity:.8}.dice-hero .divider-dice.d20{animation-delay:2.5s;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.9}.dice-hero:hover .foreground-dice{filter:invert(28%) sepia(20%) saturate(1200%) hue-rotate(188deg) brightness(95%) contrast(95%)}@media screen and (max-width:768px){.dice-hero{padding:1.5rem 0 3.8rem}.dice-hero .dice-hero-content{flex-wrap:wrap;gap:1rem;justify-content:center}.dice-hero .hero-text{flex:0 0 100%;margin-bottom:.5rem}.dice-hero .hero-text h1{font-size:1.6rem}.dice-hero .foreground-dice{display:none}#animation-pause-btn.animation-pause-button{bottom:auto;right:10px;top:10px}}@media screen and (max-width:480px){.dice-hero{padding:1.25rem 0 3.5rem}.dice-hero .hero-text h1{font-size:1.4rem}.dice-hero .hero-text p{font-size:.85rem}.dice-hero .divider-dice{height:6px;width:6px}#animation-pause-btn.animation-pause-button{right:8px;top:8px}}.class-spell-page{font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.class-header{margin-bottom:3rem;padding-bottom:2rem;position:relative;text-align:center}.class-header:after{background:linear-gradient(90deg,#3d5a80,#3d5a804d);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.class-header h1{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:3rem;margin-bottom:0;margin-top:1rem;text-shadow:2px 2px 4px #0000001a}.class-navigation{align-items:center;background:#f8fafccc;border:1px solid #3d5a800f;border-radius:10px;box-shadow:0 2px 10px #0000000a;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:0 auto;max-width:900px;padding:.8rem}.nav-link{background:#0000;border-radius:6px;color:#4a5568;font-size:.9rem;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .25s ease}.nav-link:hover{background-color:#ee6c4d14;color:#ee6c4d;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#3d5a80,#2b4057);box-shadow:0 2px 4px #3d5a8033;color:#fff;font-weight:500}.nav-link.active:hover{box-shadow:0 3px 6px #3d5a804d;transform:translateY(-1px)}.nav-separator{display:none}.class-description{margin-bottom:4rem}.class-info{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #3d5a801a;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2.5rem}.class-info h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2.2rem;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.class-info h2:after{background:linear-gradient(90deg,#ee6c4d,#ee6c4d4d);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.class-info h3{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.6rem;margin:2rem 0 1rem}.class-info p{color:#4a5568;font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem}.class-spell-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2.5rem 0}.feature{background:#fff;border:1px solid #3d5a801a;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.feature h4{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;margin-bottom:1rem}.feature p{color:#4a5568;font-size:1rem;margin-bottom:0}.class-spell-table{margin-bottom:4rem}.class-spell-table h2{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;margin-bottom:1rem;text-align:center}.table-intro{color:#4a5568;font-size:1.1rem;margin-bottom:2rem;text-align:center}.spell-list-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.spell-list-grid-section{background:#f8fafc;border:1px solid #3d5a800f;border-radius:10px;box-shadow:0 2px 10px #00000008;margin-bottom:1.5rem;padding:1.5rem}.spell-list-grid-section h3{border-bottom:1px solid #3d5a8033;color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;margin:.75rem 0;padding-bottom:.4rem}.spell-item{align-items:center;background:#fff;border:1px solid #3d5a8014;border-radius:4px;box-shadow:0 1px 3px #00000008;display:flex;padding:.4rem .6rem;transition:all .2s ease}.spell-item:hover{background-color:#ee6c4d05;border-color:#ee6c4d33;box-shadow:0 2px 5px #0000000d;transform:translateY(-1px)}.spell-item a{color:#2c5282;flex-grow:1;font-size:.95rem;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.spell-item a:hover{color:#ee6c4d}.spell-school{background:#f8fafc;border-radius:3px;color:#718096;font-size:.7rem;margin-left:.5rem;padding:.1rem .3rem;white-space:nowrap}.sorcerer-resources,.wizard-resources{border-top:1px solid #3d5a801a;margin-top:4rem;padding-top:3rem;text-align:center}.sorcerer-resources h3,.wizard-resources h3{color:#3d5a80;font-family:Mondia-Light,Metamorphous,serif;font-size:1.8rem;margin-bottom:1.5rem}.resource-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.resource-links a{background:linear-gradient(135deg,#3d5a80,#2b4057);border-radius:25px;box-shadow:0 2px 8px #3d5a8033;color:#fff;display:inline-block;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.resource-links a:hover{background:linear-gradient(135deg,#ee6c4d,#e34f2d);box-shadow:0 4px 12px #3d5a804d;transform:translateY(-2px)}.wizard-spells-page .class-header h1,.wizard-spells-page .class-info h2,.wizard-spells-page .class-info h3,.wizard-spells-page .class-info h4{color:#3f51b5}.wizard-spells-page .class-header:after,.wizard-spells-page .class-info h2:after{background:linear-gradient(90deg,#3f51b5,#3f51b54d)}.wizard-spells-page .feature h4{color:#3f51b5}.wizard-spells-page .spell-list-grid-section{border-left:3px solid #3f51b54d}.wizard-spells-page .spell-list-grid-section h3{color:#3f51b5}.wizard-spells-page .resource-links a{background:linear-gradient(135deg,#3f51b5,#303f9f)}.wizard-spells-page .resource-links a:hover{background:linear-gradient(135deg,#5c6bc0,#3f51b5)}.sorcerer-spells-page .class-header h1,.sorcerer-spells-page .class-info h2,.sorcerer-spells-page .class-info h3,.sorcerer-spells-page .class-info h4{color:#d81b60}.sorcerer-spells-page .class-header:after,.sorcerer-spells-page .class-info h2:after{background:linear-gradient(90deg,#d81b60,#d81b604d)}.sorcerer-spells-page .feature h4{color:#d81b60}.sorcerer-spells-page .spell-list-grid-section{border-left:3px solid #d81b604d}.sorcerer-spells-page .spell-list-grid-section h3{color:#d81b60}.sorcerer-spells-page .resource-links a{background:linear-gradient(135deg,#d81b60,#c2185b)}.sorcerer-spells-page .resource-links a:hover{background:linear-gradient(135deg,#ec407a,#d81b60)}.warlock-spells-page .class-header h1,.warlock-spells-page .class-info h2,.warlock-spells-page .class-info h3,.warlock-spells-page .class-info h4{color:#6a0dad}.warlock-spells-page .class-header:after,.warlock-spells-page .class-info h2:after{background:linear-gradient(90deg,#6a0dad,#6a0dad4d)}.warlock-spells-page .feature h4{color:#6a0dad}.warlock-spells-page .spell-list-grid-section{border-left:3px solid #6a0dad4d}.warlock-spells-page .spell-list-grid-section h3{color:#6a0dad}.warlock-spells-page .resource-links a{background:linear-gradient(135deg,#6a0dad,indigo)}.warlock-spells-page .resource-links a:hover{background:linear-gradient(135deg,#8a2be2,#6a0dad)}.ranger-spells-page .class-header h1,.ranger-spells-page .class-info h2,.ranger-spells-page .class-info h3,.ranger-spells-page .class-info h4{color:#2e7d32}.ranger-spells-page .class-header:after,.ranger-spells-page .class-info h2:after{background:linear-gradient(90deg,#2e7d32,#2e7d324d)}.ranger-spells-page .feature h4{color:#2e7d32}.ranger-spells-page .spell-list-grid-section{border-left:3px solid #2e7d324d}.ranger-spells-page .spell-list-grid-section h3{color:#2e7d32}.ranger-spells-page .resource-links a{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.ranger-spells-page .resource-links a:hover{background:linear-gradient(135deg,#43a047,#2e7d32)}.paladin-spells-page .class-header h1,.paladin-spells-page .class-info h2,.paladin-spells-page .class-info h3,.paladin-spells-page .class-info h4{color:#f0c43c}.paladin-spells-page .class-header:after,.paladin-spells-page .class-info h2:after{background:linear-gradient(90deg,#f0c43c,#f0c43c4d)}.paladin-spells-page .feature h4{color:#f0c43c}.paladin-spells-page .spell-list-grid-section{border-left:3px solid #f0c43c4d}.paladin-spells-page .spell-list-grid-section h3{color:#f0c43c}.paladin-spells-page .resource-links a{background:linear-gradient(135deg,#f0c43c,#d4a81c)}.paladin-spells-page .resource-links a:hover{background:linear-gradient(135deg,#f4ce58,#f0c43c)}.druid-spells-page .class-header h1,.druid-spells-page .class-info h2,.druid-spells-page .class-info h3,.druid-spells-page .class-info h4{color:#388e3c}.druid-spells-page .class-header:after,.druid-spells-page .class-info h2:after{background:linear-gradient(90deg,#388e3c,#388e3c4d)}.druid-spells-page .feature h4{color:#388e3c}.druid-spells-page .spell-list-grid-section{border-left:3px solid #388e3c4d}.druid-spells-page .spell-list-grid-section h3{color:#388e3c}.druid-spells-page .resource-links a{background:linear-gradient(135deg,#388e3c,#1b5e20)}.druid-spells-page .resource-links a:hover{background:linear-gradient(135deg,#4caf50,#388e3c)}.cleric-spells-page .class-header h1,.cleric-spells-page .class-info h2,.cleric-spells-page .class-info h3,.cleric-spells-page .class-info h4{color:#5e35b1}.cleric-spells-page .class-header:after,.cleric-spells-page .class-info h2:after{background:linear-gradient(90deg,#5e35b1,#5e35b14d)}.cleric-spells-page .feature h4{color:#5e35b1}.cleric-spells-page .spell-list-grid-section{border-left:3px solid #5e35b14d}.cleric-spells-page .spell-list-grid-section h3{color:#5e35b1}.cleric-spells-page .resource-links a{background:linear-gradient(135deg,#5e35b1,#482880)}.cleric-spells-page .resource-links a:hover{background:linear-gradient(135deg,#7e57c2,#5e35b1)}.bard-spells-page .class-header h1,.bard-spells-page .class-info h2,.bard-spells-page .class-info h3,.bard-spells-page .class-info h4{color:#9c27b0}.bard-spells-page .class-header:after,.bard-spells-page .class-info h2:after{background:linear-gradient(90deg,#9c27b0,#9c27b04d)}.bard-spells-page .feature h4{color:#9c27b0}.bard-spells-page .spell-list-grid-section{border-left:3px solid #9c27b04d}.bard-spells-page .spell-list-grid-section h3{color:#9c27b0}.bard-spells-page .resource-links a{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.bard-spells-page .resource-links a:hover{background:linear-gradient(135deg,#ba68c8,#9c27b0)}.artificer-spells-page .class-header h1,.artificer-spells-page .class-info h2,.artificer-spells-page .class-info h3,.artificer-spells-page .class-info h4{color:#00acc1}.artificer-spells-page .class-header:after,.artificer-spells-page .class-info h2:after{background:linear-gradient(90deg,#00acc1,#00acc14d)}.artificer-spells-page .feature h4{color:#00acc1}.artificer-spells-page .spell-list-grid-section{border-left:3px solid #00acc14d}.artificer-spells-page .spell-list-grid-section h3{color:#00acc1}.artificer-spells-page .resource-links a{background:linear-gradient(135deg,#00acc1,#0097a7)}.artificer-spells-page .resource-links a:hover{background:linear-gradient(135deg,#26c6da,#00acc1)}@media (max-width:768px){.class-spell-page{padding:1.5rem}.class-header h1{font-size:2.5rem}.class-info{padding:1.5rem}.class-info h2{font-size:2rem}.class-spell-features{grid-template-columns:1fr}.feature{padding:1.2rem}.spell-list-grid{grid-template-columns:repeat(2,1fr)}.class-navigation{gap:.4rem;padding:.6rem}.nav-link{font-size:.85rem;padding:.35rem .7rem}.spell-list-grid-section{padding:1.2rem}.promo-features{gap:2rem;grid-template-columns:1fr}.site-features-promo{padding:1.5rem}.spell-item a{font-size:.9rem;white-space:normal}}@media (max-width:480px){.class-header h1{font-size:2rem}.class-navigation{font-size:.9rem}.nav-link{padding:.4rem .8rem}.class-info h2{font-size:1.8rem}.class-info h3{font-size:1.4rem}.resource-links a{text-align:center;width:100%}.spell-list-grid{grid-template-columns:1fr}.spell-list-grid-section{padding:1rem}.spell-item a{font-size:.9rem;white-space:normal}}.official-reference{margin:30px 0;text-align:center}.srd-link{background-color:#4a4a4a;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.srd-link:hover{background-color:#2c7873;text-decoration:none}.wizard-spells-page .srd-link{background-color:#2e5b98}.wizard-spells-page .srd-link:hover{background-color:#1a3969}.sorcerer-spells-page .srd-link{background-color:#a83277}.sorcerer-spells-page .srd-link:hover{background-color:#7e2359}.warlock-spells-page .srd-link{background-color:#7b2cbf}.warlock-spells-page .srd-link:hover{background-color:#5e1e96}.ranger-spells-page .srd-link{background-color:#3a7d44}.ranger-spells-page .srd-link:hover{background-color:#2a5d32}.paladin-spells-page .srd-link{background-color:#c90}.paladin-spells-page .srd-link:hover{background-color:#a70}.druid-spells-page .srd-link{background-color:#4b7f52}.druid-spells-page .srd-link:hover{background-color:#365d3c}.cleric-spells-page .srd-link{background-color:#5e35b1}.cleric-spells-page .srd-link:hover{background-color:#482880}.bard-spells-page .srd-link{background-color:#9370db}.bard-spells-page .srd-link:hover{background-color:#7955b8}.artificer-spells-page .srd-link{background-color:#00acc1}.artificer-spells-page .srd-link:hover{background-color:#0097a7}.site-features-banner{background-color:#f5f7fa;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin:0 auto 2rem;max-width:1100px;padding:.8rem 1.2rem}.banner-message{font-size:1rem;font-weight:500;line-height:1.5;padding:.5rem;text-align:center}.banner-message a{color:#2e5b98;font-weight:600;text-decoration:underline}.banner-message a:hover{color:#1a3969}.site-features-promo{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:40px 0;padding:30px}.site-features-promo h2{color:#7b2cbf;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.promo-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.promo-feature{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:100%;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.promo-feature:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.promo-feature h3{color:#3a0ca3;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:15px;margin-top:0}.promo-feature p{color:#333;flex-grow:1;line-height:1.6;margin-bottom:20px}.promo-link{align-self:flex-start;background-color:#5a189a;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:auto;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.promo-link:hover{background-color:#7b2cbf;text-decoration:none}@media (max-width:768px){.promo-features{gap:2rem;grid-template-columns:1fr}.site-features-promo{padding:1.5rem}}.wizard-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #3f51b51a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.wizard-spells-page .site-features-promo h2{color:#3f51b5;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.wizard-spells-page .promo-feature{background:#fff;border:1px solid #3f51b526;border-radius:8px;box-shadow:0 2px 10px #0000000d}.wizard-spells-page .promo-feature:hover{box-shadow:0 4px 15px #3f51b51a;transform:translateY(-3px)}.wizard-spells-page .promo-feature h3{color:#3f51b5;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.wizard-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.wizard-spells-page .promo-link{background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:6px;box-shadow:0 2px 5px #3f51b533;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.wizard-spells-page .promo-link:hover{background:linear-gradient(135deg,#5c6bc0,#3f51b5);box-shadow:0 4px 8px #3f51b54d;text-decoration:none;transform:translateY(-2px)}.sorcerer-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #d81b601a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.sorcerer-spells-page .site-features-promo h2{color:#d81b60;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.sorcerer-spells-page .promo-feature{background:#fff;border:1px solid #d81b6026;border-radius:8px;box-shadow:0 2px 10px #0000000d}.sorcerer-spells-page .promo-feature:hover{box-shadow:0 4px 15px #d81b601a;transform:translateY(-3px)}.sorcerer-spells-page .promo-feature h3{color:#d81b60;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.sorcerer-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.sorcerer-spells-page .promo-link{background:linear-gradient(135deg,#d81b60,#c2185b);border-radius:6px;box-shadow:0 2px 5px #d81b6033;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.sorcerer-spells-page .promo-link:hover{background:linear-gradient(135deg,#ec407a,#d81b60);box-shadow:0 4px 8px #d81b604d;text-decoration:none;transform:translateY(-2px)}.warlock-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #6a0dad1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.warlock-spells-page .site-features-promo h2{color:#6a0dad;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.warlock-spells-page .promo-feature{background:#fff;border:1px solid #6a0dad26;border-radius:8px;box-shadow:0 2px 10px #0000000d}.warlock-spells-page .promo-feature:hover{box-shadow:0 4px 15px #6a0dad1a;transform:translateY(-3px)}.warlock-spells-page .promo-feature h3{color:#6a0dad;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.warlock-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.warlock-spells-page .promo-link{background:linear-gradient(135deg,#6a0dad,indigo);border-radius:6px;box-shadow:0 2px 5px #6a0dad33;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.warlock-spells-page .promo-link:hover{background:linear-gradient(135deg,#8a2be2,#6a0dad);box-shadow:0 4px 8px #6a0dad4d;text-decoration:none;transform:translateY(-2px)}.ranger-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #2e7d321a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.ranger-spells-page .site-features-promo h2{color:#2e7d32;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.ranger-spells-page .promo-feature{background:#fff;border:1px solid #2e7d3226;border-radius:8px;box-shadow:0 2px 10px #0000000d}.ranger-spells-page .promo-feature:hover{box-shadow:0 4px 15px #2e7d321a;transform:translateY(-3px)}.ranger-spells-page .promo-feature h3{color:#2e7d32;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.ranger-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.ranger-spells-page .promo-link{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:6px;box-shadow:0 2px 5px #2e7d3233;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.ranger-spells-page .promo-link:hover{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 8px #2e7d324d;text-decoration:none;transform:translateY(-2px)}.paladin-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #f0c43c1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.paladin-spells-page .site-features-promo h2{color:#f0c43c;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.paladin-spells-page .promo-feature{background:#fff;border:1px solid #f0c43c26;border-radius:8px;box-shadow:0 2px 10px #0000000d}.paladin-spells-page .promo-feature:hover{box-shadow:0 4px 15px #f0c43c1a;transform:translateY(-3px)}.paladin-spells-page .promo-feature h3{color:#f0c43c;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.paladin-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.paladin-spells-page .promo-link{background:linear-gradient(135deg,#f0c43c,#d4a81c);border-radius:6px;box-shadow:0 2px 5px #f0c43c33;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.paladin-spells-page .promo-link:hover{background:linear-gradient(135deg,#f4ce58,#f0c43c);box-shadow:0 4px 8px #f0c43c4d;text-decoration:none;transform:translateY(-2px)}.druid-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #388e3c1a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.druid-spells-page .site-features-promo h2{color:#388e3c;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.druid-spells-page .promo-feature{background:#fff;border:1px solid #388e3c26;border-radius:8px;box-shadow:0 2px 10px #0000000d}.druid-spells-page .promo-feature:hover{box-shadow:0 4px 15px #388e3c1a;transform:translateY(-3px)}.druid-spells-page .promo-feature h3{color:#388e3c;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.druid-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.druid-spells-page .promo-link{background:linear-gradient(135deg,#388e3c,#1b5e20);border-radius:6px;box-shadow:0 2px 5px #388e3c33;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.druid-spells-page .promo-link:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 8px #388e3c4d;text-decoration:none;transform:translateY(-2px)}.cleric-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #5e35b11a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.cleric-spells-page .site-features-promo h2{color:#5e35b1;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.cleric-spells-page .promo-feature{background:#fff;border:1px solid #5e35b126;border-radius:8px;box-shadow:0 2px 10px #0000000d}.cleric-spells-page .promo-feature:hover{box-shadow:0 4px 15px #5e35b11a;transform:translateY(-3px)}.cleric-spells-page .promo-feature h3{color:#5e35b1;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.cleric-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.cleric-spells-page .promo-link{background:linear-gradient(135deg,#5e35b1,#482880);border-radius:6px;box-shadow:0 2px 5px #5e35b133;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.cleric-spells-page .promo-link:hover{background:linear-gradient(135deg,#7e57c2,#5e35b1);box-shadow:0 4px 8px #5e35b14d;text-decoration:none;transform:translateY(-2px)}.bard-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #9c27b01a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.bard-spells-page .site-features-promo h2{color:#9c27b0;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.bard-spells-page .promo-feature{background:#fff;border:1px solid #9c27b026;border-radius:8px;box-shadow:0 2px 10px #0000000d}.bard-spells-page .promo-feature:hover{box-shadow:0 4px 15px #9c27b01a;transform:translateY(-3px)}.bard-spells-page .promo-feature h3{color:#9c27b0;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.bard-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.bard-spells-page .promo-link{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:6px;box-shadow:0 2px 5px #9c27b033;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.bard-spells-page .promo-link:hover{background:linear-gradient(135deg,#ba68c8,#9c27b0);box-shadow:0 4px 8px #9c27b04d;text-decoration:none;transform:translateY(-2px)}.artificer-spells-page .site-features-promo{background-color:#f8fafc;border:1px solid #00acc11a;border-radius:12px;box-shadow:0 4px 20px #0000000d;padding:1.5rem 2.5rem 3.5rem}.artificer-spells-page .site-features-promo h2{color:#00acc1;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;font-weight:400;margin-bottom:1.5rem}.artificer-spells-page .promo-feature{background:#fff;border:1px solid #00acc126;border-radius:8px;box-shadow:0 2px 10px #0000000d}.artificer-spells-page .promo-feature:hover{box-shadow:0 4px 15px #00acc11a;transform:translateY(-3px)}.artificer-spells-page .promo-feature h3{color:#00acc1;font-family:Mondia-Light,Metamorphous,serif;font-size:1.3rem;font-weight:400}.artificer-spells-page .promo-feature p{color:#4a5568;font-size:1rem}.artificer-spells-page .promo-link{background:linear-gradient(135deg,#00acc1,#0097a7);border-radius:6px;box-shadow:0 2px 5px #00acc133;color:#fff;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.artificer-spells-page .promo-link:hover{background:linear-gradient(135deg,#26c6da,#00acc1);box-shadow:0 4px 8px #00acc14d;text-decoration:none;transform:translateY(-2px)}.wizard-spells-page .class-spell-list h2{color:#3f51b5;font-family:Mondia-Light,Metamorphous,serif;font-size:2rem;margin-bottom:1rem;text-align:center}.wizard-spells-page .class-spell-list .table-intro{color:#4a5568;font-size:1.1rem;margin-bottom:2rem;text-align:center}
/*# sourceMappingURL=main.6f4178b8.css.map*/