@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap";:root{font-family:Lora,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-bg: #1a1a1d;--primary-color: #ffffff;--secondary-bg: #f9f9f9;--secondary-color: #333333;--shadow-color: rgba(0, 0, 0, .3);--border-radius: 5px}*{font-family:inherit}body{margin:0;min-width:320px;min-height:100vh}.header{background-color:var(--primary-bg);color:var(--primary-color);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;position:relative}.header *,.header * span,.header * font{color:inherit}.header h1 *,.header h3 *,.header button *,.header a *,.header p *,.header .logo-container h1 *,.header .header_links *,.header .menu-toggle *,.header .subscribe-btn *{color:inherit!important}.logo-container{display:flex;align-items:center}.logo-container img{height:60px;border-radius:50%}.logo-container h1{margin-left:10px;font-size:24px;font-weight:700;color:var(--primary-color);text-shadow:2px 2px 4px var(--shadow-color)}.header_links{color:var(--primary-color);margin-right:10px}.menu-container{display:flex;align-items:center}.menu-item{margin-right:15px}.menu-toggle{display:none;background:none;border:none;color:var(--primary-color);font-size:24px;cursor:pointer}.user-profile{position:relative;display:inline-block;cursor:pointer}.user-photo{width:50px;border-radius:50%;object-fit:cover;margin-right:10px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:100px;box-shadow:0 4px 8px var(--shadow-color);margin-top:8px;padding:8px;z-index:1;right:10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--border-radius)}.dropdown-content.show{display:block}.user-email{color:#000;margin-bottom:8px;font-size:12px}.logout-button{background-color:var(--secondary-bg);color:var(--secondary-color);border:1px solid #ddd;padding:5px 10px;font-size:14px;cursor:pointer;border-radius:4px;display:block;margin:0 auto}.logout-button:hover{background-color:#e0e0e0}.tutorials-dropdown-container{position:relative}.tutorials-dropdown-trigger{display:flex;align-items:center}.tutorials-dropdown-content{display:none;position:absolute;background-color:#1a1a1d;min-width:180px;box-shadow:0 4px 8px var(--shadow-color);margin-top:8px;padding:8px 0;z-index:1;top:100%;left:0;border-radius:var(--border-radius)}.tutorials-dropdown-content.show{display:block}.tutorial-dropdown-item{padding:8px 16px;color:var(--primary-color);cursor:pointer;transition:background-color .2s;text-decoration:none;display:block}.tutorial-dropdown-item:hover{background-color:#ffffff1a}.tutorial-dropdown-item a{text-decoration:none;color:inherit}.subscribe-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.subscribe-btn:hover{background-color:#45a049}@media(max-width:768px){.menu-container{display:none;flex-direction:column;background-color:#1a1a1d;position:absolute;top:100%;right:0;width:100%;text-align:center;z-index:1000}.menu-container.open{display:flex}.menu-item{margin:10px 0}.menu-toggle{display:block}.tutorials-dropdown-content{position:relative;margin-top:0;width:100%}.tutorial-dropdown-item{text-align:left;padding-left:20px}}@media(max-width:480px){.logo-container img{height:50px}.logo-container h1{font-size:18px}.header{padding:10px}}footer{background-color:#333;color:#fff;text-align:center;padding:20px}footer *,footer * span,footer * font{color:inherit}footer p *,footer a *,footer li *,footer div *{color:inherit!important}footer .footer-content *,footer .footer-content * span,footer .footer-content * font,footer .footer-content p *,footer .footer-content a *,footer .terms-policy *{color:#fff!important}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#fff}.footer-content div{margin-bottom:10px}.footer-content p,.footer-content ul{margin:0;color:#fff}.social-media ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap}.social-media ul li{margin-right:10px}.social-media ul li:last-child{margin-right:0}.social-media ul li a{color:#eef1f5;text-decoration:none;transition:color .3s ease}.social-media ul li a:hover{color:#047786}.support-project p a{color:#eef1f5;text-decoration:none;transition:color .3s ease}.support-project p a:hover{color:#047786}.terms-policy{color:#fff}.terms-policy a{color:#fff;text-decoration:none;transition:color .3s ease}.terms-policy a:hover{color:#eef1f5}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-content div{width:100%;margin-bottom:10px}}@media(max-width:480px){footer{padding:10px}.footer-content div{margin-bottom:5px}}#home_page{background:url(/banner.webp) no-repeat center center;background-size:cover;background-attachment:fixed}@media(max-width:768px){#home_page{background-attachment:scroll}}.hero-section{margin-top:450px;padding:25px 20px;text-align:center;min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fffffff2;border-radius:10px;margin-left:auto;margin-right:auto;width:90%;max-width:900px;box-shadow:0 4px 6px #0000001a}.hero-content{width:100%}.hero-section h1{color:#1a1919;font-size:2.5rem;margin-bottom:8px;font-weight:700}.hero-subtitle{color:#333;font-size:1.3rem;margin-bottom:8px;font-weight:600}.hero-description{color:#444;font-size:1.1rem;margin-bottom:15px;line-height:1.5}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.green-button{background-color:#4caf50;color:#fff;border:none;padding:15px 30px;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;transition:background-color .3s ease}.green-button:hover{background-color:#45a049}.hero-microcopy{color:#666;font-size:.9rem;margin:0}.home-note{color:#555;font-size:.95rem;font-style:italic;margin-top:10px;padding:8px;background-color:#f0f0f0cc;border-radius:5px}.features-section{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.feature-box{width:65%;padding:10px;background-color:#ffffffe7;border-radius:5px;text-align:center;box-shadow:0 2px 4px #0000001a}.feature-box h1{margin:10px;color:#1a1919}.feature-box p{padding:0 10px;text-align:justify;color:#1a1919}.tool-card{display:flex;align-items:center;width:65%;background-color:#ffffffe6;border-radius:5px;padding:10px;box-shadow:0 2px 4px #0000001a;gap:20px}.tool-image{width:150px;height:auto;border-radius:5px;flex-shrink:0}.tool-details{flex:1}.tool-details h2{margin:5px;color:#1a1919}.tool-details p{margin:5px;text-align:justify;color:#1a1919}.tool-use{font-style:italic;color:#555;margin:5px 0}.features-area{width:65%;margin:10px auto;text-align:center;padding:10px;background-color:#ffffff4b;border-radius:5px;box-shadow:0 2px 4px #00000021}.features-area h3{font-size:1.3rem;margin-bottom:5px;margin-top:5px;font-weight:700;color:#1a1919;background-color:#ffffffe6;border-radius:5px;padding:5px}.features-list{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}.feature-column{flex:1;display:flex;flex-direction:column;gap:10px;min-width:45%}.feature-card{background-color:#ffffffe6;padding:5px;border-radius:5px;box-shadow:0 2px 4px #0000001a;text-align:left}.feature-card h3{padding:0;font-size:1.2rem;color:#1a1919}.feature-card p{margin:5px;color:#1a1919}.small-green-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.small-green-button:hover{background-color:#45a049}.subscription-preview{padding:30px 20px;display:flex;align-items:center;gap:30px;background-color:#ffffffe6;border-radius:10px;margin:30px auto;width:90%;max-width:900px;box-shadow:0 2px 4px #0000001a}.subscription-image{width:300px;height:auto;border-radius:8px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.subscription-preview-text{flex:1;text-align:left}.subscription-preview h3{color:#1a1919;font-size:1.8rem;margin-bottom:15px;font-weight:700}.subscription-preview p{color:#444;font-size:1.1rem;line-height:1.6;margin:0}.subscription-preview-links{margin-top:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.subscription-preview-links a{color:#4caf50;text-decoration:none;font-weight:500}.subscription-preview-links a:hover{text-decoration:underline}.subscription-subscribe-btn{margin-top:8px}@media(max-width:1024px){.hero-section{margin-top:350px;width:95%}.tool-card,.features-area{width:85%}}@media(max-width:768px){.hero-section{margin-top:200px;padding:20px 15px;width:95%}.hero-section h1{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.green-button{padding:12px 24px;font-size:16px;width:100%;max-width:300px}.features-section{padding:15px 10px;gap:15px}.tool-card{flex-direction:column;width:95%;padding:15px;gap:15px}.tool-image{width:100%;max-width:200px}.tool-details{text-align:center}.tool-details p{text-align:left}.features-area{width:95%;padding:15px}.features-list{flex-direction:column;gap:15px}.feature-column{min-width:100%}.subscription-preview{flex-direction:column;padding:20px 15px;gap:20px;width:95%}.subscription-image{width:100%;max-width:100%}.subscription-preview-text{text-align:center}.subscription-preview h3{font-size:1.5rem}.subscription-preview p{font-size:1rem}.feature-box{width:95%}}@media(max-width:480px){.hero-section{margin-top:150px;padding:15px 10px}.hero-section h1{font-size:1.5rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.green-button{padding:10px 20px;font-size:14px}.tool-card,.features-area{padding:10px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.9rem}.subscription-preview h3{font-size:1.3rem}.subscription-preview p{font-size:.9rem}}.dashboard{min-height:100vh;background-color:#f5f5f5;padding-bottom:30px;margin-bottom:0}.dash-intro{margin-left:20px}.dash-intro h1{margin:0 0 10px;color:#333;font-size:1.8rem}.dash-intro p{margin-top:2px;margin-bottom:2px;color:#666}.side-to-side{display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:5px;margin:10px 0}.account-card{background-color:#c4ddd777;border:1px solid #a8c23794;border-radius:12px;margin:20px 10px;padding:10px;text-align:center;box-shadow:0 4px 10px #0000001a;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.account-card:not(.subscribe-card){flex:0 1 calc(32% - 20px);min-width:220px}.account-card.subscribe-card{flex:0 1 calc(36% - 20px);min-width:280px}.account-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.account-card h3{font-size:1.2rem;text-align:justify;color:#111827;margin:10px 0}.account-card h2{font-size:1.5rem;color:#111827;margin:10px 0}.account-card p{font-size:1rem;text-align:justify;margin-bottom:10px;margin-top:10px;color:#333}.account-card img{width:60%;opacity:.8;border-radius:10px}.account-card ul{text-align:left;padding-left:20px;margin:10px 0;color:#333;list-style:none}.account-card ul li{margin:8px 0;line-height:1.5}.account-note{font-size:.9rem;color:#666;font-style:italic;margin-top:10px;text-align:center}.dash-button{padding:8px 16px;background-color:#3b82f6;margin-right:20px;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.dash-button:hover{background-color:#2563eb}.subscription-toggle-container{display:flex;justify-content:center;margin:20px 0}.subscription-toggle-button{background-color:#e64a19!important;margin-right:0}.subscription-toggle-button:hover{background-color:#ee9907!important}.dash-next-step{margin-left:15px;margin-right:15px}.dash-tools{margin:15px;background-color:#48570a4d;border-radius:12px;padding:5px}.dashboard>.dash-tools:last-child{margin-bottom:0}.dash-tools h2{text-align:center;margin-top:15px;margin-bottom:15px;color:#333}.dash-tools-dist{display:flex;justify-content:space-between;gap:10px}.dash-tools-column{width:100%}.dash-tools-list{display:flex;flex-direction:column;gap:0}.tool-card-2{display:flex;justify-content:space-between;align-items:center;width:95%;margin:8px;background-color:#fff;border-radius:5px;padding:10px}.tool-card-2 p{width:350px;font-size:1.2rem;color:#333;margin:0}.dash-button-2{width:120px;padding:5px 10px;background-color:#3b82f6;margin:10px;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.dash-button-2:hover{background-color:#2563eb}.dash-button-2:disabled{background-color:#9ca3af;cursor:not-allowed}.dash-button-3{padding:8px 16px;background-color:#f63b3bc5;margin:10px 10px 10px 40px;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.dash-button-3:hover{background-color:#f63b3b}.tapa-buraco{height:28px}.account-card.subscribe-card{border:2px solid #ffc107;background:#fff8e1;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0003}.subscription-image{width:100%;max-width:300px;margin:15px auto;border-radius:10px;box-shadow:0 4px 8px #0003;display:block}.price-container{margin:15px 0;padding:10px;background-color:#fff9;border-radius:8px;border:1px solid rgba(230,74,25,.2)}.price{font-size:1.3rem;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px}.price-original{text-decoration:line-through;color:#999;font-size:1.1rem;font-weight:400;display:block}.price-promotional{color:#e64a19;font-size:1.5rem;font-weight:700;display:block}.price-note{font-size:.85rem;color:#666;font-style:italic;margin:8px 0 0;text-align:center}.subscription-benefits{list-style:none;padding:0;text-align:left;margin:15px auto;max-width:400px}.subscription-benefits li{margin:10px 0;font-size:1rem}.urgency{font-size:1.2rem;font-weight:700;color:#e64a19;margin-top:10px}.premium-button{background-color:#e64a19;color:#fff;font-size:1.2rem;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease-in-out}.premium-button:hover{background-color:#ee9907;transform:scale(1.05)}.adventure-buttons{display:flex;gap:.5rem;margin-top:.5rem}.adventure-buttons .dash-button-2{flex:1;font-size:.9rem;padding:.4rem .8rem}.load-button{background-color:#28a745!important}.load-button:hover{background-color:#218838!important}.load-button:disabled{background-color:#6c757d!important;cursor:not-allowed}.save-info{display:block;margin-top:.5rem;color:#6c757d;font-size:.8rem;font-style:italic;text-align:left;margin-left:5px}@media(max-width:1024px){.account-card:not(.subscribe-card){flex:0 1 calc(32% - 20px);min-width:200px}.account-card.subscribe-card{flex:0 1 calc(36% - 20px);min-width:270px}}@media(max-width:768px){.dashboard{padding-bottom:20px}.dash-intro{margin-left:10px}.dash-intro h1{font-size:1.5rem}.dash-intro p{font-size:.9rem}.dash-tools{margin:10px}.dash-tools h2{font-size:1.3rem;margin-top:10px;margin-bottom:10px}.dash-tools-dist{flex-direction:column}.side-to-side{flex-direction:column;flex-wrap:wrap;align-items:stretch;gap:15px}.account-card{flex:1 1 100%!important;margin:0 10px;min-width:auto!important;width:calc(100% - 20px)}.account-card:not(.subscribe-card){flex:1 1 100%!important}.account-card.subscribe-card{flex:1 1 100%!important}.tool-card-2{flex-direction:column;align-items:flex-start;width:100%;margin:5px}.tool-card-2 p{width:auto;font-size:1rem;margin-bottom:10px;margin-left:0}.dash-button-2{width:100%;font-size:.9rem;margin:5px 0}.adventure-buttons{flex-direction:column;width:100%}.adventure-buttons .dash-button-2{width:100%;margin-bottom:.25rem}.dash-button{margin-right:0;margin-top:10px;width:auto}.subscription-toggle-container{margin:15px 0}.subscription-toggle-button{width:auto;padding:10px 20px}.dash-next-step{margin-left:10px;margin-right:10px}.dash-next-step p{font-size:.9rem}.premium-button{font-size:1rem;padding:10px 15px;width:100%}.subscription-image{max-width:100%}.price{font-size:1.1rem}.price-original{font-size:1rem}.price-promotional{font-size:1.3rem}.price-note{font-size:.8rem}.dash-button-3{margin-left:10px;width:calc(100% - 20px)}}@media(max-width:480px){.dashboard{padding-bottom:15px}.dash-intro{margin-left:5px}.dash-intro h1{font-size:1.3rem}.dash-intro p{font-size:.85rem}.dash-tools{margin:5px;padding:5px}.dash-tools h2{font-size:1.2rem;margin-top:8px;margin-bottom:8px}.account-card{margin:0 5px;padding:8px;width:calc(100% - 10px)}.account-card h2{font-size:1.3rem}.account-card h3{font-size:1.1rem}.account-card p{font-size:.9rem}.tool-card-2{padding:8px;margin:4px}.tool-card-2 p{font-size:.95rem}.dash-button-2{font-size:.85rem;padding:8px 12px}.dash-button{font-size:.9rem;padding:8px 12px}.premium-button{font-size:.95rem;padding:8px 12px}.price{font-size:1rem}.price-original{font-size:.9rem}.price-promotional{font-size:1.2rem}.price-note{font-size:.75rem}.dash-next-step{margin-left:5px;margin-right:5px}.dash-next-step p{font-size:.85rem}.dash-button-3{font-size:.9rem;padding:8px 12px}}.subscription-prompt-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subscription-prompt{position:relative;margin:20px;padding:30px;background-color:#fff8e1;border:3px solid #ffc107;border-radius:12px;box-shadow:0 8px 24px #0006;max-width:500px;width:90%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.subscription-prompt-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:32px;color:#666;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.subscription-prompt-close:hover{background-color:#0000001a;color:#333}.subscription-prompt-content{display:flex;flex-direction:column;align-items:center;gap:15px}.subscription-prompt-message{font-size:1.1rem;color:#333;text-align:center;margin:0;font-style:italic}.subscription-prompt-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.subscription-prompt-button{width:auto;min-width:200px}.subscription-prompt-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#666;-webkit-user-select:none;user-select:none}.subscription-prompt-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.subscription-prompt-checkbox span{cursor:pointer}@media(max-width:768px){.subscription-prompt{margin:20px;padding:20px}.subscription-prompt-message{font-size:1rem}.subscription-prompt-button{width:100%;font-size:1rem;padding:10px 15px}.subscription-prompt-checkbox{font-size:.85rem}}.player-page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}.player-page-wrapper footer{margin-top:auto}.player-container{flex:1;background:#f5f5f5;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:2rem;width:100%}.player-header{background:#fff;padding:1.5rem 3rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;margin-bottom:2rem;border-radius:8px}.player-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.error-banner{background-color:#f44336;color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.close-error{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-error:hover{opacity:.8}.player-desk{padding:2rem;background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 4px #0003}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.characters-section,.adventures-section{background-color:#2a2a2a;border-radius:8px;padding:1.5rem}.characters-section h2,.adventures-section h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.characters-list,.adventures-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.character-card,.adventure-card{background-color:#333;border:2px solid #444;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.character-card:hover,.adventure-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.character-card.selected,.adventure-card.selected{border-color:#4caf50;background-color:#2d3a2d}.character-header,.adventure-header{margin-bottom:.5rem}.character-header h3,.adventure-header h3{color:#fff;margin:0;font-size:1.2rem}.character-details p{color:#000;margin:.25rem 0;font-size:.9rem}.synopsis-content p{color:#ccc;font-size:.9rem;margin:.5rem 0}.status{padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.status.public{background-color:#4caf50;color:#fff}.status.private{background-color:#f44336;color:#fff}.scenes-count{color:#ccc;font-size:.8rem}.adventure-buttons{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.new-game-btn,.load-game-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500;flex:1;min-width:100px}.new-game-btn{background-color:#4caf50;color:#fff}.new-game-btn:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.new-game-btn:disabled{background-color:#666;color:#999;cursor:not-allowed}.load-game-btn{background-color:#2196f3;color:#fff}.load-game-btn:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.load-game-btn:disabled{background-color:#666;color:#999;cursor:not-allowed}.save-info{margin-top:.5rem;text-align:center}.save-info small{color:#888;font-size:.8rem;font-style:italic}.loading{color:#333;text-align:center;padding:2rem;font-size:1.2rem}.error-message{color:#f44336;text-align:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.retry-button{background-color:#f44336;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#d32f2f}.no-characters,.no-adventures{color:#ccc;text-align:center;padding:2rem;background-color:#333;border-radius:8px}@media(max-width:1024px){.player-container{padding:1.5rem}.player-header{padding:1.25rem 2rem}.player-header h1{font-size:1.75rem}.content-grid{gap:1.5rem}.characters-list,.adventures-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}}@media(max-width:768px){.player-container{padding:1rem}.player-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}.player-header h1{font-size:1.5rem}.dashboard-button{width:100%;padding:.625rem 1.25rem;font-size:.95rem}.player-desk{padding:1.5rem}.content-grid{grid-template-columns:1fr;gap:1.5rem}.characters-section,.adventures-section{padding:1.25rem}.characters-section h2,.adventures-section h2{font-size:1.3rem;margin-bottom:1.25rem}.characters-list,.adventures-list{grid-template-columns:1fr;gap:1rem}.character-card,.adventure-card{padding:.875rem}.character-header h3,.adventure-header h3{font-size:1.1rem}.character-details p,.synopsis-content p{font-size:.85rem}.adventure-buttons{flex-direction:column;gap:.5rem}.new-game-btn,.load-game-btn{min-width:auto;width:100%;padding:.625rem 1rem;font-size:.875rem}.save-info small{font-size:.75rem}.error-banner{padding:.875rem;font-size:.9rem}.no-characters,.no-adventures{padding:1.5rem}}@media(max-width:480px){.player-container{padding:.75rem}.player-header{padding:.875rem 1rem;gap:.875rem}.player-header h1{font-size:1.3rem}.dashboard-button{padding:.5rem 1rem;font-size:.9rem}.player-desk{padding:1rem}.content-grid{gap:1.25rem}.characters-section,.adventures-section{padding:1rem}.characters-section h2,.adventures-section h2{font-size:1.2rem;margin-bottom:1rem}.characters-list,.adventures-list{gap:.875rem}.character-card,.adventure-card{padding:.75rem}.character-header h3,.adventure-header h3{font-size:1rem}.character-details p,.synopsis-content p{font-size:.8rem}.new-game-btn,.load-game-btn{padding:.5rem .875rem;font-size:.85rem}.save-info small{font-size:.7rem}.error-banner{padding:.75rem;font-size:.85rem}.close-error{font-size:1.25rem;width:20px;height:20px}.loading{padding:1.5rem;font-size:1.1rem}.error-message{padding:1.5rem;font-size:.95rem}.retry-button{padding:.5rem .875rem;font-size:.9rem}.no-characters,.no-adventures{padding:1.25rem;font-size:.9rem}}._creatureFormBox_14d9o_1{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014}._creatureFormBox_14d9o_1 h2{margin:0 0 20px;color:#333;text-align:center}._creatureFormCard_14d9o_33{display:grid;grid-template-columns:1fr 1fr;gap:2rem 2.5rem;margin-top:1rem;width:100%}@media(max-width:900px){._creatureFormCard_14d9o_33{grid-template-columns:1fr;gap:1.5rem}}._creatureCardSection_14d9o_63{display:flex;flex-direction:column;gap:1.2rem;background-color:#f8fafc;padding:1.2rem 1rem;border-radius:6px;width:100%}._creatureCardSection_14d9o_63 h3{color:#1e293b;margin:0 0 1rem;font-size:1.1rem}._creatureCardSection_14d9o_63 h4{color:#475569;margin:1rem 0 .5rem;font-size:1rem}._creatureFormFooter_14d9o_107{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}._creatureFormFooter_14d9o_107 button{padding:.5rem 1.2rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}._creatureFormFooter_14d9o_107 button:first-child{background-color:#64748b;color:#fff}._creatureFormFooter_14d9o_107 button:first-child:hover{background-color:#475569}._creatureFormFooter_14d9o_107 button:last-child{background-color:#3b82f6;color:#fff}._creatureFormFooter_14d9o_107 button:last-child:hover{background-color:#2563eb}._languagesDisplayArea_14d9o_181{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}._languageTag_14d9o_195{background:#e2e8f0;border-radius:4px;padding:2px 8px;display:inline-flex;align-items:center;font-size:.95em}._languageTag_14d9o_195 button{margin-left:4px;background:none;border:none;cursor:pointer;color:#c00;font-size:1em}._creatureFormGroup_14d9o_233{display:flex;flex-direction:column;gap:.3rem;width:100%}._creatureFormGroup_14d9o_233 label{font-weight:500;color:#000;min-width:150px;margin-bottom:4px;margin-right:0}._creatureFormGroup_14d9o_233 input{flex:1;padding:5px;border:1px solid gray;border-radius:4px;background-color:var(--white);max-width:170px}._creatureFormGroup_14d9o_233 input:focus{outline:none;border-color:var(--primary)}._creatureFormGroup_14d9o_233 input[type=number]{width:100%}._creatureFormGroup_14d9o_233 textarea{width:100%;min-height:130px;resize:vertical;padding:6px;border:1px solid gray;border-radius:4px;font-size:1em;background-color:var(--white);box-sizing:border-box}._creatureFormGroup_14d9o_233 textarea:focus{outline:none;border-color:var(--primary)}._languagesSelectRow_14d9o_335{display:flex;gap:8px;width:100%;align-items:center}._formRow_14d9o_349{flex-direction:row!important;align-items:center;gap:10px}._formRow_14d9o_349 label{margin-bottom:0;min-width:90px;width:auto;text-align:right}._formRow_14d9o_349 input[type=text],._formRow_14d9o_349 input[type=number],._formRow_14d9o_349 select{width:160px;min-width:120px;max-width:200px;margin-bottom:0}._formRow_14d9o_349 select{height:32px}@media(max-width:1200px){._creatureFormCard_14d9o_33{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._creatureFormCard_14d9o_33{grid-template-columns:1fr}}._npcCheckboxContainer_14d9o_429{display:flex;align-items:center;margin:1rem 0;padding:.5rem;background-color:#f8f9fa;border-radius:4px}._npcCheckboxLabel_14d9o_447{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem;color:#495057}._npcCheckboxLabel_14d9o_447 input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer}._formGrid_14d9o_477{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}._formColumn_14d9o_493{max-width:400px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}._creatureFormGroup_14d9o_233,._formRow_14d9o_349{width:100%}._abilitiesTableWrapper_s79y4_1{overflow-x:auto;margin-top:8px;max-width:400px;width:100%;margin-left:auto;margin-right:auto}._abilitiesTable_s79y4_1{width:100%;max-width:400px;border-collapse:collapse;font-size:.9em;background:#f8fafc}._abilitiesTable_s79y4_1 th,._abilitiesTable_s79y4_1 td{padding:4px;border:1px solid #cbd5e1}._abilityLabel_s79y4_45{font-weight:700;text-align:left}._abilityInput_s79y4_55{width:100%;min-width:40px;padding:2px 4px;border:1px solid #cbd5e1;border-radius:3px;font-size:1em;box-sizing:border-box}._abilityMod_s79y4_75{width:50px;display:inline-block;text-align:center;font-size:1em}._abilityInput_s79y4_55:focus{outline:none;border-color:#2563eb}._skillsGrid_1x31u_1{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;max-width:400px;width:100%;margin-left:auto;margin-right:auto}._skillItem_1x31u_23{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid #e2e8f0;border-radius:4px;background:#fff}._skillLabel_1x31u_43{min-width:120px;font-size:.9em;font-weight:500}._skillValue_1x31u_55{width:50px;padding:2px 4px;border:1px solid #cbd5e1;border-radius:3px;font-size:1em;text-align:center}._skillComplement_1x31u_73{flex:1;padding:2px 4px;border:1px solid #cbd5e1;border-radius:3px;font-size:1em}._skillValue_1x31u_55:focus,._skillComplement_1x31u_73:focus{outline:none;border-color:#2563eb}._imageManagerContainer_3y00q_1{padding:1.5rem;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}._uploadSection_3y00q_15{margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._uploadLabel_3y00q_31{display:block;font-weight:600;margin-bottom:.5rem;color:#2c3e50}._uploadInput_3y00q_45{display:none}._uploadButton_3y00q_53{display:inline-block;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}._uploadButton_3y00q_53:hover{background-color:#0056b3}._uploadButton_3y00q_53:disabled{background-color:#6c757d;cursor:not-allowed}._fileInput_3y00q_95{display:none}._carousel_3y00q_103{position:relative;margin-bottom:1rem}._carouselContainer_3y00q_113{margin-bottom:1.5rem;position:relative}._carouselImage_3y00q_123{width:100%;height:400px;object-fit:contain;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._carouselButton_3y00q_141{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}._carouselButton_3y00q_141:hover{background-color:#000000b3}._prevButton_3y00q_183{left:1rem}._nextButton_3y00q_191{right:1rem}._imageInfo_3y00q_199{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._imageCounter_3y00q_221{font-weight:600;color:#2c3e50}._thumbnails_3y00q_231{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._thumbnail_3y00q_231{position:relative;width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .2s;border:2px solid transparent}._thumbnail_3y00q_231:hover{opacity:.8}._activeThumbnail_3y00q_281{border:2px solid #007bff}._thumbnail_3y00q_231 img{width:100%;height:100%;object-fit:cover;border-radius:2px}._deleteButton_3y00q_303{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}._deleteButton_3y00q_303:hover{background-color:#c82333}._error_3y00q_331{color:#dc3545;margin-top:.5rem;font-size:.875rem}._noImages_3y00q_343{text-align:center;padding:2rem;color:#6c757d;font-style:italic;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._libraryImagesSection_3y00q_365{margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}._selectorHeader_3y00q_381{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._selectorHeader_3y00q_381 h4{margin:0;color:#2c3e50;font-size:1.1rem}._selectionActions_3y00q_407{display:flex;gap:.5rem}._selectionButton_3y00q_417{padding:.25rem .5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}._selectionButton_3y00q_417:hover:not(:disabled){background-color:#5a6268}._selectionButton_3y00q_417:disabled{background-color:#adb5bd;cursor:not-allowed}._libraryImagesGrid_3y00q_457{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:200px;overflow-y:auto}._libraryImageItem_3y00q_473{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}._libraryImageItem_3y00q_473:hover{border-color:#007bff;transform:scale(1.05)}._libraryImageItem_3y00q_473 img{width:100%;height:100%;object-fit:cover}._selectedLibraryImage_3y00q_517{border-color:#28a745;box-shadow:0 0 0 2px #28a7454d}._selectionOverlay_3y00q_527{position:absolute;top:0;right:0;width:24px;height:24px;background-color:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:0 0 0 4px}._imageErrorFallback_3y00q_559{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8f9fa;display:none;align-items:center;justify-content:center;color:#6c757d;font-size:12px;border:1px dashed #dee2e6}._imageInfo_3y00q_199{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.25rem;font-size:10px;text-align:center}._imageName_3y00q_613{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._selectionSummary_3y00q_627{margin-top:.5rem;text-align:center;font-size:.9rem;color:#6c757d}._uploadArea_3y00q_643{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background-color:#f8f9fa}._uploadArea_3y00q_643:hover{border-color:#007bff;background-color:#e3f2fd}._uploadArea_3y00q_643._dragOver_3y00q_673{border-color:#28a745;background-color:#d4edda}._uploadContent_3y00q_683{display:flex;flex-direction:column;align-items:center;gap:1rem}._uploadIcon_3y00q_697{font-size:3rem;color:#6c757d}._uploadText_3y00q_707{display:flex;flex-direction:column;gap:.5rem}._uploadTitle_3y00q_719{font-size:1.2rem;font-weight:600;color:#2c3e50}._uploadSubtitle_3y00q_731{font-size:1rem;color:#6c757d}._uploadInfo_3y00q_741{font-size:.8rem;color:#adb5bd}._uploadProgress_3y00q_751{margin-top:1rem;text-align:center}._progressBar_3y00q_761{width:100%;height:4px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:.5rem}._progressFill_3y00q_779{height:100%;background-color:#007bff;animation:_progress_3y00q_761 2s ease-in-out infinite}@keyframes _progress_3y00q_761{0%{width:0%}50%{width:70%}to{width:100%}}._error_3y00q_331{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;background-color:#f8d7da;color:#721c24;border-radius:4px;font-size:.9rem}._errorIcon_3y00q_827{font-size:1rem}._carouselContainer_3y00q_113._fullscreen_3y00q_837{position:fixed;inset:0;background-color:#000000e6;z-index:1000;display:flex;flex-direction:column;padding:1rem}._carouselContainer_3y00q_113._fullscreen_3y00q_837 ._carouselImage_3y00q_123{max-height:80vh;object-fit:contain}._fullscreenButton_3y00q_873{position:absolute;top:1rem;right:1rem;background-color:#00000080;color:#fff;border:none;border-radius:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background-color .2s}._fullscreenButton_3y00q_873:hover{background-color:#000000b3}._imageActions_3y00q_917{display:flex;gap:.5rem}._thumbnailErrorFallback_3y00q_927{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8f9fa;display:none;align-items:center;justify-content:center;color:#6c757d;font-size:10px;border:1px dashed #dee2e6}._thumbnailIndex_3y00q_957{position:absolute;bottom:2px;left:2px;background-color:#000000b3;color:#fff;padding:1px 4px;border-radius:2px;font-size:8px;font-weight:700}._imageDetails_3y00q_981{margin-top:1rem;padding:.75rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}._imageMetadata_3y00q_997{display:flex;gap:1rem;font-size:.8rem;color:#6c757d}._imageMetadata_3y00q_997 span{display:flex;align-items:center;gap:.25rem}._imageMetadata_3y00q_997 span:before{content:"•";color:#adb5bd}._imageMetadata_3y00q_997 span:first-child:before{display:none}._imageName_3y00q_613{font-weight:600;color:#2c3e50}._imageSize_3y00q_1051,._imageDate_3y00q_1059{color:#6c757d}@media(max-width:768px){._carouselImage_3y00q_123{height:300px}._thumbnail_3y00q_231{width:60px;height:60px}._carouselButton_3y00q_141{width:30px;height:30px}}._creaturesLibrary_3ahl8_1{padding:5px;width:100%;box-sizing:border-box;overflow-x:hidden}._libraryHeader_3ahl8_15{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:10px}._libraryHeader_3ahl8_15 h2{margin:0;color:#333}._addCreatureButton_3ahl8_43{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}._addCreatureButton_3ahl8_43:hover{background-color:#357abd}._libraryFilters_3ahl8_77{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}._searchContainer_3ahl8_91{flex:1;min-width:200px}._searchInput_3ahl8_101{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}._filterContainer_3ahl8_119{display:flex;align-items:center;gap:8px;flex-wrap:wrap}._filterContainer_3ahl8_119 label{color:#555;font-weight:500}._typeFilter_3ahl8_143{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:150px;box-sizing:border-box}._creaturesList_3ahl8_163{width:100%;border:1px solid #ddd;border-radius:4px;overflow:hidden}._creaturesListHeader_3ahl8_177{display:grid;grid-template-columns:2fr 2fr 1fr 1fr .5fr .5fr .5fr 1fr;gap:10px;padding:12px;background-color:#f5f5f5;font-weight:600;border-bottom:2px solid #ddd}._creatureRow_3ahl8_197{display:grid;grid-template-columns:2fr 2fr 1fr 1fr .5fr .5fr .5fr 1fr;gap:10px;padding:12px;border-bottom:1px solid #ddd;align-items:center}._creatureRow_3ahl8_197:hover{background-color:#f8f9fa}._creatureName_3ahl8_223{font-weight:500;color:#333}._creatureKind_3ahl8_233{font-weight:600;color:#4a90e2;font-size:1.1em}._creatureType_3ahl8_245,._creatureSize_3ahl8_245,._creatureCR_3ahl8_245,._creatureAC_3ahl8_245,._creatureHP_3ahl8_245{color:#666}._creatureActions_3ahl8_253{display:flex;gap:8px}._editButton_3ahl8_263,._deleteButton_3ahl8_263{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;white-space:nowrap}._editButton_3ahl8_263{background-color:#4a90e2;color:#fff}._editButton_3ahl8_263:hover{background-color:#357abd}._deleteButton_3ahl8_263{background-color:#dc3545;color:#fff}._deleteButton_3ahl8_263:hover{background-color:#c82333}._loadingContainer_3ahl8_319{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}._noCreatures_3ahl8_335{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem;width:100%}@media(max-width:768px){._creaturesLibrary_3ahl8_1{padding:0}._libraryFilters_3ahl8_77{flex-direction:column;gap:10px}._searchContainer_3ahl8_91,._filterContainer_3ahl8_119,._typeFilter_3ahl8_143{width:100%}._creaturesListHeader_3ahl8_177,._creatureRow_3ahl8_197{grid-template-columns:1fr;gap:5px}._headerName_3ahl8_397,._headerKind_3ahl8_397,._headerType_3ahl8_397,._headerSize_3ahl8_397,._headerCR_3ahl8_397,._headerAC_3ahl8_397,._headerHP_3ahl8_397,._headerActions_3ahl8_397{display:none}._creatureRow_3ahl8_197{padding:15px;border-bottom:2px solid #ddd}._creatureRow_3ahl8_197>div{display:flex;justify-content:space-between;align-items:center}._creatureRow_3ahl8_197>div:before{content:attr(data-label);font-weight:600;color:#666}._creatureActions_3ahl8_253{justify-content:flex-end}}.basic-info-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px;max-width:1200px}.form-group input,.form-group select{width:100%;max-width:280px;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s}.form-group textarea{width:100%;max-width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s,box-shadow .3s;resize:vertical;min-height:100px}.time-config-grid .form-group input,.time-config-grid .form-group select{width:100%;max-width:180px;padding:8px 10px;font-size:13px;background-color:#fff;border:1px solid #ddd;border-radius:6px;transition:border-color .3s,box-shadow .3s}.time-config-section{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;padding:18px 20px 12px;margin-bottom:10px}.time-config-section h3{margin-top:0;font-size:18px;color:#2d3a4a;margin-bottom:12px}.time-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:10px}.time-info{margin-top:8px;font-size:13px;color:#4a90e2;background:#eaf4ff;border-radius:4px;padding:6px 10px;display:inline-block}.basic-info-column{display:flex;flex-direction:column;gap:18px}.time-config-column{display:flex;flex-direction:column;gap:10px}.scene-form{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.scene-form form{max-width:800px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[type=text],.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-item-controls{display:flex;gap:.5rem;margin-bottom:1rem}.add-item-controls select{width:150px}.add-item-controls input{flex:1}.items-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:#f0f0f0;border-radius:4px;font-size:.875rem}.remove-item{background:none;border:none;color:#f44336;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.remove-item:hover{color:#d32f2f}.add-item{padding:.5rem 1rem;background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.add-item:hover{background-color:#bbdefb;border-color:#90caf9}.npcs-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;color:#333;font-size:20px}.add-npc-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.add-npc-button:hover{background-color:#45a049}.add-npc-button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button,.cancel-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.creatures-selection{margin-top:10px}.creatures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:15px}.creature-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#fafafa;color:#333}.creature-item:hover{border-color:#2196f3;background-color:#f0f8ff}.creature-item.selected{border-color:#4caf50;background-color:#e8f5e8;color:#1b5e20}.creature-item .checkmark{color:#4caf50;font-weight:700;font-size:16px}.creatures-info{margin-bottom:15px;padding:10px;background-color:#f5f5f5;border-radius:4px;font-size:14px;color:#666}.creatures-info p{margin:5px 0}.selected-creatures{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.selected-creatures h4{margin:0 0 10px;color:#333;font-size:16px}.selected-creatures-list{display:flex;flex-wrap:wrap;gap:8px}.selected-creature-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#4caf50;color:#fff;border-radius:20px;font-size:14px;font-weight:500}.remove-creature-btn{background:none;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;padding:0;line-height:1;margin-left:4px}.remove-creature-btn:hover{color:#ffebee}.no-creatures{color:#666;font-style:italic;text-align:center;padding:20px;background-color:#f9f9f9;border-radius:4px}.doors-selection{margin-top:10px}.doors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:15px}.door-item{border:1px solid #ddd;border-radius:6px;padding:12px;background-color:#f9f9f9;transition:all .2s ease}.door-item:hover{border-color:#2196f3;box-shadow:0 2px 4px #2196f31a}.door-name{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.door-sides{display:flex;gap:8px}.side-btn{flex:1;padding:6px 12px;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.side-btn:hover{border-color:#2196f3;color:#2196f3}.side-btn.selected{background-color:#2196f3;color:#fff;border-color:#2196f3}.side-btn:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.doors-info{margin-top:10px;padding:10px;background-color:#e3f2fd;border-radius:4px;border-left:4px solid #2196F3}.doors-info p{margin:0 0 5px;color:#1976d2;font-size:13px}.doors-info p:last-child{margin-bottom:0}.selected-doors{margin-top:15px;padding:15px;background-color:#f0f8ff;border-radius:6px;border:1px solid #e3f2fd}.selected-doors h4{margin:0 0 10px;color:#1976d2;font-size:14px;font-weight:600}.selected-doors-list{display:flex;flex-wrap:wrap;gap:8px}.selected-door-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#2196f3;color:#fff;border-radius:12px;font-size:12px;font-weight:500}.remove-door-btn{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0;line-height:1;margin-left:4px}.remove-door-btn:hover{color:#ffebee}.no-doors{color:#666;font-style:italic;text-align:center;padding:20px;background-color:#f9f9f9;border-radius:4px}.scenes-section{padding:20px}.scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scenes-header h3{margin:0;color:#333}.add-scene-button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-scene-button:hover{background-color:#45a049}.add-scene-button:disabled{background-color:#ccc;cursor:not-allowed}.scene-form-container{margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.scenes-list{display:flex;flex-direction:column;gap:20px}.scene-card{background-color:#f5f5f5;border-radius:8px;padding:20px;border:1px solid #e0e0e0;transition:box-shadow .2s ease}.scene-card:hover{box-shadow:0 2px 8px #0000001a}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.scene-header h4{margin:0;color:#333;font-size:18px;font-weight:600}.scene-actions{display:flex;gap:8px}.edit-scene-button{padding:6px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.edit-scene-button:hover{background-color:#1976d2}.edit-scene-button:disabled{background-color:#ccc;cursor:not-allowed}.delete-scene-button{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.delete-scene-button:hover{background-color:#d32f2f}.delete-scene-button:disabled{background-color:#ccc;cursor:not-allowed}.scene-content{display:flex;flex-direction:column;gap:15px}.scene-field{margin-bottom:10px}.scene-field strong{display:block;margin-bottom:5px;color:#555;font-size:14px}.scene-field p{margin:0;color:#333;line-height:1.5;background-color:#fff;padding:10px;border-radius:4px;border:1px solid #ddd}.scene-field-description{margin-bottom:10px}.scene-field-description strong{display:block;margin-bottom:5px;color:#555;font-size:14px}.scene-field-description p{margin:0;color:#333;line-height:1.5;background-color:#fff;padding:10px;border-radius:4px;border:1px solid #ddd}.scene-npcs{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.scene-npcs h5{margin:0 0 10px;color:#333;font-size:16px}.npc-selection{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.npc-checkbox{display:flex;align-items:center;gap:5px;padding:5px 10px;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.npc-checkbox:hover{background-color:#f0f0f0}.npc-checkbox input[type=checkbox]{margin:0}.selected-npcs{margin-top:10px}.selected-npcs strong{display:block;margin-bottom:5px;color:#555;font-size:14px}.selected-npcs ul{margin:0;background-color:#fff;padding:10px;border-radius:4px;border:1px solid #ddd}.selected-npcs li{margin-bottom:3px;color:#333}.no-scenes{text-align:center;padding:40px;color:#666;background-color:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.scene-item{background-color:#f5f5f5;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.scene-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.scene-description{color:#666;margin-bottom:16px;line-height:1.5}.scene-complement{color:#666;font-style:italic;margin:0;line-height:1.5}.scene-details{display:flex;flex-direction:column;gap:12px}.scene-section{margin-bottom:12px}.scene-section h5{margin:0 0 8px;color:#333;font-size:16px}.scene-text,.scene-complement{color:#666;margin:0;line-height:1.5;white-space:pre-wrap}.items-list{display:flex;flex-wrap:wrap;gap:8px}.item{background-color:#e0e0e0;padding:4px 8px;border-radius:4px;font-size:14px;color:#333}.npcs-list{display:flex;flex-direction:column;gap:12px}.npc-item{background-color:#fff;border-radius:4px;padding:12px;box-shadow:0 1px 3px #0000001a}.npc-item h6{margin:0 0 4px;color:#333;font-size:16px}.npc-details{color:#666;font-size:14px;margin:0 0 8px}.npc-description{color:#666;font-size:14px;margin:0;line-height:1.4}.scene-creatures{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.scene-creature-tag{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.scene-doors{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.scene-door-tag{background-color:#f3e5f5;color:#7b1fa2;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.creature-separator{color:#666;font-weight:400;margin:0 2px}.creatures-header{display:flex;gap:10px;margin-bottom:16px;align-items:center}.select-library-btn,.create-new-btn{background:#4a90e2;color:#fff;border:none;border-radius:4px;padding:6px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.select-library-btn:hover,.create-new-btn:hover{background:#357abd}.select-library-btn:disabled,.create-new-btn:disabled{background:#b0b0b0;cursor:not-allowed}.library-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.library-modal-content{background:#2c3e50;color:#fff;border-radius:8px;padding:24px 32px;min-width:320px;max-width:500px;box-shadow:0 2px 8px #00000026;position:relative}.library-modal-content h3{color:#fff;margin:0 0 16px}.library-modal-content p{color:#fff}.close-btn{position:absolute;top:12px;right:12px;background:#e74c3c;color:#fff;border:2px solid #c0392b;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:600;box-shadow:0 2px 4px #0000004d}.close-btn:hover{background:#c0392b;border-color:#a93226;transform:translateY(-1px);box-shadow:0 3px 6px #0006}.library-creature-list{list-style:none;padding:0;margin:16px 0 0;max-height:300px;overflow-y:auto}.library-creature-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #34495e;color:#fff}.library-creature-list li span{color:#fff}.library-creature-list li:last-child{border-bottom:none}.library-creature-list button{background:#3498db;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:13px;cursor:pointer;transition:background .2s;font-weight:500}.library-creature-list button:hover{background:#2980b9}.library-modal-content input,.library-modal-content select{background:#34495e;color:#fff;border:1px solid #5a6c7d;border-radius:4px;padding:8px 12px;margin:8px 0;width:100%;font-size:14px}.library-modal-content input:focus,.library-modal-content select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}.library-modal-content input::placeholder{color:#bdc3c7}.adventure-creature-card{background:#f8f9fa;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000a;padding:12px;display:flex;flex-direction:column;width:280px;min-height:320px}.creature-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px}.creature-header h4{margin:0 0 4px;font-size:17px;color:#222;font-weight:600}.creature-badges{display:flex;gap:6px;margin-bottom:4px}.npc-badge{background:#e0f7fa;color:#00796b;border-radius:3px;padding:2px 7px;font-size:12px;font-weight:500}.creature-actions{display:flex;gap:8px;margin-bottom:4px}.edit-creature-button{background:#4caf50;color:#fff;border:none;border-radius:3px;padding:3px 10px;font-size:13px;cursor:pointer;transition:background .2s}.edit-creature-button:hover{background:#388e3c}.delete-creature-button{background:#e57373;color:#fff;border:none;border-radius:3px;padding:3px 10px;font-size:13px;cursor:pointer;transition:background .2s}.delete-creature-button:hover{background:#c62828}.creature-content{display:flex;flex-direction:column;align-items:stretch}.main-image{width:100%;height:120px;background:#e0e0e0;border-radius:4px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image img{max-width:100%;max-height:100%;object-fit:cover}.creature-stats{font-size:13px;color:#444;margin-bottom:6px}.creature-description{font-size:13px;color:#666;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.adventure-creatures-section{padding:20px}.adventure-creatures-list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}.no-creatures{text-align:center;padding:40px 20px;color:#666;border:1px solid #dee2e6;border-radius:8px;grid-column:1 / -1}.no-creatures p{margin:10px 0;font-size:14px}.no-creatures p:first-child{font-weight:600;color:#333}@media(max-width:1200px){.adventure-creatures-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}}@media(max-width:768px){.adventure-creatures-list{grid-template-columns:1fr;gap:10px}}.door-form-container{padding:0;background:transparent;border-radius:0;margin:0;width:100%;max-width:100%;box-sizing:border-box}.door-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.door-form-header h3{margin:0;color:#495057;font-size:1.5rem}.door-form-section{margin-bottom:15px}.door-form-section h3{color:#495057;margin-bottom:8px;border-bottom:1px solid #dee2e6;padding-bottom:3px;font-size:1.1rem}.door-form-row{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start;flex-wrap:wrap}.door-form-group{flex:1;min-width:200px;display:flex;flex-direction:column}.door-form-group label{font-weight:600;margin-bottom:3px;color:#495057;font-size:.9rem}.door-form-group input,.door-form-group textarea,.door-form-group select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.door-form-group textarea{resize:vertical;min-height:60px}.door-form-group textarea[placeholder*=inspect]{min-height:80px;font-family:inherit}.door-form-group input:focus,.door-form-group textarea:focus,.door-form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.door-side-section{border:1px solid #dee2e6;border-radius:4px;padding:12px;margin-bottom:12px;background:#fff;flex:1;min-width:250px}.door-side-section h4{color:#6c757d;margin-bottom:8px;font-size:14px;font-weight:600}.door-form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.door-form-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.door-form-btn-primary{background:#007bff;color:#fff}.door-form-btn-primary:hover{background:#0056b3}.door-form-btn-secondary{background:#6c757d;color:#fff}.door-form-btn-secondary:hover{background:#545b62}.door-form-btn-danger{background:#dc3545;color:#fff}.door-form-btn-danger:hover{background:#c82333}.keys-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:8px;background:#f8f9fa}.key-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:13px}.key-name{font-weight:600;color:#495057;min-width:120px}.key-secret{font-family:monospace;background:#e9ecef;padding:2px 6px;border-radius:3px;color:#6c757d;min-width:80px}.key-locations{display:flex;gap:4px;flex:1}.key-location{background:#007bff;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.key-item button{padding:4px 8px;border:none;border-radius:3px;background:#dc3545;color:#fff;cursor:pointer;font-size:11px;min-width:60px}.key-item button:hover{background:#c82333}.keys-list>button{padding:8px 12px;border:1px solid #007bff;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;font-size:13px;margin-top:8px}.keys-list>button:hover{background:#0056b3}.key-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.key-form input,.key-form select{flex:1;min-width:120px;padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:13px}.key-form input:focus,.key-form select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.key-form button{padding:6px 12px;border:1px solid #6c757d;border-radius:4px;background:#6c757d;color:#fff;cursor:pointer;font-size:13px;white-space:nowrap}.key-form button:hover{background:#5a6268}.key-form button[title="Generate random secret"]{padding:6px 8px;min-width:32px;font-size:14px}.door-form-group input[type=number]{width:80px;text-align:center}.door-form-group textarea[placeholder*="pick lock"]{min-height:80px;font-family:inherit}.trap-config-section{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.trap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.trap-header h4{margin:0;color:#495057}.trap-header button{padding:4px 8px;font-size:.8em}.keys-list-compact{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:8px;background:#f8f9fa}.key-item-compact{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-size:12px;min-width:120px;max-width:200px}.key-name-compact{font-weight:600;color:#495057;flex:1;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-secret-compact{font-family:monospace;background:#e9ecef;padding:1px 4px;border-radius:2px;color:#6c757d;font-size:11px;min-width:30px;text-align:center}.key-locations-compact{display:flex;gap:2px}.key-location-compact{background:#007bff;color:#fff;padding:1px 3px;border-radius:2px;font-size:9px;font-weight:500;min-width:12px;text-align:center}.key-remove-btn{padding:1px 4px;border:none;border-radius:2px;background:#dc3545;color:#fff;cursor:pointer;font-size:12px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.key-remove-btn:hover{background:#c82333}.disabled-hint{color:#6c757d;font-size:11px;font-style:italic;margin-left:4px}.door-form-group input:disabled,.door-form-group select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.door-form-group input[type=checkbox]:disabled+span{color:#6c757d;opacity:.6}.field-description{color:#6c757d;font-size:11px;font-style:italic;margin-top:2px}.inspect-controls{display:flex;flex-direction:column;gap:8px}.inspect-controls textarea{flex:1;min-height:80px;resize:vertical}.generate-inspect-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;align-self:flex-start;white-space:nowrap}.generate-inspect-btn:hover{background-color:#45a049}.inspect-help-text{margin-top:16px;padding:12px;background-color:#f5f5f5;border-radius:4px;font-size:13px}.inspect-help-text p{margin:4px 0}.traps-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.trap-item{border:1px solid #dee2e6;border-radius:8px;padding:15px;background:#f8f9fa}.trap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.trap-header h4{margin:0;color:#495057;font-size:1rem}.trap-remove-btn{padding:4px 8px;border:none;border-radius:4px;background:#dc3545;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.trap-remove-btn:hover{background:#c82333}.no-traps-message{text-align:center;padding:20px;color:#6c757d;font-style:italic;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;margin-top:15px}.no-traps-message p{margin:0}.triggers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.trigger-checkbox{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.trigger-checkbox:hover{background-color:#e9ecef}.trigger-checkbox input[type=checkbox]{margin:0;cursor:pointer}.help-text{display:block;margin-top:8px;font-size:.75rem;color:#6c757d;font-style:italic}.adventure-form-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.adventure-form{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:16px;color:#666;border-radius:4px;transition:all .3s ease}.tab:hover{background-color:#f5f5f5;color:#333}.tab:disabled{opacity:.5;cursor:not-allowed}.tab-content{margin-bottom:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.submit-button,.cancel-button,.dashboard-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.submit-button{background-color:#4caf50;color:#fff}.submit-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f}.submit-button:disabled,.cancel-button:disabled{background-color:#ccc;cursor:not-allowed}.dashboard-button{background-color:#2196f3;color:#fff}.dashboard-button:hover{background-color:#1976d2}.dashboard-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #ef9a9a}.adventure-form h3{grid-column:1 / -1;margin:0 0 1.5rem;color:#333;font-size:1.75rem;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#666;font-size:1rem;font-weight:500}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#2196f3}.form-group textarea{min-height:120px;resize:vertical}.form-group.checkbox{display:flex;align-items:center;margin-top:1rem}.form-group.checkbox label{margin:0;margin-left:.5rem;cursor:pointer}.scenes-section{grid-column:1 / -1;margin-top:1rem;padding-top:2rem;border-top:1px solid #eee}.scenes-section h4{margin:0 0 1rem;color:#333;font-size:1.5rem;font-weight:600}.add-scene-button{background:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.add-scene-button:hover{background:#45a049}.scene-card h5{margin:0 0 .75rem;color:#333;font-size:1.25rem;font-weight:600}.doors-tab-content{padding:20px}.doors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-buttons{display:flex;gap:10px}.doors-header h3{margin:0;color:#495057}.add-door-button{background:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:600;transition:background-color .2s}.add-door-button:hover{background:#0056b3}.add-door-button:disabled{background:#6c757d;cursor:not-allowed}.add-passage-button{background:#28a745;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:600;transition:background-color .2s}.add-passage-button:hover{background:#218838}.add-passage-button:disabled{background:#6c757d;cursor:not-allowed}.doors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:15px}.no-doors-message{text-align:center;color:#666;padding:40px;background-color:#f9f9f9;border-radius:8px;border:2px dashed #ddd;grid-column:1 / -1}.door-passage-card{background-color:#f5f5f5;border-radius:8px;padding:12px;border:1px solid #e0e0e0;transition:box-shadow .2s ease;display:flex;flex-direction:column}.door-passage-card:hover{box-shadow:0 2px 8px #0000001a}.door-passage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ddd}.door-passage-header h4{margin:0;color:#333;font-size:16px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.door-passage-actions{display:flex;gap:6px;flex-shrink:0}.door-passage-content{display:flex;flex-direction:column;gap:6px}.door-passage-field{font-size:12px;color:#555;line-height:1.4}.door-passage-field strong{color:#333;font-weight:600;margin-right:4px}.door-passage-field.compact-text{font-size:11px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.edit-door-passage-button,.delete-door-passage-button{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:11px;transition:background-color .2s;white-space:nowrap}.edit-door-passage-button{background-color:#2196f3;color:#fff}.edit-door-passage-button:hover{background-color:#1976d2}.edit-door-passage-button:disabled{background-color:#ccc;cursor:not-allowed}.delete-door-passage-button{background-color:#f44336;color:#fff}.delete-door-passage-button:hover{background-color:#d32f2f}.delete-door-passage-button:disabled{background-color:#ccc;cursor:not-allowed}.adv-card{background:#4d856a62;border:1px solid rgba(0,0,0,.253);border-radius:5px;box-shadow:0 1px 3px #0000000a;padding:16px;display:flex;flex-direction:column;width:300px;min-height:160px}.adventure-card-title{margin:0 0 8px;font-size:20px;color:#222;font-weight:600}.adventure-card-actions{display:flex;gap:6px;margin-bottom:8px}.update-button{padding:4px 10px;font-size:14px;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.update-button:hover{background:#357abd}.delete-button{padding:4px 10px;font-size:14px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.delete-button:hover{background:#c82333}.adventure-synopsis{color:#555;font-size:15px;margin-bottom:8px;flex:1}.adventure-synopsis p{margin:0}.adventure-meta{display:flex;gap:12px;font-size:13px;color:#888;margin-top:4px}.status{font-weight:500}.status.public{color:#28a745}.status.private,.adv-card-count{color:#888}.adv-section{background-color:#fff}.adventures-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.adventures-header h2{margin:0;color:#333;font-size:24px}.create-button{max-width:200px;padding:8px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .3s}.create-button:hover{background-color:#357abd}.adventure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.error-message{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.retry-button{padding:8px 16px;background-color:#c62828;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button:hover{background-color:#b71c1c}.loading{text-align:center;padding:20px;color:#666}.no-adventures{text-align:center;padding:32px;color:#6c757d}.no-adventures p{margin-bottom:20px}.master-container{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding:2rem}.master-header{background:#fff;padding:1.5rem 3rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;margin-bottom:2rem;border-radius:8px}.master-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.master-desk{width:98%;margin:0 auto;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:1rem}.tab{padding:10px 20px;border:none;background-color:#f5f5f5;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s;font-size:1rem;font-weight:500;color:#333}.tab:hover{background-color:#e0e0e0}.tab.active{background-color:#2196f3;color:#fff}.tab-content{background-color:#fff;border-radius:5px;padding:20px;min-height:400px}.library-placeholder{text-align:center;padding:3rem;color:#666}.library-placeholder h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.library-placeholder p{font-size:1rem;color:#999}@media(max-width:1024px){.master-container{padding:1.5rem}.master-header{padding:1.25rem 2rem}.master-header h1{font-size:1.75rem}.master-desk{width:100%}.tabs{gap:8px}.tab{padding:9px 18px;font-size:.95rem}.tab-content{padding:18px}}@media(max-width:768px){.master-container{padding:1rem}.master-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}.master-header h1{font-size:1.5rem}.dashboard-button{width:100%;padding:.625rem 1.25rem;font-size:.95rem}.master-desk{width:100%;padding:8px}.tabs{flex-wrap:wrap;gap:8px;padding-bottom:.875rem}.tab{padding:8px 16px;font-size:.9rem;flex:1;min-width:100px}.tab-content{padding:15px;min-height:300px}}@media(max-width:480px){.master-container{padding:.75rem}.master-header{padding:.875rem 1rem;gap:.875rem}.master-header h1{font-size:1.3rem}.dashboard-button{padding:.5rem 1rem;font-size:.9rem}.master-desk{padding:5px}.tabs{gap:6px;padding-bottom:.75rem}.tab{padding:7px 12px;font-size:.85rem;min-width:80px;flex:1 1 calc(33.333% - 4px)}.tab-content{padding:12px;min-height:250px}.library-placeholder{padding:2rem 1.5rem}.library-placeholder h3{font-size:1.3rem}.library-placeholder p{font-size:.9rem}}.artifex-page{min-height:100vh;display:flex;flex-direction:column}.artifex-main{flex:1;overflow:hidden}.error{display:flex;justify-content:center;align-items:center;min-height:100vh}.error-message{background-color:#2a2a2a;padding:2rem;border-radius:8px;text-align:center;color:#f44336}.error-message .back-button{margin-top:1rem;background-color:#f44336;border-color:#d32f2f}.error-message .back-button:hover{background-color:#d32f2f}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-message{background-color:#2a2a2a;padding:2rem;border-radius:8px;color:#fff;font-size:1.2rem}@media(max-width:768px){.error-message{padding:1.5rem;font-size:.95rem}.error-message .back-button{padding:.625rem 1rem;font-size:.9rem}.loading-message{padding:1.5rem;font-size:1.1rem}}@media(max-width:480px){.error-message{padding:1.25rem;font-size:.9rem;margin:1rem}.error-message .back-button{padding:.5rem .875rem;font-size:.85rem}.loading-message{padding:1.25rem;font-size:1rem;margin:1rem}}.char-creator-sheet{max-width:1200px;margin:10px auto;padding:20px;background-color:#f5efdc8f;border:1px solid #ddd}.char-creator-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.char-creator-grid-2{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.char-grid-1{grid-column:span 1}.char-grid-2{grid-column:span 2}.char-grid-3{grid-column:span 3}.char-grid-5{grid-column:span 5}.char-grid-6{grid-column:span 6}.char-creator-header{display:flex;justify-content:space-between}.char-creator-header h1{font-size:1.5rem}.char-creator-header button{height:40px;width:200px;cursor:pointer;background-color:#2f3a01ab}.char-creator-base{background-color:beige;border:1px solid gray;border-radius:5px;padding:5px;color:#0f1301}.char-creator-intro-label{height:20px;width:115px}.char-creator-intro-input{padding:4px;border-radius:4px}.char-creator-base input{max-width:120px;margin:4px}.char-creator-base select{width:120px;margin:4px}.char-creator-base-2{background-color:#fff;border:1px solid gray;border-radius:5px;padding:5px;color:#0f1301}.char-creator-base-2 h3{margin:5px;text-align:center}.char-creator-intro-init{margin-left:3px}.attribute-row{width:90px;height:110px;background-color:#d3d2d280;margin:20px 5px 5px;padding:4px;border:2px solid rgba(0,0,0,.719);border-radius:5px}.attribute-row-strong{margin-top:5px;margin-bottom:5px;text-align:center}.attribute-row-select select{width:90%;height:30px;margin:3px;text-align:center}.attribute-row-span{width:50px;margin-top:5px;margin-left:12px;display:flex;justify-content:center;align-items:center;padding:5px;background-color:#9ebd9e80;border-radius:20px;border:1px solid rgba(0,128,0,.5)}.attribute-row-span label{display:block;margin:0;border-radius:20px;text-align:center}.char-base-prof{display:flex;justify-content:space-between;padding:12px;margin-top:5px;margin-bottom:5px}.char-base-prof select{width:40px;height:20px;text-align:center}.char-CA-box{display:flex;flex-direction:column;align-items:center;margin-bottom:5px;padding:5px}.char-CA-box h4{margin-top:5px}.char-CA-controls{display:flex;align-items:center;gap:10px}.char-creator-button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer}.char-creator-button-del{background:#ff4d50c2;border:none;border-radius:4px;color:#fff;padding:2px 6px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;min-width:24px;max-width:24px}.char-creator-button-del:hover{background:#c00}.char-creator-button-1{width:2rem;height:2rem;border:none;border-radius:50%;background-color:#9ebd9e80;font-size:1.5rem;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center}.char-CA-value{font-size:24px;font-weight:700;min-width:50px;text-align:center;background-color:#fff;padding:8px;border:1px solid gray}.char-savings-box{padding:2px;margin-top:5px;margin-bottom:5px}.char-savings-box h4{text-align:center}.char-saving-row{margin:5px;padding:2px;background-color:#b1afaf62;border-radius:4px}.char-saving-row label{margin-left:4px;margin-right:4px}.skill-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-save-button{grid-column:span 3;padding:10px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.char-languages-box{background-color:beige;height:350px;margin-top:5px;padding:2px;border:1px solid gray;border-radius:5px}.char-languages-box h4{text-align:center;margin-top:5px;margin-bottom:5px}.char-add-box{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10px}.char-add-box input,.char-add-box select{flex:1;padding:5px;border:1px solid #ccc;border-radius:4px;width:95%}.char-creator-add-button{padding:5px 10px;border:none;border-radius:4px;background-color:#2f3a01ab;color:#fff;cursor:pointer;align-self:flex-start;min-width:60px}.language-list{list-style:none;padding:0}.char-language-item{display:flex;justify-content:space-between;align-items:center;padding:5px;margin:2px 0;background-color:#f0f0f0;border-radius:4px}.language-select{padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:14px;min-width:150px}.language-select:focus{outline:none;border-color:#4a90e2}.skill-key-attr{opacity:.6;font-style:italic}.char-tool-selector h4{margin-top:0;margin-bottom:2px}.char-tool-selector select{width:60%;padding:2px}.char-tools-section{padding:2px;margin-top:2px;min-height:280px}.attacks-container{height:200px;padding:1px;background-color:beige;border-radius:5px}.char-creator-attack-name{width:50px;margin:2px;padding:4px;border:1px solid #ccc;border-radius:4px}.char-creator-attack-info{width:31px;margin:2px;padding:4px;border:1px solid #ccc;border-radius:4px}.attack-list{margin-top:10px;list-style:none;padding:0}.attack-item{display:flex;justify-content:space-between;margin-bottom:5px;padding:5px;border:1px solid #ccc;border-radius:4px;background-color:#fff}.char-creator-portrait{max-width:100%;height:auto;max-height:140px;display:block;margin:0 auto;border:1px solid black;border-radius:4px}.char-creator-margin{margin-top:2px;margin-bottom:2px}.char-creator-margin select{width:180px;padding:4px}.char-creator-features{height:160px;margin-top:5px}.feature-input{display:flex;gap:5px;margin-bottom:10px}.feature-name-input{flex:1;padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px}.feature-description-textarea{width:96%;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;margin-bottom:10px;min-height:40px}.feature-description-textarea:focus{outline:none;border-color:#4a90e2}.char-feature-list{list-style-type:none;padding:2px;margin:3px;flex:1;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;min-height:100px}.feature-item{display:flex;justify-content:space-between;background-color:#b1afaf62;padding:5px;border:1px solid gray;border-radius:5px;margin-bottom:5px}.char-creator-coins{width:70px;height:70px;background-color:#fff;border:1px solid gray;border-radius:5px;padding:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:4px}.char-creator-coins input{width:60px;padding:1px;margin:1px;text-align:center}.char-creator-treasure{display:flex;flex-wrap:wrap;gap:5px;height:65px;overflow-y:auto;overflow-x:hidden;padding:4px;border:1px solid gray;background-color:#fff}.char-creator-treasure-item{background-color:#b1afaf62;border:1px solid gray;border-radius:5px;padding:2px 3px;display:flex;align-items:center;gap:5px;flex-shrink:0;height:20px}.char-CA-button:hover,.char-creator-add-button:hover,.sheet-save-button:hover{background-color:#103110c0}.char-CA-button:hover,.char-creator-button-1:hover{background-color:#9ebd9ecc}.char-creator-inventory-textarea{width:95%;min-height:180px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;background-color:#f9f9f9}.char-creator-inventory-textarea:focus{outline:none;border-color:#4a90e2;background-color:#fff}.tool-select{padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:14px;min-width:150px}.tool-select:focus{outline:none;border-color:#4a90e2}.tool-list{margin-top:10px}.char-creator-traits-section{background-color:beige;border:1px solid gray;border-radius:5px;padding:10px;min-height:440px;display:flex;flex-direction:column}.char-creator-traits-section h3{margin:5px 0 15px;text-align:center}.char-creator-features{flex:1;display:flex;flex-direction:column;height:100%}@media(max-width:1024px){.char-creator-sheet{padding:15px;max-width:100%}.char-creator-grid{gap:15px}.char-creator-header h1{font-size:1.4rem}.char-creator-header button{width:180px;height:38px;font-size:.95rem}.char-creator-grid-2{gap:4px}.char-languages-box{height:320px}.char-tools-section{min-height:260px}.char-creator-traits-section{min-height:400px}}@media(max-width:768px){.char-creator-sheet{padding:12px;margin-top:5px;margin-bottom:5px}.char-creator-grid{grid-template-columns:repeat(6,1fr);gap:12px}.char-grid-1{grid-column:span 1}.char-grid-2{grid-column:span 2}.char-grid-3{grid-column:span 3}.char-grid-5{grid-column:span 5}.char-grid-6{grid-column:span 6}.char-creator-header{flex-direction:column;align-items:flex-start;gap:10px}.char-creator-header h1{font-size:1.3rem}.char-creator-header button{width:100%;max-width:250px;height:36px;font-size:.9rem}.char-creator-base,.char-creator-base-2{padding:4px}.char-creator-base input{max-width:100px;margin:3px;font-size:.9rem}.char-creator-base select{width:100px;margin:3px;font-size:.9rem}.char-creator-intro-input{padding:3px;font-size:.9rem}.attribute-row{width:80px;height:100px;margin:15px 4px 4px;padding:3px}.attribute-row-strong{font-size:.85rem}.attribute-row-select select{width:85%;height:28px;margin:2px;font-size:.85rem}.attribute-row-span{width:45px;padding:4px}.char-creator-grid-2{grid-template-columns:repeat(3,1fr);gap:4px}.char-CA-box h4{font-size:.95rem}.char-CA-value{font-size:20px;padding:6px;min-width:45px}.char-CA-controls{gap:8px}.char-creator-button-1{width:1.75rem;height:1.75rem;font-size:1.3rem}.char-languages-box{height:280px}.char-add-box input,.char-add-box select{width:93%;padding:4px;font-size:.9rem}.language-select{min-width:130px;padding:6px;font-size:13px}.char-tools-section{min-height:240px}.char-tool-selector select{width:65%;padding:2px;font-size:.9rem}.attacks-container{height:180px}.char-creator-attack-name{width:45px;margin:2px;padding:3px;font-size:.85rem}.char-creator-attack-info{width:28px;margin:2px;padding:3px;font-size:.85rem}.char-creator-portrait{max-height:120px}.char-creator-margin select{width:160px;padding:3px;font-size:.9rem}.char-creator-features{height:140px}.feature-name-input{padding:4px;font-size:13px}.feature-description-textarea{width:94%;padding:6px;font-size:13px;min-height:35px}.char-feature-list{min-height:90px}.char-creator-coins{width:65px;height:65px;padding:3px}.char-creator-coins input{width:55px;padding:1px;font-size:.85rem}.char-creator-treasure{height:60px;padding:3px;gap:4px}.char-creator-inventory-textarea{width:93%;min-height:160px;padding:8px;font-size:13px}.tool-select{min-width:130px;padding:6px;font-size:13px}.char-creator-traits-section{min-height:360px;padding:8px}.char-creator-traits-section h3{font-size:1.1rem;margin:4px 0 12px}.sheet-save-button{grid-column:span 6;padding:9px;font-size:15px}}@media(max-width:480px){.char-creator-sheet{padding:10px;margin-top:5px;margin-bottom:5px}.char-creator-grid{grid-template-columns:repeat(3,1fr);gap:10px}.char-grid-1{grid-column:span 1}.char-grid-2{grid-column:span 2}.char-grid-3,.char-grid-5,.char-grid-6{grid-column:span 3}.char-creator-header h1{font-size:1.2rem}.char-creator-header button{width:100%;height:34px;font-size:.85rem}.char-creator-base,.char-creator-base-2{padding:3px}.char-creator-base input{max-width:90px;margin:2px;font-size:.85rem}.char-creator-base select{width:90px;margin:2px;font-size:.85rem}.char-creator-intro-label{height:18px;width:100px;font-size:.85rem}.char-creator-intro-input{padding:3px;font-size:.85rem}.attribute-row{width:70px;height:90px;margin:12px 3px 3px;padding:3px}.attribute-row-strong{font-size:.8rem;margin-top:3px;margin-bottom:3px}.attribute-row-select select{width:80%;height:26px;margin:2px;font-size:.8rem}.attribute-row-span{width:40px;padding:3px}.char-creator-grid-2{grid-template-columns:repeat(2,1fr);gap:3px}.char-base-prof{padding:10px;margin-top:4px;margin-bottom:4px}.char-base-prof select{width:35px;height:18px;font-size:.8rem}.char-CA-box h4{font-size:.9rem;margin-top:4px}.char-CA-value{font-size:18px;padding:5px;min-width:40px}.char-CA-controls{gap:6px}.char-creator-button-1{width:1.5rem;height:1.5rem;font-size:1.2rem}.char-savings-box h4{font-size:.95rem}.char-saving-row{margin:4px;padding:2px}.char-saving-row label{font-size:.85rem;margin-left:3px;margin-right:3px}.skill-row{margin-bottom:8px}.skill-key-attr{font-size:.8rem}.char-languages-box{height:250px}.char-languages-box h4{font-size:.95rem;margin-top:4px;margin-bottom:4px}.char-add-box{gap:.4rem;margin-bottom:8px}.char-add-box input,.char-add-box select{width:92%;padding:4px;font-size:.85rem}.char-creator-add-button{padding:4px 8px;font-size:.85rem;min-width:55px}.language-select{min-width:120px;padding:5px;font-size:12px}.char-language-item{padding:4px;margin:2px 0}.char-tool-selector h4{font-size:.95rem;margin-bottom:2px}.char-tools-section{min-height:220px}.char-tool-selector select{width:70%;padding:2px;font-size:.85rem}.attacks-container{height:160px}.char-creator-attack-name{width:40px;margin:2px;padding:3px;font-size:.8rem}.char-creator-attack-info{width:25px;margin:2px;padding:3px;font-size:.8rem}.attack-item{padding:4px;margin-bottom:4px}.char-creator-portrait{max-height:100px}.char-creator-margin{margin-top:2px;margin-bottom:2px}.char-creator-margin select{width:140px;padding:3px;font-size:.85rem}.char-creator-features{height:120px}.feature-input{gap:4px;margin-bottom:8px}.feature-name-input{padding:4px;font-size:12px}.feature-description-textarea{width:92%;padding:5px;font-size:12px;min-height:30px;margin-bottom:8px}.char-feature-list{min-height:80px;padding:2px;margin:2px}.feature-item{padding:4px;margin-bottom:4px}.char-creator-button-del{width:20px;height:20px;padding:1px 4px;font-size:11px;min-width:20px;max-width:20px}.char-creator-coins{width:60px;height:60px;padding:3px}.char-creator-coins input{width:50px;padding:1px;font-size:.8rem}.char-creator-treasure{height:55px;padding:3px;gap:3px}.char-creator-treasure-item{padding:2px 3px;gap:4px;height:18px;font-size:.8rem}.char-creator-inventory-textarea{width:92%;min-height:140px;padding:6px;font-size:12px}.tool-select{min-width:120px;padding:5px;font-size:12px}.char-creator-traits-section{min-height:320px;padding:6px}.char-creator-traits-section h3{font-size:1rem;margin:3px 0 10px}.sheet-save-button{grid-column:span 3;padding:8px;font-size:14px}}.char-manager-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.char-manager-page-wrapper footer{margin-top:auto}.char-manager-box{display:flex;flex-direction:column;flex:1;padding:20px 0}.char-manager-header{background:#fff;padding:1.5rem 3rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;margin:0 20px 2rem;border-radius:8px}.char-manager-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.dashboard-button{background:#2196f3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.dashboard-button:hover{background:#1976d2}.side-to-side{display:flex;flex:1;gap:20px;padding:0 20px}.char-manager-menu{width:250px;background-color:#2f3a0175;padding:20px;border-radius:8px;height:fit-content;position:sticky;top:20px;flex-shrink:0}.subscription-info{margin-bottom:20px;padding:15px;background-color:#ffffff1a;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.subscription-info h3{margin:0 0 10px;color:#f4f4f4;font-size:16px;font-weight:700}.subscription-info p{margin:5px 0;color:#f4f4f4;font-size:14px}.limit-warning{margin-top:15px;padding:10px;background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:4px}.limit-warning p{margin:5px 0;color:#f4f4f4;font-size:12px;font-weight:500;text-align:justify}.upgrade-btn{width:100%;padding:8px 12px;margin-top:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .3s}.upgrade-btn:hover{background-color:#218838}.create-btn{width:100%;padding:12px;margin-bottom:10px;background-color:#4a5d02;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;font-size:14px;text-align:left}.create-btn:hover:not(.disabled){background-color:#405002}.create-btn.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.character-manager{flex:1;background-color:#f4f4f4;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.character-manager h1{color:#1d2401}.character-list{list-style:none;padding:0}.character-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;transition:background .3s ease-in-out}.character-item:hover{background-color:#e9ecef}.character-item span{color:#1d2401}.actions{display:flex;gap:10px}.edit-btn,.delete-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;font-size:14px}.edit-btn{background-color:#4a5d02;color:#fff}.edit-btn:hover{background-color:#5c7303}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.character-name{font-weight:700;font-size:18px}.create-button{display:block;width:100%;text-align:center;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:20px;transition:background .2s ease-in-out}.create-button:hover{background-color:#218838}@media(max-width:1024px){.char-manager-box{padding:15px 0}.char-manager-header{padding:1.25rem 2rem;margin:0 15px 1.5rem}.char-manager-header h1{font-size:1.75rem}.side-to-side{gap:15px;padding:0 15px}.char-manager-menu{width:220px}.character-manager{padding:18px}}@media(max-width:768px){.char-manager-box{padding:10px 0;min-height:auto}.char-manager-header{padding:1rem 1.5rem;margin:0 10px 1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}.char-manager-header h1{font-size:1.5rem}.dashboard-button{width:100%;padding:.625rem 1.25rem;font-size:.95rem}.side-to-side{flex-direction:column;padding:0 10px;gap:15px}.char-manager-menu{width:100%;position:static;padding:15px}.subscription-info{padding:12px}.subscription-info h3{font-size:15px}.subscription-info p{font-size:13px}.limit-warning{padding:8px}.limit-warning p{font-size:11px}.upgrade-btn{padding:7px 10px;font-size:11px}.create-btn{padding:10px;font-size:13px}.character-manager{padding:15px}.character-manager h1{font-size:1.5rem}.character-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.character-item span{width:100%;font-size:.95rem}.actions{width:100%;justify-content:flex-end;gap:8px}.edit-btn,.delete-btn{padding:7px 14px;font-size:13px;flex:1;max-width:120px}}@media(max-width:480px){.char-manager-box{padding:8px 0}.char-manager-header{padding:.875rem 1rem;margin:0 8px 1.25rem;gap:.875rem}.char-manager-header h1{font-size:1.3rem}.dashboard-button{padding:.5rem 1rem;font-size:.9rem}.side-to-side{padding:0 8px;gap:12px}.char-manager-menu{padding:12px}.subscription-info{padding:10px;margin-bottom:15px}.subscription-info h3{font-size:14px;margin-bottom:8px}.subscription-info p{font-size:12px;margin:4px 0}.limit-warning{padding:6px;margin-top:10px}.limit-warning p{font-size:10px;margin:4px 0}.upgrade-btn{padding:6px 8px;font-size:10px;margin-top:8px}.create-btn{padding:9px;font-size:12px;margin-bottom:8px}.character-manager{padding:12px}.character-manager h1{font-size:1.3rem}.character-item{padding:10px;gap:8px}.character-item span{font-size:.9rem}.actions{gap:6px}.edit-btn,.delete-btn{padding:6px 12px;font-size:12px;max-width:100px}}.weather-container{background-color:#71a6be}.weather-heading{margin:5px;padding:2px;background-color:#72bde0;color:#fff}.weather-content{display:flex;gap:2px;align-items:flex-start}.weather-group{flex:1;margin:2px}.weather-image{background-color:#71a6be;border:1px solid #ddd;border-radius:2px;padding:0;margin-right:5px;max-width:65px;width:20%;height:auto;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.weather-image img{width:100%;height:100%;object-fit:contain;border:1px solid rgb(24,71,18)}.season-selector{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.season-selector input[type=radio]{position:absolute;opacity:0;width:0;height:0}.season-selector label{display:inline-block;background-color:#ddd;color:#333;font-size:16px;font-weight:700;padding:5px 10px;margin:2px;border-radius:2px}.season-selector input[type=radio]:checked+label[for=spring]{background-color:#519e51;color:#fff}.season-selector input[type=radio]:checked+label[for=summer]{background-color:#db5454;color:#fff}.season-selector input[type=radio]:checked+label[for=autumn]{background-color:gray;color:#fff}.season-selector input[type=radio]:checked+label[for=winter]{background-color:#2e7bbe;color:#fff}.weather-cards{display:flex;flex-direction:row;justify-content:space-between;width:100%}.weather-card{background-color:#f2f2f2;border:1px solid #ddd;border-radius:2px;padding:2px;margin:2px;width:32%;height:55px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;color:#333}.weather-card h4{margin:0;padding:1px;font-size:14px}.temp-display{font-size:20px;text-align:center}.precip-display,.wind-display{font-size:16px}.generate-weather-btn{width:95%;height:25px;padding:2px;margin:5px;border-radius:5px;box-sizing:border-box;cursor:pointer;background-color:#31446854;border:1px solid rgba(80,79,79,.301);align-self:center}@media only screen and (max-width:768px){.weather-content,.weather-cards{flex-direction:column}.weather-card{width:100%;margin-bottom:10px}.weather-image{max-width:100%;width:100%}.generate-weather-btn{width:100%;margin-top:10px;margin-bottom:10px}}#skill-check-box{width:98%;height:auto;padding:2px;margin-top:2px;margin-left:5px;margin-bottom:3px;border-radius:5px;background-color:#faebd7;border:1px solid gray}#skill-check-box h4{margin-top:0}#skill-mod-counter{width:fit-content;background-color:#6caf6c69;border-radius:5px;margin-top:2px}.skill-check-label{width:fit-content;padding:2px;margin-bottom:2px;font-size:16px}.skill-mod-check-bt{width:35px;height:20px;margin:2px 5px;font-size:20px;background-color:#507e3660;border-radius:4px;cursor:pointer}#label-modifier{width:40px;height:20px;padding:auto;border-radius:4px;font-size:16px;background-color:#0a0a3b41}#send-skill-check{margin:2px 5px;padding:3px 15px;font-size:16px;cursor:pointer;border:1px solid rgba(165,42,42,.219);border-radius:4px;background-color:#a8313141}#t1{margin:0;padding:0}#t2{display:flex;align-items:center}#t2 p{margin-top:5px}.visible{display:block}.hidden{display:none}#choiceGiver-box{width:100%;margin:3px;border:1px solid #ccc;padding:5px;background-color:#ffffff7a}#t1 h3{margin-bottom:3px}.side_to_side{display:flex;justify-content:space-between;align-items:center}#choiceGiver_t1 button{padding:5px 10px;background-color:#2e642e4d;color:#161616;border:1px solid rgb(6,48,6);cursor:pointer;margin-right:5px}#choiceGiver_t1 button:hover{background-color:#118d409c}#choiceGiver_t2 button{padding:5px 10px;background-color:#bdbebe;color:#272727;border:none;cursor:pointer}#choiceGiver_t2 button:hover{background-color:#b37a00}#wilderness_environ{border:1px solid rgba(0,0,0,.678);margin-top:5px;background-color:#c4f8ba}#wild_inner_heading{margin:1px;padding:2px;background-color:#2e8b57;color:#fff}.wilderness-label{margin:2px;font-size:14px;color:#333}#terrainSelect{margin-right:2px;padding:2px;border-radius:4px;border:1px solid #ccc;font-size:12px;width:100px}#bt_terrain_type{padding:3px 6px;border-radius:4px;background-color:#1e7a6b;color:#fff;font-size:14px;border:1px solid gray;cursor:pointer;transition:background-color .3s}#bt_terrain_type:hover{background-color:#06550dbb}.wild_block{margin-left:5px;margin-bottom:3px;width:98%;background-color:#88c2883f;height:90px;overflow-y:auto;border:1px solid rgba(128,128,128,.322)}.wild_block p{background-color:#ffffff7a;margin:3px}.wilderness-h3{background-color:#64626234;margin-top:3px;margin-bottom:3px}.dark-text{color:#333;margin:2px}#wilderness_minor_features button{margin:2px;padding:2px 5px;border:1px solid #2e8b5656;min-width:50px;cursor:pointer;border-radius:5px}@media(max-width:768px){#wilderness_environ{margin-top:4px}#wild_inner_heading{font-size:.95rem}.wilderness-label{font-size:13px}#terrainSelect{width:100%;max-width:150px;font-size:13px}#bt_terrain_type{font-size:13px;padding:2px 5px}.wild_block{width:100%;height:auto;min-height:80px;max-height:150px}.wilderness-h3{font-size:.95rem}#wilderness_minor_features{display:flex;flex-wrap:wrap;gap:4px}#wilderness_minor_features button{flex:1;min-width:80px;font-size:12px}}@media(max-width:480px){#wild_inner_heading{font-size:.9rem;margin:1px;padding:2px}.wilderness-label{font-size:12px}#terrainSelect{width:100%;max-width:120px;font-size:12px}#bt_terrain_type{font-size:12px;padding:2px 4px}.wild_block{max-height:120px}#wilderness_minor_features button{min-width:70px;font-size:11px;padding:2px 4px}}.door_area{background-color:azure;margin:5px;border:1px solid rgba(138,69,23,.404);padding:3px}.door_area button{padding:3px;background-color:#61616142;border-radius:5px;cursor:pointer}#dgArea{border:1px solid gray;background-color:#f7dbbab0;width:98%;margin-left:4px;margin-bottom:4px}#dgAreaHeading{margin-bottom:8px}#dgAreaHeading h4{margin-left:6px;font-size:20px}#dgAreaHeading button{margin-right:6px}.dgArea_del_button{padding:4px;background-color:#a31515d3;margin:2px;width:25px;border-radius:4px;cursor:pointer}.dgArea_p{padding-left:4px;text-align:justify;padding-right:4px}.dg_events_area{width:98%;background-color:#f1ebe2;border:1px solid rgba(238,177,98,.699);margin-left:4px;margin-top:4px;margin-bottom:4px;border-radius:5px}#env_dungeon{background-color:#80808080;border:1px solid rgba(0,0,0,.493);margin-top:5px;height:645px;margin-bottom:5px}#dungeon_h3{background-color:#5a4d4150}.dungeon_intro{background-color:#e7bab342;border:1px solid rgb(90,89,89);width:100%;height:120px;margin:2px auto}.p_text{text-align:justify;background-color:#ebebeb;padding:5px;height:100%;overflow-y:auto}.intro-heading{display:inline-block;margin:5px 10px}.intro-button{display:inline-block;margin:5px 2px 2px;padding:2px 5px;border:1px solid #8b752e8e;min-width:50px;cursor:pointer;border-radius:5px}.dg_set_select{width:26%;margin:2px}#set_dg_area{background-color:#e7bab342;border:1px solid rgb(90,89,89)}#set_dg_area h4{margin:2px}#dg_gen_factor_label_1{width:26%}#dg_gen_factor_label_2{width:16%}#dg_gen_factor button{margin:5px;padding:4px;width:50px;cursor:pointer;border:1px solid rgba(90,89,89,.507);border-radius:5px}#dungeonScroll{height:350px;overflow-y:auto}@media(max-width:1024px){#env_dungeon{height:auto;min-height:500px}.dungeon_intro{height:110px}#dungeonScroll{height:300px}}@media(max-width:768px){#env_dungeon{height:auto;min-height:auto}#dungeon_h3{font-size:.95rem}.dungeon_intro{height:auto;min-height:100px}.intro-heading{font-size:.9rem;margin:4px 8px}.intro-button{font-size:.85rem;padding:2px 4px}.dg_set_select{width:100%;max-width:200px;font-size:.9rem}#set_dg_area h4{font-size:.95rem}#dg_gen_factor_label_1{width:100%;max-width:150px}#dg_gen_factor_label_2{width:100%;max-width:100px}#dg_gen_factor button{width:45px;padding:3px;font-size:.85rem}#dungeonScroll{height:250px}}@media(max-width:480px){#dungeon_h3{font-size:.9rem}.dungeon_intro{min-height:90px}.p_text{font-size:.9rem;padding:4px}.intro-heading{font-size:.85rem;margin:3px 5px}.intro-button{font-size:.8rem;padding:2px 3px}.dg_set_select{max-width:150px;font-size:.85rem}#dg_gen_factor button{width:40px;padding:2px;font-size:.8rem}#dungeonScroll{height:200px}}#env_settlement{background-color:#708090;border:1px solid #000;margin-top:5px;margin-bottom:5px}#settlement_h3{margin:5px;padding:2px;background-color:#2e8b57;color:#fff}.settlement_set_select{width:26%;margin:2px}.env_settle_info{background-color:#f5f4f4d7;height:150px;overflow-y:auto}.env_settle_info_num{background-color:#f5f4f4d7;height:80px;overflow-y:auto}.settle_info_h4{background-color:#f1777781;padding-top:4px;padding-bottom:4px}.settleArea_p{padding-left:5px;padding-right:5px;padding-top:3px;text-align:justify}@media(max-width:768px){#env_settlement{margin-top:4px;margin-bottom:4px}#settlement_h3{font-size:.95rem;margin:4px;padding:2px}.settlement_set_select{width:100%;max-width:200px;font-size:.9rem}.env_settle_info{height:auto;min-height:120px;max-height:200px}.env_settle_info_num{height:auto;min-height:70px;max-height:120px}.settle_info_h4{font-size:.95rem}.settleArea_p{font-size:.9rem;padding-left:4px;padding-right:4px}}@media(max-width:480px){#settlement_h3{font-size:.9rem;margin:3px;padding:2px}.settlement_set_select{max-width:150px;font-size:.85rem}.env_settle_info{min-height:100px;max-height:150px}.env_settle_info_num{min-height:60px;max-height:100px}.settle_info_h4{font-size:.9rem}.settleArea_p{font-size:.85rem;padding-left:3px;padding-right:3px}}#characterModal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal-content{background-color:#e9f1e3;margin:10% auto;padding:20px;border:1px solid #eaeeed;width:25%;box-shadow:0 4px 8px #0003;text-align:justify;position:relative;border-radius:10px}.close{position:absolute;top:10px;right:10px;cursor:pointer}#charName_input{background-color:#85848481;width:60%;height:20px}.char_set_select{width:30%;height:20px;margin:2px}.char_set_select option{text-align:center}.character-card{background-color:#f5f5f5;border:1px solid #363535;border-radius:5px;padding:2px;margin:2px;width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;text-align:center}.character-card h3{font-size:14px;margin:2px;background-color:#333;color:#fff;padding:5px;text-align:center}.character-card p{margin:4px;background-color:#ddd;padding:2px;font-size:12px;border-radius:3px}.delete-button{color:#fff;background-color:#535353de;border:none;border-radius:5px;width:80px;height:24px;font-size:16px;line-height:1;cursor:pointer;margin-top:4px}.character-card .delete-button:hover{background-color:#000000ce}#charactersArea{background-color:#d3d3b2;border:1px solid rgba(0,0,0,.5)}#characters_div{height:150px}.scrollbar-container{overflow-y:auto}@media(max-width:768px){#charactersArea{margin-top:4px}#characters_div{height:auto;min-height:120px;max-height:200px}}@media(max-width:480px){#characters_div{min-height:100px;max-height:150px}}#npcArea{background-color:#aec7d385;border:1px solid rgba(128,128,128,.603);margin-top:5px}#npc_box{border:1px solid gray;margin:4px;background-color:azure;height:250px;overflow-y:auto}.p_text_2{text-align:justify;padding:2px 4px}.npc_set_select{width:18%;margin:2px}.npc_div_select{text-align:justify}@media(max-width:768px){#npcArea{margin-top:4px}#npc_box{height:auto;min-height:200px;max-height:300px;margin:3px}.p_text_2{font-size:.9rem;padding:2px 3px}.npc_set_select{width:100%;max-width:150px;margin:2px;font-size:.9rem}.npc_div_select{font-size:.9rem}}@media(max-width:480px){#npc_box{min-height:180px;max-height:250px;margin:2px}.p_text_2{font-size:.85rem;padding:2px}.npc_set_select{max-width:120px;font-size:.85rem}.npc_div_select{font-size:.85rem}}#encounters_div{background-color:#ff000031;border:1px solid rgba(156,95,95,.473);margin-top:5px}.label_encounter{font-size:16px;color:#fff;margin-right:10px}.encounter_set_select{width:20%;height:22px;margin:2px}.generic_bt{padding:4px;margin:2px;border:1px solid gray;cursor:pointer;border-radius:4px}.generic_bt:hover{background-color:#d3d3d3}#h3_encounter{margin:0;padding:1px;font-size:18px}.encounterDesc_div{background-color:#f5f5dc81;margin-top:5px;padding:5px;border:1px solid rgba(0,0,0,.253);height:130px;overflow-y:auto}.encounterDesc_div p{text-align:justify;padding:2px;background-color:#ffffff69}.centralizado_lado_a_lado{display:flex;flex-direction:row;justify-content:center;align-items:center}.centralizado_lado_a_lado>h4,.centralizado_lado_a_lado>button{margin:0 5px}@media(max-width:768px){#encounters_div{margin-top:4px}.label_encounter{font-size:14px;margin-right:8px}.encounter_set_select{width:100%;max-width:150px;height:20px;font-size:.9rem}.generic_bt{padding:3px;margin:2px;font-size:.9rem}#h3_encounter{font-size:16px}.encounterDesc_div{height:auto;min-height:110px;max-height:180px;padding:4px}.encounterDesc_div p{font-size:.9rem}.centralizado_lado_a_lado{flex-wrap:wrap;gap:5px}.centralizado_lado_a_lado>h4,.centralizado_lado_a_lado>button{margin:0 3px;font-size:.9rem}}@media(max-width:480px){.label_encounter{font-size:13px;margin-right:5px}.encounter_set_select{max-width:120px;height:18px;font-size:.85rem}.generic_bt{padding:2px 4px;font-size:.85rem}#h3_encounter{font-size:15px}.encounterDesc_div{min-height:100px;max-height:150px;padding:3px}.encounterDesc_div p{font-size:.85rem}.centralizado_lado_a_lado>h4,.centralizado_lado_a_lado>button{margin:0 2px;font-size:.85rem}}#treasuresArea{background-color:#eedf89;margin-bottom:5px}#treasuresArea label{font-size:14px;margin-right:5px}.setTreasure{height:25px;margin-right:3px;padding:2px}.treasure_chest{font-size:24px;margin-top:5px;margin-bottom:2px;text-align:center;color:#e6cf00;font-weight:700;background-color:#1e1e1ed7}.treasures{font-size:20px;margin-top:2px;margin-bottom:2px;text-align:center;color:#f5f5f5;font-weight:700;background-color:#8d6c26}.coins_container{display:flex;justify-content:space-between;border:1px solid #9e9b9b94;background-color:#d6cab3}.coin{display:flex;flex-direction:column;align-items:flex-start;width:72px;height:72px;border:1px solid #999;text-align:center;display:inline-block;margin:5px;align-self:flex-end;border-radius:30px}.coin h3{font-size:14px;margin:0;line-height:35px}.coin p{font-size:24px;margin:auto 0 0}.copper{background-color:#b87333ad}.silver{background-color:#c0c0c0bd}.electrum{background-color:#a9a9a9b7}.gold{background-color:#ffd9009d}.platinum{background-color:#e0e0e0c9}.treasures_div{border:1px solid #999;height:120px;overflow-y:auto}.treasure_p{text-align:justify;padding:2px 4px 2px 5px;background-color:#ffffff9a}@media(max-width:768px){#treasuresArea{margin-bottom:4px}#treasuresArea label{font-size:13px;margin-right:4px}.setTreasure{height:22px;margin-right:2px;padding:2px;font-size:.9rem}.treasure_chest{font-size:20px}.treasures{font-size:18px}.coins_container{flex-wrap:wrap;justify-content:center}.coin{width:65px;height:65px;margin:4px}.coin h3{font-size:13px;line-height:32px}.coin p{font-size:20px}.treasures_div{height:auto;min-height:100px;max-height:180px}.treasure_p{font-size:.9rem;padding-left:4px;padding-right:3px}}@media(max-width:480px){#treasuresArea label{font-size:12px;margin-right:3px}.setTreasure{height:20px;font-size:.85rem}.treasure_chest{font-size:18px}.treasures{font-size:16px}.coin{width:60px;height:60px;margin:3px}.coin h3{font-size:12px;line-height:30px}.coin p{font-size:18px}.treasures_div{min-height:90px;max-height:150px}.treasure_p{font-size:.85rem;padding-left:3px;padding-right:3px}}.note-container{margin-bottom:4px;padding:5px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9}.note-container p{text-align:justify;margin-right:4px}.note-delete-button{background-color:tomato;color:#fff;border:none;border-radius:5px;padding:2px 5px;cursor:pointer}.note-delete-button:hover{background-color:#e73528}.scene_note{background-color:#e6c896;border:1px solid rgba(73,63,45,.616);margin:2px}.scene_title{background-color:#e09a4a;padding:4px}.del-button{background-color:#bb321a;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:11px}.del-button:hover{background-color:#811212}.p_scene{text-align:justify;padding:2px;background-color:#e9deca}#engine_div{background-color:#b89fcfbe;padding-top:1px;border:1px solid rgba(128,0,128,.507)}.engine_box{background-color:#f5f5dc41;margin:2px;padding:2px;border:1px solid rgba(134,84,134,.774)}.engine_box_p{background-color:#f5f5dc7c;margin:2px;padding:2px;height:60px}.oracle_answer{background-color:#f5f5dc7c;margin:2px;padding:2px;height:25px}.engine_heading{background-color:#49212141}#question_input{width:98%;height:40px;margin:2px;padding:2px}#work_box{background-color:#8dca8da1;border:1px solid gray;margin-top:5px}#work_box h4{background-color:#b6802e9a;margin-top:5px;font-size:20px}.note_input{width:98%;height:70px;border:1px solid rgba(112,90,87,.5);border-radius:5px;text-align:justify;padding:4px}.custom-input{width:100%;box-sizing:border-box;resize:none;overflow-y:auto}.notes_div{height:150px;background-color:#f0f8ff;margin-top:2px;overflow:auto;border:1px solid grey}#scene_area{background-color:#5670276b;border:1px solid gray;margin-top:5px}.scene_input{margin-left:5px;margin-top:4px;padding:4px;height:22px;width:200px;border:1px solid rgba(128,128,128,.788);border-radius:4px}.scene_textArea{width:98%;height:100px;border:1px solid rgba(128,128,128,.788);border-radius:4px;padding:5px}#adventure_box{margin-top:5px;margin-bottom:5px;border:1px solid gray;background-color:#e6c99680}#scenes_roll{height:558px;overflow-y:auto;overflow-x:hidden}.scenes_controls{background-color:#afaeae;border:1px solid black}@media(max-width:1024px){#scenes_roll{height:450px}}@media(max-width:768px){#engine_div{padding-top:1px}.engine_box{margin:2px;padding:2px}.engine_box_p{height:auto;min-height:50px;font-size:.9rem}.oracle_answer{height:auto;min-height:22px;font-size:.9rem}.engine_heading{font-size:.95rem}#question_input{width:97%;height:35px;font-size:.9rem}#work_box h4{font-size:18px}.note_input{width:97%;height:60px;font-size:.9rem}.notes_div{height:130px}.scene_input{width:100%;max-width:180px;height:20px;font-size:.9rem}.scene_textArea{width:97%;height:90px;font-size:.9rem}#scenes_roll{height:350px}.scenes_controls{font-size:.9rem}}@media(max-width:480px){.engine_box_p{font-size:.85rem;min-height:45px}.oracle_answer{font-size:.85rem;min-height:20px}.engine_heading{font-size:.9rem}#question_input{width:96%;height:32px;font-size:.85rem}#work_box h4{font-size:16px}.note_input{width:96%;height:55px;font-size:.85rem}.notes_div{height:110px}.scene_input{max-width:150px;height:18px;font-size:.85rem}.scene_textArea{width:96%;height:80px;font-size:.85rem}#scenes_roll{height:280px}.scenes_controls{font-size:.85rem}}.dice-roller{text-align:center;background-color:#1e1e1e;margin:5px auto;padding:10px;border-radius:5px;box-shadow:0 0 5px #00000080;color:#fff;height:220px}.dice-roller h2{margin-top:10px;margin-bottom:10px;color:#fff}.dice-button-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px}.dice-button{margin:4px;padding:5px 10px;font-size:14px;background-color:#3f7415;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.dice-button:hover{background-color:#bf7835}.result{font-size:60px;font-weight:700;color:#ffffffb9;margin-top:20px}@media(max-width:768px){.dice-roller{padding:8px;height:auto;min-height:200px}.dice-roller h2{font-size:1.1rem;margin-top:8px;margin-bottom:8px}.dice-button-container{flex-wrap:wrap;gap:6px}.dice-button{padding:4px 8px;font-size:13px;flex:1;min-width:60px}.result{font-size:50px;margin-top:15px}}@media(max-width:480px){.dice-roller{padding:6px;min-height:180px}.dice-roller h2{font-size:1rem;margin-top:6px;margin-bottom:6px}.dice-button{padding:3px 6px;font-size:12px;min-width:50px}.result{font-size:40px;margin-top:12px}}*{padding:0;margin:0;border:0;box-sizing:border-box;color:#333}#sparks-container{height:100vh;display:flex;flex-direction:column}#entry_line{display:flex;align-items:center;justify-content:space-between;background-color:#b4b4b480;flex-shrink:0}#mode_name{margin:0 0 0 20px;font-size:24px}#dayLightToggle{width:70px;font-size:14px;margin:2px;padding:6px 12px;cursor:pointer;background-color:#f7cb7842;border:1px solid rgba(128,128,128,.5);border-radius:5px}#goToDash{font-size:14px;margin:2px;padding:6px 12px;cursor:pointer}.heading{margin:5px;padding:2px;background-color:#9c4739;color:#fff}.side_to_side{display:flex;gap:10px;width:100%;flex:1;min-height:0}#col_1,#col_2,#col_3{flex:1;width:33.33%;height:100%;overflow-y:auto;padding:10px;box-sizing:border-box}@media(max-width:1024px){#sparks-container{height:auto;min-height:100vh}.side_to_side{gap:8px}#col_1,#col_2,#col_3{padding:8px}#mode_name{font-size:22px;margin-left:15px}#dayLightToggle,#goToDash{font-size:13px;padding:5px 10px}}@media(max-width:768px){#sparks-container{height:auto;min-height:100vh}#entry_line{flex-wrap:wrap;padding:5px}#mode_name{font-size:20px;margin-left:10px;width:100%;text-align:center;margin-bottom:5px}#dayLightToggle{width:auto;margin-left:0;order:1}#goToDash{margin-left:auto;order:2}.side_to_side{flex-direction:column;gap:10px}#col_1,#col_2,#col_3{width:100%;flex:none;height:auto;max-height:none;overflow-y:visible;padding:10px}.heading{font-size:1.1rem;margin:4px;padding:4px}}@media(max-width:480px){#entry_line{padding:4px}#mode_name{font-size:18px;margin-left:5px;margin-bottom:4px}#dayLightToggle,#goToDash{font-size:12px;padding:4px 8px;margin:2px}.side_to_side{gap:8px}#col_1,#col_2,#col_3{padding:8px}.heading{font-size:1rem;margin:3px;padding:3px}}.tutorial-page{display:flex;justify-content:center;padding:20px;min-height:calc(100vh - 200px);background-color:#f5f5f5}.tutorial-content-wrapper{max-width:1200px;width:100%;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tutorial-content-header{margin-bottom:20px}.tutorial_content_title{text-align:center;margin-bottom:10px;color:#1a1a1a}.tutorial_content_subtitle{text-align:center;margin-bottom:6px;color:#1a1a1a}.comp_1_texts{color:#212121}.comp_1_texts p{text-align:justify;padding:4px;font-size:18px;color:#333;margin-bottom:12px;line-height:1.6}.comp_1_texts h3{margin-top:20px;margin-bottom:10px;color:#1a1a1a;font-size:1.5rem}.comp_1_texts h4{margin-top:10px;margin-bottom:5px;text-align:left;font-size:18px;color:#1a1a1a}.final_p{margin-bottom:20px}.side_to_side{display:flex;gap:20px;align-items:flex-start;margin-bottom:15px}.side_to_side .comp_1_texts{flex:1;min-width:0}.side_to_side .comp_3_img,.side_to_side .comp_2_img,.side_to_side .comp_1_img{flex-shrink:0;float:none;margin:0}.comp_1_texts:after{content:"";display:table;clear:both}.component_2_box{margin-bottom:20px}.comp_1_img{padding:4px;border:1px solid rgba(0,0,0,.507);max-width:323px;cursor:pointer;float:left;margin:0 20px 15px 0;clear:left}.comp_2_img{border:1px solid rgba(0,0,0,.507);max-width:453px;float:left;margin:0 20px 15px 0;clear:left}.comp_3_img{border:1px solid rgba(0,0,0,.507);max-width:445px;text-align:center;float:left;margin:0 20px 15px 0;clear:left}.comp_3_img.float-right{float:right;margin:0 0 15px 20px;clear:right}.comp_3_img.no-float{float:none;margin:15px auto;display:block;clear:both}.comp_1_img p{font-size:14px}.img_comp{width:100%}.img_box{max-width:100%}.img_center_1{display:block;margin:10px auto}.img_center_2{width:fit-content;border:1px solid gray;margin-top:10px;margin-bottom:10px}.italic{font-style:italic}.gray{background-color:#80808041;padding:5px;border-radius:4px}@media only screen and (max-width:1024px){.tutorial-content-wrapper{padding:15px}.side_to_side{flex-direction:column;gap:15px}.comp_1_img,.comp_2_img,.comp_3_img{max-width:100%;float:none!important;margin:15px auto!important;display:block}.comp_1_texts p{font-size:17px}.tutorial_content_title{font-size:1.8rem}.tutorial_content_subtitle{font-size:1.2rem}}@media only screen and (max-width:768px){.tutorial-page,.tutorial-content-wrapper{padding:15px}.tutorial-content-header{margin-bottom:15px}.tutorial_content_title{font-size:1.6rem;margin-bottom:8px}.tutorial_content_subtitle{font-size:1.1rem;margin-bottom:4px}.side_to_side{flex-direction:column;gap:10px}.comp_1_img,.comp_2_img,.comp_3_img{max-width:100%}.comp_1_texts{text-align:justify;padding:10px}.comp_1_texts p{font-size:16px}.comp_1_texts h3{font-size:1.3rem}.comp_1_texts h4{font-size:16px}.final_p{margin-bottom:15px}.img_center_1,.img_center_2{margin-top:8px;margin-bottom:8px}}@media only screen and (max-width:480px){.tutorial-page{padding:10px}.tutorial-content-wrapper{padding:12px}.tutorial-content-header{margin-bottom:12px}.tutorial_content_title{font-size:1.4rem;margin-bottom:6px}.tutorial_content_subtitle{font-size:1rem;margin-bottom:4px}.side_to_side{flex-direction:column;gap:8px}.comp_1_img,.comp_2_img,.comp_3_img{max-width:100%;padding:2px;float:none!important;margin:15px auto!important;display:block}.comp_1_texts{padding:8px}.comp_1_texts p{font-size:15px;line-height:1.5}.comp_1_texts h3{font-size:1.2rem;margin-top:4px;margin-bottom:4px}.comp_1_texts h4{font-size:15px;margin-top:8px;margin-bottom:4px}.final_p{margin-bottom:15px}.img_center_1,.img_center_2{margin-top:6px;margin-bottom:6px}.gray{padding:4px}}.article-page{display:flex;justify-content:center;padding:20px;min-height:calc(100vh - 200px);background-color:#f5f5f5}.article-wrapper{max-width:1200px;width:100%;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.article-content{color:#212121}.article-content h1{color:#1a1a1a;margin-bottom:20px;margin-top:0;font-size:2.5rem;font-weight:700}.article-content h2{color:#1a1a1a;margin-top:30px;margin-bottom:15px;font-size:1.8rem;font-weight:700}.article-content h3{color:#1a1a1a;margin-top:25px;margin-bottom:12px;font-size:1.4rem;font-weight:700}.article-content p{color:#333;font-size:18px;line-height:1.7;margin-bottom:15px;text-align:justify}.article-content ul{color:#333;font-size:18px;line-height:1.7;margin-bottom:15px;margin-left:20px}.article-content li{margin-bottom:8px}.article-content a{color:#4caf50;text-decoration:underline;transition:color .2s}.article-content a:hover{color:#45a049}.article-content i{font-style:italic}.article-content strong{font-weight:700;color:#1a1a1a}@media only screen and (max-width:1024px){.article-wrapper{padding:30px}.article-content h1{font-size:2rem}.article-content h2{font-size:1.6rem}.article-content h3{font-size:1.3rem}.article-content p,.article-content ul{font-size:17px}}@media only screen and (max-width:768px){.article-page{padding:15px}.article-wrapper{padding:20px}.article-content h1{font-size:1.8rem;margin-bottom:15px}.article-content h2{font-size:1.5rem;margin-top:25px;margin-bottom:12px}.article-content h3{font-size:1.3rem;margin-top:20px;margin-bottom:10px}.article-content p,.article-content ul{font-size:16px;line-height:1.6}.article-content li{margin-bottom:6px}}@media only screen and (max-width:480px){.article-page{padding:10px}.article-wrapper{padding:15px}.article-content h1{font-size:1.6rem;margin-bottom:12px}.article-content h2{font-size:1.3rem;margin-top:20px;margin-bottom:10px}.article-content h3{font-size:1.2rem;margin-top:18px;margin-bottom:8px}.article-content p,.article-content ul{font-size:15px;line-height:1.6;margin-bottom:12px}.article-content li{margin-bottom:5px}.article-content ul{margin-left:15px}}#main-about{height:auto;overflow-y:auto;padding-top:60px;padding-bottom:60px;background-color:#fff;color:#212121}#main-about p{margin:0 auto;width:60%;padding:4px;text-align:justify;font-size:20px;line-height:1.5;color:#333}@media only screen and (max-width:768px){#main-about{padding-top:40px;padding-bottom:40px}#main-about p{width:80%;font-size:18px}}@media only screen and (max-width:600px){#main-about{padding-top:30px;padding-bottom:30px}#main-about p{width:90%;font-size:16px;line-height:1.4}}@media only screen and (max-width:480px){#main-about{padding-top:20px;padding-bottom:20px}#main-about p{width:95%;font-size:14px;line-height:1.3}}.legal_div{max-height:auto;overflow-y:auto;background-color:#fff;color:#212121}.legal_text{margin:0 auto;width:80%;padding:40px;background-color:#fff;color:#212121}.legal_div h2{margin-top:40px;margin-bottom:20px;text-align:center;color:#1a1a1a}.legal_div h3{margin-top:10px;margin-bottom:10px;color:#1a1a1a}.legal_div p{font-size:18px;margin-top:5px;text-align:justify;padding:2px;color:#333}@media only screen and (max-width:1024px){.legal_text{width:85%;padding:35px}.legal_div p{font-size:17px}}@media only screen and (max-width:768px){.legal_text{width:90%;padding:25px}.legal_div p{font-size:16px}.legal_div h2{font-size:1.8rem;margin-top:30px;margin-bottom:15px}.legal_div h3{font-size:1.4rem;margin-top:8px;margin-bottom:8px}}@media only screen and (max-width:480px){.legal_text{width:95%;padding:20px}.legal_div p{font-size:15px;line-height:1.5}.legal_div h2{font-size:1.5rem;margin-top:25px;margin-bottom:12px}.legal_div h3{font-size:1.3rem;margin-top:6px;margin-bottom:6px}}.user-management{min-height:100vh;background-color:#f5f5f5;padding:20px}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.user-management-header h1{color:#333;font-size:2rem;margin:0}.back-button{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.back-button:hover{background-color:#4b5563}.loading-message,.error-message{text-align:center;padding:20px;font-size:1.1rem;margin:20px 0}.error-message{color:#dc2626;background-color:#fee2e2;border-radius:6px}.loading-message{color:#6b7280}.users-summary{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.summary-card{flex:1;min-width:200px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center}.summary-card h3{margin:0 0 10px;color:#6b7280;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.summary-number{margin:0;font-size:2.5rem;font-weight:700;color:#111827}.users-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f9fafb}.users-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#111827}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.free{background-color:#dbeafe;color:#1e40af}.status-badge.adventurer{background-color:#dcfce7;color:#166534}.user-id-cell{font-family:monospace;font-size:.75rem;color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-users{text-align:center;padding:40px;color:#6b7280;font-style:italic}@media(max-width:768px){.user-management{padding:15px}.user-management-header{flex-direction:column;align-items:flex-start}.users-summary{flex-direction:column}.summary-card{min-width:100%}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:8px 12px}.user-id-cell{max-width:100px}}
