.modal-backdrop{position:fixed;z-index:49;inset:0;background:rgba(25,25,22,.42);backdrop-filter:blur(7px)}.modal{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#f8f5ed;border-radius:22px;box-shadow:0 30px 100px rgba(23,20,14,.32);padding:24px}.modal-close{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;background:rgba(31,36,32,.07);font-size:20px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.15em;color:#7c776d}.modal h2{font-family:Georgia,serif;font-size:28px;line-height:1.03;margin:5px 0 14px;font-weight:600}.modal h3{font-size:12px;margin:0 0 7px}.modal-copy{font-size:11px;line-height:1.5;color:#676b67}.modal label{display:block;margin:14px 0 6px;font-size:11px;font-weight:800;color:#5c615d}
.modal-actions{display:flex;align-items:center;gap:7px;margin-top:17px}.card-modal-head{display:flex;align-items:center;gap:12px;padding-right:30px}.big-icon{width:47px;height:47px;border-radius:14px;background:#ebe3d5;display:grid;place-items:center;font-size:22px}.card-full-body{font-size:13px;line-height:1.6;white-space:pre-wrap}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:15px 0}.card-meta span{display:block;font-size:8px;text-transform:uppercase;color:#8a8982}.card-meta strong{font-size:11px}
.type-grid,.duration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:7px}.duration-grid{grid-template-columns:repeat(6,1fr)}.type-grid input,.duration-grid input{display:none}.type-grid label,.duration-grid label{display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:8px 4px;border-radius:10px;background:#efebe2;font-size:9px!important;cursor:pointer}.type-grid input:checked+label,.duration-grid input:checked+label{background:var(--ink);color:#fff}
.photo-picker{position:relative;min-height:58px;border:1px dashed rgba(31,36,32,.2);border-radius:13px;background:rgba(255,255,255,.55);display:flex;flex-direction:column;justify-content:center;padding:10px 12px;overflow:hidden}.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-picker strong{font-size:11px}.photo-picker span{font-size:9px;color:#85847d}.optional{font-weight:500;color:#929087}.photo-preview{text-align:center}.preview-instant-photo,.modal-instant-photo{position:relative;display:inline-block;background:white;padding:8px 8px 22px;box-shadow:0 10px 22px rgba(45,38,27,.16);transform:rotate(-1deg)}.preview-instant-photo img{width:150px;height:115px;object-fit:cover}.modal-photo-wrap{text-align:center;margin:14px 0}.modal-instant-photo img{display:block;max-width:330px;max-height:310px;object-fit:contain}
.identity-card{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:#eee8dc}.identity-card strong,.identity-card span{display:block}.identity-card span{font-size:9px;color:#777b76;margin-top:2px}.verification-box,.owned-murals{margin-top:12px;padding:12px;border-radius:14px;background:#eee9df}.owned-murals a{display:block;padding:7px 0;color:inherit;text-decoration:none;font-size:10px;border-bottom:1px solid rgba(31,36,32,.08)}.slug-preview,.access-row{margin:8px 0;padding:10px 11px;border-radius:12px;background:#eee9df}.slug-preview span,.access-row span{display:block;font-size:8px;text-transform:uppercase;color:#85847d}.slug-preview strong,.access-row strong{display:block;margin-top:3px;font-size:11px;overflow-wrap:anywhere}.qr-frame{width:190px;height:190px;margin:10px auto;padding:10px;background:#fff;border-radius:18px}.qr-frame img{width:100%;height:100%}.result-actions{display:flex;gap:7px}.primary-link{flex:1;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:11px}
.renew-panel{padding:10px;border-radius:12px;background:#eee9df}.renew-label{display:block;font-size:8px;text-transform:uppercase;margin-bottom:6px}.renew-options{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.renew-options button{padding:7px 2px;border-radius:8px;background:#fff;font-size:9px}

/* ─────────────────────────────────────────────
   PAPELES DE INTERFAZ PEGADOS AL MURAL
   ───────────────────────────────────────────── */
.modal-backdrop{display:none!important}

.world>.modal.paper-ui,
.world>.chat-sidebar.paper-ui{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  z-index:86!important;
  transform:rotate(var(--paper-rotation,0deg))!important;
  transform-origin:center center;
  border:0!important;
  border-radius:4px!important;
  background:#f5e8c8!important;
  box-shadow:
    0 24px 46px rgba(61,48,30,.20),
    0 4px 8px rgba(61,48,30,.09)!important;
  pointer-events:auto!important;
  opacity:1!important;
  transition:none!important;
  touch-action:auto;
}
.world>.modal.paper-ui{
  width:560px!important;
  max-width:none!important;
  max-height:660px!important;
  padding:28px!important;
}
.world>.modal.paper-ui::before,
.world>.chat-sidebar.paper-ui::before{
  content:"";
  position:absolute;
  left:50%;
  top:-12px;
  width:92px;
  height:25px;
  transform:translateX(-50%) rotate(-2deg);
  background:rgba(224,210,176,.80);
  box-shadow:0 1px 2px rgba(70,55,35,.08);
  pointer-events:none;
}
.world>#profileModal.paper-ui{background:#dce7e6!important}
.world>#createMuralModal.paper-ui{background:#dfe9cc!important}
.world>#composeModal.paper-ui{background:#f4dfa9!important}
.world>#cardModal.paper-ui{background:#eee1ca!important}

.paper-ui.paper-being-moved,
.owner-paper-panel.paper-being-moved{
  cursor:grabbing!important;
  filter:drop-shadow(0 30px 28px rgba(55,43,27,.16));
}
.paper-ui:not(.hidden),
.owner-paper-panel{
  cursor:grab;
}
.paper-ui input,
.paper-ui textarea,
.paper-ui button,
.paper-ui a,
.owner-paper-panel input,
.owner-paper-panel textarea,
.owner-paper-panel button,
.owner-paper-panel a{
  cursor:auto;
}
.paper-ui button,
.paper-ui a,
.owner-paper-panel button,
.owner-paper-panel a{
  cursor:pointer;
}

/* Scroll propio del diseño */
.paper-scroll{
  scrollbar-width:thin;
  scrollbar-color:rgba(84,72,53,.42) rgba(255,255,255,.15);
  overscroll-behavior:contain;
  touch-action:pan-y;
}
.paper-scroll::-webkit-scrollbar{width:10px;height:10px}
.paper-scroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,.15);
  border-radius:999px;
  margin:8px 0;
}
.paper-scroll::-webkit-scrollbar-thumb{
  background:rgba(84,72,53,.42);
  border:3px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
.paper-scroll::-webkit-scrollbar-thumb:hover{
  background:rgba(70,59,43,.62);
  border:3px solid transparent;
  background-clip:padding-box;
}

/* El contenido conserva el lenguaje de papel, no de ventana flotante. */
.paper-ui .modal-close{
  background:rgba(255,255,255,.42);
  box-shadow:inset 0 0 0 1px rgba(48,44,37,.09);
}