.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--parchment-bg);color:var(--ink-color);border:1px solid var(--parchment-border);border-radius:4px;font-family:var(--font-text);box-shadow:0 20px 50px #00000080,0 0 0 5px #d4af3733,inset 0 0 40px #a0522d1a;position:relative;max-width:450px;width:90%}.modal-content:before{content:"";position:absolute;inset:6px;border:2px solid var(--gold-accent);pointer-events:none;opacity:.5}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:transparent;border-bottom:2px solid var(--gold-accent);padding:1.5rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center;margin:0 10px;z-index:10}.modal-header h2{color:var(--ink-color);font-family:var(--font-title);letter-spacing:1px;font-size:1.8rem;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}.modal-body{padding:1.5rem 2rem;margin:0 10px;font-size:1.1rem;line-height:1.6}.modal-footer{padding:0 2rem 2rem;margin:0 10px;display:flex;justify-content:flex-end;gap:1rem}.modal-close{background:transparent;border:none;font-size:2rem;color:var(--red-seal);cursor:pointer;line-height:1;transition:transform .2s ease;font-family:var(--font-title)}.modal-close:hover{color:#b71c1c;background:transparent;transform:scale(1.2) rotate(90deg)}.modal-form{padding:2rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}@media(max-width:480px){.modal-content{width:98%;margin:.5rem}.modal-header{padding:.8rem 1rem;margin:0 6px}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem;margin:0 6px}.modal-footer{padding:0 1rem 1rem;margin:0 6px;flex-wrap:wrap}.modal-form{padding:1rem}.form-group{margin-bottom:1rem}}.navbar{background:linear-gradient(to bottom,#3a2a1a,#2b1d12);border-bottom:3px solid #c9a24d}.navbar-logo,.navbar-logo h1{text-decoration:none}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand h1{font-family:Cinzel,serif;color:#f4e4b5;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.nav-link{color:#f4ecd8;font-weight:400;text-decoration:none}.nav-link:hover{color:#c9a24d}.navbar-menu{display:flex;align-items:center;gap:1rem;transition:all .3s ease}.menu-toggle{display:none;background:transparent;border:1px solid var(--gold-accent);color:var(--gold-accent);font-size:1.5rem;cursor:pointer;padding:.2rem .6rem;border-radius:4px}.navbar-user{color:#fff;font-size:.95rem;font-weight:400;display:flex;align-items:center;gap:.5rem}.navbar-user strong{font-weight:600}.badge-admin{background:#f59e0b;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.btn-login{background:linear-gradient(to bottom,#d4af37,#a88432);color:#1a120b;border:1px solid #f9e29c;border-radius:4px}.btn-login:hover{background:linear-gradient(to bottom,#eacda3,#d6ae7b);transform:translateY(-2px);box-shadow:0 0 15px #d4af3799}.btn-register{background:#2b1d0f;color:#d4af37;border:1px solid #d4af37;border-radius:4px}.btn-register:hover{background:#3e2723;color:#fff;border-color:#fff;box-shadow:0 0 10px #d4af374d}.btn-logout{background:transparent;color:#e57373;border:1px solid #b71c1c;border-radius:4px}.btn-logout:hover{background:#b71c1c1a;color:#ffcdd2;box-shadow:0 0 8px #b71c1c66}@media(max-width:1020px){.navbar-container{padding:.5rem 1rem;height:auto;flex-wrap:nowrap;position:relative}.menu-toggle{display:block;margin-left:1rem}.navbar-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(to bottom,#2b1d12,#1a120b);flex-direction:column;padding:1rem;gap:1.5rem;border-bottom:2px solid #c9a24d;box-shadow:0 4px 10px #00000080;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{font-size:1.1rem;padding:.5rem;width:100%;text-align:center;border-bottom:1px solid rgba(212,175,55,.1)}.navbar-user{justify-content:center;flex-direction:column}.btn{width:100%;text-align:center}}.search-mobile{display:none}.search-desktop{display:block;flex:1;max-width:500px;margin:0 2rem}@media(max-width:1020px){.search-desktop{display:block;margin:0 1rem;max-width:300px}.search-mobile{display:none}}@media(max-width:500px){.navbar-container{padding:.5rem}.search-desktop{display:none!important}.search-mobile{display:block!important;width:100%;margin-bottom:.5rem}}.user-search{position:relative;width:100%;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{color:#f4ecd8d9;position:absolute;left:10px;pointer-events:none}.search-input{width:100%;padding:.5rem .5rem .5rem 2.5rem;background:#1a120b99;border:1px solid #a1864f;color:#f4ecd8;font-family:Crimson Text,serif;border-radius:4px;transition:all .3s ease}.search-input::placeholder{color:#f4ecd880;font-style:italic}.search-input:focus{outline:none;background:#2c1810cc;border-color:var(--gold-accent);box-shadow:0 0 10px #d4af374d}.search-loading{position:absolute;right:12px}.spinner{width:18px;height:18px;border:2px solid rgba(212,175,55,.3);border-top-color:var(--gold-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-results{position:absolute;top:100%;left:0;width:100%;margin-top:5px;z-index:1000;background:var(--parchment-bg);border:1px solid #dcd0b9;border-radius:4px;box-shadow:0 10px 25px #00000080,inset 0 0 20px #a0522d1a;overflow:hidden}.search-results:before{content:"";position:absolute;inset:3px;border:1px solid rgba(212,175,55,.4);pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.results-header{padding:.75rem 1rem;background:transparent;border-bottom:1px solid rgba(44,24,16,.1);color:#5d4037;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.results-list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;padding:.8rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:10}.result-item:hover{background:#d4af3726}.result-item:last-child{border-bottom:none}.user-avatar{width:36px;height:36px;border-radius:50%;background:#8b0000;border:2px solid #c9a24d;display:flex;align-items:center;justify-content:center;color:#f4ecd8;font-family:Cinzel,serif;font-weight:700;font-size:1rem;margin-right:.875rem;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.user-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.user-name{font-weight:600;color:#2c1810;font-family:Garamond,Crimson Text,serif;font-size:1.1rem}.user-name mark.highlight{background:transparent;color:#b71c1c;font-weight:800;text-decoration:underline;text-decoration-color:#c9a24d}.user-id{font-size:.8rem;color:#8d6e63;font-family:Cinzel,serif}.no-results{padding:2rem 1.5rem;text-align:center;color:#8d6e63;font-family:Cinzel,serif}.no-results svg{margin-bottom:.5rem;opacity:.5;color:#c9a24d}.no-results p{margin:0;font-size:.9rem}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track{background:#0000000d}.results-list::-webkit-scrollbar-thumb{background:#c9a24d;border-radius:3px}.results-list::-webkit-scrollbar-thumb:hover{background:#a88432}@media(max-width:768px){.user-search{max-width:100%}.search-results{width:100%}}.home-container{display:flex;justify-content:center;align-items:center;padding:2rem}.home-content{background-color:var(--parchment-bg);color:var(--ink-color);max-width:800px;width:100%;padding:4rem 3rem;position:relative;box-shadow:0 10px 25px var(--parchment-shadow),0 2px 5px #0003,inset 0 0 60px #a0522d26;border:1px solid var(--parchment-border);border-radius:4px}.home-content:before{content:"";position:absolute;inset:15px;border:2px solid var(--gold-accent);pointer-events:none;opacity:.6}.home-content:after{content:"";position:absolute;inset:10px;border:1px solid rgba(44,24,16,.2);pointer-events:none}.home-content h1{font-family:var(--font-title);font-size:3.5rem;text-align:center;margin-bottom:2rem;color:var(--ink-color);text-shadow:0px 1px 1px rgba(0,0,0,.1);letter-spacing:2px;border-bottom:2px solid var(--gold-accent);display:block;padding-bottom:.5rem}.welcome-message{font-family:var(--font-text);font-size:1.4rem;text-align:center;line-height:1.6}.welcome-message p{margin:1.5rem 0}.welcome-message strong{color:var(--red-seal);font-weight:700;font-size:1.5rem}.admin-badge{margin-top:2rem;padding:.8rem 1.5rem;background:transparent;border:2px solid var(--gold-accent);color:var(--ink-color);border-radius:50px;display:inline-block;font-family:var(--font-title);font-size:1rem;letter-spacing:1px;position:relative;overflow:hidden}.admin-badge:before{content:"";position:absolute;inset:0;background:var(--gold-accent);opacity:.15;z-index:-1}.admin-badge span{font-weight:700}@media(max-width:1020px){.home-content{padding:2.5rem 1.5rem;margin-top:1rem}.home-content h1{font-size:2.2rem;letter-spacing:1px}.home-content:before{inset:10px}.home-content:after{display:none}}@media(max-width:480px){.home-container{padding:2rem 1rem 1rem;align-items:flex-start}.home-content{padding:2rem 1rem}.home-content h1{font-size:1.8rem;letter-spacing:.5px}.welcome-message{font-size:1.1rem}}.mis-cronicas-container{padding:8rem 2rem 2rem}.cronicas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2.5rem;align-items:stretch}.cronica-card:before{inset:5px}.cronica-card:hover{transform:translateY(-8px) rotate(1deg);z-index:10;box-shadow:0 15px 30px #00000080}.personajes-asociados{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(44,24,16,.2)}.personajes-asociados strong{display:block;color:var(--ink-color);font-family:var(--font-title);font-size:.95rem;margin-bottom:.5rem}.personajes-asociados ul{margin:0;padding-left:1.5rem;list-style:disc}.personajes-asociados li{color:#5d4037;font-style:italic;margin-bottom:.3rem}.btn-asignar-card{background:transparent;color:var(--ink-color);border:1px solid var(--red-seal);font-family:var(--font-title);padding:.4rem 1rem;font-size:.9rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-asignar-card:hover{background:#5d4037;color:var(--parchment-bg);box-shadow:0 4px 8px #5d40374d}.form-container{background:var(--parchment-bg);padding:3rem;margin-bottom:3rem;border-radius:4px;box-shadow:0 15px 40px #0009;position:relative;max-width:800px;margin-left:auto;margin-right:auto;border:1px solid var(--parchment-border)}.form-container h3{font-family:var(--font-title);color:var(--ink-color);font-size:1.8rem;text-align:center;border-bottom:2px solid var(--gold-accent);padding-bottom:1rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#5d4037;font-family:var(--font-title);font-weight:600}.form-group input,.form-group textarea{width:100%;box-sizing:border-box;background:#fff;color:var(--ink-color);border:1px solid #c9a24d;border-radius:4px;font-family:var(--font-body);font-size:1.1rem;padding:.8rem;box-shadow:inset 0 2px 5px #0000000d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--red-seal);box-shadow:0 0 8px #d4af3766}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.btn-eliminar-form{background:transparent;color:#b71c1c;border:1px solid #b71c1c;font-family:var(--font-title);padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;margin-left:auto;transition:all .3s ease;font-weight:700}.btn-eliminar-form:hover{background:#b71c1c;color:#fff;box-shadow:0 0 10px #b71c1c66}.no-cronicas{text-align:center;padding:4rem;color:#8d6e63;font-family:var(--font-title);font-size:1.2rem;border:2px dashed rgba(212,175,55,.3);border-radius:8px}.select-medieval{width:100%;padding:.8rem;border-radius:4px;border:1px solid #c9a24d;background-color:var(--parchment-bg);color:var(--ink-color);font-family:var(--font-body);font-size:1.2rem;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232c1810%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;cursor:pointer;box-shadow:inset 0 2px 5px #0000000d;transition:border-color .3s ease,box-shadow .3s ease}.select-medieval:focus{outline:none;border-color:var(--red-seal);box-shadow:0 0 8px #8b000033}.badge-publica,.badge-privada{display:inline-block;font-size:.8rem;font-family:var(--font-title);padding:.2rem .6rem;border-radius:12px;margin-top:.5rem;font-weight:700}.badge-publica{background-color:#2e7d3233;color:#1b5e20;border:1px solid #4caf50}.badge-privada{background-color:#b71c1c1a;color:#b71c1c;border:1px solid #e53935}.solicitudes-list{display:flex;flex-direction:column;gap:1rem;max-height:50vh;overflow-y:auto;overflow-x:hidden;padding-right:.5rem}.solicitud-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border:1px solid var(--parchment-border);border-radius:4px;background:#fdf5e680;flex-wrap:wrap;gap:1rem}.solicitud-info{display:flex;flex-direction:column;gap:.3rem;font-family:var(--font-text);flex:1 1 200px;min-width:0}.solicitud-info strong{font-family:var(--font-title);font-size:1.1rem;color:var(--ink-color)}.solicitud-mensaje{font-style:italic;color:#5d4037;margin:0;word-wrap:break-word;overflow-wrap:break-word}.estado-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:8px;align-self:flex-start}.estado-badge.pendiente{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.estado-badge.aceptada{background-color:#e8f5e9;color:#1b5e20;border:1px solid #4caf50}.estado-badge.rechazada{background-color:#ffebee;color:#b71c1c;border:1px solid #e53935}.solicitud-actions{display:flex;gap:.5rem;flex-shrink:0;margin-top:auto}@media(max-width:1020px){.mis-cronicas-container{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem}.header-section h2{font-size:1.8rem}.form-container{padding:1.5rem}.cronicas-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}}@media(max-width:600px){.mis-cronicas-container{padding-top:4rem;padding-left:1rem;padding-right:1rem}.header-section h2{font-size:1.4rem;letter-spacing:1px}.form-container{padding:1.2rem 1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-gold,.btn-eliminar-form{width:100%;text-align:center;margin-left:0}.cronicas-grid{gap:1.5rem}.no-cronicas{padding:1rem .5rem;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.card-footer{flex-direction:column;align-items:stretch}.card-footer a{display:block;width:100%}.btn-outline-brown,.btn-asignar-card{width:100%;margin-left:0!important}}.buscar-cronicas-container{padding:8rem 2rem 2rem}.tablon-header{text-align:center;margin-bottom:3rem;border-bottom:2px solid var(--gold-accent);padding-bottom:1rem}.tablon-header h2{color:var(--parchment-bg);margin:0;font-family:var(--font-title);font-size:3rem;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.tablon-header p{color:#e0d0b0;font-family:var(--font-text);font-size:1.2rem;margin-top:1rem}.controles-busqueda{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.controles-busqueda .input-medieval:not(select){flex:1;min-width:180px}.controles-busqueda select.input-medieval{width:auto;flex-shrink:0}.anuncios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2.5rem;align-items:start}.anuncio-card{background:var(--parchment-bg);border:1px solid var(--parchment-border);border-radius:2px;box-shadow:0 5px 15px #00000080,inset 0 0 20px #a0522d1a;position:relative;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;padding:1.5rem;transform:rotate(-1deg)}.anuncio-card:nth-child(2n){transform:rotate(1deg)}.anuncio-card:hover{transform:scale(1.02) rotate(0);z-index:10;box-shadow:0 10px 25px #0009}.anuncio-pin{width:15px;height:15px;background:radial-gradient(circle at center,#6d6d6d,#2b2b2b);border-radius:50%;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080;border:1px solid #111}.anuncio-content{margin-top:1rem;flex-grow:1}.anuncio-content h3{margin:0 0 .5rem;font-family:var(--font-title);font-size:1.6rem;color:var(--ink-color);text-align:center;border-bottom:1px dashed rgba(44,24,16,.3);padding-bottom:.5rem}.anuncio-content p.narrador{color:var(--red-seal);font-family:var(--font-title);font-size:1rem;text-align:center;margin-bottom:1rem}.anuncio-content p.descripcion{font-family:var(--font-text);font-size:1.1rem;color:#3e2723;line-height:1.5;text-align:justify}.btn-solicitar{margin-top:1.5rem;width:100%;padding:.8rem 1.5rem}.no-anuncios{grid-column:1 / -1;text-align:center;padding:3rem;background:#fdf5e61a;border:1px dashed var(--gold-accent);color:var(--parchment-bg);font-family:var(--font-title)}.parchment-style{background:var(--parchment-bg);border:2px solid var(--gold-accent);color:var(--ink-color);border-radius:4px;box-shadow:0 15px 40px #00000080,inset 0 0 40px #a0522d1a!important}.subtitle{font-family:var(--font-text);font-size:1.2rem;color:#3e2723;border-bottom:1px solid rgba(44,24,16,.2);padding-bottom:1rem}.margin-top{margin-top:1.5rem}.right-align{justify-content:flex-end;margin-top:1.5rem}@media(max-width:1020px){.buscar-cronicas-container{padding-top:6rem;padding-left:1rem;padding-right:1rem}.tablon-header h2{font-size:2rem}}@media(max-width:480px){.buscar-cronicas-container{padding-top:5rem;padding-left:.75rem;padding-right:.75rem}.tablon-header h2{font-size:1.6rem}.controles-busqueda{flex-direction:column;gap:.8rem}.controles-busqueda .input-medieval:not(select),.controles-busqueda select.input-medieval{width:100%}.no-anuncios{padding:1.5rem .5rem;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}}:root{--parchment-bg: #fdf5e6;--gold-accent: #d4af37;--ink-color: #2c1810}.hoja-container{padding:20px;padding-top:6rem;background-color:#333;display:flex;flex-direction:column;align-items:center;min-height:100vh;overflow-x:auto}.hoja-actions{width:1150px;display:flex;justify-content:space-between;margin-bottom:20px;gap:15px}.btn-volver,.btn-guardar-personaje{padding:12px 24px;border-radius:6px;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.btn-volver{background:linear-gradient(to bottom,#7f8c8d,#636e72);color:#fff;border:2px solid #4f5758}.btn-volver:hover{background:linear-gradient(to bottom,#95a5a6,#7f8c8d);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-guardar-personaje{background:linear-gradient(to bottom,#c9a24d,#a88432);color:#2b1d0f;border:2px solid #6f5520}.btn-guardar-personaje:hover:not(:disabled){background:linear-gradient(to bottom,#d4b05e,#b69343);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-guardar-personaje:disabled{opacity:.6;cursor:not-allowed}.alert{width:1150px;padding:15px 20px;margin-bottom:20px;border-radius:6px;font-weight:700;text-align:center}.alert-success{background-color:#d4edda;color:#155724;border:2px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.loading{color:#f4ecd8;font-size:1.2rem;text-align:center;padding:40px}.hoja-paper{background-color:#fdf5e6;width:1150px;padding:40px;box-shadow:0 0 20px #00000080;border:1px solid #d4a76a;font-family:Garamond,serif;color:#4a2c2c}.btn-add-merito,.btn-add-row{background:linear-gradient(to bottom,#2f5d3a,#1f3f28);color:#f4ecd8;border:2px solid #16301f;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:700;margin-top:8px;width:100%;transition:all .2s ease}.btn-add-merito:hover,.btn-add-row:hover{background:linear-gradient(to bottom,#3a7045,#275032);transform:translateY(-1px)}.btn-delete-merito,.btn-delete-row{background:#c0392b;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s ease}.btn-delete-merito:hover,.btn-delete-row:hover{background:#992d22;transform:scale(1.1)}.rv-line-with-delete{display:flex;align-items:center;gap:8px;margin-bottom:5px}.rv-line-with-delete .rv-write-line{flex:1}.hoja-header{border-bottom:2px solid #8b4513;margin-bottom:20px;padding-bottom:20px}.header-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:25px}.name-section{flex:1}.input-group{display:flex;flex-direction:column}.input-nombre{width:100%;font-size:2rem;background:transparent;border:none;border-bottom:1px solid #8b4513;text-align:center;color:#8b4513;font-weight:700}.portrait-section{width:200px;display:flex;justify-content:center;align-items:center}.portrait-box{width:100%;height:150px;border:2px solid #8b4513;display:flex;justify-content:center;align-items:flex-start;padding-top:10px}.portrait-title{font-size:1rem;letter-spacing:2px;font-weight:700}.retrato-section{display:flex;flex-direction:column;align-items:center;gap:10px}.retrato-container{width:150px;height:150px;border:2px solid #8b4513;display:flex;justify-content:center;align-items:center;background:#fff3;overflow:hidden}.personaje-retrato-img{width:100%;height:100%;object-fit:cover}.retrato-placeholder{color:#8b4513;font-size:.9rem;text-transform:uppercase;text-align:center}.retrato-actions{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.btn-cambiar-retrato{width:100%;background:linear-gradient(to bottom,#2c3e50,#1a252f);color:#f4ecd8;border:1px solid #1abc9c;padding:6px 12px;border-radius:4px;font-family:Cinzel,serif;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-cambiar-retrato:hover:not(:disabled){background:linear-gradient(to bottom,#34495e,#2c3e50)}.btn-cambiar-retrato:disabled{opacity:.5;cursor:not-allowed}.retrato-nota{font-size:.7rem;color:#666;text-align:center}.retrato-error{font-size:.75rem;color:#c0392b;text-align:center;font-weight:700}.grid-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.field{display:flex;flex-direction:column}.field span{font-size:.8rem;text-transform:uppercase;font-weight:700;color:#633c1f}.field input,.field textarea{background:transparent;border:none;border-bottom:1px solid #d4a76a;font-size:1rem;color:#4a2c2c}.field textarea{resize:vertical;max-width:100%;min-height:40px}.hoja-main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.columna h3{text-align:center;color:#8b0000;border-bottom:1px solid #8b0000;margin-bottom:15px;letter-spacing:2px}.atributo-box{display:flex;justify-content:center;align-items:center;padding:15px 0}.triple-diamond-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;width:160px}.diamond-col-left{display:flex;flex-direction:column;align-items:center;justify-content:center}.diamond-col-right{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px}.diamond-item{display:flex;flex-direction:column;align-items:center;min-height:70px;justify-content:flex-end}.diamond-shape{border:2px solid #8b4513;transform:rotate(45deg);background:#fff;display:flex;justify-content:center;align-items:center}.diamond-shape.small{width:40px;height:40px}.diamond-shape.large{width:70px;height:70px}.diamond-input{width:100%;height:100%;border:none;background:transparent;text-align:center;transform:rotate(-45deg);color:#4a2c2c;font-family:inherit;font-weight:700;outline:none}.diamond-shape.large .diamond-input{font-size:1.6rem}.diamond-shape.small .diamond-input{font-size:1rem}.diamond-shape.stat-large .diamond-input{font-size:1.3rem}.diamond-shape.stat-small .diamond-input{font-size:.8rem}.rv-diamond{width:20px;height:20px;border:1px solid #8b4513;transform:rotate(45deg);background:#fff;display:flex;justify-content:center;align-items:center}.rv-diamond .diamond-input{font-size:.6rem}.v-label{font-size:.65rem;font-weight:700;color:#4a2c2c;margin-bottom:10px;text-align:center}.v-label.label-bottom{margin-bottom:0;margin-top:10px}.actual-stats-container{display:flex;flex-direction:column;gap:25px;margin-top:15px;align-items:center}.stat-diamond-group{display:flex;flex-direction:column;align-items:center;border:1px solid #d4a76a;padding:12px 15px;background:#ffffff4d}.stat-title{font-size:.75rem;font-weight:700;color:#8b4513;margin-bottom:10px;text-align:center}.stat-diamond-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.stat-col-left{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-col-right{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px}.stat-diamond-item{display:flex;flex-direction:column;align-items:center;min-height:75px;justify-content:center}.stat-diamond-item .v-label{font-size:.55rem;margin-bottom:6px;text-align:center}.stat-diamond-item .v-label.label-bottom{margin-bottom:0;margin-top:6px}.diamond-shape.stat-large{width:60px;height:60px}.diamond-shape.stat-small{width:35px;height:35px}.title-section{text-align:center;color:#8b4513;border-bottom:1px solid #d4a76a;font-size:.9rem;margin:15px 0 10px;letter-spacing:1px}.red-text{color:#8b0000!important}.skill-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.skill-name{font-size:.85rem;flex:1}.skill-diamonds{display:flex;gap:4px}.small-diamond{width:12px;height:12px;border:1px solid #8b4513;transform:rotate(45deg);background:#fff;cursor:pointer;transition:background-color .2s ease}.small-diamond.filled{background:#000;border-color:#000}.recompensas-virtudes-box{display:flex;flex-direction:column;margin-top:10px;padding:8px;border:1px solid #d4a76a;background:#fff3}.rv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rv-title{font-size:.8rem;font-weight:700;color:#8b4513;text-transform:uppercase;letter-spacing:1px}.rv-diamond-section{display:flex;align-items:center;gap:8px}.rv-diamond-item{display:flex;flex-direction:column;align-items:center}.rv-diamond-item .rv-label{font-size:.6rem;font-weight:700;color:#4a2c2c;margin-bottom:2px}.rv-write-lines{display:flex;flex-direction:column;gap:5px}.rv-write-line{width:100%;background:transparent;border:none;border-bottom:1px solid #d4a76a;font-size:.85rem;color:#4a2c2c;padding:3px 0}.rv-write-line:focus{outline:none;border-bottom-color:#8b4513}.columna-derecha{display:flex;flex-direction:column;gap:30px;border-left:1px solid #d4a76a;padding-left:15px}.punto-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.punto-item span{font-size:.7rem;font-weight:700;margin-bottom:5px}.puntos-container{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.punto-item .diamond-large{margin-top:4px}.punto-item.s .diamond-large{margin-top:21px}.diamond-large{width:40px;height:40px;border:2px solid #8b4513;transform:rotate(45deg);background:#fff;display:flex;justify-content:center;align-items:center}.diamond-large .diamond-input{font-size:1.1rem}.estado-row{font-size:.8rem;margin-bottom:5px}.rect-box{width:100%;height:30px;border:1px solid #8b4513;margin-top:5px}.rect-box-input{width:100%;height:30px;background:transparent;border:1px solid #8b4513;padding:4px;font-size:.85rem;color:#4a2c2c}.hoja-footer{margin-top:30px;border-top:2px solid #8b4513;padding-top:20px}.footer-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}.equipo-guerra{border:1px solid #d4a76a;padding:10px}.equipo-guerra h4{margin-top:0}.equipo-table{width:100%;border-collapse:collapse}.equipo-table th{font-size:.7rem;text-align:left;color:#633c1f;padding:3px}.equipo-table td{padding:3px}.equipo-table td input{width:100%;background:transparent;border:none;border-bottom:1px solid #d4a76a;color:#4a2c2c;font-size:.85rem}.armadura-seccion{border:1px solid #d4a76a;padding:15px;display:flex;flex-direction:column;gap:12px}.armor-field-row{display:grid;grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:8px}.armor-field-row.simple{grid-template-columns:auto 1fr}.armor-label{font-size:.8rem;font-weight:700;color:#8b4513;min-width:70px}.armor-input{background:transparent;border:none;border-bottom:1px solid #d4a76a;color:#4a2c2c;font-size:.85rem;padding:3px 0}.armor-small-label{font-size:.7rem;color:#633c1f}.armor-small-input{width:40px;background:transparent;border:none;border-bottom:1px solid #d4a76a;color:#4a2c2c;text-align:center;font-size:.85rem}.small-input{width:40px!important;text-align:center}.equipo-viaje{border:1px solid #d4a76a;padding:10px}.equipo-viaje h4{margin-top:0}.viaje-textarea{width:100%;height:80px;background:transparent;border:1px solid #d4a76a;resize:none;color:#4a2c2c;padding:5px;font-size:.85rem}.viaje-table{width:100%;border-collapse:collapse}.viaje-table th{font-size:.7rem;text-align:left;color:#633c1f;padding:3px}.viaje-table td{padding:3px}.viaje-table td input{width:100%;background:transparent;border:none;border-bottom:1px solid #d4a76a;color:#4a2c2c;font-size:.85rem}.viaje-table td input:focus{outline:none;border-bottom-color:#8b4513}.logo-section{margin-top:20px;text-align:right}.anillo-logo{font-size:1.5rem;font-weight:700;color:#8b0000;letter-spacing:3px;opacity:.5}@media(max-width:1020px){.hoja-container{padding:5rem 1rem 1rem;align-items:flex-start}}.mis-personajes-container{padding:8rem 2rem 2rem}.header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;border-bottom:2px solid var(--gold-accent);padding-bottom:1rem}.header-section h2{color:var(--parchment-bg);margin:0;font-family:var(--font-title);font-size:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:2px}.personajes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2.5rem;align-items:stretch}.personaje-card .card-header h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personaje-info p{margin:.5rem 0}.personaje-info strong{color:var(--red-seal);font-weight:700}.personaje-card .card-footer{justify-content:space-between;gap:10px}.btn-outline-brown,.btn-outline-red{flex:1;padding:.4rem 0;border-radius:20px;text-align:center}.no-personajes{text-align:center;padding:4rem;color:#8d6e63;font-family:var(--font-title);font-size:1.2rem;border:2px dashed rgba(212,175,55,.3);border-radius:8px;grid-column:1 / -1;background:#fdf5e6cc}@media(max-width:1020px){.mis-personajes-container{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem}.header-section h2{font-size:1.8rem}}@media(max-width:480px){.mis-personajes-container{padding-top:4rem;padding-left:1rem;padding-right:1rem}.header-section h2{font-size:1.4rem;letter-spacing:1px}.personajes-grid{gap:1.5rem}.no-personajes{padding:1rem .5rem;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.card-footer{flex-wrap:wrap}.card-footer a{display:block;width:100%}.btn-outline-brown,.btn-outline-red{flex:unset;width:100%}}.perfil-container{padding:8rem 2rem 2rem}.perfil-header h2{color:var(--parchment-bg);margin:0 0 16px;font-family:var(--font-title);font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:1.2px}.perfil-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.panel{background:var(--parchment-bg);border:1px solid var(--parchment-border);border-radius:6px;padding:1rem;box-shadow:0 10px 20px #00000059,inset 0 0 30px #a0522d0f}.panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:8px}.panel-header h3{font-family:var(--font-title);color:#3e2a1f;margin:0}.link-ver-todas{font-size:.9rem;color:var(--gold-accent);text-decoration:none;font-weight:700}.lista{list-style:none;padding:0;margin:0}.lista-item{padding:10px 0;border-bottom:1px solid rgba(44,24,16,.06);display:flex;justify-content:space-between;align-items:flex-start}.lista-item:last-child{border-bottom:none}.item-link{color:#3e2723;text-decoration:none;font-weight:700;font-family:var(--font-text)}.meta{font-size:.8rem;color:#6b4f3c}.vacio{color:#6b4f3c;padding:8px 0;font-family:var(--font-title)}@media(max-width:1020px){.perfil-content{grid-template-columns:1fr}.perfil-container{padding-top:5rem;padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:480px){.perfil-container{padding-top:4rem;padding-left:1rem;padding-right:1rem}.perfil-header h2{font-size:1.5rem;letter-spacing:.8px}.lista-item{flex-direction:column;gap:.25rem}.meta{font-size:.75rem}}.canvas-dibujo-wrapper{display:flex;flex-direction:column;background:#1a120b;border:2px solid #d4af37;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0009,inset 0 0 40px #d4af370d;height:100%;min-height:320px;will-change:transform;transform:translateZ(0)}.canvas-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(to bottom,#2b1d12,#1a120b);border-bottom:2px solid #d4af37;flex-wrap:wrap;flex-shrink:0}.canvas-titulo{font-family:Cinzel,serif;font-size:.85rem;color:#d4af37;letter-spacing:1px;margin-right:.5rem;white-space:nowrap}.toolbar-group{display:flex;align-items:center;gap:4px;padding:0 6px;border-left:1px solid rgba(212,175,55,.25)}.toolbar-group:first-of-type{border-left:none}.tool-btn{background:#ffffff0d;border:1px solid rgba(212,175,55,.3);color:#f4ecd8;border-radius:4px;width:30px;height:30px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.tool-btn:hover{background:#d4af3733;border-color:#d4af37;transform:translateY(-1px)}.tool-btn.active{background:#d4af3759;border-color:#d4af37;box-shadow:0 0 8px #d4af3766}.tool-btn.action-btn{font-size:1rem}.tool-btn.danger:hover{background:#b71c1c4d;border-color:#b71c1c;box-shadow:0 0 8px #b71c1c66}.colores-grid{display:flex;flex-wrap:wrap;gap:3px;max-width:120px}.color-btn{width:18px;height:18px;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;border:2px solid transparent!important}.color-btn:hover{transform:scale(1.25);z-index:2}.color-btn.selected{border:2px solid #fff!important;box-shadow:0 0 6px #fff9;transform:scale(1.2)}.toolbar-label{font-family:Cinzel,serif;font-size:.65rem;color:#8d6e63;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.grosor-btn{background:#ffffff0d;border:1px solid rgba(212,175,55,.25);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.grosor-btn:hover{background:#d4af3726;border-color:#d4af37}.grosor-btn.active{background:#d4af374d;border-color:#d4af37;box-shadow:0 0 6px #d4af374d}.readonly-badge{font-family:Cinzel,serif;font-size:.75rem;color:#8d6e63;border:1px solid #5d4037;padding:.2rem .6rem;border-radius:12px;letter-spacing:.5px}.canvas-container{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a120b}.canvas-scaler{position:relative;box-shadow:0 0 20px #0009}.canvas-base,.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-base{z-index:1;background:linear-gradient(rgba(212,175,55,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.04) 1px,transparent 1px),#fdf5e6;background-size:24px 24px}.canvas-overlay{z-index:2}@media(max-width:1020px){.canvas-toolbar{gap:.3rem;padding:.4rem}.canvas-titulo{font-size:.75rem}.colores-grid{max-width:90px}.tool-btn{width:26px;height:26px;font-size:.8rem}.color-btn{width:15px;height:15px}}@media(max-width:480px){.canvas-toolbar{gap:.2rem;padding:.3rem .4rem;row-gap:.3rem}.canvas-titulo{font-size:.7rem;margin-right:.2rem}.toolbar-label{display:none}.tool-btn{width:24px;height:24px;font-size:.75rem}.grosor-btn{width:22px;height:22px}.color-btn{width:14px;height:14px}.colores-grid{max-width:80px;gap:2px}.toolbar-group{padding:0 4px;gap:3px}}@media(max-width:350px){.canvas-titulo,.toolbar-label{display:none}.toolbar-group:has(.grosor-btn){display:none}.colores-grid{max-width:70px;gap:2px}.color-btn{width:12px;height:12px}.tool-btn{width:22px;height:22px;font-size:.7rem}}.chat-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--parchment-bg);border-left:1px solid var(--gold-accent);box-shadow:none;font-family:Crimson Text,serif;overflow:hidden}.chat-header{background-color:#2c1810;color:var(--gold-accent);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--gold-accent)}.chat-header h3{margin:0;font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:1px}.chat-messages{flex:1;padding:15px;overflow-y:auto;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d4af37' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.system-message{text-align:center;font-style:italic;color:#5d4037;margin:10px 0;font-size:.9em;opacity:.8}.message{margin-bottom:12px;max-width:85%;padding:8px 12px;border-radius:8px;position:relative;box-shadow:1px 1px 3px #0000001a}.message.self{background-color:#e6dac3;margin-left:auto;border-bottom-right-radius:0;border:1px solid #d4af37}.message.other{background-color:#fffaf0;margin-right:auto;border-bottom-left-radius:0;border:1px solid #c0c0c0}.message-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.8rem;color:#5d4037;border-bottom:1px solid rgba(93,64,55,.2);padding-bottom:2px}.message-sender{font-weight:700}.message-content{word-wrap:break-word;font-size:1rem;color:#2c1810;font-weight:500}.message-time{font-size:.7rem;color:#8d6e63;text-align:right;margin-top:4px}.chat-input-area{background-color:#fdf5e6;padding:10px;border-top:1px solid var(--gold-accent);display:flex;gap:10px}.chat-input{flex:1;padding:8px 12px;border:1px solid #8d6e63;border-radius:20px;background-color:#fff;font-family:Crimson Text,serif;font-size:1rem;outline:none;transition:box-shadow .2s;color:#2c1810}.chat-input:focus{box-shadow:0 0 0 2px var(--gold-accent)}.chat-input::placeholder{color:#a1887f}.btn-enviar{background-color:#5d4037;color:var(--gold-accent);border:none;border-radius:20px;padding:0 20px;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-enviar:hover:not(:disabled){background-color:#3e2723}.btn-enviar:disabled{background-color:#a1887f;cursor:not-allowed;color:#d7ccc8}.message.roll{background-color:var(--parchment-bg);border:2px solid var(--gold-accent);color:var(--ink-color);padding:8px;margin-bottom:12px;border-radius:4px;box-shadow:2px 2px 4px #0003;width:95%;max-width:380px;margin-left:auto;margin-right:auto;position:relative;clear:both}.roll-header{display:flex;align-items:center;margin-bottom:8px;font-size:.95rem;border-bottom:1px solid rgba(93,64,55,.2);padding-bottom:4px}.roll-sender{font-weight:700;color:#8b0000;margin-right:5px}.roll-action{color:#5d4037;font-style:italic}.roll-groups-container{display:flex;flex-direction:column;gap:12px;margin:10px 0;width:100%}.roll-group{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;border-bottom:1px dashed rgba(93,64,55,.3)}.roll-group:last-child{border-bottom:none;padding-bottom:0}.roll-group-label{font-weight:700;font-size:.9rem;color:#4a3b32;margin-bottom:6px;background:#fff6;padding:2px 8px;border-radius:10px;text-align:center}.roll-cubes-container{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;margin-bottom:2px}.dice-icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:1px solid #5d4037;border-radius:4px;background-color:#fff;font-weight:700;font-size:.9rem;box-shadow:1px 1px 2px #00000026;animation:popIn .3s ease-out backwards}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.roll-group-subtotal{font-weight:700;color:#5d4037;font-size:.95rem;margin-top:4px}.roll-total-container{display:flex;flex-direction:column;align-items:center;margin-top:15px;padding-top:10px;border-top:2px solid var(--gold-accent);border-bottom:1px solid transparent;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.1))}.roll-total-label{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#5d4037;margin-bottom:0}.roll-total-value{font-family:Cinzel,serif;font-size:2.2rem;font-weight:700;color:#2c1810;text-shadow:1px 1px 0px rgba(255,255,255,.6);line-height:1;margin-bottom:5px}.juego-container{display:flex;height:100vh;background:linear-gradient(#0009,#000c),url(/images/background-main.png);background-size:cover;background-position:center;overflow:hidden;flex-direction:column}.nav-tabs-container{background:#1a120bf2;display:flex;justify-content:center;gap:1rem;padding:.5rem 1rem 0;border-bottom:3px solid var(--gold-accent);box-shadow:0 4px 10px #00000080;z-index:10}.nav-tab-btn{background:linear-gradient(to bottom,#2c1810,#1a120b);border:2px solid #5d4037;border-bottom:none;color:#adb5bd;font-family:var(--font-title);font-size:1rem;padding:.6rem 2rem;border-radius:8px 8px 0 0;cursor:pointer;transition:all .3s ease;position:relative;top:3px}.nav-tab-btn:hover{background:#3e2723;color:#e0e0e0}.nav-tab-btn.active{background:var(--parchment-bg);color:var(--red-seal);border-color:var(--gold-accent);font-weight:700;box-shadow:0 -2px 10px #d4af3733;top:3px;z-index:11}.character-selector-bar{background:#2c1810e6;padding:.8rem;display:flex;justify-content:center;align-items:center;gap:1rem;border-bottom:2px solid var(--gold-accent)}.char-select-label{color:var(--gold-accent);font-family:var(--font-title)}.char-select-dropdown{background:var(--parchment-bg);border:2px solid var(--gold-accent);color:var(--ink-color);padding:.4rem 1rem;font-family:var(--font-text);font-size:1.1rem;border-radius:4px;min-width:200px;cursor:pointer}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{padding:1.5rem 2rem;background:#1a120be6;border-bottom:3px solid var(--gold-accent);display:flex;justify-content:space-between;align-items:center}.cronica-info h2{color:var(--parchment-bg);font-family:var(--font-title);font-size:2rem;margin:0;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.cronica-info p{color:var(--parchment-bg);font-family:var(--font-text);font-size:1rem;margin:.3rem 0 0;opacity:.9}.top-actions{display:flex;gap:1rem}.btn-toggle-sheet{background:linear-gradient(to bottom,#d4af37,#a88432);border:1px solid var(--gold-border);color:var(--wood-dark);font-family:var(--font-title);font-weight:700;padding:.6rem 1.5rem;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.btn-toggle-sheet:hover{background:linear-gradient(to bottom,var(--gold-light),#d6ae7b);transform:translateY(-2px);box-shadow:0 0 15px #d4af3799}.btn-toggle-sheet.active{background:var(--red-seal);color:#fff;border-color:#b71c1c}.content-area{flex:1;padding:2rem;overflow:hidden;position:relative;display:flex;flex-direction:column}.scroll-viewport{flex:1;overflow:auto;width:100%;height:100%;-webkit-overflow-scrolling:touch}.placeholder-box{background:#fff;border:3px solid var(--gold-accent);border-radius:8px;padding:3rem;min-height:400px;box-shadow:0 10px 30px #0006,inset 0 0 50px #d4af371a;position:relative}.placeholder-box:before{content:"";position:absolute;inset:10px;border:1px solid rgba(212,175,55,.3);pointer-events:none;border-radius:4px}.placeholder-content{text-align:center;color:#8d6e63;font-family:var(--font-title)}.placeholder-content h3{font-size:1.8rem;margin-bottom:1rem;color:var(--ink-color)}.placeholder-content p{font-size:1.1rem;margin:.5rem 0}.detalle-personaje-main{background:var(--parchment-bg);border:3px solid var(--gold-accent);border-radius:8px;padding:2rem;box-shadow:0 10px 30px #0006,inset 0 0 50px #d4af371a}.detalle-personaje-main h3{font-family:var(--font-title);color:var(--red-seal);font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--gold-accent);letter-spacing:1px}.detalle-seccion{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(44,24,16,.2)}.detalle-seccion:last-child{border-bottom:none}.detalle-seccion h4{font-family:var(--font-title);color:#5d4037;font-size:1.1rem;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.5px}.detalle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.detalle-item{background:#ffffff80;padding:.8rem;border-radius:4px;border:1px solid rgba(44,24,16,.1)}.detalle-item strong{display:block;color:#5d4037;font-family:var(--font-title);font-size:.85rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.detalle-item span{color:var(--ink-color);font-size:1.1rem}.juego-alert{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:15px 20px;border-radius:6px;font-weight:700;text-align:center;z-index:1000;max-width:600px;box-shadow:0 4px 15px #0000004d}.juego-alert-error{background-color:var(--color-error-bg);color:var(--color-error-text);border:2px solid var(--color-error-border)}.juego-alert-success{background-color:var(--color-success-bg);color:var(--color-success-text);border:2px solid var(--color-success-border)}.hoja-paper input[type=checkbox]:checked:disabled{accent-color:var(--gold-accent);position:relative}.hoja-paper input[type=checkbox]:checked:disabled:after{content:"✓";position:absolute;color:#01d830;font-weight:700;font-size:14px;top:-2px;left:2px}.hoja-paper input[type=checkbox]:disabled{opacity:1;cursor:default;border:2px solid #8b4513;width:16px;height:16px}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#0003}.content-area::-webkit-scrollbar-thumb{background:var(--gold-accent);border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}.cuadro-scroll{overflow-y:auto!important;display:block!important;padding:2rem}.cuadro-canvas-block{width:100%;height:480px;margin-bottom:2rem;border-radius:6px;overflow:auto}.cuadro-canvas-block,.cuadro-ficha-block{max-width:100%;margin:0 auto}.cuadro-ficha-block{width:100%}.cuadro-canvas-block .canvas-dibujo-wrapper{height:100%}@media(min-height:900px){.cuadro-canvas-block{height:560px}}.game-layout{display:flex;flex:1;overflow:hidden;position:relative}.chat-toggle-btn{position:absolute;top:15px;right:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#a88432);border:2px solid var(--gold-border);color:var(--wood-dark);font-size:1.2rem;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006;transition:all .3s ease}.chat-toggle-btn.panel-open{display:none}.chat-dock-panel{width:320px;background:#1a120bf2;border-left:3px solid var(--gold-accent);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;overflow:hidden;position:relative;z-index:50}.chat-dock-panel.collapsed{width:0;border-left:none}.chat-panel-header{padding:1rem;background:#2c1810f2;border-bottom:2px solid var(--gold-accent);display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.chat-panel-title{color:var(--gold-accent);font-family:var(--font-title);margin:0;font-size:1.1rem}.chat-panel-close{background:none;border:none;color:#adb5bd;font-size:1.2rem;cursor:pointer}.chat-panel-close:hover{background:#d4af3733;border-color:var(--gold-accent)}.chat-panel-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-panel-body .chat-container{border-left:none}.chat-panel-body::-webkit-scrollbar{width:8px}.chat-panel-body::-webkit-scrollbar-track{background:#0000001a}.chat-panel-body::-webkit-scrollbar-thumb{background:var(--gold-accent);border-radius:4px}.chat-panel-body::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}@media(max-width:1024px){.detalle-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:1020px){.juego-container{flex-direction:column}.top-bar{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.cronica-info h2{font-size:1.4rem}.content-area{padding:.5rem}.placeholder-box{padding:1.5rem;min-height:200px}.chat-dock-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:65vh;max-height:65vh;border-left:none;border-top:3px solid var(--gold-accent);border-radius:16px 16px 0 0;z-index:100;transform:translateY(0);transition:transform .35s ease;will-change:transform}.chat-dock-panel.collapsed{transform:translateY(105%);pointer-events:none}.chat-dock-panel:not(.collapsed){transform:translateY(0);pointer-events:auto}.chat-toggle-btn{top:auto;bottom:20px;right:20px;width:50px;height:50px;font-size:1.5rem;position:fixed;z-index:200}.chat-toggle-btn.panel-open{display:none}}@media(min-width:901px){.chat-toggle-btn.panel-open{display:none}}@media(min-width:901px)and (max-width:1024px){.chat-dock-panel{width:300px}}@media(max-width:400px){.top-bar{padding:.5rem .75rem;gap:.25rem}.cronica-info h2{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cronica-info p{font-size:.8rem}.nav-tab-btn{font-size:.8rem;padding:.5rem 1rem}.chat-dock-panel{height:75vh;max-height:75vh}.content-area{padding:.25rem}}:root{--parchment-bg: #fdf5e6;--ink-color: #2c1810;--gold-accent: #d4af37;--gold-light: #eacda3;--gold-border: #f9e29c;--red-seal: #8b0000;--wood-dark: #1a120b;--wood-mid: #3e2723;--parchment-border: #dcd0b9;--parchment-shadow: rgba(0, 0, 0, .4);--color-success-bg: #d4edda;--color-success-text: #155724;--color-success-border: #c3e6cb;--color-error-bg: #f8d7da;--color-error-text: #721c24;--color-error-border: #f5c6cb;--color-warning-bg: #fff3e0;--color-warning-text: #e65100;--color-warning-border: #ff9800;--font-title: "Cinzel", serif;--font-body: "EB Garamond", "Garamond", "Crimson Text", serif;--font-text: "Garamond", "Crimson Text", serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:#f4ecd8;color:var(--ink-color);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000026}::-webkit-scrollbar-thumb{background:var(--gold-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-light)}.page-background{min-height:100vh;background:linear-gradient(#0009,#000c),url(/images/background-main.png);background-size:cover;background-position:center}.card-parchment{background:var(--parchment-bg);border:1px solid var(--parchment-border);border-radius:4px;box-shadow:0 10px 20px #0006,inset 0 0 40px #a0522d1a;position:relative;transition:transform .3s ease;display:flex;flex-direction:column}.card-parchment:before{content:"";position:absolute;inset:5px;border:1px solid rgba(212,175,55,.4);pointer-events:none}.card-parchment:hover{transform:translateY(-8px) rotate(1deg);z-index:10;box-shadow:0 15px 30px #00000080}.card-header{background:transparent;color:var(--ink-color);padding:1.5rem 1.5rem .5rem;border-bottom:1px solid rgba(44,24,16,.2);margin:0 10px}.card-header h3{margin:0;font-family:var(--font-title);font-size:1.4rem;color:var(--ink-color);text-align:center}.card-body{padding:1.5rem;font-family:var(--font-text);font-size:1.1rem;color:#3e2723;line-height:1.6;flex-grow:1}.card-footer{padding:1rem 1.5rem 1.5rem;background:transparent;border-top:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:auto}.card-footer>*{flex:1 1 auto;text-align:center}.card-footer button{width:100%}.btn-gold{background:linear-gradient(to bottom,#d4af37,#a88432);border:1px solid var(--gold-border);color:var(--wood-dark);font-family:var(--font-title);font-weight:700;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.btn-gold:hover:not(:disabled){background:linear-gradient(to bottom,var(--gold-light),#d6ae7b);transform:translateY(-2px);box-shadow:0 0 15px #d4af3799}.btn-gold:disabled{background:#bdc3c7;color:#7f8c8d;border-color:#95a5a6;opacity:.7;cursor:not-allowed;box-shadow:none}.btn-gold.active{background:#a88432;box-shadow:inset 0 2px 5px #0000004d}.btn-outline-brown{background:transparent;color:#5d4037;border:1px solid #5d4037;font-family:var(--font-title);padding:.4rem 1rem;font-size:.9rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-outline-brown:hover{background:#5d4037;color:var(--parchment-bg);box-shadow:0 4px 8px #0003}.btn-outline-red{background:transparent;color:#b71c1c;border:1px solid #b71c1c;font-family:var(--font-title);padding:.4rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-outline-red:hover{background:#b71c1c;color:#fff;box-shadow:0 0 10px #b71c1c66}.btn-outline-green{background:transparent;color:#2e7d32;border:1px solid #2e7d32;font-family:var(--font-title);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-outline-green:hover{background:#2e7d32;color:#fff}.btn-cancel{background:transparent;border:1px solid #5d4037;color:#5d4037;font-family:var(--font-title);padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#5d40371a;color:#3e2723}.btn-primary{background:linear-gradient(to bottom,#d4af37,#a88432);color:var(--wood-dark);border:1px solid var(--gold-border);padding:.875rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-title);box-shadow:0 4px 6px #0003}.btn-primary:hover:not(:disabled){background:linear-gradient(to bottom,var(--gold-light),#d6ae7b);transform:translateY(-2px);box-shadow:0 0 15px #d4af3780}.btn-primary:disabled{background:#bdc3c7;color:#7f8c8d;border-color:#95a5a6;opacity:.7;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;color:#b71c1c;border:1px solid #b71c1c;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-title);box-shadow:0 4px 6px #0003}.btn-secondary:hover{background:#b71c1c;color:#fff;box-shadow:0 0 15px #b71c1c80}.btn-block{width:100%;margin-top:.5rem}.alert{padding:.875rem 1.25rem;border-radius:6px;margin-bottom:1rem;font-size:.95rem;font-weight:500;box-sizing:border-box;width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.alert-success{background-color:var(--color-success-bg);color:var(--color-success-text);border:2px solid var(--color-success-border)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error-text);border-left:4px solid #ef4444}.alert-medieval-success{background-color:#d4af3726;color:var(--parchment-bg);border:2px solid var(--gold-accent);font-family:var(--font-title);font-weight:700;text-align:center}.alert-medieval-error{background-color:#b71c1ccc;color:#fff;border:2px solid #e53935;font-family:var(--font-title);font-weight:700;text-align:center}.loading{color:var(--parchment-bg);font-size:1.2rem;text-align:center;padding:40px;font-family:var(--font-title);letter-spacing:1px}.input-medieval{width:100%;box-sizing:border-box;background:var(--parchment-bg);color:var(--ink-color);border:1px solid #c9a24d;border-radius:4px;font-family:var(--font-body);font-size:1rem;padding:.8rem;box-shadow:inset 0 2px 5px #0000000d}.input-medieval:focus{outline:none;border-color:var(--red-seal);box-shadow:0 0 8px #c9a24d66;background:#fff}.input-medieval::placeholder{color:#8d6e63;font-style:italic}